@font-face{font-family:Spectral;src:url(/fonts/spectral-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/spectral-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Caveat WSI;src:url(/fonts/caveat-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e4e0d6;--bg-sunken:#d6d1c4;--surface:#fbfaf6;--surface-2:#f4f1ea;--border:#ddd7c8;--border-strong:#d6cfc2;--text:#2c2a26;--text-muted:#7a756c;--text-faint:#a09a8e;--primary:#0e9d8f;--primary-strong:#0a7568;--primary-tint:#e0f0ee;--primary-ring:#0e9d8f4d;--on-primary:#fff;--accent:#c1547a;--accent-strong:#a63e63;--accent-tint:#f8e9ee;--success:#2e7d64;--success-tint:#e3f0ea;--warn:#b07d1e;--warn-tint:#f3ead4;--error:#b3402f;--error-tint:#f5e2dc;--shadow-color:50 40 20;--hand-ink:#564b42;--stage-bg:#e4e0d6;--haem:#4a3e8c;--eosin:#c1547a;--stain-he:#9a4f8c;--stain-pas:#b5297e;--stain-masson:#2c6e9b;--stain-reticulin:#5a5866;--stain-giemsa:#6a5acd;--stain-ihc:#8a5a2b;--stain-congo:#c64b3e;--obj-4x:#e2483a;--obj-10x:#f2b937;--obj-20x:#36a85b;--obj-40x:#2f6ad9;--serif:"Spectral",Georgia,"Times New Roman",serif;--sans:"Space Grotesk","IBM Plex Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Space Mono","IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;--hand:"Caveat WSI","Segoe Script",cursive;--fs-caption:12px;--fs-xs:13px;--fs-sm:14px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:25px;--fs-2xl:31px;--fs-3xl:39px;--fs-4xl:48px;--lh-tight:1.15;--lh-snug:1.35;--lh:1.5;--r-sm:6px;--r:10px;--r-lg:14px;--r-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-sm:0 1px 2px rgb(var(--shadow-color)/.06);--shadow:0 4px 16px -6px rgb(var(--shadow-color)/.13),0 1px 2px rgb(var(--shadow-color)/.06);--shadow-lg:0 22px 48px -18px rgb(var(--shadow-color)/.24),0 4px 12px -6px rgb(var(--shadow-color)/.1);--ease:cubic-bezier(.2,.7,.2,1);--dur-1:.12s;--dur-2:.18s;--dur-3:.24s;--panel:var(--surface);--panel-2:var(--surface-2);--panel-edge:var(--border);--paper-1:var(--bg);--paper-2:var(--bg-sunken);--paper-edge:var(--border);--line:var(--border);--frost:var(--surface-2);--frost-edge:var(--border);--glass:var(--surface);--glass-edge:var(--border);--bench-1:var(--bg);--bench-2:var(--bg-sunken);--bench-edge:var(--border-strong);--ink:var(--text);--ink-soft:var(--text-muted);--faint:var(--text-faint);--pencil:var(--hand-ink);--teal:var(--primary);--teal-deep:var(--primary-strong);--teal-glow:var(--primary-ring);--teal-rgb:14,157,143;--brass-1:#eccd86;--brass-2:#b98a37;--brass-ink:#7a5a22;--burnt:var(--accent);--good:var(--success);--obj4:var(--obj-4x);--obj10:var(--obj-10x);--obj20:var(--obj-20x);--obj40:var(--obj-40x);--stain-pink:var(--eosin);--stain-purple:var(--haem);--haematox:var(--haem);--s1:var(--space-1);--s2:var(--space-2);--s3:var(--space-3);--s4:var(--space-4);--s5:var(--space-5);--s6:var(--space-6);--s7:var(--space-7)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1812;--bg-sunken:#14110c;--surface:#26231c;--surface-2:#302c23;--border:#3a352b;--border-strong:#4c4638;--text:#efe9dc;--text-muted:#b1a994;--text-faint:#847c6c;--primary:#3fbdad;--primary-strong:#5fd4c4;--primary-tint:#14302a;--primary-ring:#3fbdad57;--on-primary:#0f201d;--accent:#ef8fae;--accent-strong:#f4a6bf;--accent-tint:#37222a;--success:#5cc39c;--success-tint:#17281f;--warn:#e0b24e;--warn-tint:#2d2614;--error:#ef8a76;--error-tint:#321d16;--shadow-color:0 0 0;--shadow:0 4px 18px -6px #0000008c,0 1px 2px #00000073;--shadow-lg:0 24px 54px -18px #000000ad,0 6px 16px -8px #00000080;--hand-ink:#cabfa6;--stage-bg:#191510;--haem:#b3a3f2;--eosin:#ef8fae;--stain-he:#cf7ac0;--stain-pas:#e065a8;--stain-masson:#4f9fd0;--stain-reticulin:#c2bcac;--stain-giemsa:#9a8cf0;--stain-ihc:#c79162;--stain-congo:#e57263;--obj-4x:#f0655a;--obj-10x:#f2bf5e;--obj-20x:#54c07e;--obj-40x:#5a90ea;--brass-1:#eccd86;--brass-2:#d9b25f;--brass-ink:#e6c67e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}::selection{background:var(--primary-ring);color:var(--text)}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-feature-settings:"tnum"}svg.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}#root{height:100dvh;position:relative}.brand-mark{background:var(--primary);border-radius:50%;flex:none;width:22px;height:22px;position:relative}.brand-mark:before{content:"";border:1.5px solid var(--surface);border-radius:50%;position:absolute;inset:3px}.brand-mark:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:8px}.brand-mark.big{width:60px;height:60px}.brand-mark.big:before{border-width:3px;inset:9px}.brand-mark.big:after{inset:22px}.btn{font-family:var(--sans);font-size:var(--fs-xs);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-2),border-color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-1) var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 15px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn .ic{font-size:16px}.btn-primary{background:var(--primary-fill,var(--primary));color:var(--on-primary);box-shadow:var(--shadow-sm);font-weight:600}.btn-primary:hover{background:var(--primary-strong);box-shadow:var(--shadow)}.btn-primary:disabled{background:var(--border-strong);color:var(--surface);box-shadow:none;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost.on{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.btn-danger{background:var(--surface);color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,var(--border))}.btn-danger:hover{background:var(--error-tint);border-color:var(--error)}.btn-sm{font-size:var(--fs-caption);padding:7px 11px}.iconbtn{border-radius:var(--r-sm);cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex:none;place-items:center;font-size:16px;transition:all .15s;display:grid}.iconbtn:hover{border-color:var(--primary);color:var(--primary)}.seg{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-sm);gap:2px;padding:3px;display:inline-flex}.seg-btn{font-family:var(--sans);font-size:var(--fs-xs);color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.seg-btn:hover{color:var(--text)}.seg-btn.active{color:var(--on-primary);background:var(--primary);font-weight:600}.seg-sm .seg-btn{font-size:var(--fs-caption);padding:6px 11px}.seg-sm .seg-btn .ic{font-size:15px}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.inp,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],textarea,select.sel,.field select{font-family:var(--sans);font-size:var(--fs-xs);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input.mono,textarea.mono{font-family:var(--mono)}.inp:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}textarea{resize:vertical;min-height:84px;line-height:var(--lh)}select.sel{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23938c9e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:15px;width:auto;min-width:128px;padding-right:30px}.check{font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer;align-items:center;gap:9px;display:flex}.check input{accent-color:var(--primary);width:16px;height:16px}input[type=range]{accent-color:var(--primary);cursor:pointer}.app{grid-template-columns:248px 1fr;height:100dvh;display:grid}.nav{border-right:1px solid var(--border);background:repeating-linear-gradient(91deg,transparent 0 5px,#301a0a08 5px 6px,transparent 6px 13px,#ffe4c40a 13px 14px,transparent 14px 22px), linear-gradient(180deg,var(--surface-2),var(--bg));flex-direction:column;gap:6px;padding:18px 14px;display:flex}.role-student{--nav-accent:var(--primary);--nav-accent-tint:var(--primary-tint)}.role-teacher{--nav-accent:var(--haem);--nav-accent-tint:color-mix(in srgb,var(--haem) 12%,var(--surface))}.role-admin{--nav-accent:var(--text);--nav-accent-tint:var(--bg-sunken)}.nav-brand{align-items:center;gap:11px;padding:6px 8px 14px;display:flex}.brand-name{font-family:var(--mono);letter-spacing:.2em;font-weight:600;font-size:var(--fs-caption);color:var(--text)}.brand-name i{color:var(--primary);margin:0 1px;font-style:normal}.nav-group-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:2px 10px 8px;font-size:10px}.nav-items{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow-y:auto}.nav-item{border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;border:1px solid #0000;align-items:center;gap:11px;padding:10px 12px;font-weight:500;transition:all .15s;display:flex}.nav-item .ic{font-size:18px}.nav-item:hover{background:var(--bg-sunken);color:var(--text)}.nav-item.on{background:var(--nav-accent-tint,var(--primary-tint));color:var(--nav-accent,var(--primary));box-shadow:inset 2px 0 0 var(--nav-accent,var(--primary))}.nav-item.on .ic{color:var(--nav-accent,var(--primary))}.nav-foot{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;display:flex}.nav-badge{background:var(--accent);color:var(--on-primary);font-family:var(--mono);border-radius:var(--r-pill);place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:600;display:inline-grid}.nav-burger{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);flex:none;place-items:center;margin-right:2px;font-size:19px;transition:all .15s;display:none}.nav-burger:hover{border-color:var(--primary);color:var(--primary)}.nav-close{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;flex:none;place-items:center;margin-left:auto;font-size:17px;transition:all .15s;display:none}.nav-close:hover{border-color:var(--primary);color:var(--primary)}.nav-scrim{z-index:105;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s var(--ease);background:#120f1a80;position:fixed;inset:0}.req-list{flex-direction:column;gap:12px;max-width:780px;display:flex}.req-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.req-icon{border-radius:var(--r-sm);width:40px;height:40px;color:var(--on-primary);flex:none;place-items:center;display:grid}.req-icon.ta{background:var(--accent)}.req-icon.sr{background:var(--primary)}.req-icon .ic{font-size:20px}.req-main{flex:1;min-width:0}.req-kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.req-who{font-size:var(--fs-base);color:var(--text);margin-top:2px}.req-who b{font-weight:600}.req-msg{color:var(--text-muted);font-size:var(--fs-xs);margin-top:6px;font-style:italic}.req-actions{flex:none;align-items:center;gap:8px;display:flex}@media (width<=640px){.req-card{flex-wrap:wrap}.req-actions{width:100%}}.tchr-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.tchr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:14px 16px;transition:border-color .15s,transform .15s;display:flex}.tchr-card:hover{border-color:var(--primary)}.tchr-main{flex:1;min-width:0}.tchr-name{color:var(--text);font-weight:600;font-size:var(--fs-base)}.tchr-inst{color:var(--text-muted);font-size:var(--fs-caption);margin-top:1px}.applicants{margin-bottom:22px}.sec-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:10px}.app-list{flex-direction:column;gap:9px;display:flex}.app-row{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.app-actions{flex:none;gap:8px;display:flex}@media (width<=640px){.app-row{flex-wrap:wrap}.app-actions{width:100%}}.viewas{align-items:center;gap:8px;display:flex}.viewas-lbl{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.preview-banner{background:var(--accent-tint);color:var(--accent-strong);border-bottom:1px solid var(--border);font-size:var(--fs-xs);align-items:center;gap:10px;padding:9px 18px;display:flex}.preview-banner>.ic{flex:none;font-size:16px}.preview-banner b{font-weight:700}.preview-banner .pb-exit{background:var(--surface);color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--r-sm);font-size:var(--fs-caption);cursor:pointer;flex:none;margin-left:auto;padding:5px 12px;font-weight:600}.preview-banner .pb-exit:hover{border-color:var(--accent)}@media (width<=720px){.viewas-lbl{display:none}}@media (width<=640px){.crumb-lens{display:none}.crumb{overflow:hidden}.viewas,.tb-signout .tb-label{display:none}.tb-signout{justify-content:center;width:44px;height:44px;padding:0}.tb-right{gap:8px}}.notif{display:flex;position:relative}.notif-bell{border-radius:var(--r-sm);cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);place-items:center;font-size:17px;transition:all .15s;display:grid;position:relative}.notif-bell:hover{border-color:var(--primary);color:var(--primary)}.notif-dot{border-radius:var(--r-pill);background:var(--accent);min-width:17px;height:17px;color:var(--on-primary);font-family:var(--mono);border:2px solid var(--surface);place-items:center;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:-5px;right:-5px}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:330px;max-width:90vw;box-shadow:var(--shadow-lg);z-index:60;position:absolute;top:44px;right:0;overflow:hidden}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notif-head b{font-size:var(--fs-sm);color:var(--text)}.notif-allread{color:var(--primary);font-size:var(--fs-caption);cursor:pointer;background:0 0;border:0;font-weight:600}.notif-allread:hover{text-decoration:underline}.notif-list{max-height:min(60vh,420px);overflow-y:auto}.notif-item{text-align:left;background:var(--surface);border:0;border-bottom:1px solid var(--border);cursor:pointer;width:100%;padding:11px 14px;transition:all .12s;display:block}.notif-item:hover{background:var(--bg-sunken)}.notif-item.unread{background:var(--primary-tint)}.notif-item.unread .notif-title:before{content:"";background:var(--primary);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.notif-title{font-size:var(--fs-xs);color:var(--text);font-weight:600}.notif-body{font-size:var(--fs-caption);color:var(--text-muted);margin-top:2px;line-height:1.4}.notif-time{font-family:var(--mono);color:var(--text-faint);margin-top:4px;font-size:10px}.notif-empty{text-align:center;color:var(--text-muted);font-size:var(--fs-caption);padding:28px 14px}.acct-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.exp-ok{color:var(--success);font-size:var(--fs-caption)}.exp-bad{color:var(--error);font-weight:600;font-size:var(--fs-caption)}.nav-user{align-items:center;gap:10px;padding:4px 6px;display:flex}.nav-foot .avatar{box-shadow:0 0 0 2px var(--surface-2),0 0 0 3.5px var(--nav-accent,var(--primary))}.nu-meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.nu-meta b{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.nu-meta i{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.nav-tag{font-family:var(--mono);letter-spacing:.1em;color:var(--text-faint);text-align:center;border:1px solid var(--border);border-radius:var(--r-sm);padding:4px;font-size:10px}.avatar{border-radius:var(--r-sm);width:32px;height:32px;font-size:12px;font-weight:600;font-family:var(--mono);color:var(--on-primary);background:var(--primary);flex:none;place-items:center;display:grid}.avatar.lg{border-radius:var(--r);width:46px;height:46px;font-size:16px}.main{flex-direction:column;min-width:0;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;flex:none;align-items:center;gap:14px;height:58px;padding:0 22px;display:flex}.crumb{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:9px;min-width:0;display:flex}.crumb-lens{color:var(--primary);font-size:15px}.crumb a:hover{color:var(--text)}.crumb-sep{color:var(--text-faint);display:flex}.crumb-sep .ic{font-size:13px}.crumb-here{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tb-as{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.role-switch{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-sm);gap:2px;padding:3px;display:inline-flex}.rs-btn{font-family:var(--sans);font-size:var(--fs-caption);color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding:6px 12px;font-weight:500;transition:all .15s}.rs-btn:hover{color:var(--text)}.rs-btn.on{background:var(--primary);color:var(--on-primary);font-weight:600}.tb-reset{width:34px;height:34px}.screen{flex:1;min-height:0;padding:32px clamp(20px,4vw,48px) 64px;position:relative;overflow-y:auto}.phead{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.peyebrow{font-family:var(--mono);font-size:var(--fs-caption);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:8px}.ptitle{font-family:var(--serif);font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--text);font-weight:600;line-height:1.08}.psub{color:var(--text-muted);font-size:var(--fs-base);max-width:64ch;line-height:var(--lh);margin-top:8px}.phead-actions{flex:none;gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px;position:relative}.card-title{font-size:var(--fs-sm);align-items:center;gap:9px;margin-bottom:14px;font-weight:600;display:flex}.card-title .ic{color:var(--primary);font-size:17px}.section-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;margin:6px 0 12px;font-size:10px;display:flex}.section-label .ic{color:var(--accent-strong);font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);min-width:220px;box-shadow:var(--shadow-sm);flex:1;align-items:center;gap:9px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.search .ic{color:var(--text-faint);font-size:16px}.search input{background:0 0;border:0;padding:11px 0;box-shadow:none!important}.tb-filters{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.cat-statuses{margin-bottom:16px}.cat-count{color:var(--text-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;display:grid}.scard{cursor:pointer;transition:transform var(--dur-2) var(--ease);display:block}.scard:hover{transform:translateY(-3px)}.scard-plate{aspect-ratio:1.5;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm),0 1px 0 #ffffff8c inset;transition:border-color var(--dur-2),box-shadow var(--dur-2);position:relative;overflow:hidden}.scard-plate:before{content:"";background:var(--spine,var(--primary));z-index:3;width:5px;position:absolute;top:0;bottom:0;left:0}.scard-img{background-position:50%;background-size:cover;background-color:var(--bg-sunken);position:absolute;inset:0}.scard:hover .scard-plate{border-color:var(--primary);box-shadow:0 0 0 1.5px var(--primary),var(--shadow)}.scard-tints{z-index:3;align-items:center;gap:5px;display:flex;position:absolute;top:8px;right:8px}.fav-btn{z-index:3;border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:var(--surface);box-shadow:var(--shadow-sm);place-items:center;font-size:15px;transition:all .15s;display:grid;position:absolute;bottom:8px;right:8px}.fav-btn:hover{color:var(--text);border-color:var(--primary)}.fav-btn.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.fav-btn.on .ic{fill:var(--accent)}.scard-cap{padding:10px 2px 0}.scard-name{font-family:var(--serif);font-weight:600;font-size:var(--fs-md);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.scard-meta{font-family:var(--mono);font-size:var(--fs-caption);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.scard-foot{justify-content:space-between;align-items:center;gap:8px;padding:8px 2px 2px;display:flex}.scard-dx{font-size:var(--fs-caption);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;overflow:hidden}.organ-chip{font-family:var(--mono);letter-spacing:.03em;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex}.organ-dot{background:var(--oc);border-radius:50%;width:7px;height:7px}.organ-empty{color:var(--text-muted)}.obj-badge{font-family:var(--mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);padding:3px 7px;font-size:10px;font-weight:600}.st-badge{font-family:var(--mono);letter-spacing:.02em;border-radius:var(--r-pill);white-space:nowrap;border:1px solid;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:500;display:inline-flex}.st-dot{border-radius:50%;width:6px;height:6px}.st-draft{color:var(--text-muted);border-color:var(--border);background:var(--surface)}.st-draft .st-dot{background:var(--text-faint)}.st-shared{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border));background:var(--warn-tint)}.st-shared .st-dot{background:var(--warn)}.st-live{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:var(--success-tint)}.st-live .st-dot{background:var(--success)}.tagrow{flex-wrap:wrap;gap:5px;display:flex}.tag{font-family:var(--mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 8px;font-size:10px}.rowlist{flex-direction:column;gap:6px;display:flex}.rowitem{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);grid-template-columns:54px 1fr 130px 120px 140px 18px;align-items:center;gap:14px;padding:9px 12px;transition:all .15s;display:grid}.rowitem:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translate(2px)}.ri-thumb{border-radius:var(--r-sm);background-position:50%;background-size:cover;background-color:var(--bg-sunken);border:1px solid var(--border);width:54px;height:38px}.ri-name{font-size:var(--fs-xs);font-weight:500}.ri-sub{font-family:var(--mono);color:var(--text-muted);margin-top:2px;font-size:10px}.ri-stain{font-size:var(--fs-caption);color:var(--text-muted)}.ri-chev{color:var(--text-faint);font-size:16px}@media (width<=920px){.rowitem{grid-template-columns:54px 1fr auto}.ri-organ,.ri-stain,.ri-chev{display:none}}.empty{text-align:center;color:var(--text-muted);padding:64px 20px}.empty-ic{border-radius:var(--r-lg);width:56px;height:56px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);place-items:center;margin:0 auto 14px;font-size:26px;display:grid}.empty-t{font-family:var(--serif);font-size:var(--fs-lg);color:var(--text);font-weight:600}.empty-s{font-size:var(--fs-xs);margin-top:6px}.empty .btn{margin-top:16px}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{border-radius:var(--r-sm);background-position:200% 0;background-size:200% 100%;background-image:linear-gradient(100deg,var(--bg-sunken) 28%,var(--surface-2) 50%,var(--bg-sunken) 72%);animation:1.3s linear infinite shimmer;position:relative;overflow:hidden}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;display:grid}.sk-card{aspect-ratio:1.5;border-radius:var(--r)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:24px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 16px 14px 19px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--kc);width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kpi-ic{border-radius:var(--r-sm);width:36px;height:36px;color:var(--kc);background:color-mix(in srgb,var(--kc) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--kc) 28%,var(--surface));place-items:center;font-size:18px;display:grid}.kpi-delta{font-family:var(--mono);border-radius:var(--r-sm);padding:2px 7px;font-size:11px;font-weight:500}.kpi-delta.up{color:var(--success);background:var(--success-tint)}.kpi-delta.down{color:var(--error);background:var(--error-tint)}.kpi-delta.flat{color:var(--text-muted);background:var(--bg-sunken)}.kpi-val{font-family:var(--mono);font-size:var(--fs-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;line-height:1}.kpi-lab{color:var(--text-muted);font-size:var(--fs-caption);margin-top:6px}.kpi-spark{align-items:flex-end;gap:3px;height:26px;margin-top:12px;display:flex}.kpi-spark i{background:var(--kc);opacity:.55;border-radius:2px 2px 0 0;width:5px}.pubdesk{border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px 26px}.pubdesk-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.pubdesk-title{font-family:var(--serif);font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--text);font-weight:600}.pubdesk-sub{color:var(--text-muted);font-size:var(--fs-base);max-width:52ch;line-height:var(--lh);margin-top:6px}.pipe{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.pipe-tray{border-radius:var(--r);flex:1;min-width:220px;padding:14px 16px 16px}.pipe-tray.shared{background:#f5ebd666;border:1px dashed #c8b58e}.pipe-tray.live{border:1px solid color-mix(in srgb,var(--success) 40%,var(--border));background:var(--success-tint)}.pipe-lab{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.pipe-lab b{font-size:var(--fs-md);color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto}.pipe-fan{align-items:center;min-height:46px;padding-left:8px;display:flex}.pipe-slide{background:var(--surface);width:52px;height:38px;box-shadow:var(--shadow-sm),0 1px 0 #ffffffb3 inset;border:1px solid #7896968c;border-radius:5px;flex:none;margin-left:-8px;position:relative;overflow:hidden}.pipe-slide:before{content:"";background:var(--spine,var(--primary));z-index:2;width:3px;position:absolute;top:0;bottom:0;left:0}.pipe-slide-img{background-position:50%;background-size:cover;background-color:var(--bg-sunken);position:absolute;inset:0}.pipe-empty{color:var(--text-faint);padding:12px 0;font-size:11px}.pipe-arrow{color:var(--text-faint);flex:none;align-self:center;font-size:20px}@media (width<=640px){.pipe-arrow{transform:rotate(90deg)}}.netband{border-radius:var(--r-lg);color:#efe9dc;box-shadow:var(--shadow);background:linear-gradient(120deg,#211c2b,#2b2740 68%,#3a3357);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.netband:before{content:"";pointer-events:none;background:radial-gradient(60% 120% at 12% 20%,#c1547a21,#0000 60%),radial-gradient(60% 120% at 88% 80%,#0e9d8f21,#0000 60%);position:absolute;inset:0}.netband-main{z-index:1;min-width:0;position:relative}.netband-eyebrow{color:#b3a3f2}.netband-readout{align-items:baseline;gap:10px;margin-top:6px;display:flex}.netband-readout b{font-family:var(--mono);font-size:var(--fs-4xl);font-variant-numeric:tabular-nums;color:#fff;font-weight:600;line-height:1}.netband-readout span{font-size:var(--fs-sm);color:#efe9dcb3}.netband-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.netchip{letter-spacing:.06em;border-radius:var(--r-pill);border:1px solid #0000;padding:4px 10px;font-size:10px}.netchip.teal{color:#7fe0cc;background:#0e9d8f2e;border-color:#0e9d8f66}.netchip.pink{color:#f0b6c9;background:#c1547a2e;border-color:#c1547a66}.netband-chart{z-index:1;flex:none;position:relative}.netband-chart-lab{letter-spacing:.1em;text-transform:uppercase;color:#efe9dc99;margin-bottom:8px;font-size:10px}.weekbars{align-items:flex-end;gap:8px;height:100px;display:flex}.weekbar{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.weekbar-fill{background:linear-gradient(#2dd4bf,#0e9d8f);border-radius:3px 3px 0 0;width:16px}.weekbar-lab{letter-spacing:.04em;color:#efe9dc80;font-size:8px}@media (width<=720px){.netband-chart{width:100%}.weekbars{justify-content:space-between;width:100%}.weekbar-fill{width:100%;max-width:22px}}.dash-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (width<=980px){.dash-grid{grid-template-columns:1fr}}.recent{flex-direction:column;gap:6px;display:flex}.recent-row{border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:9px;transition:all .15s;display:flex}.recent-row:hover{background:var(--bg-sunken);border-color:var(--border)}.recent-row .rr-thumb{border-radius:var(--r-sm);background-position:50%;background-size:cover;background-color:var(--bg-sunken);border:1px solid var(--border);flex:none;width:48px;height:34px}.recent-row .note-pin{flex:none}.rr-main{flex:1;min-width:0}.rr-name{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.rr-sub{font-family:var(--mono);color:var(--text-muted);margin-top:2px;font-size:10px}.activity{flex-direction:column;gap:2px;display:flex}.act-row{gap:12px;padding:8px 4px;display:flex}.act-ic{border-radius:var(--r-sm);width:30px;height:30px;color:var(--primary);background:var(--bg-sunken);border:1px solid var(--border);flex:none;place-items:center;font-size:14px;display:grid}.act-body{min-width:0;font-size:var(--fs-caption);color:var(--text-muted);line-height:var(--lh);flex:1}.act-body b{color:var(--text);font-weight:600}.act-when{font-family:var(--mono);color:var(--text-faint);margin-top:2px;font-size:10px}.detail{grid-template-columns:1.5fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1040px){.detail{grid-template-columns:1fr}}.detail-preview{border-radius:var(--r);box-shadow:var(--shadow),0 2px 0 #ffffffd9 inset;background:linear-gradient(120deg,#ffffffe6,#e1efee8c 30%,#d6e9e780 70%,#fffc);border:1px solid #7896968c;display:flex;position:relative;overflow:hidden}.detail-preview:before{content:"";background:var(--spine,var(--primary));z-index:3;width:6px;position:absolute;top:0;bottom:0;left:0}.dp-label{z-index:2;background:linear-gradient(160deg,#f8f4ec,#ece5d6);border-right:1px solid #ddd6c7;flex-direction:column;flex:0 0 128px;justify-content:center;gap:8px;padding:16px 14px;display:flex;position:relative}.dp-num{letter-spacing:.1em;color:#a2947e;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dp-hand{font-family:var(--hand);color:#564b42;word-break:break-word;font-size:28px;line-height:1;transform:rotate(-2deg)}.dp-stage{flex:1;place-items:center;min-width:0;min-height:240px;display:grid;position:relative}.dp-img{background-position:50%;background-size:cover;background-color:var(--bg-sunken);position:absolute;inset:0}.dp-scan{z-index:2;color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);background:#fbfaf6eb;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px}.dp-bar{z-index:2;position:relative}.dp-open{box-shadow:var(--shadow-lg);align-items:center;gap:8px;display:inline-flex}@media (width<=520px){.detail-preview{flex-direction:column}.dp-label{border-bottom:1px solid #ddd6c7;border-right:0;flex-basis:auto}.dp-hand{font-size:24px}}.spec-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin-top:16px;display:grid;overflow:hidden}.spec{background:var(--surface);padding:12px 14px}.spec-k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.spec-v{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-top:4px;font-weight:600}.detail-side{flex-direction:column;gap:16px;display:flex}.meta-list{flex-direction:column;display:flex}.meta-row{border-bottom:1px solid var(--border);font-size:var(--fs-xs);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.meta-row:last-child{border-bottom:0}.meta-k{color:var(--text-muted);flex:none}.meta-v{text-align:right;font-weight:500}.meta-v.empty-v{color:var(--text-faint);font-style:italic;font-weight:400}.notes-box{font-size:var(--fs-xs);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);margin-top:8px;padding:13px 15px;line-height:1.65}.notes-hand{font-family:var(--hand);color:var(--hand-ink);background:repeating-linear-gradient(transparent 0 27px,var(--border) 27px 28px),var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);margin-top:8px;padding:8px 15px 10px;font-size:19px;line-height:28px}.action-stack{flex-direction:column;gap:9px;display:flex}.action-stack .btn{justify-content:center;width:100%}.chain{border:1px solid var(--border);border-radius:var(--r);align-items:stretch;margin:4px 0 8px;display:flex;overflow:hidden}.chain-step{background:var(--surface);text-align:center;flex:1;padding:12px 14px}.chain-step .cs-role{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.chain-step .cs-state{font-size:var(--fs-caption);align-items:center;gap:5px;margin-top:5px;font-weight:600;display:inline-flex}.chain-step .cs-state .ic{font-size:14px}.chain-step.done{background:var(--success-tint)}.chain-step.done .cs-state{color:var(--success)}.chain-step.active{background:var(--warn-tint)}.chain-step.active .cs-state{color:var(--warn)}.chain-step.todo .cs-state{color:var(--text-faint)}.chain-step+.chain-step{border-left:1px solid var(--border)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tab{font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-weight:500;transition:all .15s;display:inline-flex}.tab .ic{font-size:16px}.tab:hover{color:var(--text)}.tab.on{color:var(--primary);border-bottom-color:var(--primary)}.tabpane{display:none}.tabpane.on{display:block}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=680px){.form-grid{grid-template-columns:1fr}}.opt-hint{font-size:var(--fs-caption);color:var(--text-muted);margin-top:4px}.tbl-wrap{border:1px solid var(--border);border-radius:var(--r);-webkit-overflow-scrolling:touch;background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-xs);min-width:520px}.tbl th{text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-sunken);padding:12px 16px;font-size:10px;font-weight:400}.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--bg-sunken)}.cell-user{align-items:center;gap:11px;display:flex}.cell-user b{font-weight:500}.cell-user i{color:var(--text-muted);margin-top:1px;font-size:11px;font-style:normal;display:block}.pill{font-family:var(--mono);border-radius:var(--r-pill);border:1px solid;align-items:center;gap:5px;padding:3px 9px;font-size:10px;display:inline-flex}.pill-active{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:var(--success-tint)}.pill-invited{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border));background:var(--warn-tint)}.pill-inactive{color:var(--text-muted);border-color:var(--border);background:var(--bg-sunken)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.teacher-group{margin-bottom:14px}.teacher-group-h{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:9px;margin:6px 2px 20px;font-size:11px;display:flex}.teacher-group-h .ic{color:var(--accent-strong);font-size:15px}.teacher-group-h:after{content:"";background:var(--border);flex:1;height:1px}.hero{border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:28px;margin-bottom:26px;padding:30px 32px;display:flex;position:relative;overflow:hidden}.hero-copy{flex:1;min-width:0}.hero h1{font-family:var(--serif);font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--text);font-weight:600}.hero p{color:var(--text-muted);font-size:var(--fs-base);max-width:52ch;line-height:var(--lh);margin-top:8px}.hero-stats{flex-wrap:wrap;gap:26px;margin-top:20px;display:flex}.hs{flex-direction:column;display:flex}.hs b{font-family:var(--mono);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.hs span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:10px}.hero-slide{border-radius:var(--r);width:300px;height:150px;box-shadow:var(--shadow),0 2px 0 #ffffffe6 inset;background:linear-gradient(120deg,#ffffffeb,#e1efee99 30%,#d6e9e780 70%,#fffc);border:1px solid #7896968c;flex:none;display:flex;position:relative;overflow:hidden;transform:rotate(-2deg)}.hero-slide:before{content:"";background:var(--spine,var(--primary));z-index:2;width:5px;position:absolute;top:0;bottom:0;left:0}.hero-slide-label{z-index:2;background:linear-gradient(160deg,#f8f4ec,#ece5d6);border-right:1px solid #ddd6c7;flex-direction:column;flex:0 0 78px;justify-content:center;gap:5px;padding:12px 10px;display:flex;position:relative}.hero-slide-label .mono{letter-spacing:.08em;color:#a2947e;font-size:9.5px}.hero-slide-hand{font-family:var(--hand);color:#564b42;font-size:18px;line-height:1.05;transform:rotate(-2deg)}.hero-slide-img{background-position:50%;background-size:cover;background-color:var(--bg-sunken);flex:1}.hero-slide-mag{z-index:2;color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);background:#fbfaf6eb;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:8px;right:8px}@media (width<=720px){.hero{flex-direction:column;align-items:stretch}.hero-slide{align-self:flex-start;margin-top:6px}}.shelf{margin-bottom:30px}.shelf-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.shelf-head h2{font-family:var(--serif);font-size:var(--fs-lg);font-weight:600}.shelf-head a{font-family:var(--mono);color:var(--primary);align-items:center;gap:6px;font-size:11px;display:inline-flex}.shelf-scroll{grid-auto-columns:248px;grid-auto-flow:column;gap:16px;padding-bottom:10px;display:grid;overflow-x:auto}.note-item{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);gap:13px;padding:13px;display:flex}.note-pin{border-radius:var(--r-sm);width:32px;height:32px;color:var(--primary);background:var(--bg-sunken);border:1px solid var(--border);flex:none;place-items:center;font-size:15px;display:grid}.note-txt{font-size:var(--fs-xs);line-height:var(--lh)}.note-meta{font-family:var(--mono);color:var(--text-faint);margin-top:5px;font-size:10px}#modal-root{z-index:120;display:none;position:fixed;inset:0}#modal-root.show{place-items:center;display:grid}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s var(--ease);background:#120f1a8c;position:absolute;inset:0}.modal-card2{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:min(460px,92vw);box-shadow:var(--shadow-lg);animation:pop .22s var(--ease);padding:20px 22px;position:relative}.m-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.m-head h3{font-family:var(--serif);font-size:var(--fs-lg);font-weight:600}.m-sub{color:var(--text-muted);font-size:var(--fs-xs);margin-bottom:16px;line-height:1.55}.m-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.pick-list{flex-direction:column;gap:7px;max-height:300px;display:flex;overflow-y:auto}.pick{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;background:var(--surface);align-items:center;gap:11px;padding:11px 12px;transition:all .15s;display:flex}.pick:hover{border-color:var(--primary)}.pick:has(input:checked){border-color:var(--primary);background:var(--primary-tint)}.pick input{accent-color:var(--primary);width:16px;height:16px}.pick-meta b{font-size:var(--fs-xs);font-weight:500}.pick-meta i{color:var(--text-muted);margin-top:1px;font-size:11px;font-style:normal;display:block}.toast{z-index:150;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r);font-size:var(--fs-xs);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .2s,transform .2s var(--ease);pointer-events:none;align-items:center;gap:11px;padding:12px 19px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(10px)}.toast:before{content:"";background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 4px var(--primary-ring);border-radius:50%;flex:none}.toast b{color:var(--primary);font-weight:600}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.err:before{background:var(--error);box-shadow:0 0 0 4px var(--error-tint)}.toast.err b{color:var(--error)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(6px)}}@keyframes rise{to{opacity:1;transform:none}}.reveal{opacity:0;animation:rise .5s var(--ease) forwards;animation-delay:calc(var(--d,0)*60ms);transform:translateY(10px)}:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary);outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}@media (width<=860px){.app{grid-template-columns:1fr}.nav{z-index:110;width:min(84vw,300px);transition:transform .26s var(--ease);box-shadow:var(--shadow-lg);padding-bottom:calc(18px + env(safe-area-inset-bottom));position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav.open{transform:translate(0)}.nav-burger,.nav-close{display:grid}.detail{grid-template-columns:1fr}.inp,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],textarea,select.sel,.field select,.search input{font-size:16px}.iconbtn,.notif-bell,.nav-burger{width:44px;height:44px}.fav-btn:after{content:"";position:absolute;inset:-8px}.topbar{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.nav{padding-left:calc(14px + env(safe-area-inset-left))}.scard-meta{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-wrap{background:radial-gradient(120% 80% at 50% -10%,var(--surface-2),var(--bg) 60%,var(--bg-sunken) 100%);place-items:center;height:100dvh;padding:24px;display:grid;position:relative;overflow-y:auto}.auth-toolbar{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:2;position:absolute}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:min(408px,92vw);box-shadow:var(--shadow-lg);padding:36px 32px}.auth-card.auth-split{width:min(760px,94vw);padding:0;display:flex;overflow:hidden}.auth-specimen{background:#161320;flex-direction:column;flex:0 0 300px;display:flex;position:relative;overflow:hidden}.auth-specimen-img{object-fit:cover;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.auth-eyepiece{background:radial-gradient(circle closest-side at 50% 42%,#0000 0 62%,#0a0c148c 82%,#0c0f18 100%);position:absolute;inset:0}.auth-eyepiece:after{content:"";border-radius:50%;width:180px;height:180px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff24,inset 0 0 60px #00000080}.auth-specimen-wash{background:linear-gradient(#0000,#14111cdb);position:absolute;inset:0}.auth-frost{z-index:2;border-radius:var(--r-sm);background:#f8f4eceb;border:1px solid #ddd6c7b3;padding:6px 10px 7px;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #0000004d}.auth-frost-num{letter-spacing:.1em;color:#a2947e;font-size:9.5px;display:block}.auth-frost-hand{font-family:var(--hand);color:#564b42;font-size:20px;line-height:1;display:block;transform:rotate(-2deg)}.auth-specimen-foot{z-index:2;flex-direction:column;gap:9px;margin-top:auto;padding:18px;display:flex;position:relative}.auth-scale{align-items:center;gap:9px;display:flex}.auth-scale-bar{background:#ffffffe6;border-radius:1px;width:64px;height:4px;position:relative}.auth-scale-bar:before,.auth-scale-bar:after{content:"";background:#ffffffe6;width:2px;height:10px;position:absolute;top:-3px}.auth-scale-bar:before{left:0}.auth-scale-bar:after{right:0}.auth-scale-lab{letter-spacing:.06em;color:#ffffffd9;font-size:10px}.auth-tagline{font-family:var(--serif);font-size:var(--fs-sm);color:#fffffff0;line-height:1.4}.auth-specimen-meta{letter-spacing:.08em;color:#fff9;font-size:10px}.auth-panel{background:linear-gradient(180deg,var(--surface),var(--surface-2));flex-direction:column;flex:1;min-width:0;padding:34px 32px;display:flex}.auth-brand{align-items:center;gap:10px;margin-bottom:18px;display:flex}.auth-brand .brand-name{font-size:var(--fs-caption);letter-spacing:.22em}.auth-title{font-family:var(--serif);font-size:var(--fs-xl);letter-spacing:-.01em;color:var(--text);font-weight:600}.auth-sub{color:var(--text-muted);font-size:var(--fs-xs);margin:6px 0 16px}.auth-modeseg{width:100%;margin-bottom:18px}.auth-modeseg .seg-btn{flex:1;justify-content:center}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form .btn-primary{justify-content:center;width:100%;margin-top:4px;padding:12px}.auth-alt{text-align:center;font-size:var(--fs-caption);color:var(--text-muted);margin-top:16px}.auth-link{color:var(--primary);cursor:pointer;font-weight:600;font:inherit;background:0 0;border:0;padding:0}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}.auth-note{font-family:var(--mono);letter-spacing:.06em;text-align:center;color:var(--warn);margin-top:14px;font-size:11px}.auth-err{font-size:var(--fs-caption);text-align:center;color:var(--error);margin-top:12px}.auth-privacy{letter-spacing:.06em;text-align:center;color:var(--text-faint);margin-top:auto;padding-top:18px;font-size:10px}@media (width<=720px){.auth-card.auth-split{flex-direction:column;width:min(420px,92vw)}.auth-specimen{display:none}.auth-panel{padding:32px 26px}}.tb-right{align-items:center;gap:12px;margin-left:auto;display:flex}.role-pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-tint);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:var(--r-pill);padding:4px 11px;font-size:11px}.sec-title{font-family:var(--sans);font-size:var(--fs-base);color:var(--text);margin-bottom:12px;font-weight:600}.share-list{flex-direction:column;gap:7px;margin-top:12px;display:flex}.share-row{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.share-meta{flex:1;min-width:0}.share-meta b{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.share-meta i{color:var(--text-muted);font-size:11px;font-style:normal}.share-row .iconbtn{flex:none;width:30px;height:30px}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:36px 22px;display:grid}.coll-card{border-radius:var(--r-lg);color:#3a2708;min-height:158px;transition:transform .2s var(--ease);background:repeating-linear-gradient(91deg,#0000 0 5px,#301a0a29 5px 6px,#0000 6px 13px,#ffe4c41a 13px 14px,#0000 14px 22px),linear-gradient(165deg,#aa7d4c,#9c6e40 44%,#7c5230 100%);flex-direction:column;justify-content:center;padding:22px 20px;display:flex;position:relative;box-shadow:0 6px #6b4526,0 11px #5d3a1f,0 16px #4e3019,0 26px 30px -14px #301c0a8c}.coll-card:hover{transform:translateY(-4px)}.coll-screw{z-index:2;background:radial-gradient(circle at 35% 30%,var(--brass-1),var(--brass-2));border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 1px 1px #0006}.coll-screw.tl{top:12px;left:12px}.coll-screw.tr{top:12px;right:12px}.coll-screw.bl{bottom:12px;left:12px}.coll-screw.br{bottom:12px;right:12px}.coll-plate{text-align:center;background:linear-gradient(160deg,#d9b25f,#b58a35 60%,#9c742a);border-radius:7px;width:84%;margin:0 auto;padding:15px 16px;position:relative;box-shadow:0 2px 5px #0000004d,inset 0 1px #fff4d299,0 0 0 1px #78561c80}.coll-plate:after{content:"";pointer-events:none;border:1px solid #5a3e1266;border-radius:5px;position:absolute;inset:4px}.coll-name{font-family:var(--serif);font-size:var(--fs-lg);color:#3a2708;text-shadow:0 1px #fff4d266;font-weight:600;line-height:1.1}.coll-desc{color:#5c3f12;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.coll-meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6a4a18;margin-top:8px;font-size:9.5px}.coll-status{z-index:3;color:#5c3f12;background:#fff6e0eb;border-color:#78561c80;font-size:9px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.coll-status .st-dot{background:currentColor}.coll-clasp{z-index:2;background:linear-gradient(180deg,var(--brass-1),var(--brass-2));border-radius:0 0 5px 5px;width:52px;height:20px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%);box-shadow:0 3px 7px #00000059,inset 0 1px #fff0c880}.coll-clasp:after{content:"";background:#50370f73;border-radius:3px;width:5px;height:7px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.joincode{font-family:var(--mono);font-size:var(--fs-md);letter-spacing:.08em;color:var(--primary);background:var(--primary-tint);border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.joincode-uses{letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:500}.redeem-row{gap:10px;display:flex}.redeem-input{letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--mono);font-size:var(--fs-sm);flex:1;padding:11px 13px}.redeem-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.redeem-compact .redeem-row{flex-direction:column}@media (width<=860px){.redeem-input{font-size:16px}}.note-list{flex-direction:column;gap:8px;display:flex}.note-item{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:11px;padding:11px 12px;transition:all .15s;display:flex}a.note-item:hover{border-color:var(--primary)}.note-main{flex:1;min-width:0}.note-txt{font-family:var(--hand);color:var(--hand-ink);white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.note-meta{font-family:var(--mono);color:var(--text-muted);text-transform:capitalize;margin-top:2px;font-size:10px}.quiz-run{z-index:70;background:var(--stage-bg,#111);flex-direction:column;display:flex;position:fixed;inset:0}.quiz-top{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-clock{text-align:right;min-width:44px;font-size:15px;font-weight:700}.quiz-clock.low{color:var(--error)}.quiz-timer{background:var(--border);height:4px}.quiz-timer>i{background:var(--primary);height:100%;transition:width .25s linear;display:block}.quiz-run .qs-stage{flex:1;min-height:0}.qs-stage{background:var(--stage-bg,#111);width:100%;height:100%;min-height:200px;position:relative}.qs-osd{width:100%;height:100%;inset:0;position:absolute!important}.qs-zoom{z-index:16;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.quiz-answer{background:var(--surface);border-top:1px solid var(--border);padding:12px 14px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.quiz-opt{text-align:start;white-space:normal;min-height:44px}.quiz-typed{flex-wrap:wrap;gap:8px;display:flex}.quiz-typed input{flex:240px;min-height:44px;font-size:16px}.quiz-feedback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.quiz-verdict{align-items:center;gap:6px;font-weight:700;display:flex}.quiz-verdict.ok{color:var(--good)}.quiz-verdict.bad{color:var(--error)}.quiz-right{flex:200px}.coll-card{position:relative}.coll-accent{border-radius:var(--r) var(--r) 0 0;z-index:3;height:5px;position:absolute;top:0;left:0;right:0}.coll-cover{aspect-ratio:16/6;object-fit:cover;border-radius:6px;width:100%;margin-bottom:8px;display:block}.tchr-avatar{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.tchr-bio{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;display:-webkit-box;overflow:hidden}[dir=rtl] body{font-family:var(--sans)}[dir=rtl] .mono,[dir=rtl] .field>span,[dir=rtl] .auth-privacy,[dir=rtl] .viewas-lbl,[dir=rtl] .role-pill{letter-spacing:0;font-family:var(--sans)}[dir=rtl] .nav{border-right:0;border-left:1px solid var(--border)}[dir=rtl] .nav-badge,[dir=rtl] .nav-close,[dir=rtl] .preview-banner .pb-exit,[dir=rtl] .tb-right,[dir=rtl] .pipe-lab b{margin-left:0;margin-right:auto}[dir=rtl] .nav-burger{margin-left:2px;margin-right:0}[dir=rtl] select.sel{padding-left:30px;padding-right:12px}[dir=rtl] .crumb-sep svg,[dir=rtl] .nav-item svg[data-dir]{transform:scaleX(-1)}[dir=rtl] .notif-panel{left:0;right:auto}[dir=rtl] .notif-dot{left:-5px;right:auto}[dir=rtl] .notif-item,[dir=rtl] .tbl th{text-align:right}[dir=rtl] .notif-item.unread .notif-title:before{margin-left:7px;margin-right:0}[dir=rtl] .scard-dx,[dir=rtl] .meta-v{text-align:left}[dir=rtl] .scard-tints,[dir=rtl] .fav-btn{left:8px;right:auto}[dir=rtl] .chain-step+.chain-step{border-left:0;border-right:1px solid var(--border)}@media (width<=860px){[dir=rtl] .nav{border-left:1px solid var(--border);padding-left:14px;padding-right:calc(14px + env(safe-area-inset-right));left:auto;right:0;transform:translate(100%)}[dir=rtl] .nav.open{transform:translate(0)}[dir=rtl] .topbar{padding-left:calc(16px + env(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-left))}}[dir=rtl] .auth-toolbar{right:auto;left:calc(16px + env(safe-area-inset-left));gap:8px;display:flex}.auth-toolbar{gap:8px;display:flex}[dir=rtl] .viewer .v-stage{direction:ltr}[dir=rtl] .viewer .vn-list,[dir=rtl] .viewer .vn-head{direction:rtl}.lang-toggle{min-width:38px;font-weight:600}