:root{--bg: #080F08;--surface: #0F1A0F;--accent: #4ADE80;--primary: #166534;--text: #F0FDF4;--surface-alt: #142314;--border: #1F3A1F;--text-muted: #A3B8A3;--warning: #FACC15;--danger: #EF4444;--info: #38BDF8;--tier-free: #6B7280;--tier-tadpole: #4ADE80;--tier-treefrog: #22C55E;--tier-bullfrog: #166534;--font-body: "Inter", system-ui, sans-serif;--font-heading: "Poppins", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-heading);margin:0}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}.btn-primary{display:inline-flex;align-items:center;gap:.55rem;background:var(--accent);color:var(--bg);font-weight:700;font-size:.95rem;border:none;border-radius:999px;padding:.85rem 1.5rem;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 8px 26px -12px var(--accent)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:#63e996;box-shadow:0 14px 34px -12px var(--accent)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%;justify-content:center;margin-top:.5rem}.bfb-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg);color:var(--text-muted)}.bfb-loader__ring{width:42px;height:42px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}.bfb-loader__label{font-size:.9rem;letter-spacing:.02em}.bfb-loader__actions{display:flex;gap:.75rem;margin-top:.5rem}.bfb-loader__ghost{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:border-color .15s ease,color .15s ease}.bfb-loader__ghost:hover{border-color:var(--danger);color:var(--danger)}.landing{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.landing__glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(74,222,128,.16),transparent 62%);pointer-events:none}.landing__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(var(--border) .5px,transparent .5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 75%);mask-image:radial-gradient(circle at 50% 35%,black,transparent 75%);pointer-events:none}.landing__card{position:relative;z-index:1;max-width:480px;width:100%;text-align:left;animation:rise .6s ease both}.landing__brand{display:flex;align-items:center;gap:.7rem;margin-bottom:2.5rem}.landing__banner{width:100%;height:auto;display:block;border-radius:12px}.landing__logo{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.landing__wordmark{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.landing__title{font-size:clamp(2.1rem,6vw,3rem);line-height:1.05;font-weight:800;letter-spacing:-.03em}.landing__title-accent{color:var(--accent)}.landing__subtitle{color:var(--text-muted);font-size:1.05rem;line-height:1.6;margin:1.25rem 0 2.25rem;max-width:42ch}.landing__fineprint{color:var(--text-muted);font-size:.8rem;margin-top:1.1rem}.landing__footer{position:relative;z-index:1;margin-top:3rem;color:var(--text-muted);font-size:.8rem;opacity:.7;display:flex;align-items:center;gap:.6rem}.landing__footer-sep{opacity:.5}.landing__footer-link{color:var(--text-muted);text-decoration:none}.landing__footer-link:hover{color:var(--text)}.landing__consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.9rem;cursor:pointer;max-width:32ch;line-height:1.45}.landing__consent input[type=checkbox]{flex-shrink:0;margin-top:.15rem;accent-color:var(--accent);width:16px;height:16px}.landing__consent-link{color:var(--accent);text-decoration:none}.landing__consent-link:hover{text-decoration:underline}.btn-google:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-google{display:inline-flex;align-items:center;gap:.75rem;background:var(--text);color:#101510;font-weight:600;font-size:1rem;border:none;border-radius:999px;padding:.95rem 1.6rem;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 12px 30px -14px #000c}.btn-google:hover{transform:translateY(-2px);background:#fff;box-shadow:0 18px 40px -16px #000000e6}.btn-google:active{transform:translateY(0)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.survey{position:relative;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.25rem 5rem;overflow:hidden}.survey__glow{position:absolute;top:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(22,101,52,.4),transparent 65%);pointer-events:none}.survey__card{position:relative;z-index:1;width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.4rem;animation:rise .5s ease both}.survey__head{margin-bottom:1.8rem}.survey__eyebrow{display:inline-block;color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem}.survey__title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.survey__lede{color:var(--text-muted);line-height:1.6;margin-top:.7rem;font-size:.95rem}.field{margin-bottom:1.35rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field__label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.req{color:var(--accent)}.input{width:100%;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:.8rem .95rem;font-size:.95rem;transition:border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--text-muted);opacity:.7}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4ade8029}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23A3B8A3' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.4rem}select.input option{background:var(--surface);color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.5rem .95rem;font-size:.85rem;font-weight:500;transition:all .15s ease}.chip:hover{border-color:var(--accent);color:var(--text)}.chip--on{background:var(--primary);border-color:var(--accent);color:var(--text)}.form-error{color:var(--danger);font-size:.88rem;margin:0 0 .9rem}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem .9rem;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:.65rem;padding:.4rem .6rem 1.4rem}.sidebar__logo{width:34px;height:34px;border-radius:9px;object-fit:cover;border:1px solid var(--border)}.sidebar__wordmark{font-family:var(--font-heading);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.sidebar__close{margin-left:auto;background:none;border:none;color:var(--text-muted);display:none}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border-radius:var(--radius-md);color:var(--text-muted);font-size:.92rem;font-weight:500;transition:background-color .15s ease,color .15s ease}.nav-item:hover{background:var(--surface-alt);color:var(--text)}.nav-item--active{background:var(--surface-alt);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.nav-item--locked{color:var(--text-muted);opacity:.72}.nav-item__lock{margin-left:auto;color:var(--warning)}.sidebar__signout{display:flex;align-items:center;gap:.65rem;background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-md);padding:.65rem .8rem;font-size:.9rem;transition:all .15s ease}.sidebar__signout:hover{border-color:var(--danger);color:var(--danger)}.shell__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;display:none}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.6rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.topbar__menu{background:none;border:none;color:var(--text);display:none}.topbar__spacer{flex:1}.tier-badge{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);color:var(--bg)}.tier-badge--free{background:var(--surface-alt);color:var(--text-muted);border-color:var(--text-muted)}.tier-badge--tadpole{background:var(--tier-tadpole);color:#04120a}.tier-badge--treefrog{background:var(--tier-treefrog);color:#04120a}.tier-badge--bullfrog{background:var(--tier-bullfrog);color:var(--text)}.topbar__user{display:flex;align-items:center;gap:.65rem}.topbar__name{font-size:.9rem;font-weight:600}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--text);font-weight:700;font-size:.9rem}.content{padding:2rem 1.6rem;flex:1}.page{max-width:1000px;margin:0 auto;animation:rise .4s ease both}.page__head{margin-bottom:2rem}.page__title{font-size:1.9rem;font-weight:700;letter-spacing:-.02em}.page__subtitle{color:var(--text-muted);margin-top:.4rem}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:4rem 1.5rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg)}.empty__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:var(--surface-alt);color:var(--accent);border:1px solid var(--border);margin-bottom:.6rem}.empty__title{font-size:1.35rem;font-weight:700}.empty__text{color:var(--text-muted);max-width:44ch;line-height:1.6;margin-bottom:.8rem}.bfb-locked{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-md);padding:.6rem .9rem}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080499;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;display:flex;justify-content:flex-end}.drawer{width:440px;max-width:100%;height:100%;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:slideIn .22s ease both}@keyframes slideIn{0%{transform:translate(30px);opacity:.6}to{transform:translate(0);opacity:1}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.drawer__nav{display:flex;gap:.3rem}.drawer__id{display:flex;align-items:center;gap:.9rem;padding:1rem}.drawer__name{font-size:1.3rem;font-weight:700}.drawer__tabs{display:flex;gap:.3rem;padding:0 1rem;border-bottom:1px solid var(--border);overflow-x:auto}.drawer__body{flex:1;overflow-y:auto;padding:1.1rem}.hub-tab{display:flex;flex-direction:column;gap:1.4rem}.hub-section{display:flex;flex-direction:column;gap:.7rem}.hub-section__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.hub-section__head h4{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.hub-date{width:auto}.hub-muted{color:var(--text-muted);font-size:.85rem}.hub-placeholder{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.hub-placeholder h4{color:var(--text);font-size:1.1rem;margin-bottom:.4rem}.att-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.att-btn{padding:.9rem;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-alt);color:var(--text);font-weight:700;font-size:.95rem;transition:all .15s ease}.att-btn:hover{border-color:var(--text-muted)}.att-btn--on.att-btn--present{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.att-btn--on.att-btn--absent{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.att-btn--on.att-btn--tardy{border-color:var(--warning);color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.att-btn--on.att-btn--excused{border-color:var(--text-muted);color:var(--text);background:var(--surface-alt)}.badge-chips{display:flex;flex-wrap:wrap;gap:.5rem}.badge-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-alt);font-size:.85rem;font-weight:600}.badge-chip__x{background:none;border:none;color:var(--text-muted);display:inline-flex;margin-left:.15rem}.badge-chip__x:hover{color:var(--danger)}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.notes-filter{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.note-form{display:flex;flex-direction:column;gap:.6rem}.note-form__row{display:flex;align-items:center;gap:.5rem}.note-form__row .btn-primary{margin-left:auto}.note-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.note-item{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .8rem}.note-item__head{display:flex;align-items:center;gap:.5rem}.note-date{color:var(--text-muted);font-size:.78rem}.note-actions{margin-left:auto;display:flex;gap:.15rem}.note-body{margin-top:.5rem;line-height:1.5;white-space:pre-wrap}.note-locked{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px dashed var(--border);color:var(--warning);border-radius:var(--radius-sm);padding:.5rem .7rem;font-weight:600;font-size:.85rem}.note-chip{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.18rem .5rem;border-radius:999px}.note-chip--general{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.note-chip--behavior{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.note-chip--academic{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.note-chip--parent_contact{background:color-mix(in srgb,var(--tier-treefrog) 22%,transparent);color:var(--tier-treefrog)}.note-chip--confidential{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.att-summary{position:absolute;top:10px;left:10px;z-index:5;display:flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:999px;padding:.35rem .5rem .35rem .7rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap}.att-pill{font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:999px}.att-pill--present{color:var(--accent)}.att-pill--absent{color:var(--danger)}.att-pill--tardy{color:var(--warning)}.settings-stack{display:flex;flex-direction:column;gap:1.6rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem}.settings-card .section-title{display:flex;align-items:center;gap:.4rem}.chip-rows{display:flex;flex-direction:column;gap:.4rem;margin:.9rem 0}.chip-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.chip-row__actions{display:flex;align-items:center;gap:.25rem}.mini-color{width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:none}.mini-icon{width:48px;text-align:center}.inline-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.student-row__info--click{cursor:pointer;border-radius:var(--radius-sm)}.student-row__info--click:hover .student-row__name{color:var(--accent)}@media (max-width: 640px){.drawer{width:100%;border-left:none}.settings-grid{grid-template-columns:1fr}.att-grid{grid-template-columns:1fr 1fr}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--warning);color:#1a1000;font-size:.85rem;font-weight:600;padding:.55rem 1rem;text-align:center}.ios-tip{position:fixed;bottom:72px;left:50%;transform:translate(-50%);z-index:9990;display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem;box-shadow:0 12px 30px -10px #000c;max-width:calc(100vw - 2.4rem);width:max-content;animation:rise .3s ease both}.ios-tip__text{font-size:.85rem;line-height:1.4;color:var(--text)}.ios-tip__close{flex-shrink:0;background:none;border:none;color:var(--text-muted);display:inline-flex;padding:.2rem}.ios-tip__close:hover{color:var(--text)}.ios-tip__arrow{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid var(--border)}.ios-tip__arrow:after{content:"";position:absolute;top:-10px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--surface)}.seating{display:flex;flex-direction:column;height:calc(100vh - 66px);margin:-2rem -1.6rem}.seating__bar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.seating__tools{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-left:auto}.btn-ghost--sm{padding:.5rem .8rem;font-size:.82rem}.btn-primary--sm{padding:.55rem .95rem;font-size:.85rem}.tool-sep{width:1px;height:24px;background:var(--border);margin:0 .2rem}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-alt);border:1px solid var(--border);color:var(--text);transition:border-color .15s ease,color .15s ease}.tool-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn--on{border-color:var(--accent);color:var(--accent)}.tool-btn--danger:hover{border-color:var(--danger);color:var(--danger)}.seating__body{flex:1;display:flex;min-height:0}.tray{width:210px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.tray__head{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;font-weight:700;font-size:.85rem;border-bottom:1px solid var(--border)}.tray__list{overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.tray__empty{color:var(--text-muted);font-size:.82rem;line-height:1.5;padding:.5rem}.tray__item{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:var(--radius-sm);background:var(--surface-alt);border:1px solid var(--border);font-size:.85rem;font-weight:600;cursor:grab}.tray__item:hover{border-color:var(--accent)}.tray__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.canvas-wrap{flex:1;position:relative;min-width:0;overflow:hidden;background:var(--bg)}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);text-align:center;max-width:340px;line-height:1.6;pointer-events:none;font-size:.95rem}.zoom-pill{position:absolute;bottom:12px;right:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.switcher__sep{height:1px;background:var(--border);margin:.3rem 0}.switcher__item--danger{color:var(--danger)}@media (max-width: 860px){.seating{margin:-1.5rem -1.1rem;height:calc(100vh - 60px)}.tray{width:150px}.seating__tools{gap:.3rem}}@media (max-width: 640px){.tool--desktop{display:none!important}.tray{display:none}.tray-tab{display:inline-flex!important}}.tool--more{display:none}@media (max-width: 640px){.tool--more{display:inline-flex}}.switcher__menu--right{left:auto;right:0}.switcher__label--group{display:block;padding:.3rem .7rem .1rem;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.tray-tab{display:none;position:absolute;bottom:48px;left:12px;z-index:10;align-items:center;gap:.45rem;background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:999px;padding:.55rem .95rem;font-size:.82rem;font-weight:700;box-shadow:0 6px 20px -8px #000000b3}.tray-tab:hover{border-color:var(--accent)}.tray-sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:80;display:flex;align-items:flex-end}.tray-sheet{position:fixed;bottom:0;left:0;right:0;z-index:81;max-height:60vh;background:var(--surface);border-top:1.5px solid var(--border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);display:flex;flex-direction:column;animation:slideUp .22s ease both}@keyframes slideUp{0%{transform:translateY(30px);opacity:.7}to{transform:translateY(0);opacity:1}}.tray-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid var(--border);font-weight:700;font-size:.9rem;flex-shrink:0}.tray-sheet__list{overflow-y:auto;padding:.6rem;flex:1;display:flex;flex-direction:column;gap:.4rem}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.7rem 1.15rem;font-size:.9rem;font-weight:600;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-file{cursor:pointer}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;background:var(--danger);color:var(--text);border:none;border-radius:999px;padding:.7rem 1.15rem;font-size:.9rem;font-weight:700;transition:filter .15s ease,transform .15s ease}.btn-danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-muted);transition:background-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-alt);color:var(--text)}.icon-btn--bordered{border:1px solid var(--border)}.icon-btn--danger:hover{background:#ef444424;color:var(--danger)}.link-danger{background:none;border:none;color:var(--danger);font-size:.85rem;font-weight:600}.stack{display:flex;flex-direction:column}.field--narrow{max-width:120px}.page__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.head-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.toggle{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s ease}.toggle:hover{color:var(--text);border-color:var(--text-muted)}.toggle--on{color:var(--accent);border-color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem}.class-card{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.class-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 40px -24px #000000e6}.class-card--archived{opacity:.6}.class-card__stripe{width:6px;flex-shrink:0}.class-card__body{padding:1.15rem 1.2rem;flex:1;min-width:0;display:flex;flex-direction:column}.class-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.class-card__name{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.class-card__meta{display:flex;gap:.4rem;flex-wrap:wrap;margin:.7rem 0 1rem;min-height:1.5rem}.class-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.class-card__count{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.85rem}.class-card__actions{display:flex;gap:.2rem}.pill{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.pill--soft{text-transform:none;letter-spacing:0;font-weight:600;color:var(--text)}.back-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);font-size:.88rem;font-weight:600;margin-bottom:1rem;transition:color .15s ease}.back-link:hover{color:var(--accent)}.detail-title{display:flex;align-items:center;gap:.9rem}.detail-title__stripe{width:6px;height:42px;border-radius:999px;flex-shrink:0}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);margin-bottom:1.6rem}.tab{background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:600;padding:.75rem .4rem;margin-bottom:-1px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.tab--on{color:var(--accent);border-bottom-color:var(--accent)}.list-toolbar{display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem;flex-wrap:wrap}.list-toolbar__spacer{flex:1}.student-list{display:flex;flex-direction:column;gap:.5rem}.student-row{display:flex;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .9rem;transition:border-color .15s ease}.student-row:hover{border-color:var(--text-muted)}.student-row--archived{opacity:.6}.student-row__click{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0;cursor:pointer;border-radius:var(--radius-sm)}.student-row__click:hover .student-row__name{color:var(--accent)}.student-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.student-row__name{font-weight:600;display:flex;align-items:center;gap:.5rem}.student-row__bday{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.8rem}.student-row__actions{display:flex;gap:.2rem}.avatar-photo{border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.avatar-initials{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#04120a;font-weight:800;flex-shrink:0}.avatar-emoji{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;border:1px solid var(--border);-webkit-user-select:none;user-select:none}.avatar-emoji>span{display:block;transform:translateY(1px)}.emoji-picker{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.3rem;padding:.4rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto}@media (max-width: 540px){.emoji-picker{grid-template-columns:repeat(8,minmax(0,1fr))}}.emoji-picker__cell{aspect-ratio:1 / 1;min-width:0;border-radius:6px;border:1.5px solid transparent;background:var(--surface);font-size:1.25rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;color:var(--text);transition:border-color .12s,transform .12s}.emoji-picker__cell:hover{border-color:var(--accent);transform:scale(1.08)}.emoji-picker__cell--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.emoji-picker__cell--none{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);aspect-ratio:auto;padding:.3rem .4rem;grid-column:span 2}.emoji-picker__cell--none.emoji-picker__cell--on{color:var(--text)}.emoji-trigger-row{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.emoji-trigger-preview{width:48px;height:48px;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emoji-trigger-preview__emoji{font-size:1.75rem;line-height:1}.emoji-trigger-preview__none{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.epanel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000009e;display:flex;align-items:flex-end}.epanel{width:100%;max-height:88vh;background:var(--surface);border-top:1.5px solid var(--border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;animation:epanel-up .22s cubic-bezier(.4,0,.2,1)}@keyframes epanel-up{0%{transform:translateY(48px);opacity:0}to{transform:translateY(0);opacity:1}}.epanel__head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.epanel__title{font-weight:700;font-size:1rem;color:var(--text)}.epanel__close{background:none;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.epanel__close:hover{background:var(--surface-alt);color:var(--text)}.epanel__search-row{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--surface-alt);border-bottom:1px solid var(--border);flex-shrink:0}.epanel__search-icon{color:var(--text-muted);flex-shrink:0}.epanel__search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.9rem;font-family:inherit}.epanel__search-input::placeholder{color:var(--text-muted)}.epanel__clear-search{background:none;border:none;color:var(--text-muted);display:flex;align-items:center;cursor:pointer;padding:2px}.epanel__clear-search:hover{color:var(--text)}.epanel__cats{display:flex;overflow-x:auto;gap:.2rem;padding:.45rem .9rem;border-bottom:1px solid var(--border);flex-shrink:0;scrollbar-width:none}.epanel__cats::-webkit-scrollbar{display:none}.epanel__cat{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.3rem .6rem;border-radius:8px;border:1.5px solid transparent;background:none;color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .12s}.epanel__cat-icon{font-size:1.2rem;line-height:1}.epanel__cat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.epanel__cat:hover{background:var(--surface-alt);color:var(--text)}.epanel__cat--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.epanel__search-count{padding:.35rem 1.2rem 0;font-size:.78rem;color:var(--text-muted);flex-shrink:0}.epanel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.28rem;padding:.75rem 1rem 1.4rem;overflow-y:auto;flex:1;overscroll-behavior:contain}.epanel__cell{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;border-radius:10px;border:1.5px solid transparent;background:var(--surface-alt);cursor:pointer;transition:transform .1s,border-color .1s}.epanel__cell:hover{border-color:var(--accent);transform:scale(1.12)}.epanel__cell--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.epanel__cell--none{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.epanel__cell--none.epanel__cell--on{color:var(--text)}.epanel__empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:.85rem;padding:1.5rem 0}@media (min-width: 640px){.epanel-scrim{align-items:flex-end;justify-content:center}.epanel{max-width:540px;max-height:72vh;border-radius:var(--radius-lg);border:1.5px solid var(--border);border-top:1.5px solid var(--border);margin-bottom:2rem}}.swatches{display:flex;flex-wrap:wrap;gap:.45rem}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.swatch:hover{transform:scale(1.12)}.swatch--on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.swatch--custom{position:relative;overflow:hidden;background:var(--surface-alt);border:1px dashed var(--border)}.swatch--custom input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:200%;height:200%;border:none;cursor:pointer}.photo-upload{display:flex;align-items:center;gap:.8rem}.student-form__top{display:flex;justify-content:center;gap:.6rem;margin-bottom:.4rem}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#040804b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:90;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:92vh;display:flex;flex-direction:column;animation:rise .25s ease both}.modal--wide{max-width:760px}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal__title{font-size:1.25rem;font-weight:700}.modal__close{background:none;border:none;color:var(--text-muted);display:flex}.modal__close:hover{color:var(--text)}.modal__body{padding:1.4rem;overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.6rem}.upgrade{text-align:center;padding:.5rem .5rem .2rem}.upgrade__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;background:var(--surface-alt);color:var(--warning);border:1px solid var(--border);margin-bottom:1rem}.upgrade__message{font-size:1.05rem;font-weight:600}.upgrade__sub{color:var(--text-muted);margin-top:.5rem;line-height:1.5}.import-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.import-hint{color:var(--text-muted);line-height:1.6}.import-hint code,.modal code{background:var(--surface-alt);border-radius:4px;padding:.1rem .35rem;font-size:.85em}.import-count{color:var(--accent);font-weight:600;margin-bottom:.8rem}.import-table-wrap{max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.import-table{width:100%;border-collapse:collapse;font-size:.85rem}.import-table th{text-align:left;padding:.6rem .7rem;color:var(--text-muted);font-weight:600;position:sticky;top:0;background:var(--surface-alt)}.import-table td{padding:.35rem .5rem;border-top:1px solid var(--border)}.import-table .row-invalid{background:#ef444414}.input--sm{padding:.45rem .6rem;font-size:.85rem}.cell{display:flex;flex-direction:column;gap:.25rem}.cell-error{color:var(--danger);font-size:.72rem;line-height:1.2}.confirm{display:flex;align-items:flex-start;gap:.9rem}.confirm__icon{color:var(--danger);flex-shrink:0;margin-top:2px}.confirm__message{line-height:1.55}@media (min-width: 861px){.modal--wide{max-height:86vh}.modal--wide .modal__body{display:flex;flex-direction:column;overflow:hidden;flex:1 1 auto;min-height:0}.modal--wide .import-table-wrap{flex:1 1 auto;max-height:none;min-height:0}.modal--wide .modal__foot{flex-shrink:0}}.import-summary{text-align:center;padding:.5rem}.import-summary__added{font-size:1.1rem}.import-summary__warn{color:var(--warning);margin-top:.7rem;line-height:1.5}.import-summary__muted{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.dnp{display:flex;flex-direction:column;gap:1.4rem;max-width:640px}.section-title{font-size:1.15rem;font-weight:700}.section-sub{color:var(--text-muted);margin-top:.35rem;line-height:1.5}.dnp__form{display:flex;flex-direction:column;gap:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem}.dnp__list{display:flex;flex-direction:column;gap:.5rem}.dnp__row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .9rem}.dnp__names{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-weight:600}.dnp__x{color:var(--accent)}.dnp__reason{color:var(--text-muted);font-weight:400}.empty--sm{padding:2rem 1.5rem}.empty__actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.switcher{position:relative}.switcher__btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.5rem .85rem;font-size:.88rem;font-weight:600;max-width:220px}.switcher__btn:hover{border-color:var(--accent)}.switcher__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.switcher__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.switcher__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:41;min-width:220px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem;box-shadow:0 20px 50px -24px #000000e6}.switcher__item{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;color:var(--text);padding:.6rem .7rem;border-radius:var(--radius-sm);font-size:.9rem;text-align:left}.switcher__item:hover{background:var(--surface-alt)}@media (max-width: 860px){.sidebar{position:fixed;left:0;top:0;z-index:50;transform:translate(-100%);transition:transform .28s ease;box-shadow:24px 0 60px -30px #000000e6}.sidebar--open{transform:translate(0)}.sidebar__close,.shell__scrim,.topbar__menu{display:block}.topbar__name{display:none}.content{padding:1.5rem 1.1rem}.field-row{grid-template-columns:1fr}.survey__card{padding:1.6rem}.card-grid{grid-template-columns:1fr}.switcher__btn{max-width:150px}.field--narrow{max-width:none}.modal-scrim{padding:2vh .6rem}}.page--wide{max-width:1180px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.35rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.plan-card:hover{transform:translateY(-4px);border-color:var(--accent)}.plan-card--feature{border-color:var(--primary);box-shadow:0 20px 50px -30px #4ade8080}.plan-card--current{border-color:var(--accent)}.plan-card__ribbon{position:absolute;top:-11px;left:1.35rem;background:var(--accent);color:#04120a;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}.plan-card__badge{position:absolute;top:-11px;right:1.35rem;background:var(--surface-alt);border:1.5px solid var(--accent);color:var(--accent);font-size:.7rem;font-weight:700;padding:.22rem .6rem;border-radius:999px}.plan-card__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.plan-card__logo{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1.5px solid var(--border)}.plan-card__logo--icon{display:flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--accent)}.plan-card__name{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.plan-card__price{display:flex;align-items:baseline;gap:.35rem}.plan-card__amount{font-size:2.1rem;font-weight:800;letter-spacing:-.03em}.plan-card__per{color:var(--text-muted);font-size:.9rem}.plan-card__lifetime{color:var(--text-muted);font-size:.82rem;margin-top:.25rem}.plan-card__limits{margin:.9rem 0 1rem;padding:.55rem .7rem;background:var(--surface-alt);border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-muted)}.plan-card__features{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.plan-card__features li{display:flex;align-items:center;gap:.5rem;font-size:.87rem;color:var(--text)}.plan-card__features svg{color:var(--accent);flex-shrink:0}.plan-card__cta{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.billing-error{display:flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--danger) 14%,var(--surface));border:1.5px solid var(--danger);color:var(--text);padding:.7rem .9rem;border-radius:var(--radius-sm);margin-bottom:1.2rem;font-size:.88rem}.billing-success__actions{display:flex;gap:.6rem;justify-content:center;margin-top:.4rem;flex-wrap:wrap}.settings-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.4rem;margin-bottom:1.2rem}.settings-card__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.settings-card__title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.settings-card__sub{color:var(--text-muted);font-size:.9rem;line-height:1.5}.settings-support-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.75rem}.settings-delete-btn{margin-top:.75rem}.settings-card--danger{border-color:color-mix(in srgb,var(--danger) 50%,var(--border))}.settings-card__title--danger{color:var(--danger)}.btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:var(--radius-md);border:1.5px solid var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .12s,color .12s}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.delete-warning-box{display:flex;gap:.65rem;padding:.85rem 1rem;background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:var(--radius-md);font-size:.9rem;line-height:1.5;color:var(--text);align-items:flex-start}.delete-warning-box__icon{color:var(--danger);flex-shrink:0;margin-top:2px}.redeem-row{display:flex;gap:.6rem;margin-top:1rem}.redeem-row .input{flex:1;text-transform:uppercase}.redeem-result{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;padding:.65rem .8rem;border-radius:var(--radius-sm);font-size:.87rem}.redeem-result--ok{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1.5px solid var(--accent)}.redeem-result--err{background:color-mix(in srgb,var(--danger) 14%,var(--surface));border:1.5px solid var(--danger)}.redeem-result--ok svg{color:var(--accent)}.redeem-result--err svg{color:var(--danger)}.tab{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;color:var(--text-muted);padding:.7rem .4rem;font-size:.92rem;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.admin-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.admin-error{color:var(--danger);font-size:.9rem}.admin-json{background:var(--surface-alt);border-radius:var(--radius-sm);padding:1rem;font-size:.8rem;overflow-x:auto;color:var(--text-muted)}.table-scroll{overflow-x:auto;border:1.5px solid var(--border);border-radius:var(--radius-md)}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}.admin-table th,.admin-table td{padding:.7rem .85rem;text-align:left;white-space:nowrap}.admin-table thead th{background:var(--surface-alt);color:var(--text-muted);font-weight:700;text-transform:capitalize;font-size:.78rem;letter-spacing:.02em;border-bottom:1.5px solid var(--border)}.admin-table tbody tr{border-bottom:1px solid var(--border)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-alt)}.admin-table code{background:var(--surface-alt);padding:.15rem .4rem;border-radius:4px;font-size:.82rem}.admin-table__actions{display:flex;gap:.35rem}.admin-table--flags td,.admin-table--flags th{text-align:center}.flags-feature-col{text-align:left!important;min-width:200px}.flags-feature__label{display:block;font-weight:600;color:var(--text)}.flags-feature__cat{display:block;font-size:.72rem;color:var(--text-muted)}.flag-toggle{min-width:52px;padding:.35rem .6rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text-muted);font-size:.78rem;font-weight:700;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.flag-toggle:disabled{opacity:.55}.flag-toggle--on{background:var(--accent);color:#04120a;border-color:var(--accent)}@media (max-width: 860px){.pricing-grid{grid-template-columns:1fr}.redeem-row{flex-direction:column}}@media (min-width: 861px) and (max-width: 1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.icon-btn,.tool-btn{min-width:44px;min-height:44px}.topbar__menu{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.tab,.toggle,.btn-ghost--sm,.btn-primary--sm{min-height:44px}.att-btn{min-height:54px}.flag-toggle,.tray-tab{min-height:44px}}.skill-search{display:flex;flex-direction:column;gap:.9rem}.skill-search__bar{display:flex;gap:.6rem;align-items:center}.skill-search__input-wrap{position:relative;flex:1}.skill-search__icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.skill-search__input{padding-left:2.1rem;width:100%}.skill-filter-controls{display:flex;gap:.6rem;flex-wrap:wrap}.skill-filter{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:120px}.skill-filter span{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.skill-filters--inline{display:block}.skill-filter-toggle{display:none;align-items:center;gap:.4rem;padding:.55rem .85rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:.82rem;font-weight:600;white-space:nowrap}.skill-no-results{display:flex;flex-direction:column;gap:.6rem;padding:.25rem 0}.skill-no-results .import-hint{margin:0}.skill-results{display:flex;flex-direction:column;gap:.5rem}.skill-results--compact{max-height:240px;overflow-y:auto}.skill-result{display:flex;flex-direction:column;gap:.2rem;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem;transition:border-color .15s ease,background-color .15s ease}.skill-result:hover,.skill-result--on{border-color:var(--accent);background:var(--surface-alt)}.skill-result__code{font-weight:800;letter-spacing:-.01em;color:var(--accent);font-size:.92rem}.skill-result__desc{font-size:.86rem;color:var(--text);line-height:1.4}.skill-result__meta{font-size:.75rem;color:var(--text-muted)}.recent-heading{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:.3rem 0 .1rem}.filter-sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1200;display:flex;align-items:flex-end}.filter-sheet{width:100%;background:var(--surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:1.2rem;display:flex;flex-direction:column;gap:.9rem;border-top:1.5px solid var(--border)}.filter-sheet__head{display:flex;align-items:center;justify-content:space-between}.filter-sheet__head h4{font-size:1.05rem;font-weight:700}.rating-card{display:flex;flex-direction:column;gap:1rem}.rating-card__head{background:var(--surface-alt);border-radius:var(--radius-md);padding:.85rem 1rem}.rating-card__desc{font-size:.88rem;color:var(--text);line-height:1.45;margin-top:.25rem}.level-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.level-btn{--lvl: var(--accent);display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .85rem;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.level-btn:hover{transform:translateY(-1px);border-color:var(--lvl)}.level-btn--on{border-color:var(--lvl);background:color-mix(in srgb,var(--lvl) 16%,var(--surface))}.level-btn__num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--lvl);color:#04120a;font-weight:800;font-size:.8rem}.level-btn__label{font-size:.8rem;color:var(--text);font-weight:600}.rating-saved{color:var(--accent);font-size:.85rem;font-weight:600;text-align:center}.rating-timeline{display:flex;flex-direction:column;gap:.4rem}.rating-item{display:flex;align-items:center;gap:.55rem;font-size:.82rem;padding:.4rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.rating-item:last-child{border-bottom:none}.rating-item__lvl{font-weight:600}.rating-item__date{color:var(--text-muted)}.rating-item__notes{color:var(--text-muted);font-style:italic;flex-basis:100%}.level-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 0 1.5px var(--border)}.level-dot--none{background:var(--border);border:1.5px solid var(--text-muted)}.coverage-summary{font-size:.85rem;color:var(--text-muted);margin-bottom:.8rem}.selected-skill{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--surface-alt);border-radius:var(--radius-md);padding:.7rem .9rem;margin-bottom:1rem;color:var(--accent)}.selected-skill__desc{color:var(--text);font-size:.86rem}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.coverage-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;padding:1rem .75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:border-color .15s ease,transform .1s ease}.coverage-card:hover{border-color:var(--accent);transform:translateY(-2px)}.coverage-card__name{font-size:.85rem;font-weight:600}.coverage-card__level{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text)}.coverage-card__level--none{color:var(--text-muted)}.coverage-card__date{font-size:.72rem;color:var(--text-muted)}.std-subtabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:1.2rem}.std-row{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.7rem .9rem}.std-row__info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.std-row__actions{display:flex;gap:.25rem;flex-shrink:0}.std-bulk{display:flex;flex-direction:column;gap:.9rem}.std-bulk__area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.5}.std-bulk__preview{font-size:.85rem}.std-bulk__ok{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent)}.std-bulk__errors{display:inline-flex;align-items:center;gap:.4rem;color:var(--danger)}.std-history{display:flex;flex-direction:column;gap:.7rem}.std-history__item{border-bottom:1px solid var(--border);padding-bottom:.6rem}.std-history__top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.std-history__by{color:var(--text);font-weight:600}.std-history__at{color:var(--text-muted)}.std-history__note{font-size:.82rem;color:var(--text-muted);margin-top:.3rem}@media (max-width: 640px){.skill-filters--inline{display:none}.skill-filter-toggle{display:inline-flex}.level-btns{grid-template-columns:1fr}}.section-title{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.section-title--spaced{margin-top:1.8rem;margin-bottom:.8rem}.star-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:8px;color:var(--text-muted);background:transparent;transition:color .15s ease,transform .1s ease}.star-btn:hover{color:var(--warning);transform:scale(1.12)}.star-btn--on{color:var(--warning)}.skill-result--star{position:relative;padding-right:2.4rem}.skill-result__star{position:absolute;top:.5rem;right:.5rem}.skill-toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.skill-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:.82rem;font-weight:600}.skill-toolbar-btn:hover{border-color:var(--accent)}.popover{position:relative}.popover__panel{position:absolute;top:calc(100% + 6px);z-index:60;min-width:220px;width:max-content;max-width:min(320px,calc(100vw - 24px));max-height:340px;overflow-y:auto;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:0 18px 40px -18px #000000b3;padding:.4rem}.popover__panel--right{right:0}.popover__panel--left{left:0}.dropdown-list{display:flex;flex-direction:column;gap:.2rem}.dropdown-empty{padding:.9rem;color:var(--text-muted);font-size:.85rem;text-align:center}.dropdown-item{display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm)}.dropdown-item:hover{background:var(--surface-alt)}.dropdown-item__main{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;text-align:left;padding:.5rem .6rem;background:transparent}.dropdown-item__desc{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.emoji-picks{display:flex;flex-wrap:wrap;gap:.3rem}.emoji-pick{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface-alt);font-size:1.1rem;line-height:1}.emoji-pick--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text);margin-top:.4rem;cursor:pointer}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.unit-card{display:flex;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;color:var(--text);transition:border-color .15s ease,transform .1s ease}.unit-card:hover{border-color:var(--accent);transform:translateY(-2px)}.unit-card__strip{width:6px;flex-shrink:0}.unit-card__body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.unit-card__top{display:flex;align-items:center;gap:.5rem}.unit-card__icon{font-size:1.2rem;line-height:1}.unit-card__name{font-weight:700;font-size:1rem}.unit-card__desc{font-size:.83rem;color:var(--text-muted);line-height:1.4}.unit-card__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:auto}.unit-card__dates{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-muted)}.unit-skill-list{display:flex;flex-direction:column;gap:.5rem}.unit-skill-row{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.65rem .8rem}.unit-skill-row__grip{color:var(--text-muted);cursor:grab;display:flex}.unit-skill-row__info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.unit-coverage{margin-top:2rem;display:flex;flex-direction:column;gap:.8rem}.unit-coverage .input{max-width:320px}.dot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.7rem}.dot-grid__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;padding:.7rem .5rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md)}.dot-grid__code{font-size:.8rem;font-weight:700;color:var(--accent)}.dot-grid__lvl{font-size:.72rem;color:var(--text-muted)}.mini-cov-list{display:flex;flex-direction:column;gap:.45rem}.mini-cov-row{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.55rem .7rem}.mini-cov-row__info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.assign-section{margin-top:2rem;display:flex;flex-direction:column;gap:.7rem}.chip-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.assign-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .35rem .3rem .65rem;border-radius:999px;font-size:.82rem;font-weight:600;border:1.5px solid transparent}.assign-chip--class{background:color-mix(in srgb,var(--primary) 42%,var(--surface));border-color:color-mix(in srgb,var(--primary) 70%,white);color:var(--text)}.assign-chip--student{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:var(--accent);color:var(--text)}.assign-chip__x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#00000040;color:var(--text)}.assign-chip__x:hover{background:#00000073}.pill--assign{background:color-mix(in srgb,var(--primary) 20%,var(--surface));border:1px solid var(--primary);color:var(--text)}.picker-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.picker-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.picker-controls .skill-search__input-wrap{flex:1;min-width:140px}.input--sm{padding:.5rem .6rem;font-size:.85rem}.picker-selectall{display:flex;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.picker-list{display:flex;flex-direction:column;gap:.3rem;max-height:46vh;overflow-y:auto}.picker-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);cursor:pointer}.picker-row:hover{border-color:var(--accent)}.picker-row--disabled{opacity:.6;cursor:default}.picker-row--disabled:hover{border-color:var(--border)}.picker-row__name{font-size:.88rem;font-weight:600;color:var(--text)}.picker-row__sub{font-size:.76rem;color:var(--text-muted);margin-left:auto}.picker-row input[type=checkbox]{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent)}@media (max-width: 640px){.picker-list{max-height:52vh}}.analytics-section{margin-bottom:2.4rem}.section-sub{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.chart-tip{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;max-width:260px;box-shadow:0 12px 30px -14px #000000b3}.chart-tip strong{color:var(--accent);font-size:.85rem}.chart-tip p{font-size:.8rem;color:var(--text);margin:.2rem 0;line-height:1.4}.chart-tip span{font-size:.75rem;color:var(--text-muted)}.heatmap-scroll{overflow-x:auto;border:1.5px solid var(--border);border-radius:var(--radius-md)}.heatmap{border-collapse:collapse;width:max-content;min-width:100%;font-size:.82rem}.heatmap th,.heatmap td{padding:.4rem .55rem;text-align:center;white-space:nowrap}.heatmap thead th{background:var(--surface-alt);color:var(--text-muted);font-weight:700;font-size:.75rem;border-bottom:1.5px solid var(--border);position:sticky;top:0}.heatmap thead th:not(.heatmap__corner){min-width:80px}.heatmap__corner,.heatmap__name{text-align:left!important;position:sticky;left:0;background:var(--surface);z-index:1}.heatmap__name{font-weight:600;color:var(--text);border-right:1.5px solid var(--border)}.heatmap tbody tr:nth-child(2n) .heatmap__name{background:var(--surface-alt)}.heatmap__cell{padding:.3rem}.heatmap__box{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:30px;border-radius:6px;font-weight:800;font-size:.8rem}.heatmap__box--none{background:var(--surface-alt);color:var(--text-muted);font-weight:500}.import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.import-card{display:flex;align-items:stretch;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.import-card:hover{border-color:var(--accent)}.import-card__main{flex:1;display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.8rem .9rem;background:transparent;color:var(--text);min-width:0}.import-card__label{font-weight:700;font-size:.92rem}.import-card__sub{font-size:.78rem;color:var(--text-muted)}.import-card__date{font-size:.72rem;color:var(--text-muted)}.compare-stat{display:flex;align-items:center;justify-content:center;gap:1.4rem;background:var(--surface-alt);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.compare-stat__item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.compare-stat__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.compare-stat__num{font-size:1.8rem;font-weight:800;color:var(--text)}.compare-stat__divider{color:var(--border);font-size:1.4rem}.toolbelt-page{padding-bottom:3rem}.toolbelt-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.toolbelt-search{position:relative;flex:1;min-width:160px}.toolbelt-search__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.toolbelt-search__input{width:100%;padding:.6rem 2.4rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit}.toolbelt-search__input::placeholder{color:var(--text-muted);opacity:.7}.toolbelt-search__input:focus{outline:none;border-color:var(--accent)}.toolbelt-search__clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.toolbelt-filters{display:flex;align-items:center;gap:.5rem}.toolbelt-filters--desktop{display:flex}.toolbelt-filters--mobile{display:none}@media (max-width: 640px){.toolbelt-filters--desktop{display:none}.toolbelt-filters--mobile{display:inline-flex}}.btn-ghost--accent{border-color:var(--accent);color:var(--accent)}.toolbelt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1100px){.toolbelt-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.toolbelt-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}}.tool-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem .9rem 1.1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;text-align:center;-webkit-user-select:none;user-select:none;min-height:130px;justify-content:center}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px -10px #0009}.tool-card__star{position:absolute;top:.45rem;right:.45rem;background:none;border:none;color:var(--text-muted);padding:.3rem;cursor:pointer;border-radius:50%;display:flex;transition:color .15s;line-height:1}.tool-card__star--on{color:var(--warning)}.tool-card__star:hover{color:var(--text)}.tool-card__emoji{font-size:2.2rem;line-height:1;display:block}.tool-card__name{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.3}.tool-card__cat{font-size:.73rem;color:var(--text-muted)}.filter-sheet-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.filter-sheet-actions{display:flex;gap:.75rem;justify-content:flex-end}.tool-runner{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.tool-runner__bar{display:flex;align-items:center;gap:.75rem;padding:0 .9rem;height:52px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tool-runner__name{flex:1;font-weight:700;font-size:1rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-runner__class-picker{max-width:180px}.tool-runner__frame{flex:1;width:100%;border:none;display:block;background:#fff}.tool-runner__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.emoji-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.emoji-pick{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1.1rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s}.emoji-pick:hover{border-color:var(--accent)}.field__hint{font-size:.77rem;color:var(--text-muted);margin-top:.2rem;display:block}.field__label--inline{display:inline-flex;align-items:flex-start;gap:.5rem;font-weight:500}.legal-page{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.legal-header{padding:1rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;background:var(--surface)}.legal-header__brand{display:flex;align-items:center;gap:.65rem;color:var(--text);text-decoration:none;font-weight:800;font-size:1.05rem}.legal-header__brand img{width:30px;height:30px;border-radius:7px;object-fit:cover}.legal-content{max-width:680px;width:100%;margin:0 auto;padding:3rem 2rem;flex:1}.legal-h1{font-size:2rem;font-weight:800;margin-bottom:.3rem;color:var(--text)}.legal-meta{font-size:.82rem;color:var(--text-muted);margin-bottom:2rem}.legal-h2{font-size:1rem;font-weight:700;color:var(--accent);margin-top:1.75rem;margin-bottom:.4rem}.legal-p{font-size:.93rem;line-height:1.75;color:var(--text-muted);margin-bottom:.75rem}.legal-p strong{color:var(--text)}.legal-footer{padding:1.2rem 2rem;border-top:1px solid var(--border);display:flex;gap:1.5rem;background:var(--surface)}.legal-footer a{color:var(--text-muted);text-decoration:none;font-size:.88rem}.legal-footer a:hover{color:var(--text)}.settings-footer{display:flex;align-items:center;gap:.75rem;padding:2rem 0 .5rem;color:var(--text-muted);font-size:.82rem}.settings-footer__link{color:var(--text-muted);text-decoration:none}.settings-footer__link:hover{color:var(--text)}@media (max-width: 640px){.legal-content{padding:2rem 1.2rem}.legal-h1{font-size:1.5rem}}.rti-tier-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.rti-tier-badge--tier1{background:#4ade8026;color:var(--accent);border:1px solid rgba(74,222,128,.3)}.rti-tier-badge--tier2{background:#facc1526;color:var(--warning);border:1px solid rgba(250,204,21,.3)}.rti-tier-badge--tier3{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.rti-rec-banner{border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1rem}.rti-rec-banner--tier2{background:#facc151a;border:1px solid rgba(250,204,21,.3)}.rti-rec-banner--tier3{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.rti-rec-banner--ok{background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.rti-rec-banner__msg{font-size:.875rem;font-weight:600;color:var(--text);margin:0 0 .25rem}.rti-rec-banner--tier2 .rti-rec-banner__msg{color:var(--warning)}.rti-rec-banner--tier3 .rti-rec-banner__msg{color:var(--danger)}.rti-rec-banner--ok .rti-rec-banner__msg{color:var(--accent)}.rti-rec-banner__detail{font-size:.8rem;color:var(--text-muted);margin:0 0 .65rem}.rti-rec-banner .btn-primary--sm{font-size:.82rem;padding:.45rem 1rem}.btn-primary--sm{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:var(--bg);font-weight:700;font-size:.82rem;border:none;border-radius:999px;padding:.45rem 1rem;cursor:pointer;transition:background .15s}.btn-primary--sm:hover{background:#63e996}.rti-no-plan{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;text-align:center}.rti-plan-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.rti-plan-meta{display:flex;flex-direction:column;flex:1;min-width:0}.rti-plan-meta__date,.rti-plan-meta__due{font-size:.78rem;color:var(--text-muted)}.rti-plan-meta__due--overdue{color:var(--danger)}.rti-plan-actions{display:flex;gap:.3rem}.rti-goal{background:var(--surface-alt);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.65rem .9rem;margin-bottom:.75rem}.rti-goal__text{font-size:.9rem;color:var(--text);margin:0 0 .3rem;line-height:1.5}.rti-goal__target{font-size:.78rem;color:var(--accent);font-weight:600}.rti-suggestion{font-size:.83rem;border-radius:var(--radius-sm);padding:.6rem .9rem;margin-bottom:.75rem;line-height:1.5}.rti-suggestion--escalate{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.rti-suggestion--step-down{background:#4ade8014;color:var(--accent);border:1px solid rgba(74,222,128,.2)}.rti-chart{background:var(--surface-alt);border-radius:var(--radius-md);padding:.5rem .25rem .25rem;margin-top:.5rem}.rti-int-list{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.rti-int-item{background:var(--surface-alt);border-radius:var(--radius-sm);padding:.55rem .75rem}.rti-int-item__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.rti-int-item__name{font-size:.875rem;color:var(--text);font-weight:600}.rti-int-item__date{font-size:.78rem;color:var(--text-muted)}.rti-int-item__detail{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.rti-int-item__notes{color:var(--text-muted);flex:1}.rti-count{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-left:.3rem}.rti-tier-radio-group{display:flex;flex-direction:column;gap:.5rem}.rti-tier-radio{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:border-color .15s,background .15s}.rti-tier-radio:hover{border-color:var(--accent)}.rti-tier-radio--on{background:var(--surface-alt);border-color:var(--accent)}.rti-tier-radio input[type=radio]{margin-top:2px;accent-color:var(--accent)}.rti-tier-radio__label{font-size:.9rem;font-weight:700;min-width:55px}.rti-tier-radio__desc{font-size:.8rem;color:var(--text-muted);flex:1}.rti-selected-skill{display:flex;align-items:center;gap:.5rem;background:var(--surface-alt);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.85rem}.rti-selected-skill__code{color:var(--accent);font-weight:700;white-space:nowrap}.rti-selected-skill__desc{flex:1;color:var(--text-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rti-skill-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:200;max-height:200px;overflow-y:auto}.rti-skill-dropdown__item{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem .85rem;text-align:left;background:none;border:none;color:var(--text);font-size:.85rem;width:100%;cursor:pointer;line-height:1.4}.rti-skill-dropdown__item:hover{background:var(--surface-alt)}.rti-skill-dropdown__code{color:var(--accent);font-weight:700;white-space:nowrap;min-width:50px}.rti-level-btns{display:flex;gap:.5rem}.rti-level-btn{flex:1;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1.1rem;font-weight:700;padding:.55rem;cursor:pointer;transition:background .15s,border-color .15s}.rti-level-btn:hover{border-color:var(--accent)}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-required{color:var(--danger)}.rti-dash-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.rti-dash-section__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.rti-dash-section__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .3rem}.rti-dash-section__sub{font-size:.83rem;color:var(--text-muted);margin:0 0 1rem}.rti-dash-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rti-dash-list{display:flex;flex-direction:column;gap:.75rem}.rti-dash-card{display:flex;align-items:center;gap:.85rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color .15s}.rti-dash-card--plan{cursor:pointer}.rti-dash-card--plan:hover{border-color:var(--accent)}.rti-dash-card--overdue-yellow{border-color:#facc1566}.rti-dash-card--overdue-red{border-color:#ef444466}.rti-dash-card__avatar{flex-shrink:0}.rti-dash-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.rti-dash-card__name{font-size:.95rem;font-weight:700;color:var(--text)}.rti-dash-card__class{font-size:.8rem;color:var(--text-muted)}.rti-dash-card__goal{font-size:.82rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0}.rti-dash-card__stats{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.1rem}.rti-dash-stat{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.rti-dash-stat--warn{background:#facc151a;color:var(--warning);border-color:#facc1540}.rti-dash-stat--danger{background:#ef44441a;color:var(--danger);border-color:#ef444440}@media (max-width: 640px){.rti-dash-section{padding:1rem}.rti-dash-card__goal{display:none}.rti-tier-radio-group{gap:.35rem}}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}@media (max-width: 1100px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.media-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}}.media-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.media-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px -10px #0009}.media-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-alt);overflow:hidden}.media-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-card__thumb-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted)}.media-card__type{position:absolute;bottom:.4rem;left:.4rem;display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;background:#000000a6;color:#fff;font-size:.7rem;font-weight:600;border-radius:999px;letter-spacing:.02em}.media-card__star{position:absolute;top:.4rem;right:.4rem;background:#00000080;border:none;color:#fff;padding:.3rem;cursor:pointer;border-radius:50%;display:flex;transition:color .15s,background .15s;line-height:1}.media-card__star--on{color:var(--warning);background:#000000b3}.media-card__star:hover{background:#000000bf}.media-card__body{padding:.6rem .75rem .75rem;display:flex;flex-direction:column;gap:.3rem}.media-card__title{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.3}.media-card__creator{font-size:.75rem;color:var(--text-muted);font-style:italic}.media-card__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.media-card__duration{font-size:.72rem;color:var(--text-muted);margin-left:auto}.chip--sm{font-size:.7rem;padding:.15rem .5rem}.chip--original{background:var(--surface-alt)}.chip--curated{background:var(--surface-alt);color:var(--accent)}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}@media (max-width: 1100px){.playlist-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.playlist-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}}.playlist-card{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s}.playlist-card:hover{transform:translateY(-2px)}.playlist-card__cover{position:relative;aspect-ratio:1 / 1;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.playlist-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.playlist-card__cover-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted)}.playlist-card:hover .playlist-card__cover{border-color:var(--accent)}.playlist-card__play{position:absolute;bottom:.6rem;right:.6rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:var(--bg);display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;box-shadow:0 6px 18px -6px #000000b3}.playlist-card:hover .playlist-card__play{opacity:1;transform:translateY(0)}.playlist-card__name{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.3}.playlist-card__count{font-size:.75rem;color:var(--text-muted)}.playlist-header{display:flex;gap:1.5rem;padding:1.25rem 0;margin:1rem 0 1.5rem;border-bottom:1px solid var(--border)}@media (max-width: 640px){.playlist-header{flex-direction:column;gap:1rem}}.playlist-header__cover{width:180px;height:180px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--surface-alt);border:1.5px solid var(--border)}.playlist-header__cover img{width:100%;height:100%;object-fit:cover;display:block}.playlist-header__cover-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted)}.playlist-header__meta{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;min-width:0}.playlist-header__eyebrow{font-size:.72rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;font-weight:700}.playlist-header__title{font-size:2rem;font-weight:800;color:var(--text);margin:0;line-height:1.15}.playlist-header__desc{color:var(--text-muted);font-size:.9rem;margin:0}.playlist-header__actions{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.track-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:1.5rem 42px 1fr auto;align-items:center;gap:.75rem;padding:.55rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.track-row:hover{background:var(--surface-alt)}.track-row--active{background:var(--surface-alt);border-left:2px solid var(--accent);padding-left:calc(.5rem - 2px)}.track-row__idx{color:var(--text-muted);display:grid;place-items:center}.track-row__thumb{width:42px;height:42px;border-radius:4px;overflow:hidden;background:var(--surface-alt);display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--border)}.track-row__thumb img{width:100%;height:100%;object-fit:cover}.track-row__labels{display:flex;flex-direction:column;min-width:0}.track-row__title{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__sub{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__duration{color:var(--text-muted);font-size:.82rem;font-variant-numeric:tabular-nums}.yt-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:1000;padding:1rem}.yt-modal{width:min(960px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -20px #000c}.yt-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.yt-modal__labels{display:flex;flex-direction:column;gap:.15rem;min-width:0}.yt-modal__title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.yt-modal__creator{font-size:.8rem;color:var(--text-muted)}.yt-modal__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:4px}.yt-modal__close:hover{color:var(--text);background:var(--surface-alt)}.yt-modal__frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.yt-modal__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.yt-modal__error{color:var(--danger);padding:2rem;text-align:center}.player-bar{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);z-index:900;box-shadow:0 -8px 24px -10px #000000b3}.player-bar__inner{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(220px,2fr) minmax(120px,.7fr) auto;align-items:center;gap:1rem;padding:.6rem 1rem;max-width:1400px;margin:0 auto}@media (max-width: 820px){.player-bar__inner{grid-template-columns:1fr auto auto;grid-template-areas:"meta controls close" "progress progress progress";row-gap:.4rem}.player-bar__meta{grid-area:meta}.player-bar__controls{grid-area:controls}.player-bar__progress{grid-area:progress}.player-bar__volume{display:none}.player-bar__btn--close{grid-area:close}}.player-bar__meta{display:flex;gap:.6rem;align-items:center;min-width:0}.player-bar__thumb{width:44px;height:44px;border-radius:4px;object-fit:cover;border:1px solid var(--border);background:var(--surface-alt)}.player-bar__thumb--fallback{display:grid;place-items:center;color:var(--text-muted)}.player-bar__labels{display:flex;flex-direction:column;min-width:0}.player-bar__title{font-size:.9rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bar__creator{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bar__controls{display:flex;gap:.4rem;align-items:center}.player-bar__btn{background:none;border:none;color:var(--text-muted);padding:.4rem;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:color .12s,background .12s}.player-bar__btn:hover:not(:disabled){color:var(--text);background:var(--surface-alt)}.player-bar__btn:disabled{opacity:.35;cursor:default}.player-bar__btn--primary{background:var(--accent);color:var(--bg)}.player-bar__btn--primary:hover:not(:disabled){background:var(--accent);color:var(--bg);opacity:.9}.player-bar__progress{display:flex;align-items:center;gap:.5rem;position:relative}.player-bar__time{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}.player-bar__seek{flex:1;accent-color:var(--accent)}.player-bar__progress-fill{display:none}.player-bar__volume{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.player-bar__vol{width:100%;accent-color:var(--accent)}.player-bar__btn--close{color:var(--text-muted)}.shell__main:has(.player-bar) .content{padding-bottom:5.5rem}.snd-master-row{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.65rem .9rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);max-width:420px}.snd-master-row__label{font-size:.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.snd-master-vol{flex:1;accent-color:var(--accent);cursor:pointer}.snd-master-row__val{font-size:.8rem;font-weight:700;color:var(--text);min-width:2.8rem;text-align:right}.sounds-section{margin-top:.5rem}.sounds-toolbar{display:flex;gap:.6rem;margin-bottom:1.25rem;flex-wrap:wrap}.snd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}@media (max-width: 540px){.snd-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem}}.snd-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:80px;padding:.75rem .5rem .55rem;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:grab;transition:border-color .15s,transform .12s,background .15s;-webkit-user-select:none;user-select:none;overflow:hidden}.snd-btn:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}.snd-btn--fav{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-alt))}.snd-btn--dragging{opacity:.38;transform:scale(.96)}.snd-btn--dragover{border-color:var(--accent);transform:scale(1.03);background:color-mix(in srgb,var(--accent) 12%,var(--surface-alt))}.snd-btn--playing{animation:snd-pulse .55s ease;border-color:var(--accent)}@keyframes snd-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}60%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.snd-btn__play{background:none;border:none;color:var(--accent);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;transition:background .12s,transform .12s;cursor:pointer;flex-shrink:0}.snd-btn__play:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);transform:scale(1.1)}.snd-btn__play:active{transform:scale(.95)}.snd-btn__name{font-size:.8rem;font-weight:600;color:var(--text);text-align:center;word-break:break-word;line-height:1.3;max-width:100%;padding:0 .3rem;cursor:default}.snd-rename{font-size:.82rem;width:100%;text-align:center;padding:.25rem .4rem}.snd-btn__actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.snd-btn:hover .snd-btn__actions,.snd-btn:focus-within .snd-btn__actions{opacity:1}.snd-btn__action{background:var(--surface);border:none;border-radius:5px;color:var(--text-muted);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .1s,background .1s}.snd-btn__action:hover{color:var(--text);background:var(--surface-alt)}.snd-btn__star--on{color:var(--accent)}.snd-btn__delete:hover{color:var(--danger, #ff4d4f)}.snd-btn__grip{position:absolute;bottom:4px;left:50%;transform:translate(-50%);color:var(--text-muted);opacity:0;transition:opacity .12s}.snd-btn:hover .snd-btn__grip{opacity:.5}.snd-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:1.2rem;cursor:pointer;transition:border-color .15s,background .15s;min-height:80px;display:flex;align-items:center;justify-content:center}.snd-dropzone:hover{border-color:var(--accent)}.snd-dropzone--over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-alt))}.snd-dropzone--filled{cursor:default;border-style:solid;border-color:var(--border)}.snd-dropzone__empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.88rem}.snd-dropzone__icon{color:var(--text-muted);margin-bottom:.2rem}.snd-dropzone__link{color:var(--accent);text-decoration:underline;cursor:pointer}.snd-dropzone__hint{font-size:.75rem;color:var(--text-muted)}.snd-dropzone__file{display:flex;align-items:center;gap:.6rem;width:100%}.snd-dropzone__file-icon{color:var(--accent);flex-shrink:0}.snd-dropzone__file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.snd-dropzone__fname{font-size:.85rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snd-dropzone__size{font-size:.75rem;color:var(--text-muted)}.snd-dropzone__analysis{font-size:.75rem;color:var(--text-muted);display:flex;gap:.3rem;align-items:center}.snd-dropzone__peak{font-size:.73rem;color:var(--accent);font-variant-numeric:tabular-nums}.snd-dropzone__remove{flex-shrink:0}.trigger-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.trigger-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:border-color .12s}.trigger-item--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-alt))}.trigger-item__radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .12s}.trigger-item--active .trigger-item__radio{border-color:var(--accent);background:var(--accent);color:var(--bg)}.trigger-item__dot{line-height:1}.trigger-item__name{flex:1;font-weight:600;font-size:.9rem;color:var(--text)}.trigger-item__acts{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.att-mode-banner{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-bottom:1.5px solid var(--accent);font-size:.85rem;font-weight:600;color:var(--text)}.att-mode-banner__done{margin-left:auto;padding:.3rem .8rem;border:1.5px solid var(--accent);border-radius:var(--radius);background:none;color:var(--accent);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .12s}.att-mode-banner__done:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.att-mode-active-btn{background:var(--accent)!important;animation:att-pulse 1.6s ease infinite}@keyframes att-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.quick-play-bar{position:fixed;left:0;right:0;bottom:0;z-index:910;background:var(--surface);border-top:1.5px solid var(--border);box-shadow:0 -6px 20px -8px #000000b3;display:flex;align-items:stretch;min-height:52px;transition:transform .18s ease}.quick-play-bar--above-player{bottom:62px}.quick-play-bar--collapsed{min-height:0}.quick-play-bar__toggle{display:flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;background:none;border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:color .12s}.quick-play-bar__toggle:hover{color:var(--text)}.quick-play-bar__inner{flex:1;display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;overflow:hidden}.quick-play-bar__sounds{flex:1;display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:none}.quick-play-bar__sounds::-webkit-scrollbar{display:none}.quick-play-bar__hint{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.quick-play-bar__btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;min-height:38px;min-width:70px;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .1s,border-color .12s,background .12s}.quick-play-bar__btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-alt));transform:translateY(-1px)}.quick-play-bar__btn:active{transform:translateY(0)}.quick-play-bar__bname{overflow:hidden;text-overflow:ellipsis;max-width:90px}.quick-play-bar__more{padding:.35rem .85rem;height:38px;background:none;border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .12s,border-color .12s;margin-left:.25rem}.quick-play-bar__more:hover{color:var(--text);border-color:var(--text-muted)}.qpb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:920;background:#00000080}.qpb-drawer{position:fixed;left:0;right:0;bottom:52px;z-index:930;background:var(--surface);border-top:1.5px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60vh;display:flex;flex-direction:column;overflow:hidden;animation:epanel-up .2s cubic-bezier(.4,0,.2,1)}.qpb-drawer--above-player{bottom:114px}.qpb-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.2rem;border-bottom:1px solid var(--border);flex-shrink:0}.qpb-drawer__title{font-weight:700;font-size:.95rem;color:var(--text)}.qpb-drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:.8rem 1rem 1.2rem;overflow-y:auto}.qpb-drawer__btn{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;min-height:44px;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;text-align:left;transition:border-color .12s;overflow:hidden}.qpb-drawer__btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qpb-drawer__btn svg{color:var(--accent);flex-shrink:0}.qpb-drawer__btn:hover{border-color:var(--accent)}.qpb-drawer__btn--fav{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}@media (max-width: 540px){.quick-play-bar__bname{max-width:60px}.qpb-drawer__grid{grid-template-columns:repeat(2,1fr)}}.library-inner{display:flex;flex-direction:column;gap:1rem}.lib-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.lib-search-wrap{position:relative;flex:1;min-width:180px;display:flex;align-items:center}.lib-search-icon{position:absolute;left:.65rem;color:var(--text-muted);pointer-events:none}.lib-search{width:100%;padding:.48rem 2.2rem .48rem 2rem;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.88rem;outline:none;transition:border-color .12s;font-family:inherit}.lib-search:focus{border-color:var(--accent)}.lib-search::placeholder{color:var(--text-muted)}.lib-search-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex}.lib-cat-select{max-width:180px}.lib-grade-chips{display:flex;gap:.35rem;flex-wrap:wrap}.grade-chip{padding:.3rem .75rem;border-radius:20px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.grade-chip:hover{border-color:var(--accent);color:var(--text)}.grade-chip--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface-alt));color:var(--accent)}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 540px){.story-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}}.story-card{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .12s}.story-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-2px)}.story-card__cover{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--surface)}.story-card__img{width:100%;height:100%;object-fit:cover;display:block}.story-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--surface)}.story-card__category-chip{position:absolute;top:6px;left:6px;background:#000000a6;color:#fff;font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-card__body{padding:.7rem .75rem .65rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.story-card__top-row{display:flex;align-items:flex-start;gap:.4rem}.story-card__title{flex:1;font-weight:700;font-size:.9rem;color:var(--text);text-decoration:none;line-height:1.3}.story-card__title:hover{color:var(--accent)}.story-card__star{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;flex-shrink:0;transition:color .12s,transform .1s}.story-card__star:hover{transform:scale(1.15)}.story-card__star--on{color:var(--accent)}.story-card__author{font-size:.75rem;color:var(--text-muted)}.story-card__grades{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.1rem}.grade-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);font-size:.7rem;font-weight:700;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.grade-badge--lg{font-size:.82rem;padding:.25rem .65rem}.lib-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;padding:1.5rem 0}.story-reader{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.story-reader--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;overflow-y:auto;background:var(--bg)}.reader__header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;flex-wrap:wrap}.reader__header-center{flex:1;min-width:0;display:flex;flex-direction:column}.reader__title{font-size:1.05rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.reader__author{font-size:.75rem;color:var(--text-muted)}.reader__header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.reader__levels{display:flex;gap:.25rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px}.reader__level-btn{padding:.25rem .55rem;border-radius:calc(var(--radius-md) - 2px);border:none;background:none;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .12s}.reader__level-btn:hover{color:var(--text)}.reader__level-btn--on{background:var(--accent);color:var(--bg)}.reader__font-btns{display:flex;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.reader__font-btn{padding:.28rem .55rem;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:all .12s;font-weight:700;font-family:inherit}.reader__font-btn--sm{font-size:.75rem}.reader__font-btn--md{font-size:.9rem}.reader__font-btn--lg{font-size:1.1rem}.reader__font-btn--on{background:var(--surface);color:var(--accent)}.reader__bookmark--on{color:var(--accent)}.reader-audio{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.2rem;background:var(--surface-alt);border-bottom:1px solid var(--border)}.reader-audio__play{width:36px;height:36px;border-radius:50%;background:var(--accent);border:none;color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s}.reader-audio__play:disabled{opacity:.45;cursor:not-allowed}.reader-audio__play:hover:not(:disabled){transform:scale(1.08)}.reader-audio__icon{color:var(--text-muted);flex-shrink:0}.reader-audio__seek{flex:1;accent-color:var(--accent);min-width:80px}.reader-audio__time{font-size:.78rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.reader__content{flex:1;max-width:680px;margin:0 auto;width:100%;padding:2rem 1.5rem 3rem;line-height:1.8;color:var(--text)}.reader__content--sm{font-size:.92rem}.reader__content--md{font-size:1.05rem}.reader__content--lg{font-size:1.22rem}.story-para{margin:0 0 1em}.story-h1{font-size:1.5em;font-weight:800;margin:1.4em 0 .5em;color:var(--text)}.story-h2{font-size:1.25em;font-weight:700;margin:1.2em 0 .4em;color:var(--text)}.story-h3{font-size:1.05em;font-weight:700;margin:1em 0 .35em;color:var(--text)}.story-list{margin:0 0 1em 1.5rem}.story-list li{margin-bottom:.35em}.story-img{max-width:100%;border-radius:var(--radius-md);margin:1em 0}.story-hr{border:none;border-top:1.5px solid var(--border);margin:1.5em 0}.story-code{background:var(--surface-alt);border-radius:4px;padding:.1em .3em;font-family:monospace;font-size:.9em}.reader__level-nav{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border);font-size:.85rem}.reader__level-current{font-weight:700;color:var(--text-muted)}.reader__no-content{color:var(--text-muted);font-style:italic}.reader__word-count{font-size:.78rem;color:var(--text-muted)}.reader__bottom-bar{position:sticky;bottom:0;background:var(--surface);border-top:1.5px solid var(--border);z-index:20}.reader__bottom-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;gap:.6rem}.reader__bottom-actions{display:flex;gap:.5rem;flex-wrap:wrap}.reader-loading{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:4rem 1rem;color:var(--text-muted)}.assign-student-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.assign-student-list{display:flex;flex-direction:column;gap:.35rem;max-height:260px;overflow-y:auto}.assign-student-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text);text-align:left;transition:border-color .12s;width:100%}.assign-student-item:hover{border-color:var(--accent)}.assign-student-item--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-alt))}.assign-student-item__check{color:var(--accent);margin-left:auto}.mark-student-list{display:flex;flex-direction:column;gap:.4rem;max-height:300px;overflow-y:auto}.mark-student-item{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .12s}.mark-student-item--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-alt))}.mark-student-item__tap{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .75rem;background:none;border:none;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text);text-align:left}.mark-student-item__name{flex:1}.mark-student-item__check{color:var(--accent)}.rating-picker{display:flex;align-items:center;gap:2px;padding:.35rem .75rem .4rem;border-top:1px solid var(--border)}.rating-star{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:3px;transition:transform .1s,color .1s}.rating-star:hover{transform:scale(1.2)}.rating-star--on{color:var(--accent)}.modal-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;text-align:center;color:var(--text)}.modal-success__icon{color:var(--accent)}.reading-list{display:flex;flex-direction:column;gap:.55rem}.reading-entry{display:flex;gap:.65rem;padding:.65rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start}.reading-entry__cover{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.reading-entry__cover-placeholder{width:44px;height:44px;border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.reading-entry__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.reading-entry__title-row{display:flex;align-items:center;gap:.3rem}.reading-entry__title{font-size:.87rem;font-weight:700;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-entry__title:hover{color:var(--accent)}.reading-entry__ext{color:var(--text-muted);flex-shrink:0}.reading-entry__meta{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.reading-entry__date{font-size:.74rem;color:var(--text-muted)}.reading-entry__assigned{font-size:.72rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem}.reading-entry__rating{display:flex;align-items:center;gap:2px}.reading-stars{display:inline-flex;gap:2px}.reading-star--on{color:var(--accent)}.reading-star--off{color:var(--border)}@media (max-width: 540px){.reader__content{padding:1.2rem 1rem 5rem}.reader__bottom-inner{padding:.5rem .75rem;flex-direction:column;align-items:stretch}.reader__bottom-actions{flex-direction:column}.reader__header{padding:.5rem .65rem}.reader__levels{flex-wrap:wrap}}