@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_a4bae9{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_a4bae9{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_0d7163{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_0d7163{--font-body:"DM Sans","DM Sans Fallback"}:root{--bg:#0e100d;--bg-pattern:rgba(229,241,196,0.035);--surface:#171a15;--surface-raised:#1d211a;--surface-soft:#22271e;--ink:#f2f1e7;--muted:#9da493;--faint:#737a6d;--line:#343a2f;--line-strong:#4a5242;--accent:#c5ec68;--accent-ink:#182008;--accent-soft:#293617;--amber:#f3ad5e;--amber-soft:#3a2d1b;--coral:#f0806d;--coral-soft:#3c211d;--sky:#85c8e8;--shadow:0 8px 0 rgba(0,0,0,0.22);--shadow-small:0 4px 0 rgba(0,0,0,0.18);--radius:16px;--radius-small:10px;--sidebar-width:264px}:root[data-theme=light]{--bg:#eeecdf;--bg-pattern:rgba(38,45,31,0.055);--surface:#fffdf5;--surface-raised:#ffffff;--surface-soft:#e7e5d7;--ink:#20251c;--muted:#62695b;--faint:#7d8375;--line:#cbcdbd;--line-strong:#aeb3a1;--accent:#9ac83d;--accent-ink:#172006;--accent-soft:#e1edc1;--amber:#c77827;--amber-soft:#f8e1c0;--coral:#c85d4d;--coral-soft:#f6d9d3;--sky:#3d91b8;--shadow:0 8px 0 rgba(45,50,37,0.11);--shadow-small:0 4px 0 rgba(45,50,37,0.1)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--bg-pattern) 1px,transparent 1px),linear-gradient(90deg,var(--bg-pattern) 1px,transparent 1px);background-size:28px 28px;color:var(--ink);font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5;transition:background-color .18s ease,color .18s ease}button,input,select,textarea{font:inherit}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{color:var(--accent-ink);background:var(--accent)}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:30;height:100vh;padding:26px 20px 20px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 96%,transparent);border-right:1px solid var(--line)}.sidebar-head{justify-content:space-between}.brand,.sidebar-head{display:flex;align-items:center}.brand{gap:12px;color:var(--ink);text-decoration:none;font-family:var(--font-display),sans-serif;font-size:20px;font-weight:760;letter-spacing:-.025em}.brand small{display:block;margin-top:-1px;color:var(--muted);font-family:var(--font-body),sans-serif;font-size:10px;font-weight:650;letter-spacing:.075em;text-transform:uppercase}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px 12px 12px 4px;background:var(--accent);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 55%,var(--ink));box-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 35%,transparent);transform:rotate(-2deg)}.brand-mark:after{content:"";position:absolute;inset:4px;border:1px dashed color-mix(in srgb,var(--accent-ink) 28%,transparent);border-radius:8px 8px 8px 2px}.sidebar nav{display:grid;gap:7px;margin-top:54px}.sidebar nav a{position:relative;display:flex;align-items:center;min-height:46px;gap:12px;padding:11px 12px;color:var(--muted);border:1px solid transparent;border-radius:10px;text-decoration:none;font-weight:700;transition:color .16s ease,background .16s ease,transform .16s ease,border-color .16s ease}.sidebar nav a:hover{color:var(--ink);background:var(--surface-soft);transform:translateX(2px)}.sidebar nav a.active{color:var(--ink);background:var(--surface-raised);border-color:var(--line);box-shadow:var(--shadow-small)}.sidebar nav a.active:before{content:"";position:absolute;left:-21px;width:4px;height:23px;border-radius:0 6px 6px 0;background:var(--accent);animation:nav-marker .24s cubic-bezier(.2,.8,.2,1)}.badge{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 5px;border-radius:8px 8px 8px 3px;background:var(--coral);color:#1c0c08;font-size:10px;font-weight:850}.sidebar-footer{display:grid;gap:12px;margin-top:auto}.local-note{padding:0 8px;color:var(--faint);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-toggle{min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);color:var(--muted);font-weight:750;cursor:pointer;transition:transform .16s ease,color .16s ease,border-color .16s ease}.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.theme-icon{display:grid;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.theme-toggle:hover .theme-icon{transform:rotate(12deg)}.mobile-theme{display:none;width:42px;padding:0}main{width:100%;max-width:1600px;padding:42px clamp(24px,4.5vw,72px) 72px}.page-transition{animation:page-in .28s cubic-bezier(.2,.75,.25,1) both}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.page-head-copy{max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:2px;background:currentColor}.page-head h1{margin:8px 0 7px;font-family:var(--font-display),sans-serif;font-size:clamp(37px,4vw,54px);font-weight:720;line-height:.98;letter-spacing:-.045em}.page-head p{max-width:650px;margin:0;color:var(--muted);font-size:15px}.button,button:not(.theme-toggle):not(.icon-button){min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--accent) 65%,var(--ink));border-radius:10px 10px 10px 4px;background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 28%,transparent);font:inherit;font-size:13px;font-weight:850;line-height:1;text-decoration:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.button:hover,button:not(.theme-toggle):not(.icon-button):hover{transform:translateY(-2px);box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 25%,transparent)}.button:active,button:not(.theme-toggle):not(.icon-button):active{transform:translateY(1px);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 25%,transparent)}.button.secondary,button.secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-small)}.button.ghost,button.ghost{background:transparent;color:var(--muted);border-color:transparent;box-shadow:none}.button.danger,button.danger{background:var(--coral-soft);color:var(--coral);border-color:color-mix(in srgb,var(--coral) 35%,var(--line));box-shadow:none}.button[aria-disabled=true],button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--muted);cursor:pointer;transition:color .15s ease,transform .15s ease,border-color .15s ease}.icon-button:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.icon-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.card,.stat{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.card{padding:22px;border-radius:var(--radius) var(--radius) var(--radius) 6px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card h2,.section-title{margin:0;font-family:var(--font-display),sans-serif;font-size:22px;line-height:1.15;letter-spacing:-.025em}.card-kicker{margin:5px 0 0;color:var(--muted);font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{position:relative;min-height:132px;overflow:hidden;padding:19px;border-radius:14px 14px 14px 5px;animation:card-rise .36s both}.stat:nth-child(2){animation-delay:45ms}.stat:nth-child(3){animation-delay:90ms}.stat:nth-child(4){animation-delay:135ms}.stat:after{content:"";position:absolute;right:-14px;bottom:-20px;width:72px;height:72px;border:1px dashed var(--line-strong);border-radius:50%;opacity:.55}.stat-icon{width:31px;height:31px;display:grid;place-items:center;margin-bottom:13px;border-radius:8px 8px 8px 3px;background:var(--surface-soft);color:var(--accent)}.stat-label{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.stat strong{display:block;margin-top:3px;font-family:var(--font-display),sans-serif;font-size:31px;line-height:1;letter-spacing:-.04em}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:20px}.notification,.rank-row,.resource-row{position:relative;border-top:1px solid var(--line);padding:17px 0}.notification:first-of-type,.rank-row:first-of-type,.resource-row:first-of-type{border-top:0}.rank-row{transition:transform .15s ease}.rank-row:hover{transform:translateX(3px)}.rank-position{width:30px;height:30px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:8px 8px 8px 3px;background:var(--surface-soft);color:var(--muted);font-family:var(--font-display),sans-serif;font-size:12px;font-weight:850}.rank-position.top{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:rotate(-3deg)}.row-main{display:flex;justify-content:space-between;gap:16px;align-items:center}.row-copy{min-width:0;flex:1 1}.row-main a,.row-title{color:var(--ink);font-weight:780;text-decoration:none}.row-main a:hover{color:var(--accent)}.meta{color:var(--muted);font-size:12px}.row-copy .meta{margin-top:4px}.score{color:var(--accent);font-family:var(--font-display),sans-serif;font-size:20px;white-space:nowrap}.score small{color:var(--muted);font-family:var(--font-body),sans-serif;font-size:10px;text-transform:uppercase}.progress-wrap{margin-top:11px}.progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--muted);font-size:11px}.progress-label strong{color:var(--ink)}.progress{height:9px;overflow:hidden;border:1px solid var(--line);border-radius:3px 8px 8px 3px;background:var(--surface-soft)}.progress-fill{display:block;height:100%;border-radius:2px 7px 7px 2px;background:var(--accent);transition:width .6s cubic-bezier(.18,.85,.2,1)}.progress-warning{background:var(--amber)}.progress-complete{background:var(--sky)}.status-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 8px;border:1px solid var(--line);border-radius:7px 7px 7px 3px;background:var(--surface-soft);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.07em;line-height:1;text-transform:uppercase;white-space:nowrap}.status-marker{width:6px;height:6px;border-radius:50%;background:currentColor}.status-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--accent-soft)}.status-warning{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 30%,var(--line));background:var(--amber-soft)}.status-complete{color:var(--sky);border-color:color-mix(in srgb,var(--sky) 30%,var(--line));background:color-mix(in srgb,var(--sky) 13%,var(--surface))}.status-danger{color:var(--coral);border-color:color-mix(in srgb,var(--coral) 30%,var(--line));background:var(--coral-soft)}.attention-card{background:color-mix(in srgb,var(--amber-soft) 45%,var(--surface))}.attention-row{padding:15px 0;border-top:1px solid color-mix(in srgb,var(--amber) 18%,var(--line))}.attention-row:first-of-type{border-top:0}.attention-link{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:750}.attention-link:hover{color:var(--amber)}.actions{flex-wrap:wrap;gap:9px}.actions,.toolbar{display:flex;align-items:center}.toolbar{justify-content:space-between;gap:16px;margin-bottom:20px}.segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.segmented button{min-height:36px!important;padding:8px 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}.segmented button.active{background:var(--surface-soft)!important;color:var(--ink)!important}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.skill-card{position:relative;min-height:210px;display:flex;flex-direction:column;overflow:hidden;padding:21px;border:1px solid var(--line);border-radius:15px 15px 15px 5px;background:var(--surface);box-shadow:var(--shadow);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;animation:card-rise .34s both}.skill-card:nth-child(2n){animation-delay:55ms}.skill-card:hover{transform:translateY(-4px) rotate(.15deg);border-color:var(--line-strong);box-shadow:0 12px 0 rgba(0,0,0,.17)}.skill-card:after{content:"";position:absolute;right:-26px;top:-26px;width:78px;height:78px;border:1px dashed var(--line-strong);border-radius:50%}.skill-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.skill-card h2{max-width:calc(100% - 120px);margin:0;font-family:var(--font-display),sans-serif;font-size:25px;line-height:1.05;letter-spacing:-.035em}.skill-card h2 a{text-decoration:none}.skill-card h2 a:after{content:"";position:absolute;inset:0}.skill-card h2 a:hover{color:var(--accent)}.skill-description{min-height:43px;margin:11px 0 18px;color:var(--muted);font-size:13px}.skill-card-bottom{margin-top:auto}.skill-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.skill-card .restore-action{position:relative;z-index:2}.detail-hero{position:relative;overflow:hidden;padding:24px;margin-bottom:20px;border:1px solid var(--line);border-radius:18px 18px 18px 6px;background:var(--surface);box-shadow:var(--shadow)}.detail-hero:after{content:"";position:absolute;width:180px;height:180px;right:-62px;bottom:-100px;border:1px dashed var(--line-strong);border-radius:50%}.detail-hero .page-head{position:relative;z-index:1;margin:0}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.72fr);align-items:start;gap:20px}.detail-sidebar{position:sticky;top:22px;display:grid;gap:20px}.quest-list{position:relative;margin-left:4px}.quest-list:before{content:"";position:absolute;left:17px;top:25px;bottom:27px;width:2px;background:var(--line)}.resource-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;border-top:0;padding:11px 0 17px}.quest-node{position:relative;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--line-strong);border-radius:10px 10px 10px 3px;background:var(--surface);color:var(--muted);font-family:var(--font-display),sans-serif;font-size:12px;font-weight:850;transition:transform .22s cubic-bezier(.2,.85,.2,1),color .18s ease,background .18s ease}.resource-row.in-progress .quest-node{color:var(--accent-ink);background:var(--amber);border-color:var(--amber);transform:rotate(-3deg)}.resource-row.completed .quest-node{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.resource-panel{position:relative;min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px 12px 12px 4px;background:var(--surface-raised)}.resource-row.completed .resource-panel{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.resource-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:7px;margin-top:14px}.resource-link{color:var(--ink);font-weight:780;text-decoration:none}.resource-link:hover{color:var(--accent)}.resource-editor{margin-top:10px}.resource-editor .form{margin-top:14px}.archive-summary,.resource-editor summary{width:fit-content;color:var(--muted);font-size:11px;font-weight:750;cursor:pointer}.archive-summary:hover,.resource-editor summary:hover{color:var(--ink)}.resource-row.archived{display:block;opacity:.65}.form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:grid;gap:7px;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.025em}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;outline:none;background:var(--surface-raised);color:var(--ink);font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:100px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--faint)}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5;cursor:pointer}.check input{appearance:none;width:39px;min-width:39px;height:23px;min-height:23px;padding:0;margin:0;border-radius:20px;background:var(--surface-soft);position:relative}.check input:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.check input:checked{border-color:var(--accent);background:var(--accent-soft)}.check input:checked:after{background:var(--accent);transform:translateX(16px)}.check .field-help{display:block;margin-top:2px}.field-help{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0}.spaced-field{margin-top:15px}.form-card{max-width:760px}.form-intro{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:22px}.form-intro-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px 15px 15px 5px;background:var(--accent-soft);color:var(--accent);border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));transform:rotate(-2deg)}.divider{height:1px;margin:20px 0;background:var(--line)}.subtle{color:var(--muted)}.error,.success{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid;border-radius:10px 10px 10px 4px;font-size:13px}.error{color:var(--coral);border-color:color-mix(in srgb,var(--coral) 33%,var(--line));background:var(--coral-soft)}.success{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--accent-soft)}.empty-state,.loading-state{min-height:185px;display:grid;place-content:center;justify-items:center;padding:32px 18px;border:1px dashed var(--line-strong);border-radius:12px 12px 12px 4px;color:var(--muted);text-align:center}.empty-state strong{margin-top:11px;color:var(--ink);font-family:var(--font-display),sans-serif;font-size:18px}.empty-state p{max-width:360px;margin:4px 0 15px;font-size:12px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px 13px 13px 4px;background:var(--surface-soft);color:var(--accent);transform:rotate(-3deg)}.loading-state{gap:12px;min-height:220px;font-size:12px}.loading-orbit{width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:orbit .8s linear infinite}.notification-list{padding-top:4px}.notification{padding:18px 5px}.notification.unread:before{content:"";position:absolute;left:-22px;top:22px;width:4px;height:30px;border-radius:0 5px 5px 0;background:var(--accent)}.notification-content{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:13px}.notification-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px 10px 10px 3px;background:var(--surface-soft);color:var(--muted)}.notification.unread .notification-icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--accent-soft)}.notification h2{margin:8px 0 4px;font-family:var(--font-display),sans-serif;font-size:18px}.notification-message{margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.settings-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,330px);align-items:start;gap:20px}.settings-aside{position:sticky;top:22px}.setting-group{padding:4px 0}.setting-group-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:15px}.setting-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px 9px 9px 3px;color:var(--accent);background:var(--surface-soft)}.setting-group h2{font-size:18px}.celebration{pointer-events:none;z-index:100}.celebration i{--angle:calc(var(--particle) * 25.714deg);position:absolute;left:50%;top:50%;width:7px;height:11px;border-radius:2px;background:var(--accent);transform:rotate(var(--angle)) translateY(-8px);animation:particle-pop .78s cubic-bezier(.15,.75,.2,1) both;animation-delay:calc(var(--particle) * 9ms)}.celebration i:nth-child(3n){background:var(--amber)}.celebration i:nth-child(4n){background:var(--coral)}.celebration i:nth-child(5n){background:var(--sky)}.celebration-compact{position:absolute;width:70px;height:70px;right:16px;top:4px}.celebration-major{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}.celebration-major i{left:50%;top:48%;width:9px;height:16px;animation-name:particle-major;animation-duration:1.2s}.celebration-message{display:flex;align-items:center;gap:11px;padding:17px 21px;border:1px solid var(--accent);border-radius:14px 14px 14px 5px;background:var(--surface-raised);color:var(--accent);box-shadow:0 10px 0 rgba(0,0,0,.22);font-family:var(--font-display),sans-serif;font-size:20px;animation:message-pop 1.1s both}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes nav-marker{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes orbit{to{transform:rotate(1turn)}}@keyframes particle-pop{65%{opacity:1;transform:rotate(var(--angle)) translateY(-42px) rotate(140deg)}to{opacity:0;transform:rotate(var(--angle)) translateY(-49px) rotate(200deg)}}@keyframes particle-major{70%{opacity:1;transform:rotate(var(--angle)) translateY(-min(34vh,270px)) rotate(240deg)}to{opacity:0;transform:rotate(var(--angle)) translateY(-min(39vh,320px)) rotate(320deg)}}@keyframes message-pop{0%{opacity:0;transform:scale(.72) rotate(-3deg)}22%,72%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@media (max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-layout,.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){:root{--sidebar-width:0px}.app-shell{display:block}.sidebar{position:sticky;height:68px;padding:12px 18px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-head{width:100%}.brand-mark{width:38px;height:38px}.brand-copy small{display:none}.mobile-theme{display:inline-grid}.sidebar nav{position:fixed;z-index:40;left:12px;right:12px;bottom:10px;height:62px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:5px;border:1px solid var(--line);border-radius:15px 15px 15px 6px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:0 8px 30px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar nav a{min-height:50px;justify-content:center;flex-direction:column;gap:2px;padding:5px;font-size:9px;line-height:1}.sidebar nav a:hover{transform:none}.sidebar nav a.active{box-shadow:none;background:var(--accent-soft);color:var(--accent)}.sidebar nav a.active:before{display:none}.sidebar nav .badge{position:absolute;top:3px;left:calc(50% + 8px);min-width:17px;height:17px}.sidebar-footer{display:none}main{padding:32px 20px 100px}.settings-layout,.skills-grid{grid-template-columns:1fr}.settings-aside{position:static}}@media (max-width:580px){main{padding-left:15px;padding-right:15px}.page-head{align-items:flex-start;flex-direction:column;gap:18px}.page-head h1{font-size:37px}.page-head>.actions,.page-head>.button{width:100%}.page-head>.button{display:flex}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{min-height:118px;padding:15px}.stat strong{font-size:26px}.card{padding:17px}.detail-sidebar,.form-row{grid-template-columns:1fr}.resource-toolbar{grid-template-columns:minmax(0,1fr) repeat(2,40px)}.resource-toolbar .danger{grid-column:1/-1}.notification-content{grid-template-columns:36px minmax(0,1fr)}.notification-icon{width:36px;height:36px}.notification-content>.actions{grid-column:2}.notification-content>.actions .button,.notification-content>.actions button{flex:1 1}.toolbar{align-items:flex-start;flex-direction:column}.form-intro{grid-template-columns:46px minmax(0,1fr)}.form-intro-icon{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.celebration{display:none}.button:hover,.rank-row:hover,.skill-card:hover,button:hover{transform:none!important}}.auth-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1fr);gap:24px;max-width:980px;margin:5vh auto;align-items:start}.auth-pitch{padding:36px}.auth-card h1,.auth-pitch h1{margin:18px 0 10px}.auth-pitch ul{padding-left:20px;color:var(--muted);line-height:1.8}.auth-card{max-width:520px;width:100%;margin-inline:auto}.standalone-auth{margin:8vh auto}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:18px 0}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:var(--line);flex:1 1}.auth-provider{width:100%;justify-content:center}.text-button{appearance:none;border:0;background:transparent;color:var(--accent);padding:10px 0}.storage-banner{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:9px;background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:10px 14px}.storage-banner button{min-height:0;padding:0 4px;background:transparent;color:inherit}.guest-sync-pill{position:fixed;right:18px;bottom:18px;z-index:20;padding:10px 14px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);font-size:.86rem}.guest-sync-pill,.local-note{display:flex;align-items:center;gap:7px}.account-copy{display:grid;gap:2px;padding:7px 10px;overflow:hidden}.account-copy small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-gate{max-width:620px;margin:8vh auto;padding:24px}@media (max-width:760px){.auth-layout{grid-template-columns:1fr;margin:0 auto}.auth-pitch{display:none}.guest-sync-pill{left:16px;right:16px;justify-content:center}}