.account-shell{--lime: #dff47f;--berry: #ea3f9e;--orange: #ffa160;--cyan: #33d4de;--mint: #d3ffde;--peach: #ffd7c1;--green: #7fa71b;--bg: #fff;--surface: #fff;--ink: #242b26;--muted: #596654;--line: #e7ebe2;--hover: #eef1e8;--nav: #f1f3ec;min-height:100dvh;color:var(--ink);background:#fff}.account-layout{width:min(1180px,100%);min-height:100dvh;margin:0 auto;padding:clamp(24px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.9fr);gap:clamp(32px,6vw,96px);align-items:center}.account-welcome{max-width:560px}.account-wordmark{width:190px;display:block;margin-bottom:42px}.account-wordmark img{display:block;width:100%;height:auto}.account-eyebrow{color:#485747;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center}.account-welcome h1{font-size:clamp(32px,4.1vw,58px);letter-spacing:-.045em;line-height:1.1;margin:22px 0}.account-welcome>p{max-width:410px;font-size:18px;line-height:1.7;color:#596358}.account-security{display:flex;gap:10px;margin-top:32px;max-width:390px;font-size:13px;line-height:1.6;color:#52614d}.account-security svg{flex-shrink:0;margin-top:2px}.account-card,.account-legal-card{padding:clamp(24px,3vw,38px);background:#ffffffdb;border:1px solid #ffffff;border-radius:28px;box-shadow:0 18px 60px #27352612,inset 0 1px #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.account-card{width:100%}.account-card-brand{display:flex;align-items:center;gap:12px;color:#626b60;font-size:12px;margin-bottom:24px}.account-card-brand .sumi-brand-surface{width:42px;height:42px}.account-card-brand img{width:100%;height:100%;object-fit:contain;display:block}.account-card h2{font-size:26px;letter-spacing:-.035em;margin:0 0 12px;line-height:1.2}.account-description,.account-loading p{color:#5c6659;line-height:1.6;margin-bottom:22px}.account-form{display:flex;flex-direction:column;gap:18px}.account-field{display:flex;flex-direction:column;gap:8px}.account-field label{margin:0;font-size:13px;font-weight:700}.account-field input{width:100%;min-height:48px;background:#ffffffdf;border:1px solid #d8dfd4;font-size:16px}.account-field input:disabled{opacity:.65}.account-password-field{display:flex;position:relative}.account-password-field input{padding-right:54px}.account-password-field button{position:absolute;top:2px;right:2px;bottom:2px;min-width:44px;padding:10px;border-radius:10px}.account-field-hint{font-size:12px;line-height:1.6;color:#586552;margin:0}.account-field-hint a,.account-legal-card a,.account-panel a{color:#335c24;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.account-submit{min-height:48px;width:100%;margin-top:4px}.account-submit.primary{background:var(--lime);color:#26311d;box-shadow:0 5px 18px #bdd45526}.account-submit.primary:not(:disabled):hover{background:#d4ec65}.account-card,.account-legal-card,.account-submit{position:relative}.account-card:after,.account-legal-card:after,.account-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;pointer-events:none;--sumi-sheen-angle: 35deg;background:conic-gradient(from var(--sumi-sheen-angle),transparent 20deg,color-mix(in srgb,var(--cyan) 60%,transparent) 55deg,transparent 120deg,color-mix(in srgb,var(--berry) 35%,transparent) 260deg,transparent 320deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:--sumi-sheen-angle calc(var(--motion) * 3) ease,opacity var(--motion)}:is(.account-card,.account-legal-card,.account-submit):focus-within:after{--sumi-sheen-angle: 305deg;opacity:.8}@media(hover:hover)and (pointer:fine){:is(.account-card,.account-legal-card,.account-submit):hover:after{--sumi-sheen-angle: 305deg;opacity:.8}}.account-text-button{min-height:44px;width:100%;font-size:13px;color:#42543a;text-decoration:underline;text-underline-offset:3px}.account-back{margin:-8px 0 16px -10px;font-size:13px}.account-form-divider{height:1px;background:#dce3d5;margin:6px 0}.account-alternate{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 4px;margin:4px 0;color:#5c6659;font-size:13px}.account-alternate button{padding-inline:8px;color:#355723;text-decoration:underline;text-underline-offset:3px}.account-notice,.account-error,.account-success{border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6;margin:0 0 18px;overflow-wrap:anywhere}.account-notice{background:#fff2e3;color:#684122;border:1px solid #f4dbc3}.account-notice p{margin:8px 0 0}.account-error{background:#fde7ed;color:#822442;border:1px solid #f8bcd0}.account-success{display:flex;align-items:flex-start;gap:8px;background:#ecf7dc;color:#3d5428;border:1px solid #d2e8b9}.account-success svg{flex-shrink:0;margin-top:2px}.account-verification{display:flex;gap:12px;align-items:center;color:#526449;line-height:1.6}.account-verification svg{flex-shrink:0}.account-loading{text-align:center;padding:28px 0}.account-loading svg{color:#587c35;margin-bottom:20px}.account-spinner{animation:account-spin .9s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}.account-legal-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px}.account-legal-links a{display:inline-flex;align-items:center;min-height:44px;color:#526349;text-decoration:underline;text-underline-offset:4px}.account-legal-document{width:min(900px,100%);margin:0 auto;padding:24px clamp(20px,5vw,48px) 40px}.account-legal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}.account-legal-header .account-wordmark{width:130px;margin:0}.account-home-link{display:inline-flex;align-items:center;min-height:44px;gap:8px;color:#36572a;text-decoration:none}.account-legal-card h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.035em;line-height:1.2;margin:20px 0 8px}.account-legal-card h2{font-size:20px;margin:32px 0 12px}.account-legal-card p,.account-legal-card address,.account-provider-list{line-height:1.8;font-size:15px}.account-legal-card address{font-style:normal}.account-muted{color:#596654}.account-draft-field{color:#8a4a22;font-weight:600}.account-provider-list{margin:12px 0}.account-provider-list>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e6ebdf}.account-provider-list dt{font-weight:600}.account-provider-list dd{margin:0;overflow-wrap:anywhere}.account-panel{display:flex;flex-direction:column;gap:20px}.account-profile-heading{display:flex;gap:14px;align-items:center}.account-local-mail>p{margin:10px 0;font-size:13px;line-height:1.6}.account-local-mail>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:600;line-height:1.5}.account-local-mail code{overflow-wrap:anywhere}.account-local-mail-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffffa6;font-size:13px;font-weight:600}.account-local-mail-picker input{max-width:100%;min-height:44px;padding:8px 0;font:inherit}.account-local-mail-picker input::file-selector-button{min-height:36px;margin-right:8px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit;font:inherit;cursor:pointer}.account-profile-heading p{margin:5px 0;overflow-wrap:anywhere}.account-profile-heading strong{font-size:19px}.account-avatar{width:56px;height:56px;background:var(--lime);color:#354324;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.account-verified{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#547641}.account-panel-section{border-top:1px solid var(--line);padding-top:18px}.account-panel-section h3{margin:0 0 8px;font-size:16px}.account-panel-section p{line-height:1.6;color:var(--muted);font-size:13px;margin:0 0 12px}.account-panel .account-error,.account-panel .account-success{margin:0}.account-danger-button{color:#8d2447;background:#fce9ee;border:1px solid #f1c1ce}.account-danger-button:hover:not(:disabled){background:#f8dbe5}.account-delete-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}[data-theme=dark] .account-panel .account-field input{background:var(--surface);border-color:var(--line)}[data-theme=dark] .account-panel .account-field-hint,[data-theme=dark] .account-panel .account-legal-links a,[data-theme=dark] .account-panel .account-verified{color:var(--mint)}[data-theme=dark] .account-panel a{color:var(--lime)}@media(max-width:800px){.account-layout{grid-template-columns:minmax(0,1fr);gap:24px;width:min(500px,100%);padding:28px 20px;align-items:start}.account-welcome .account-wordmark{width:150px;margin-bottom:20px}.account-welcome h1{font-size:33px;margin:12px 0}.account-welcome h1 br{display:none}.account-welcome>p{font-size:15px;margin:0}.account-security{display:none}.account-card{padding:24px;border-radius:24px}.account-card-brand{margin-bottom:16px}.account-legal-card{padding:24px}.account-provider-list>div{grid-template-columns:1fr;gap:2px}}@media(prefers-reduced-motion:reduce){.account-spinner{animation:none}}.welcome-tour{width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.welcome-tour>header{gap:16px;align-items:flex-start}.welcome-tour>header>button{flex-shrink:0;min-height:46px;min-width:46px}.welcome-tour-eyebrow{display:block;color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px}.welcome-tour>header h2{font-size:clamp(1.2rem,4vw,1.6rem);line-height:1.3;overflow-wrap:anywhere}.welcome-tour-content{--tour-accent: var(--lime)}.welcome-tour-cyan{--tour-accent: var(--cyan)}.welcome-tour-orange{--tour-accent: var(--orange)}.welcome-tour-berry{--tour-accent: var(--berry)}.welcome-tour-visual{display:flex;align-items:center;gap:22px;min-height:130px;margin:24px 0;padding:22px;border-radius:22px;background:radial-gradient(ellipse at 10% 35%,color-mix(in srgb,var(--tour-accent) 38%,transparent),transparent 80%);border:1px solid color-mix(in srgb,var(--tour-accent) 35%,var(--line))}.welcome-tour-icon{width:72px;height:72px;border-radius:23px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--tour-accent) 50%,var(--surface));box-shadow:inset 0 1px #ffffff80,0 9px 22px #2025220c}.welcome-tour-preview{display:flex;gap:8px;flex-wrap:wrap}.welcome-tour-preview>span{border:1px solid var(--line);padding:8px 11px;border-radius:12px;background:color-mix(in srgb,var(--surface) 75%,transparent);font-size:.83rem}.welcome-tour-counter{color:var(--muted);font-size:.8rem;margin:0 0 8px!important}.welcome-tour h3{font-family:var(--heading-font);font-size:1.4rem;margin:0 0 12px;line-height:1.3;outline:none}.welcome-tour h3:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:6px}.welcome-tour-content>p{line-height:1.65}.welcome-tour-hint{font-size:.86rem;color:var(--muted);margin-top:16px!important}.welcome-tour-progress{display:flex;list-style:none;gap:8px;margin:24px 0;padding:0}.welcome-tour-progress>li{height:5px;flex:1;background:var(--line);border-radius:999px}.welcome-tour-progress>.visited{background:var(--green)}.welcome-tour-progress>[aria-current=step]{background:var(--tour-accent)}.welcome-tour-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-tour>footer,.welcome-tour>footer>div{display:flex;align-items:center;gap:8px}.welcome-tour>footer{justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.welcome-tour>footer button{min-height:46px}@media(max-width:480px){.welcome-tour{padding:20px}.welcome-tour-visual{gap:15px;padding:16px;min-height:110px}.welcome-tour-icon{width:58px;height:58px;border-radius:18px}.welcome-tour-preview>span{font-size:.76rem;padding:6px 8px}.welcome-tour>footer{flex-wrap:wrap}.welcome-tour>footer>div{margin-left:auto}.welcome-tour>footer button{padding:10px}}@media(prefers-reduced-motion:reduce){.welcome-tour *,.welcome-tour *:before,.welcome-tour *:after{animation:none!important;transition:none!important}}.sharing-dialog{display:grid;gap:16px}.sharing-dialog p,.sharing-invitation p{line-height:1.65;margin:0}.sharing-hint{color:var(--muted);font-size:.88rem;line-height:1.65}.sharing-invite-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) auto;gap:12px;align-items:end}.sharing-dialog label,.sharing-created-link label{display:grid;gap:6px;font-size:.9rem}.sharing-dialog input,.sharing-dialog select{width:100%;min-height:44px}.sharing-person{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,.55fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.sharing-person div,.sharing-page span{display:grid;gap:5px;min-width:0}.sharing-person small,.sharing-page small,.sharing-created-link small{color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.sharing-created-link{padding:18px;display:grid;gap:12px;background:color-mix(in srgb,var(--mint) 25%,transparent);border-radius:var(--radius);border:1px solid var(--line)}.sharing-created-link input{min-width:0;font-size:.8rem}.sharing-error{background:color-mix(in srgb,var(--berry) 10%,var(--surface));color:var(--ink);border-left:3px solid var(--berry);border-radius:12px;padding:14px 18px;line-height:1.6;overflow-wrap:anywhere}.sharing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.sharing-heading h1{margin:8px 0}.sharing-invitation{margin-bottom:20px;padding:24px}.sharing-invitation h2{margin-top:0}.sharing-invitation .toolbar{margin-top:16px}.sharing-page-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.sharing-page{text-align:left;display:flex;align-items:center;gap:12px;min-width:min(280px,100%);max-width:100%;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.sharing-page.active{border-color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 25%,transparent)}.shared-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;font-size:.9rem}.shared-status>span{flex:1}.shared-title{margin:14px 0}.shared-title input{display:block;font-family:var(--heading-font);font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700;background:transparent;padding-left:0;border:none;width:100%}.shared-title small{color:var(--muted)}.shared-fields{border:0;padding:0;margin:18px 0;min-width:0}.sharing-conflict{background:color-mix(in srgb,var(--peach) 35%,var(--surface));border:1px solid var(--orange);padding:22px;border-radius:var(--radius);margin:18px 0}.sharing-conflict h2{margin-top:0;font-size:1.1rem}.sharing-files{margin-top:20px}.sharing-files summary{cursor:pointer;min-height:44px;align-content:center}.sharing-files>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0;overflow-wrap:anywhere}@media(max-width:750px){.sharing-invite-form,.sharing-person{grid-template-columns:1fr}.sharing-heading{align-items:start;flex-direction:column}.sharing-page{width:100%}.sharing-dialog,.sharing-created-link{min-width:0}}:root{--lime: #dff47f;--berry: #ea3f9e;--orange: #ffa160;--cyan: #33d4de;--mint: #d3ffde;--peach: #ffd7c1;--green: #7fa71b;--radius: 24px;--font: "DM Sans", "Segoe UI", system-ui, sans-serif;--note-font: Georgia, serif;--font-size: 15px;--space: 24px;--blur: 22px;--glass: .88;--shadow: 0 12px 40px #24382c0a;--motion: .18s;--weight: 500;--bg: #f8f9f5;--surface: #fff;--ink: #242b26;--muted: #7d857c;--line: #e7ebe2;--hover: #eef1e8;--nav: #f1f3ec;--heading: var(--heading-font, var(--font))}.cloud-conflict-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:20px;border-radius:var(--radius);background:color-mix(in srgb,var(--orange) 20%,var(--surface));border:1px solid color-mix(in srgb,var(--orange) 50%,transparent)}@media(max-width:650px){.cloud-conflict-banner{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box}html{color:var(--ink);background:var(--bg);font-family:var(--font);font-size:var(--font-size)}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:12px;min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--weight);transition:background var(--motion),transform var(--motion)}button:hover{background:var(--hover)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:3px}input,textarea,select{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px;min-height:44px;max-width:100%}input[type=checkbox]{min-height:24px;min-width:24px;width:24px;accent-color:var(--green);vertical-align:middle}input[type=color]{width:48px;min-width:48px;padding:5px;cursor:pointer}input[type=range]{padding:0;accent-color:var(--green)}textarea{resize:vertical;width:100%;min-height:100px}label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:.9rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.04em}h1{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.25;margin-bottom:12px}h2{font-size:24px}h3{font-size:19px}p{line-height:1.65}small{color:var(--muted);font-size:12px}a{color:var(--green)}.primary{background:var(--lime);color:#263320;box-shadow:0 4px 14px #75922412;border-color:#a9c76422}.primary:hover{background:color-mix(in srgb,var(--lime),white 15%)}.danger{color:#b43150}.favorite,.berry{color:var(--berry)}.app{display:flex;min-height:100dvh}.sidebar{width:276px;flex-shrink:0;background:var(--nav);border-right:1px solid var(--line);padding:24px 16px 14px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{justify-content:flex-start;padding:0 10px;gap:5px;margin-bottom:28px}.brand-icon{width:48px;height:48px;object-fit:contain;border-radius:16px}.wordmark{width:111px;height:46px;object-fit:contain}.workspace-name{display:flex;align-items:center;gap:10px;font-size:13px;margin:0 10px 23px}.workspace-name small{display:block;font-size:10px;margin-top:4px}.workspace-name>svg{margin-left:auto}.avatar{width:36px;height:36px;min-height:36px;flex-shrink:0;border-radius:50%;background:var(--peach);font-size:13px;display:grid;place-items:center;padding:0;color:#754027}.search-button{background:var(--surface);border:1px solid var(--line);justify-content:flex-start;gap:9px;font-size:12px;padding:11px;margin-bottom:20px}.search-button svg{color:var(--muted)}kbd{font-size:10px;background:var(--nav);padding:3px 5px;border:1px solid var(--line);border-radius:5px;margin-left:auto;color:var(--muted)}nav button{display:flex;justify-content:flex-start;width:100%;gap:12px;min-height:45px;font-size:13px;padding:10px 12px}nav button svg{color:#7d8577}nav button.active{background:#e2e8d7;color:#394f21}nav button.active svg{color:#607d38}nav i{font-size:10px;font-style:normal;border-radius:6px;background:#e5e9df;padding:3px 6px;margin-left:auto}.nav-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.16em;margin:22px 12px 8px;font-weight:700}.mini{padding:4px;min-width:30px;min-height:38px;border-radius:7px}.subject-tree{overflow:auto;min-height:80px;scrollbar-width:thin;flex:1}.subject-row{display:flex;align-items:center}.subject-row>button:first-child{flex:1;justify-content:flex-start;font-size:12px;text-align:left;padding:8px;gap:9px}.subject-row>button:first-child svg{margin-left:auto;flex-shrink:0}.subject-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.subject-row .subject-dot{box-shadow:0 0 0 3px #fff5}.tree-row{display:flex;align-items:center;min-height:42px}.tree-open{font-size:11px;justify-content:flex-start;min-width:0;flex:1;padding:4px 5px}.tree-open svg{flex-shrink:0;color:#909883}.tree-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row.selected{background:#e3e9d8;border-radius:10px}.tree-row .mini{min-width:24px;padding:1px}.new-page{justify-content:flex-start;font-size:12px;color:var(--muted);border-top:1px solid var(--line);border-radius:0;margin-top:10px}.sidebar footer{border-top:1px solid var(--line);padding-top:10px}.sidebar footer button{font-size:12px;justify-content:flex-start;width:100%;gap:12px}.sidebar footer button svg{color:var(--muted)}.tiny-tag{font-size:7px;letter-spacing:.08em;margin-left:auto;border:1px solid #d4ddc4;border-radius:5px;padding:3px 5px;color:#77904d}.local-status{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--muted);padding:12px}.local-status>span,.hero .pill>span{width:5px;height:5px;border-radius:50%;background:var(--green)}.main-shell{margin-left:276px;width:calc(100% - 276px)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgb(255 255 255 / var(--glass));-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));position:sticky;top:0;z-index:10;font-size:11px}.topbar>div{display:flex;align-items:center;gap:12px}.topbar>div:first-child{color:var(--muted);min-width:0}.topbar strong{color:var(--ink);font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .avatar{margin-left:8px}.saved{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.saved svg{color:var(--green)}.ai-button{border:1px solid var(--line);min-height:34px;font-size:10px;padding:7px 12px;border-radius:9px}.ai-button svg{color:var(--berry)}.mobile-toggle{display:none}main{padding:calc(var(--space) * 1.6) calc(var(--space) * 1.75) calc(var(--space) * 1.2);max-width:1500px;margin:auto}.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:600;margin-bottom:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0}.page-heading>.primary{font-size:11px;min-height:39px;padding:10px 16px;border-radius:10px}.hero{background:linear-gradient(115deg,#edf3df,#f0f4e6 48%,#e8efdf);border:1px solid #e1e8d5;border-radius:var(--radius);padding:35px 38px;min-height:286px;position:relative;overflow:hidden;display:flex;justify-content:space-between}.hero>.hero-art{width:43%;position:relative;min-width:290px}.hero .pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd6b5;background:#fff5;border-radius:30px;padding:6px 10px;font-size:7px;letter-spacing:.12em;color:#738552;font-weight:700}.hero h2{font-size:39px;line-height:1.17;letter-spacing:-.045em;margin:15px 0 12px;font-weight:700}.hero p{font-size:11px;color:#7b866b;line-height:1.8;margin-bottom:13px}.hero button{font-size:10px;min-height:35px;border:1px solid #bdcaaa;border-radius:9px;padding:8px 13px;background:#fff2}.orb{position:absolute;border-radius:50%}.mint{background:var(--mint);width:120px;height:120px;left:0;top:110px;box-shadow:inset -20px -10px 30px #99d49f30}.berry-orb{background:linear-gradient(145deg,#f37cba,var(--berry));width:77px;height:77px;right:15px;top:14px;box-shadow:inset -10px -10px 20px #b92e6640}.note-art{width:198px;height:207px;background:linear-gradient(145deg,#fffefd,#fcfbf1);border-radius:22px;transform:rotate(-9deg);position:absolute;left:55px;top:28px;border:1px solid #ffffff;box-shadow:10px 20px 35px #6e78541a;padding:21px 23px}.note-art>span{color:var(--berry);font-size:33px;line-height:1}.note-art p{font-family:var(--heading);font-size:21px;color:#343d2c;line-height:1.5;margin:10px 0;font-weight:500}.note-art b{font-weight:700}.art-lines{height:14px;background:repeating-linear-gradient(0deg,#e6e8de 0 1px,transparent 1px 7px);width:110px}.lime-orb{background:linear-gradient(145deg,#edffb0,var(--lime));width:100px;height:100px;position:absolute;right:2px;bottom:8px;border-radius:28px;transform:rotate(13deg);box-shadow:6px 12px 24px #6879231a;font-size:54px;display:grid;place-items:center;color:#65733b}.floating-tag{position:absolute;bottom:5px;left:7px;transform:rotate(-4deg);background:#ffffffad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;padding:11px 17px;border-radius:13px;font-size:10px;color:#6c785a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--space) * .58);margin:22px 0 32px}.stat{border:1px solid var(--line);border-radius:15px;padding:18px 16px;display:flex;align-items:center;gap:13px;background:var(--surface)}.stat>span{height:34px;width:34px;background:var(--nav);border-radius:11px;display:grid;place-items:center;color:#828d70}.stat svg{width:17px;height:17px}.stat strong{display:block;font-size:22px;font-family:var(--heading);font-weight:600;margin-bottom:3px}.stat small{display:block;font-size:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.section-heading h2{font-size:18px;margin:0;letter-spacing:-.025em}.section-heading h2 span{margin-left:7px;background:var(--nav);color:var(--muted);font-size:10px;vertical-align:middle;border-radius:6px;padding:3px 6px}.section-heading button{font-size:10px;color:var(--muted);min-height:32px;padding:5px}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--space) * .67)}.subject-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;transition:transform var(--motion),box-shadow var(--motion);box-shadow:var(--shadow)}.subject-card:hover{transform:translateY(-3px)}.subject-card-open{width:100%;min-height:194px;text-align:left;display:block;padding:21px 22px 0;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--subject-color),transparent 90%),transparent 80%)}.subject-card-open:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--subject-color),transparent 83%),transparent 80%)}.subject-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.subject-symbol{height:43px;width:43px;border-radius:13px;background:color-mix(in srgb,var(--subject-color),white 25%);font-size:21px;display:grid;place-items:center}.subject-number{color:var(--muted);font-size:9px;letter-spacing:.1em;margin-right:20px}.subject-card h3{font-size:15px;letter-spacing:-.02em;line-height:1.5;min-height:45px;margin:0 0 7px;font-weight:650}.subject-card small{font-size:9px;display:block;white-space:normal}.subject-card small span{margin:0 4px}.card-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);margin-top:17px;padding:12px 0}.subject-edit{position:absolute;right:10px;top:11px;color:var(--muted);min-height:32px}.page-list{display:flex;gap:12px;flex-wrap:wrap}.page-list>button{background:var(--surface);border:1px solid var(--line);justify-content:flex-start;flex:1;min-width:240px;text-align:left;padding:17px 20px}.page-list>button>svg:first-child{color:var(--green)}.page-list>button>svg:last-child{margin-left:auto;color:var(--muted)}.page-list span{font-size:12px}.page-list small{display:block;font-size:9px;margin-top:4px}.bottom-caption{text-align:center;font-size:9px;color:#a1aa99;padding:20px 0 30px}.bottom-caption span{margin:0 7px}.empty{text-align:center;padding:50px 22px;color:var(--muted)}.empty>span{font-size:38px;color:var(--green);display:block;margin-bottom:16px}.empty h2{font-size:23px;color:var(--ink)}.empty p{font-size:13px;max-width:450px;margin:auto auto 18px}.loading{display:grid;place-items:center;height:100vh}.modal{border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;max-width:min(600px,calc(100vw - 24px));width:600px;max-height:90dvh;background:var(--surface);color:var(--ink);box-shadow:0 30px 120px #152d2630}.modal.wide{width:850px;max-width:min(850px,calc(100vw - 24px))}.modal::backdrop{background:#25312855;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.modal h2{font-size:25px;margin:0}.modal p{font-size:13px;color:var(--muted)}.modal input:not([type=checkbox]):not([type=color]):not([type=range]),.modal select{width:100%}.form-row{display:flex;gap:14px}.form-row>*{flex:1;min-width:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.kind-grid button{background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:18px}.kind-grid svg{color:var(--green)}.kind-grid strong{font-size:13px}.kind-grid small{font-size:10px}.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.toolbar button,.toolbar select,.toolbar input,.upload-button{font-size:12px;min-height:44px;border-radius:10px}.toolbar button{border:1px solid var(--line);background:var(--surface)}.toolbar .primary{background:var(--lime)}.toolbar label{margin:0}.toolbar input{max-width:220px}.toolbar button[aria-pressed=true],button[aria-pressed=true]{background:var(--lime);color:#354122}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;margin:0}.upload-button input{display:none}.upload-button.primary{background:var(--lime)}.list-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.list-row>span{flex:1;font-size:13px}.list-row button{font-size:12px}.swatches{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.swatches button{width:44px;height:44px;border:2px solid #ffffff55;border-radius:50%}.settings-actions{display:grid;gap:10px;margin:20px 0}.settings-actions button,.settings-actions label{justify-content:flex-start;text-align:left;border:1px solid var(--line);background:var(--bg);font-size:13px}.search-field{display:flex;align-items:center;gap:12px;margin:18px 0}.search-field>input{flex:1!important;width:auto!important}.search-field>select{width:auto!important;max-width:180px}.search-results{max-height:60vh;overflow:auto}.search-results>button{width:100%;justify-content:flex-start;text-align:left;border-bottom:1px solid var(--line);border-radius:0;padding:14px 5px}.search-results span{flex:1}.search-results small{display:block;margin-top:4px}.subtitle{color:var(--muted);font-size:13px}.document-heading{margin-bottom:20px}.document-heading .page-heading{margin-bottom:10px}.document-heading input{font-family:var(--heading);font-size:clamp(25px,3vw,40px);font-weight:700;border:0;background:transparent;padding:0;letter-spacing:-.04em;width:100%;min-width:0}.document-heading .page-heading>div{display:flex;flex-shrink:0}.notes-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.editor-toolbar{margin:0;padding:12px 16px;border-bottom:1px solid var(--line);gap:5px}.editor-toolbar button{padding:8px 10px;font-size:12px;border:0;background:transparent}.editor-toolbar select{font-size:12px}.learning-blocks{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--line)}.learning-blocks>span{font-size:8px;letter-spacing:.08em;color:var(--muted);margin-right:10px}.learning-blocks button{font-size:10px;border:1px solid var(--line);background:var(--surface);padding:5px 8px;min-height:32px;border-radius:7px}.sumi-editor{font-family:var(--note-font);padding:40px clamp(20px,4vw,64px);min-height:440px;line-height:1.85;font-size:17px;outline:none!important;overflow-wrap:anywhere}.sumi-editor h1{font-size:35px}.sumi-editor h2{font-size:27px;margin-top:30px}.sumi-editor h3{font-size:22px}.sumi-editor p{margin-bottom:15px}.sumi-editor a{color:var(--green);text-decoration:underline}.sumi-editor blockquote{border-left:3px solid var(--lime);margin:20px 0;padding:15px 22px;background:var(--bg);border-radius:0 14px 14px 0}.sumi-editor blockquote p{margin:0}.sumi-editor aside[data-callout]{border:1px solid color-mix(in srgb,var(--lime),var(--line));background:color-mix(in srgb,var(--lime),transparent 85%);border-radius:15px;padding:17px 21px;margin:20px 0}.sumi-editor aside[data-callout=KI-Ergänzung],.sumi-editor aside[data-callout=Achtung]{background:color-mix(in srgb,var(--berry),transparent 94%);border-color:color-mix(in srgb,var(--berry),transparent 75%)}.callout-label{font:700 10px var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.sumi-editor aside p{margin:0}.sumi-editor ul[data-type=taskList]{list-style:none;padding-left:0}.sumi-editor ul[data-type=taskList] li{display:flex;gap:10px}.sumi-editor ul[data-type=taskList] label{margin:0}.sumi-editor ul[data-type=taskList] li>div{flex:1}.sumi-editor img,.note-image img{max-width:100%;height:auto;border-radius:12px}.sumi-editor table{border-collapse:collapse;width:100%;table-layout:fixed}.sumi-editor th,.sumi-editor td{border:1px solid var(--line);padding:8px;position:relative}.sumi-editor .selectedCell{background:var(--mint)}.sumi-editor .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background:var(--green)}.sumi-editor .tableWrapper{overflow:auto}.sumi-editor details{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}.sumi-editor details summary{cursor:pointer}.sumi-editor hr{border:0;border-top:1px solid var(--line);margin:30px 0}.note-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;font-size:10px;color:var(--muted)}.note-footer>span{margin-right:auto}.note-footer button{font-size:10px;min-height:34px}.source-input{min-height:300px;font:13px monospace}.slash-menu{display:flex;flex-wrap:wrap;gap:6px;background:var(--surface);padding:12px;box-shadow:var(--shadow);border:1px solid var(--line)}.slash-menu button{font-size:12px}.backlinks{margin-top:24px;padding:20px;border-top:1px solid var(--line)}.backlinks h3{font-size:14px}.backlinks>button{display:block}.link-chip{display:flex;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px}.link-chip button{font-size:12px;min-height:36px;padding:7px}.map-panel,.whiteboard-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.map-canvas{height:610px;width:100%;border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden}.map-hint{font-size:10px;color:var(--muted);padding:7px 6px 15px;line-height:1.6}.mind-node{min-width:150px;max-width:270px;border:1px solid #727e5130;border-radius:25px;padding:20px 26px;color:#26321c;font-family:var(--font);font-size:15px;box-shadow:0 5px 14px #384a1910;position:relative;white-space:pre-wrap;overflow-wrap:anywhere}.mind-node.chosen{outline:3px solid #7fa71b88;outline-offset:3px}.mind-node.rectangle{border-radius:8px}.mind-node.circle{border-radius:50%;min-width:140px;min-height:140px;display:flex;align-items:center;justify-content:center}.mind-node.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding:48px}.mind-node img{width:100%;height:90px;object-fit:cover;border-radius:12px;display:block;margin-bottom:10px}.mind-node small{display:block;margin-top:7px;color:#65744d;font-size:9px}.node-link{position:absolute;right:-8px;top:-12px;background:#fff;border-radius:50%;min-height:32px;width:32px;padding:3px}.react-flow__handle{width:13px!important;height:13px!important;background:#759644!important;border:3px solid white!important}.react-flow__controls button{min-height:44px!important;min-width:44px!important}.react-flow__attribution{font-size:8px!important}.materials{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.material-image{max-width:100%;max-height:75vh;object-fit:contain;display:block;margin:auto}.pdf-scroll{overflow:auto;height:65vh;border:1px solid var(--line);background:#e8ebe3;padding:20px}.pdf-page{position:relative;width:max-content;margin:auto}.pdf-page canvas{display:block}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer span::selection{background:#dff47f99}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.pdf-ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.pdf-ink.drawing{pointer-events:auto}.annotation-box{padding-top:14px}.annotation{border-left:3px solid var(--berry);padding:10px 15px;margin:14px 0;background:var(--bg);font-size:13px}.annotation mark{background:var(--lime);display:block;white-space:pre-wrap}.annotation p{margin-bottom:0}.split-workspace.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);padding:15px;overflow:auto}.split-panels{display:grid;gap:12px}.split-panels>section{min-width:0;max-height:80vh;overflow:auto}.split-panels .sumi-editor{padding:25px;min-height:600px}.split-panels .materials{padding:10px}.whiteboard-canvas{width:100%;height:620px;background:#fff;border:1px solid var(--line);border-radius:16px;display:block}.flashcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flashcard-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.flashcard-grid article>small{font-size:9px}.card-text{font-family:var(--note-font);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;margin:18px 0}.card-text img{max-width:100%;max-height:230px;object-fit:contain}.flashcard-grid .toolbar button{font-size:10px;padding:8px;min-height:32px}.study{text-align:center}.study-card{width:100%;display:block;text-align:center;min-height:300px;border:1px solid var(--line);background:var(--bg);border-radius:var(--radius);margin:20px 0;padding:30px}.study-card>span{font-size:9px;letter-spacing:.15em;color:var(--muted)}.study-card .card-text{font-size:28px}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ratings button{flex-direction:column;min-height:75px;border:1px solid var(--line);background:var(--peach);font-size:13px}.ratings button:nth-child(2){background:var(--orange)}.ratings button:nth-child(3){background:var(--lime)}.ratings button:nth-child(4){background:var(--mint)}.ratings small{color:#49533e;font-size:10px}.table-scroll{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px}.table-scroll table{border-collapse:collapse;width:100%;min-width:600px}.table-scroll th,.table-scroll td{border:1px solid var(--line);padding:10px;vertical-align:top}.table-scroll th{background:var(--nav)}.table-scroll th input,.table-scroll td textarea{background:transparent;border:0;width:100%}.table-scroll td textarea{min-height:75px}.table-scroll .toolbar{margin:0}.table-scroll .toolbar button{font-size:10px;min-height:30px;padding:4px 8px}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.exam-grid article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.exam-grid strong{font-size:13px;display:block;min-height:38px}.exam-grid input{width:100%;margin:10px 0}.exam-grid small{display:block}.session{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px;margin:10px 0}.session>div{flex:1}.session strong{font-size:13px}.session small{display:block;margin-top:5px}.session.done strong{text-decoration:line-through;color:var(--muted)}.studio-preview{border:1px solid #d5ddc6;background:linear-gradient(120deg,#e7efd9,#f5f8ef);border-radius:var(--radius);padding:35px;margin-bottom:25px;color:#253020}.studio-preview h2{font-size:35px;margin:20px 0 10px}.studio-preview p{color:#7d896d;font-size:13px}.preview-chip{padding:12px 20px;border-radius:12px;background:#fff;font-size:13px;border:1px solid #d8e2cd}.studio-tabs{margin-bottom:24px}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-grid>section,.theme-library,.css-panel{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.studio-grid h3{font-size:17px}.color-settings label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-transform:capitalize}.color-settings .subject-dot{width:20px;height:20px}.color-settings input{margin-left:auto}.studio-grid input:not([type=color]){width:100%;font-size:12px}.studio-grid label span{float:right;color:var(--muted)}.studio-grid p{font-size:12px;color:var(--muted)}.theme-library{margin-top:20px}.css-panel textarea{min-height:420px;font-family:Consolas,monospace;font-size:13px;line-height:1.7;-moz-tab-size:2;tab-size:2}.css-panel p{font-size:12px;color:var(--muted)}.ai-result{border:1px solid var(--berry);border-radius:16px;padding:20px;margin-top:20px;white-space:pre-wrap}.ai-result strong{color:var(--berry);font-size:12px}.error-banner{background:var(--peach);border:1px solid var(--orange);padding:15px;border-radius:12px;margin-bottom:20px;font-size:13px}.error-banner button{margin-left:15px}.skip{position:fixed;top:-60px;left:290px;background:var(--lime);padding:15px;z-index:1000}.skip:focus{top:10px}.nav-backdrop{display:none}[data-theme=dark]{--bg: #171d19;--surface: #222a24;--ink: #e8eddf;--muted: #9aa791;--line: #354032;--hover: #303b2e;--nav: #1e261f}[data-theme=dark] .topbar{background:#222a24df}[data-theme=dark] nav button.active,[data-theme=dark] .tree-row.selected{background:#35452c;color:#e2efc9}[data-theme=dark] .subject-symbol{color:#263320}[data-theme=dark] .subject-card-open{background:linear-gradient(145deg,color-mix(in srgb,var(--subject-color),transparent 93%),transparent)}@media(min-width:1600px){main{padding:50px 60px}.hero{min-height:310px}.subject-card-open{min-height:215px}.hero-art{max-width:460px}.note-art{left:90px}.stats{gap:20px}}@media(max-width:1200px){.sidebar{width:245px;padding-left:12px;padding-right:12px}.main-shell{margin-left:245px;width:calc(100% - 245px)}main{padding:28px}.topbar{padding:0 28px}.hero{padding:28px}.hero-art{min-width:260px}.stat{padding:14px 12px;gap:8px}.stat>span{display:none}.subject-card-open{padding:18px 16px 0}.subject-grid{gap:12px}.studio-grid{grid-template-columns:1fr 1fr}.studio-grid>section:last-child{grid-column:1/-1}.flashcard-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.sidebar{transform:translate(-100%);transition:transform var(--motion);width:276px}.nav-open .sidebar{transform:translate(0)}.main-shell{margin-left:0;width:100%}.mobile-toggle{display:inline-flex;padding:5px;min-width:44px}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#1b322c55;border-radius:0}.topbar{height:65px}.topbar>div:first-child>span,.topbar>div:first-child>svg{display:none}.hero-art{max-width:330px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-panels{gap:8px}.kind-grid{grid-template-columns:repeat(3,1fr)}.skip{left:20px}}@media(max-width:680px){main{padding:25px 18px}.topbar{padding:0 14px;gap:8px}.topbar strong{max-width:145px;font-size:10px}.saved,.topbar .avatar{display:none}.ai-button{padding:8px;font-size:10px}.eyebrow{font-size:8px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.page-heading>.primary{font-size:10px;padding:10px;white-space:nowrap}.hero{padding:25px 23px;min-height:260px}.hero h2{font-size:35px}.hero p{font-size:10px}.hero>div:first-child{position:relative;z-index:1;max-width:70%}.note-art{width:140px;height:165px;left:0;top:23px;padding:15px}.note-art p{font-size:16px}.berry-orb{width:55px;height:55px;right:10px}.mint{left:-20px;width:80px;height:80px}.lime-orb{width:65px;height:65px;bottom:0;right:30px;font-size:34px}.floating-tag{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 25px}.stat{padding:14px}.stat strong{font-size:22px}.stat small{font-size:9px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subject-card-open{padding:15px 13px 0;min-height:190px}.subject-card h3{font-size:12px;min-height:38px}.subject-card small{font-size:8px}.subject-card-top{margin-bottom:12px}.subject-symbol{width:36px;height:36px;font-size:19px;border-radius:11px}.subject-number{display:none}.subject-edit{top:8px;right:6px;min-width:24px}.card-foot{font-size:8px;margin-top:12px}.section-heading h2{font-size:17px}.section-heading button{font-size:9px}.modal{padding:20px}.modal h2{font-size:22px}.kind-grid{grid-template-columns:repeat(2,1fr)}.kind-grid button{padding:14px}.form-row{flex-direction:column}.form-row label{margin:5px 0}.search-field{flex-wrap:wrap}.search-field input{width:calc(100% - 40px)!important}.search-field select{max-width:none;width:100%!important}.notes-panel{border-radius:16px}.sumi-editor{padding:24px 20px;font-size:16px}.sumi-editor h1{font-size:27px}.sumi-editor h2{font-size:23px}.learning-blocks{padding:12px}.learning-blocks>span{width:100%;margin-bottom:5px}.editor-toolbar{padding:10px;gap:4px}.map-panel{padding:8px}.map-canvas{height:65dvh;min-height:400px}.react-flow__minimap{display:none}.map-hint{font-size:9px}.whiteboard-canvas{height:65dvh}.flashcard-grid{grid-template-columns:1fr}.ratings,.exam-grid{grid-template-columns:repeat(2,1fr)}.session{gap:9px;padding:10px;flex-wrap:wrap}.session input[type=date]{font-size:11px;width:140px;margin-left:30px}.session>div{min-width:160px}.studio-grid{grid-template-columns:1fr}.studio-grid>section:last-child{grid-column:auto}.studio-preview{padding:25px}.studio-preview h2{font-size:29px}.split-panels{grid-template-columns:1fr!important}.split-panels>section{max-height:70vh}.split-panels .sumi-editor{min-height:400px}.pdf-scroll{height:55vh;padding:8px}.materials{padding:8px}.list-row{flex-wrap:wrap}.list-row>span{min-width:50%}.toolbar button,.toolbar select,.upload-button{font-size:11px}.toolbar input{max-width:100%}.toolbar{gap:5px}.document-heading input{font-size:27px}.bottom-caption{font-size:8px}.note-footer>span{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.toolbar,.note-footer,.learning-blocks,.bottom-caption,.backlinks{display:none!important}.main-shell{width:100%;margin:0}main{padding:0}.notes-panel{border:0}.sumi-editor{padding:0}}.sidebar{width:310px;padding:18px 14px 10px}.main-shell{margin-left:310px;width:calc(100% - 310px)}.sidebar .brand{margin-bottom:14px}.sidebar-close{display:none}.version-badge{min-height:36px;border:1px solid var(--line);font-size:10px;padding:5px 9px;border-radius:9px;white-space:nowrap;color:var(--muted)}.version-details{display:grid;gap:8px;margin:18px 0;padding:16px;border-radius:16px;background:var(--nav)}.version-details>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px}.version-details strong{overflow-wrap:anywhere}@media(max-width:680px){.topbar .chatgpt-trigger{min-height:44px;min-width:44px}.topbar .external-ai-trigger{display:none}.topbar>div{gap:7px}.topbar .version-badge{font-size:9px;min-height:44px;padding:5px 7px}.topbar>div:last-child{flex-shrink:0}}.sidebar .workspace-name{width:100%;text-align:left;margin:0 0 10px;padding:8px 10px;border:1px solid var(--line);background:var(--surface);border-radius:16px;min-height:60px}.workspace-name>div{flex:1;min-width:0;overflow-wrap:anywhere}.workspace-name strong{display:block;font-size:13px;font-weight:650}.workspace-name small{font-size:10px}.sidebar .search-button{margin-bottom:6px;min-height:44px}.sidebar .primary-navigation button{min-height:42px;font-size:12px;padding:8px 12px}.sidebar .nav-label{margin:12px 8px 5px;font-size:11px;letter-spacing:.08em;color:var(--ink)}.sidebar .nav-label>span{display:flex;align-items:center;gap:8px}.sidebar .nav-label b{letter-spacing:0;border-radius:7px;padding:3px 6px;background:var(--surface);color:var(--muted);font-size:10px}.sidebar .nav-label .mini{min-width:44px;min-height:44px}.sidebar .subject-tree{min-height:100px;padding:0 2px 8px;overscroll-behavior:contain}.subject-group{margin-bottom:5px}.sidebar .subject-row{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-height:53px}.sidebar .subject-row.expanded{background:color-mix(in srgb,var(--subject-color) 16%,var(--surface));border-color:color-mix(in srgb,var(--subject-color) 45%,var(--line))}.sidebar .subject-row>button:first-child{padding:9px 0 9px 10px;gap:9px;min-width:0;font-size:13px;font-weight:650;line-height:1.3}.subject-name{flex:1;min-width:0;overflow-wrap:break-word}.subject-name small{font-size:10px;color:var(--muted);font-weight:450;margin-top:3px}.sidebar .subject-row .subject-dot{width:10px;height:26px;border-radius:5px;box-shadow:none}.sidebar .subject-row>.mini{min-width:44px;min-height:44px;padding:0}.sidebar .tree-row{margin-left:6px;border-left:1px solid var(--line)}.sidebar .tree-open{font-size:12px}.sidebar .tree-row .mini{min-width:34px;min-height:44px}.sidebar .new-page{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);margin:5px 0 10px;min-height:44px;font-size:12px;justify-content:center}.sidebar footer{padding-top:8px}.sidebar .secondary-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.sidebar .secondary-navigation button{flex-direction:column;gap:4px;min-height:48px;min-width:0;padding:5px 1px;font-size:9px;justify-content:center;border-radius:10px}.sidebar .secondary-navigation button.active{background:var(--surface);color:var(--ink)}.sidebar .secondary-navigation button.active svg{color:var(--berry)}.sidebar .local-status{padding:9px 8px 0;font-size:9px}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-intro{display:flex;align-items:center;gap:16px;margin:4px 0 12px}.profile-intro p{margin:5px 0 0;color:var(--muted)}.profile-preview{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;border-radius:22px;background:var(--peach);color:#754027;font-weight:700;font-size:22px}.profile-storage{color:var(--muted);font-size:12px;line-height:1.6}.profile-form .modal-actions{justify-content:flex-end}@media(max-width:1200px)and (min-width:981px){.sidebar{width:286px}.main-shell{margin-left:286px;width:calc(100% - 286px)}}@media(max-width:980px){.sidebar-close{display:inline-flex;position:absolute;right:12px;top:max(16px,env(safe-area-inset-top));min-width:44px;min-height:44px;padding:5px}.sidebar{width:min(310px,calc(100vw - 36px));padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.main-shell{margin-left:0;width:100%}}@media(max-height:730px){.sidebar .brand{margin-bottom:7px}.sidebar .brand-icon{width:38px;height:38px}.sidebar .wordmark{height:38px}.sidebar .workspace-name{min-height:50px;margin-bottom:7px}.sidebar .secondary-navigation button{min-height:44px}.sidebar .nav-label{margin-top:5px}}.sidebar .brand{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:64px;padding:4px 8px;flex-shrink:0}.sidebar .brand,.sidebar .brand:hover,.sidebar .brand:active,.sidebar .brand:focus-visible{background:transparent;box-shadow:none;border-color:transparent}.sumi-brand-surface{display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;opacity:1;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}.sumi-brand-surface--icon{width:56px;height:56px;flex-shrink:0;padding:0}.sumi-brand-surface--wordmark{width:176px;max-width:176px;height:56px;min-width:0;flex:1 1 176px;padding:0}.sumi-brand-surface>img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal;user-select:none;-webkit-user-select:none}.hero>.hero-art.sumi-brand-art{position:relative;inset:auto;opacity:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.sumi-brand-art .hero-brand-surface{width:min(232px,100%);height:auto;aspect-ratio:1;padding:0;border-radius:0;box-shadow:none}.hero .hero-brand-caption{margin:0;font-size:10px;color:#667553;letter-spacing:.015em}[data-theme=dark] .hero{background:linear-gradient(115deg,#19231b,#121a15 55%,#17221b);border-color:#344537}[data-theme=dark] .hero p{color:#b7c5b3}[data-theme=dark] .hero .pill{color:#d4e5ba;border-color:#46593e;background:#ffffff08}[data-theme=dark] .hero button{color:#e5efda;border-color:#5f7351;background:#ffffff06}[data-theme=dark] .sumi-brand-art .hero-brand-surface{box-shadow:none}@media(max-width:900px){.hero{flex-direction:column;align-items:flex-start}.hero>div:first-child{max-width:100%}.hero>.hero-art.sumi-brand-art{width:100%;min-width:0;height:auto;margin-inline:auto;margin-top:22px}}@media(max-width:680px){.sumi-brand-art .hero-brand-surface{width:180px;padding:0;border-radius:0}}@media(max-height:730px){.sidebar .brand{min-height:52px}.sidebar .sumi-brand-surface--icon{width:44px;height:44px;padding:0;border-radius:0}.sidebar .sumi-brand-surface--wordmark{height:44px;border-radius:0}}@property --sumi-sheen-angle{syntax: "<angle>"; inherits: false; initial-value: 35deg;}:root{--sumi-glass-fill: color-mix(in srgb, var(--surface) calc(var(--glass, .88) * 100%), transparent);--sumi-glass-tint: color-mix(in srgb, var(--mint) 7%, var(--surface));--sumi-glass-edge: color-mix(in srgb, var(--line) 78%, white);--sumi-glass-shine: rgb(255 255 255 / .95);--sumi-glass-shadow: var(--shadow), inset 0 1px 0 rgb(255 255 255 / .78);--sumi-glass-lift-shadow: var(--shadow), 0 7px 24px rgb(39 62 42 / .07), inset 0 1px 0 rgb(255 255 255 / .95);--sumi-glass-blur: clamp(0px, calc(var(--blur, 22px) * .65), 24px);--sumi-ease-out: cubic-bezier(.2, .75, .25, 1);--sumi-ease-in-out: cubic-bezier(.4, 0, .2, 1);--sumi-view-duration: calc(var(--motion, .18s) * 1.7);--sumi-sheen-duration: calc(var(--motion, .18s) * 3.5)}[data-theme=dark]{--sumi-glass-tint: color-mix(in srgb, var(--mint) 3%, var(--surface));--sumi-glass-edge: color-mix(in srgb, var(--line) 82%, white);--sumi-glass-shine: rgb(255 255 255 / .72);--sumi-glass-shadow: var(--shadow), 0 7px 25px rgb(0 0 0 / .12), inset 0 1px 0 rgb(255 255 255 / .085);--sumi-glass-lift-shadow: var(--shadow), 0 13px 34px rgb(0 0 0 / .2), inset 0 1px 0 rgb(255 255 255 / .16)}.app{background-image:radial-gradient(ellipse at 94% 5%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 46%),radial-gradient(ellipse at 28% 85%,color-mix(in srgb,var(--mint) 17%,transparent),transparent 50%)}.sidebar{background:color-mix(in srgb,var(--nav) calc(var(--glass, .88) * 100%),transparent);-webkit-backdrop-filter:blur(var(--sumi-glass-blur)) saturate(1.16);backdrop-filter:blur(var(--sumi-glass-blur)) saturate(1.16);border-right-color:var(--sumi-glass-edge);box-shadow:1px 0 #ffffff40,8px 0 28px #192d1c06}.topbar,[data-theme=dark] .topbar{background:var(--sumi-glass-fill);-webkit-backdrop-filter:blur(var(--blur, 22px)) saturate(1.2);backdrop-filter:blur(var(--blur, 22px)) saturate(1.2);border-bottom-color:var(--sumi-glass-edge);box-shadow:0 1px #ffffff26,0 6px 24px #1b2c1b09}:is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.slash-menu,.table-scroll,.notes-panel,.map-panel,.whiteboard-panel,.sumi-chat-context){background-color:var(--sumi-glass-fill);background-image:linear-gradient(135deg,rgb(255 255 255 / .105),transparent 48%);border-color:var(--sumi-glass-edge);-webkit-backdrop-filter:blur(var(--sumi-glass-blur)) saturate(1.08);backdrop-filter:blur(var(--sumi-glass-blur)) saturate(1.08);box-shadow:var(--sumi-glass-shadow)}.notes-panel .sumi-editor,.table-scroll table,.materials .pdf-page,.map-canvas,.whiteboard-canvas{-webkit-backdrop-filter:none;backdrop-filter:none}.notes-panel .sumi-editor,.table-scroll table{background-color:var(--surface)}.sidebar .subject-row.expanded{background-color:color-mix(in srgb,var(--subject-color) 13%,var(--sumi-glass-fill));border-color:color-mix(in srgb,var(--subject-color) 40%,var(--sumi-glass-edge))}:is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.sumi-chat-context,.ai-button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.ratings>button,.hero>div>button,.settings-actions>button,.sumi-chat-send-row>button,.sumi-chat-link-button){position:relative;transition:background-color var(--motion) var(--sumi-ease-out),border-color var(--motion) var(--sumi-ease-out),box-shadow var(--motion) var(--sumi-ease-out),transform var(--motion) var(--sumi-ease-out),translate var(--motion) var(--sumi-ease-out)}:is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.sumi-chat-context,.ai-button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.ratings>button,.hero>div>button,.settings-actions>button,.sumi-chat-send-row>button,.sumi-chat-link-button):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;pointer-events:none;z-index:2;--sumi-sheen-angle: 35deg;background:conic-gradient(from var(--sumi-sheen-angle),transparent 0deg 20deg,var(--sumi-glass-shine) 54deg,color-mix(in srgb,var(--mint) 35%,transparent) 85deg,transparent 125deg 235deg,rgb(255 255 255 / .24) 278deg,transparent 315deg 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.32;transition:--sumi-sheen-angle var(--sumi-sheen-duration) var(--sumi-ease-in-out),opacity var(--motion) var(--sumi-ease-out)}:is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.sumi-chat-context,.ai-button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.ratings>button,.hero>div>button,.settings-actions>button,.sumi-chat-send-row>button,.sumi-chat-link-button):is(:focus-visible,:focus-within,:active):after{--sumi-sheen-angle: 305deg;opacity:.92}.sumi-chat-context-toggle>svg:last-child{transition:transform var(--motion) var(--sumi-ease-out)}.primary,.ai-button,.sidebar .search-button,.sidebar .new-page,.toolbar>button,.editor-toolbar>button,.form-actions>button,.settings-actions>button,.sumi-chat-link-button{background-image:linear-gradient(165deg,rgb(255 255 255 / .2),transparent 65%);box-shadow:inset 0 1px #ffffff4d,0 3px 8px #152c1d09}.sidebar .secondary-navigation button,.sidebar .primary-navigation button,.topbar .version-badge{background-image:linear-gradient(160deg,rgb(255 255 255 / .085),transparent 70%);transition:background-color var(--motion),border-color var(--motion),box-shadow var(--motion),translate var(--motion) var(--sumi-ease-out)}.editor-toolbar{background:linear-gradient(165deg,rgb(255 255 255 / .1),transparent 75%),var(--sumi-glass-fill);border-bottom-color:var(--sumi-glass-edge)}.hero,[data-theme=dark] .hero{background:linear-gradient(115deg,color-mix(in srgb,var(--lime) 14%,var(--sumi-glass-fill)),color-mix(in srgb,var(--mint) 8%,var(--sumi-glass-fill)) 58%,var(--sumi-glass-fill));border-color:var(--sumi-glass-edge);box-shadow:var(--sumi-glass-shadow);-webkit-backdrop-filter:blur(var(--sumi-glass-blur)) saturate(1.12);backdrop-filter:blur(var(--sumi-glass-blur)) saturate(1.12)}.toolbar>button:active,.editor-toolbar>button:active,.form-actions>button:active,.page-heading>button:active,.kind-grid>button:active,.page-list>button:active,.study-card:active,.ratings>button:active{transform:translateY(1px)}:is(input,textarea,select):not(:where([type=checkbox],[type=range],[type=color])){background-color:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--sumi-glass-edge);box-shadow:inset 0 1px 3px #152b1b09,0 1px #ffffff59;transition:border-color var(--motion),box-shadow var(--motion),background-color var(--motion)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent),inset 0 1px 2px #152b1b06}.document-heading input,.table-scroll th input,.table-scroll td textarea{background:transparent;box-shadow:none}.workspace-view.is-view-entering{animation:sumi-view-forward var(--sumi-view-duration) var(--sumi-ease-out) backwards}.workspace-view.is-view-entering[data-view-transition=back]{animation-name:sumi-view-back}.workspace-view.is-view-entering[data-view-transition=lateral]{animation-name:sumi-view-lateral}.workspace-view.is-view-entering[data-view-entry=book]{transform-origin:8% 24%;animation-name:sumi-book-open}.modal[open]{animation:sumi-dialog-enter calc(var(--motion) * 1.25) var(--sumi-ease-out) backwards}.modal[open]::backdrop{animation:sumi-backdrop-enter var(--motion) var(--sumi-ease-out) backwards}.subject-card:hover{transform:none}@media(hover:hover)and (pointer:fine){:is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.sumi-chat-context,.ai-button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.ratings>button,.hero>div>button,.settings-actions>button,.sumi-chat-send-row>button,.sumi-chat-link-button):hover:after{--sumi-sheen-angle: 305deg;opacity:.92}.subject-card:hover,.page-list>button:hover,.kind-grid>button:hover{translate:0 -2px;box-shadow:var(--sumi-glass-lift-shadow)}.sidebar .subject-row:hover,.sidebar .workspace-name:hover,.sidebar .search-button:hover{border-color:color-mix(in srgb,var(--green) 25%,var(--sumi-glass-edge));box-shadow:var(--sumi-glass-lift-shadow)}}@keyframes sumi-view-forward{0%{opacity:.35;transform:translate3d(10px,0,0)}to{opacity:1;transform:none}}@keyframes sumi-view-back{0%{opacity:.35;transform:translate3d(-10px,0,0)}to{opacity:1;transform:none}}@keyframes sumi-view-lateral{0%{opacity:.4;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}@keyframes sumi-book-open{0%{opacity:.3;transform:perspective(1400px) translate3d(12px,0,0) rotateY(-2deg)}to{opacity:1;transform:none}}@keyframes sumi-dialog-enter{0%{opacity:.2;transform:translate3d(0,10px,0) scale(.985)}to{opacity:1;transform:none}}@keyframes sumi-backdrop-enter{0%{opacity:0}to{opacity:1}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sidebar{background-color:var(--nav)}.topbar,[data-theme=dark] .topbar,:is(.subject-card,.stat,.page-list>button,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.notes-panel,.map-panel,.whiteboard-panel){background-color:var(--surface)}}@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)){:is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.sumi-chat-context,.ai-button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.ratings>button,.hero>div>button,.settings-actions>button,.sumi-chat-send-row>button,.sumi-chat-link-button):after{display:none}}[data-motion=off] .workspace-view,[data-motion=off] .modal,[data-motion=off] .modal::backdrop{animation:none!important}[data-motion=off] :is(.subject-card,.page-list>button,.kind-grid>button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.study-card,.ratings>button){transform:none!important}[data-motion=off] *,[data-motion=off] *:after{transition-duration:0ms!important}@media(prefers-reduced-motion:reduce){.workspace-view,.modal,.modal::backdrop{animation:none!important}:is(.subject-card,.page-list>button,.kind-grid>button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.study-card,.ratings>button){transform:none!important}*,*:before,*:after{transition:none!important}}@media print{.app{background-image:none}.workspace-view{animation:none!important;transform:none!important}:is(.subject-card,.stat,.notes-panel,.map-panel,.whiteboard-panel,.flashcard-grid>article,.exam-grid>article,.session){background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--sumi-aura-strength: .86;--sumi-aura-duration: 80s;--sumi-hover-lift: -2px}.app{position:relative;isolation:isolate;background-image:none}.sumi-aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:var(--sumi-aura-strength)}.sumi-aura>div{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;pointer-events:none}.sumi-aura-cool{background:radial-gradient(circle clamp(180px,34vmin,360px) at 84% 20%,color-mix(in srgb,var(--cyan) 76%,transparent) 0%,color-mix(in srgb,var(--cyan) 48%,transparent) 28%,color-mix(in srgb,var(--cyan) 14%,transparent) 60%,transparent 85%),radial-gradient(circle clamp(160px,30vmin,320px) at 28% 68%,color-mix(in srgb,var(--mint) 92%,transparent) 0%,color-mix(in srgb,var(--mint) 62%,transparent) 28%,color-mix(in srgb,var(--mint) 20%,transparent) 60%,transparent 85%),radial-gradient(circle clamp(160px,29vmin,320px) at 93% 88%,color-mix(in srgb,var(--lime) 74%,transparent) 0%,color-mix(in srgb,var(--lime) 42%,transparent) 30%,color-mix(in srgb,var(--lime) 10%,transparent) 62%,transparent 85%);animation:sumi-aura-cool var(--sumi-aura-duration) ease-in-out infinite alternate}.sumi-aura-warm{background:radial-gradient(circle clamp(150px,27vmin,300px) at 28% 18%,color-mix(in srgb,var(--peach) 80%,transparent) 0%,color-mix(in srgb,var(--peach) 48%,transparent) 28%,color-mix(in srgb,var(--peach) 12%,transparent) 60%,transparent 85%),radial-gradient(circle clamp(160px,30vmin,320px) at 88% 56%,color-mix(in srgb,var(--berry) 62%,transparent) 0%,color-mix(in srgb,var(--berry) 38%,transparent) 28%,color-mix(in srgb,var(--berry) 10%,transparent) 60%,transparent 85%),radial-gradient(circle clamp(170px,32vmin,340px) at 36% 88%,color-mix(in srgb,var(--orange) 70%,transparent) 0%,color-mix(in srgb,var(--orange) 40%,transparent) 28%,color-mix(in srgb,var(--orange) 12%,transparent) 60%,transparent 85%);animation:sumi-aura-warm calc(var(--sumi-aura-duration) * 1.15) ease-in-out infinite alternate}[data-theme=dark] .sumi-aura{opacity:calc(var(--sumi-aura-strength) * .65)}.sumi-aura[data-paused=true]>div{animation-play-state:paused}@keyframes sumi-aura-cool{0%{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.035)}}@keyframes sumi-aura-warm{0%{transform:translate3d(1%,-1%,0) scale(1.015)}to{transform:translate3d(-3%,2%,0) scale(1)}}:root:not([data-theme=dark]){--sumi-glass-shine: color-mix(in srgb, var(--cyan) 66%, var(--green));--sumi-glass-lift-shadow: var(--shadow), 0 9px 24px rgb(39 62 42 / .1), inset 0 1px 0 rgb(255 255 255 / .95)}:root:not([data-theme=dark]) :is(.subject-card,.stat,.page-list>button,.sidebar .workspace-name,.sidebar .search-button,.sidebar .new-page,.sidebar .subject-row,.modal,.kind-grid>button,.studio-grid>section,.theme-library,.css-panel,.flashcard-grid>article,.study-card,.exam-grid>article,.session,.sumi-chat-context,.ai-button,.toolbar>button,.editor-toolbar>button,.form-actions>button,.page-heading>button,.ratings>button,.hero>div>button,.settings-actions>button,.sumi-chat-send-row>button,.sumi-chat-link-button):after{background:conic-gradient(from var(--sumi-sheen-angle),transparent 0deg 20deg,var(--sumi-glass-shine) 54deg,color-mix(in srgb,var(--berry) 55%,transparent) 85deg,transparent 125deg 235deg,color-mix(in srgb,var(--orange) 60%,transparent) 278deg,transparent 315deg 360deg)}:is(button,.upload-button,.sumi-chat-link-button):not(.nav-backdrop){transition:background-color var(--motion) var(--sumi-ease-out),border-color var(--motion) var(--sumi-ease-out),box-shadow var(--motion) var(--sumi-ease-out),transform var(--motion) var(--sumi-ease-out),translate var(--motion) var(--sumi-ease-out)}@media(hover:hover)and (pointer:fine){:is(button,.upload-button,.sumi-chat-link-button):not(.nav-backdrop):not(:disabled):not([aria-disabled=true]):hover{translate:0 var(--sumi-hover-lift)}:is(button,.upload-button,.sumi-chat-link-button):not(.nav-backdrop):not(.brand):not(.subject-card-open):not(:disabled):not([aria-disabled=true]):hover{box-shadow:var(--sumi-glass-lift-shadow);border-color:color-mix(in srgb,var(--sumi-glass-shine) 32%,var(--line))}.subject-card:hover>button.subject-card-open:not(:disabled):not([aria-disabled=true]){translate:none}}:is(button,.upload-button,.sumi-chat-link-button):not(.nav-backdrop):not(:disabled):not([aria-disabled=true]):active{translate:0 1px}.subject-card:has(>.subject-card-open:active){translate:0 1px}.subject-card>button.subject-card-open:not(:disabled):not([aria-disabled=true]):active{translate:none}[data-motion=off] .sumi-aura>div{animation:none!important}[data-motion=off] button,[data-motion=off] .upload-button,[data-motion=off] .sumi-chat-link-button,[data-motion=off] .subject-card{translate:none!important}@media(prefers-reduced-motion:reduce){.sumi-aura>div{animation:none!important}button,.upload-button,.sumi-chat-link-button,.subject-card{translate:none!important}}@media(update:slow){.sumi-aura>div{animation:none}}@media print{.sumi-aura{display:none}button,.upload-button,.sumi-chat-link-button,.subject-card{translate:none!important}}.update-notice,.update-pill{position:fixed;right:24px;bottom:24px;z-index:120;border:1px solid color-mix(in srgb,var(--lime) 55%,var(--line));background:var(--surface);color:var(--ink);box-shadow:0 12px 44px #17221d26;border-radius:20px}.update-notice{width:min(420px,calc(100vw - 32px));padding:20px}.update-notice-copy{display:flex;align-items:flex-start;gap:12px}.update-notice-copy>svg{color:var(--green);flex-shrink:0}.update-notice-copy strong{font-size:15px}.update-notice-copy p,.update-error{margin:8px 0 0;font-size:13px;line-height:1.6}.update-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.update-actions button,.update-pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px}.update-error{color:var(--berry)}@media(max-width:600px){.update-notice,.update-pill{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}