:root{color-scheme:dark;--bg:#080a17;--sidebar:#0b0c1b;--panel:#111427;--panel2:#15172d;--line:rgba(184,190,244,.11);--text:#edf0ff;--muted:#9194b1;--subtle:#666b8b;--purple:#a797ff;--mint:#73e5c9;--pink:#f398df;--blue:#84adff;--radius:19px;--shadow:0 18px 56px #00000026;font-family:Inter,'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 52% 33% at 77% -10%,#30254c40,transparent 90%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit;text-decoration:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-lg{width:24px;height:24px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:linear-gradient(180deg,#101121,#0b0c19 55%,#0d0e1d);border-right:1px solid var(--line);padding:32px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:53px}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#8c78ff,#a1a3ff 60%,#71ead8);font-weight:850;color:#11132c;font-size:23px;box-shadow:0 8px 28px #8a76ff35}.brand-name{font-size:23px;letter-spacing:-1.4px;font-weight:820}.brand-name span{color:#a79bff}.brand-sub{font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:2.6px;color:#9e97c0;margin-top:-5px}.nav-label{font-size:10px;letter-spacing:2.4px;color:#5d627f;font-weight:800;margin:0 14px 13px}.nav-list{display:grid;gap:5px}.nav-button{appearance:none;width:100%;color:#969ab5;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:10px;text-align:left;font-size:13px;font-weight:620;transition:.18s}.nav-button:hover{color:white;background:#ffffff0c}.nav-button.active{background:linear-gradient(90deg,#5649a44d,#28204075);border-color:#9180ff17;color:#dcd6ff;box-shadow:inset 3px 0 #a393ff}.nav-button.active .icon{color:#af9cff}.sidebar-spacer{flex:1}.sidebar-tip{border:1px solid #9889e333;background:linear-gradient(145deg,#292044,#15152a);border-radius:15px;padding:17px;margin:22px 4px;color:#d4c8ff}.sidebar-tip strong{font-size:12px}.sidebar-tip p{margin:9px 0 0;color:#a09cbb;font-size:11px;line-height:1.65}.sidebar-profile{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding:20px 11px 5px}.avatar{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(150deg,#b4a7ff,#6858b8);color:#fff;font-weight:780;border:2px solid #dbcfff29;flex:none}.avatar.small{width:31px;height:31px;border-radius:50%;font-size:12px}.main{flex:1;min-width:0;max-width:1800px;margin:auto;width:100%}.topbar{padding:26px clamp(20px,3.6vw,60px) 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff07}.breadcrumb{font-size:12px;color:#696e8c}.breadcrumb span{color:#d4d8f6}.top-right{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px}.date-pill{border:1px solid var(--line);background:#11152980;padding:9px 13px;border-radius:10px;display:flex;align-items:center;gap:9px}.top-avatar{width:34px;height:34px;font-size:12px;border-radius:50%}.content{padding:32px clamp(20px,3.6vw,60px) 75px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 25px}.eyebrow{color:#9b8cf3;letter-spacing:2.5px;text-transform:uppercase;font-size:10px;font-weight:790}.page-heading h1,h1{font-size:clamp(27px,3vw,37px);line-height:1.15;letter-spacing:-1.4px;font-weight:800;margin:8px 0 7px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:1px solid #54557870;border-radius:10px;color:var(--text);background:#292c46;font-weight:710;font-size:12px;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:#363957}.btn.primary{background:linear-gradient(112deg,#a499ff,#7861e3);color:#15122b;border-color:transparent;box-shadow:0 8px 29px #8d78e13b}.btn.primary:hover{box-shadow:0 8px 32px #a38cff66}.btn.mint{background:linear-gradient(115deg,#92f4d9,#67d6c5);color:#082e2f;border-color:transparent}.btn.ghost{background:transparent;border-color:var(--line);color:#c5c4e0}.btn.danger{color:#ffb0bd;border-color:#ff718342;background:#ff718315}.btn.sm{padding:8px 11px;font-size:11px;border-radius:8px}.btn.icon-only{padding:10px}.btn:focus-visible,.nav-button:focus-visible,.category-card:focus-visible,button:focus-visible{outline:2px solid #a98eff;outline-offset:2px}.glass{background:linear-gradient(143deg,rgba(28,31,57,.82),rgba(15,19,38,.8));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{min-height:270px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 105% at 83% 53%,#51449c4f,transparent 90%),linear-gradient(112deg,#20223e,#17182e 80%);border:1px solid #9481c12c;border-radius:22px}.hero:after{content:'';position:absolute;inset:auto 22% -170px 25%;height:250px;background:radial-gradient(ellipse,#544ba01e,transparent 70%);pointer-events:none}.hero-body{z-index:1}.hero h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1.4px;line-height:1.16;margin:15px 0 12px}.hero h2 em{font-style:normal;color:#bdadff}.hero p{max-width:420px;color:#a8aac8;font-size:13px;line-height:1.8;margin:0 0 21px}.hero .chips{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #aba5d331;background:#ffffff0a;padding:8px 10px;border-radius:8px;font-size:11px;color:#d3cffa}.chip .icon{width:15px;height:15px;color:#c9b2ff}.score-visual{width:205px;height:205px;position:relative;display:grid;place-items:center}.score-visual svg{width:100%;height:100%;transform:rotate(-90deg)}.score-center{position:absolute;text-align:center}.score-big{font-size:50px;line-height:1;font-weight:840;letter-spacing:-3px;color:#f7f4ff}.score-big small{font-size:18px;color:#d0bedf;letter-spacing:0;margin-left:3px}.score-caption{color:#beb6de;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:760;margin-top:8px}.score-status{font-size:11px;color:#73e5cc;font-weight:670;margin-top:3px}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.stat-card{padding:19px 20px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-weight:650;font-size:11px}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#987df21b;color:#b5a2ff}.stat-value{font-weight:820;font-size:25px;letter-spacing:-.9px;margin:14px 0 0}.stat-foot{font-size:10px;color:#8586a7;margin-top:3px}.stat-foot b{color:#78e0c7}.progress{height:6px;overflow:hidden;background:#302f4a;border-radius:999px}.progress i{height:100%;display:block;width:var(--progress,0%);background:var(--bar,#a797ff);border-radius:inherit;transition:width .65s ease}.stat-card .progress{margin-top:12px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{font-size:16px;font-weight:790;margin:0;letter-spacing:-.2px}.section-heading .link{font-size:11px;color:#b5a2ff;font-weight:710;background:transparent;border:0;display:inline-flex;gap:6px;align-items:center}.section-heading .link:hover{color:#dfd5ff}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{display:block;text-align:left;width:100%;min-width:0;border-radius:15px;border:1px solid var(--line);background:linear-gradient(140deg,#1a1c32db,#131626db);padding:17px 17px 14px;color:var(--text);transition:border .2s,transform .18s,background .18s}.category-card:hover{transform:translateY(-2px);border-color:#9c91ef5d;background:#24243e}.category-card .rowtop{display:flex;align-items:center;justify-content:space-between;gap:6px}.cat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--cat-color) 14%,transparent);color:var(--cat-color)}.cat-icon .icon{width:18px;height:18px}.cat-score{font-size:24px;font-weight:840;letter-spacing:-.9px}.cat-score.missing{font-size:20px;color:#7f809e}.cat-name{font-size:12px;font-weight:720;margin:13px 0 3px}.cat-desc{color:#7f83a0;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-card .progress{margin-top:14px;height:5px}.cat-bottom{display:flex;justify-content:space-between;color:#777d9d;font-size:10px;margin-top:9px}.cat-bottom span:last-child{color:var(--cat-color)}.quest-panel{padding:21px 21px 17px}.quest-panel .section-heading{margin-bottom:14px}.quest{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid #ffffff0b}.quest:last-child{border-bottom:0}.quest-check{appearance:none;flex:none;width:22px;height:22px;border:1px solid #6d7099;border-radius:7px;background:#252743;color:#78e0c7;display:grid;place-items:center;padding:0;margin-top:2px}.quest-check.done{background:#70dcc621;border-color:#64d6c5}.quest-check:hover{border-color:#a99dff}.quest-content{flex:1;min-width:0}.quest-title{font-size:12px;font-weight:700}.quest-title.done{text-decoration:line-through;color:#858aa2}.quest-meta{font-size:10px;color:#777d98;margin-top:6px}.quest-xp{color:#e6c88d;font-size:11px;font-weight:750;white-space:nowrap;padding-top:3px}.right-stack{display:grid;gap:17px;align-content:start}.insight-panel{padding:23px}.insight-panel h3{font-size:13px;margin:0 0 12px}.insight-panel p{font-size:12px;line-height:1.85;color:#999db7}.insight-panel .tip-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#a89cff1f;color:#b4a3ff;margin-bottom:14px}.faint{color:var(--muted)}.small{font-size:11px}.muted{color:var(--muted)}.right-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel{padding:24px}.panel+.panel{margin-top:18px}.panel-title{font-size:16px;margin:0 0 5px;letter-spacing:-.2px}.panel-desc{color:var(--muted);font-size:12px;margin:0 0 20px}.detail-top{display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center;padding:29px;margin-bottom:18px;background:radial-gradient(ellipse at 90% 10%,#6155a73b,transparent 65%),linear-gradient(140deg,#1d2038,#121626)}.detail-score{font-size:65px;font-weight:850;letter-spacing:-3px;line-height:1;margin:16px 0 10px}.data-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--line);border-radius:50px;color:#abb2d4;font-size:10px}.two-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.metric-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.metric-row:last-child{border-bottom:0}.metric-main{flex:1;min-width:0}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:710}.metric-sub{font-size:10px;color:var(--muted);margin:5px 0 9px}.metric-score{font-size:14px;font-weight:850}.metric-progress{height:5px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{color:#777e9f;font-weight:650;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:11px 10px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 10px;border-bottom:1px solid #ffffff0b}.data-table tr:last-child td{border:0}.pill{font-size:10px;color:#b6a9ff;border-radius:6px;background:#a494ff16;border:1px solid #a494ff24;padding:4px 8px;display:inline-block}.pill.green{background:#72e5c91b;border-color:#72e5c933;color:#76e7cd}.pill.gold{background:#ebc4871b;border-color:#ebc48740;color:#eaca83}.empty{display:grid;place-items:center;text-align:center;color:#8287a3;padding:42px 24px;gap:12px}.empty .icon{width:30px;height:30px;color:#aba0ef}.empty h3{color:#d9d8f0;margin:0;font-size:15px}.empty p{max-width:330px;font-size:12px;margin:0 auto 9px;line-height:1.75}.category-block{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.category-block:last-child{border-bottom:0}.category-block .progress{margin-top:8px}.chart{min-height:230px;width:100%;padding-top:15px}.chart svg{width:100%;height:200px;overflow:visible}.chart-legend{display:flex;align-items:center;justify-content:space-between;color:#8f93ad;font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{color:#b4b7d2;font-size:11px;font-weight:660}.input,select,textarea{width:100%;background:#0d1022;border:1px solid #353953;border-radius:10px;outline:none;color:var(--text);padding:12px;font-size:13px;min-width:0}.input:focus,select:focus,textarea:focus{border-color:#a89aff;box-shadow:0 0 0 3px #9b85ec25}input[type=checkbox]{accent-color:#a99cff;cursor:pointer}textarea{min-height:82px;resize:vertical}input[type=range]{accent-color:#a998ff;width:100%}.field small{color:#6f7694;font-size:10px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#050510ca;z-index:40;display:grid;place-items:center;padding:18px;backdrop-filter:blur(10px)}.modal{width:min(100%,560px);max-height:min(88vh,840px);overflow:auto;background:radial-gradient(ellipse at 90% -20%,#453c6c55,transparent 65%),#17182b;border:1px solid #9b91ed38;border-radius:21px;padding:26px;box-shadow:0 24px 100px #000b}.modal h2{font-size:23px;letter-spacing:-.6px;margin:4px 0 8px}.modal p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px}.modal-close{border:0;background:#ffffff0b;color:#c7c8e6;border-radius:8px;padding:6px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:#080a17}.auth-art{position:relative;padding:clamp(30px,6vw,75px);background:radial-gradient(ellipse 85% 65% at 65% 55%,#4333776b,transparent 72%),linear-gradient(140deg,#1b1538,#0d1125);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-art:before{content:'';position:absolute;width:390px;height:390px;border:1px solid #a395fc3b;border-radius:50%;right:-140px;top:22%;box-shadow:0 0 0 60px #8b79ed0b,0 0 0 125px #8b79ed08,0 0 0 190px #8b79ed05}.auth-art h1{font-size:clamp(42px,5vw,72px);letter-spacing:-4px;line-height:1.1;max-width:650px;position:relative}.auth-art h1 span{color:#b19eff}.auth-art p{color:#b1aec8;max-width:435px;font-size:15px;line-height:1.8}.auth-note{font-size:11px;color:#807da2;position:relative}.auth-panel{padding:35px;display:grid;place-items:center}.auth-box{width:min(410px,100%)}.auth-box h2{font-size:27px;letter-spacing:-1px;margin:0 0 6px}.auth-box p{color:var(--muted);font-size:12px;line-height:1.8}.auth-form{display:grid;gap:14px;margin-top:29px}.auth-divide{display:flex;align-items:center;gap:15px;color:#676b89;font-size:11px;margin:22px 0}.auth-divide:before,.auth-divide:after{content:'';height:1px;flex:1;background:var(--line)}.auth-toggle{color:#ab9df7;background:none;border:0;padding:4px}.onboard{max-width:810px;margin:0 auto}.steps{display:flex;gap:9px;margin:0 0 27px}.steps div{height:5px;flex:1;background:#27283c;border-radius:9px}.steps div.active{background:linear-gradient(90deg,#907dfc,#79dacd)}.choose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choose-item{display:flex;align-items:center;gap:10px;background:#161a30;border:1px solid var(--line);padding:12px;border-radius:11px;cursor:pointer;font-size:12px}.choose-item:has(input:checked){border-color:#a69bfa99;background:#7771b52e}.choose-item .cat-icon{width:28px;height:28px}.goal-card{padding:21px;display:flex;flex-direction:column;gap:14px}.goal-card .progress{height:8px}.goal-value{font-size:27px;font-weight:800;letter-spacing:-.7px}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.badge-card{text-align:center;padding:23px 13px;background:#181b30;border:1px solid var(--line);border-radius:15px}.badge-card.locked{opacity:.38;filter:saturate(.3)}.badge-mark{width:58px;height:58px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#c2b0ff,#7055bb);color:#fff;box-shadow:0 12px 25px #7163bb30}.badge-mark .icon{width:27px;height:27px}.badge-card h3{font-size:12px;margin:0 0 5px}.badge-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.character-head{display:flex;gap:24px;align-items:center}.character-avatar{width:110px;height:110px;border-radius:29px;font-size:64px;box-shadow:0 0 0 6px #b8a5ff10}.attribute-row{display:grid;grid-template-columns:150px 1fr 48px;gap:12px;align-items:center;margin:15px 0;font-size:12px}.attribute-row .progress{height:9px}.report-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.highlight{padding:18px;border-radius:13px;border:1px solid var(--line);background:#12162a}.highlight b{font-size:26px;letter-spacing:-1px}.highlight span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.settings-row{display:grid;grid-template-columns:1.2fr minmax(60px,.7fr) 70px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.settings-row:last-child{border:0}.settings-row .input{padding:8px;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid>.full{grid-column:1/-1}.theme-glow{background:radial-gradient(ellipse at 0 50%,#39255d15,transparent 60%)}.floating-cta{position:fixed;right:30px;bottom:26px;z-index:15;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(145deg,#af9aff,#7d6ae7);color:#111223;box-shadow:0 12px 37px #8d7afb55;border:0}.floating-cta .icon{width:25px;height:25px}.bottomnav{display:none}#toast{position:fixed;z-index:80;bottom:24px;left:50%;transform:translate(-50%,18px);pointer-events:none;opacity:0;background:#25294b;color:#f1f1ff;padding:12px 19px;border:1px solid #aba0f465;box-shadow:0 13px 46px #0008;border-radius:10px;font-size:12px;transition:all .24s}#toast.visible{opacity:1;transform:translate(-50%,0)}.loader{height:100vh;display:grid;place-content:center;gap:17px;text-align:center;color:#a8a0d0;font-size:12px}.loader-mark{font-size:45px;font-weight:900;color:#b8a7ff;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:.55}}.demo-banner{background:#a294ff12;color:#a9a0cb;text-align:center;border-bottom:1px solid #a294ff1d;padding:7px;font-size:10px}.demo-banner b{color:#d0c6ff}.toast-pop{animation:rise .5s ease}@keyframes rise{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1150px){.sidebar{width:211px}.content{padding:24px 24px 80px}.topbar{padding:22px 24px}.dash-grid{grid-template-columns:minmax(0,1fr) 280px}.hero{padding:24px}.score-visual{width:172px;height:172px}.stat-card{padding:17px 13px}}@media(max-width:960px){.sidebar{width:76px;padding:26px 11px}.brand{padding:0;margin-bottom:44px;justify-content:center}.brand-name,.brand-sub,.nav-label,.nav-button span,.sidebar-tip,.sidebar-profile div:not(.avatar){display:none}.nav-button{justify-content:center;padding:13px}.sidebar-profile{padding:17px 0;justify-content:center}.nav-button.active{box-shadow:none;border-color:#a49bff38}.dash-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.metrics-strip{grid-template-columns:repeat(2,1fr)}.topbar{padding:20px}.content{padding:23px 20px 85px}}@media(max-width:640px){.app-shell{display:block}.sidebar{display:none}.main{width:100%}.topbar{padding:15px 18px}.top-right{gap:8px}.date-pill{font-size:10px;padding:6px 8px}.top-right .date-pill .icon{width:13px;height:13px}.content{padding:24px 15px 110px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading .btn{padding:9px 11px}.hero{grid-template-columns:1fr;gap:22px;text-align:center;padding:28px 20px 20px}.hero p{margin:0 auto 20px}.hero .chips{justify-content:center}.hero h2{font-size:29px}.score-visual{order:-1;width:175px;height:175px;margin:0 auto}.metrics-strip{gap:9px;margin-top:11px}.stat-card{padding:14px}.stat-value{font-size:21px}.stat-top{font-size:10px}.dash-grid{margin-top:25px;gap:15px}.category-grid{gap:9px}.category-card{padding:13px}.cat-score{font-size:21px}.right-stack{grid-template-columns:1fr}.category-card .cat-desc{font-size:9px}.detail-top{grid-template-columns:1fr;text-align:center;padding:24px}.detail-top .score-visual{width:150px;height:150px}.two-columns{grid-template-columns:1fr}.form-grid,.settings-grid{grid-template-columns:1fr}.settings-grid>.full{grid-column:auto}.choose-grid{grid-template-columns:1fr}.report-highlights{gap:7px}.highlight{padding:10px}.highlight b{font-size:20px}.highlight span{font-size:9px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-head{flex-direction:column;text-align:center}.attribute-row{grid-template-columns:108px 1fr 35px;font-size:11px}.auth-screen{display:block}.auth-art{padding:30px 23px;min-height:280px}.auth-art h1{font-size:38px;letter-spacing:-2px}.auth-art p{font-size:12px}.auth-panel{padding:40px 25px}.bottomnav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#101122f5;backdrop-filter:blur(16px);border-top:1px solid #ffffff17;padding:9px 6px max(9px,env(safe-area-inset-bottom));z-index:25}.bottomnav button{display:grid;place-items:center;gap:3px;background:none;border:0;color:#8d91ad;font-size:9px;min-width:50px}.bottomnav button.active{color:#b4a4ff}.bottomnav button .icon{width:19px;height:19px}.floating-cta{bottom:78px;right:16px;width:50px;height:50px}.modal{padding:21px;border-radius:17px}.settings-row{grid-template-columns:1fr 75px;gap:7px}.settings-row .weight-value{grid-column:2;grid-row:1}.settings-row input[type=range]{grid-column:1/-1}.page-heading p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Mortal beta 1 identity — actual supplied emblem and violet-to-pink accents. */
:root{--brand-image:url("/mortal-icon.png");--mortal-pink:#f18cce;--mortal-purple:#a78bfa}
.brand-symbol{flex:none;width:42px;height:42px;display:block;border-radius:12px;background-image:var(--brand-image);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 8px 24px rgba(217,88,207,.21);font-size:0}
.brand-name{font-size:23px;letter-spacing:-1.15px}
.brand-name span{color:var(--mortal-pink)}
.brand-sub{font-size:9px;letter-spacing:1.6px}
.auth-art .brand-symbol{width:52px;height:52px;border-radius:15px}
.auth-art .brand-name{font-size:29px}
.auth-art{isolation:isolate}
.auth-art::after{content:"";position:absolute;right:-30px;top:36%;width:min(43vw,330px);aspect-ratio:1;border-radius:26%;background-image:var(--brand-image);background-position:center;background-size:cover;opacity:.11;filter:blur(.25px);pointer-events:none;transform:rotate(-10deg);z-index:-1}
.btn.primary{background:linear-gradient(112deg,#ef8bce,#af83ed);color:#1a1129;box-shadow:0 8px 29px #d76bc43b}
.btn.primary:hover{box-shadow:0 8px 35px #e787cc65}
.floating-cta{background:linear-gradient(145deg,#f191d1,#a68af9);box-shadow:0 12px 37px #e27ac044}
.loader-mark{width:76px;height:76px;margin:0 auto;border-radius:19px;background:var(--brand-image) center/cover no-repeat;box-shadow:0 8px 45px #d56dbb38;font-size:0}
@media(max-width:640px){.auth-art::after{width:175px;right:-12px;top:28%;opacity:.09}.auth-art .brand-symbol{width:44px;height:44px}.auth-art .brand-name{font-size:25px}}