:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-pill:999px;--accent:#0a84ff;--accent-2:#5e5ce6;--accent-grad:linear-gradient(135deg, #0a84ff 0%, #5e5ce6 100%);--bg-0:#eef1f7;--text:#1b1c1f;--text-2:#5c5f68;--text-3:#8b8e98;--glass:#ffffff8c;--glass-strong:#ffffffb8;--glass-brd:#ffffffbf;--glass-brd-2:#ffffff59;--hairline:#14161e14;--shadow:0 10px 40px -12px #161a2d47, 0 2px 8px -2px #161a2d1f;--shadow-lg:0 30px 70px -20px #161a2d66, 0 8px 20px -8px #161a2d2e;--sheen:#ffffffe6;--blob-1:#7db9ff;--blob-2:#b79bff;--blob-3:#7ff0d4;--blob-4:#ffb4d8;--blob-5:#ffe0a3}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-0:#08090c;--text:#f4f5f7;--text-2:#a7abb6;--text-3:#71757f;--glass:#1c1e2685;--glass-strong:#22242ea8;--glass-brd:#ffffff24;--glass-brd-2:#ffffff0d;--hairline:#ffffff14;--shadow:0 14px 44px -12px #0009, 0 2px 8px -2px #00000080;--shadow-lg:0 36px 80px -22px #000000b8, 0 10px 24px -10px #0000008c;--sheen:#ffffff59;--blob-1:#1c4f8f;--blob-2:#4b3aa0;--blob-3:#1d6f5c;--blob-4:#7a2f57;--blob-5:#6b5320}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,sans-serif;overflow-x:hidden}.aurora{z-index:-2;filter:blur(90px)saturate(140%);pointer-events:none;position:fixed;inset:-20vmax}.aurora span{opacity:.85;border-radius:50%;animation:26s ease-in-out infinite drift;position:absolute}.aurora span:first-child{background:var(--blob-1);width:46vmax;height:46vmax;animation-delay:0s;top:-8vmax;left:-6vmax}.aurora span:nth-child(2){background:var(--blob-2);width:40vmax;height:40vmax;animation-delay:-6s;top:2vmax;right:-6vmax}.aurora span:nth-child(3){background:var(--blob-3);width:38vmax;height:38vmax;animation-delay:-12s;bottom:-10vmax;left:18vmax}.aurora span:nth-child(4){background:var(--blob-4);width:30vmax;height:30vmax;animation-delay:-18s;bottom:-6vmax;right:12vmax}.aurora span:nth-child(5){background:var(--blob-5);width:26vmax;height:26vmax;animation-delay:-22s;top:30vmax;left:40vmax}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(6vmax,-4vmax)scale(1.12)}66%{transform:translate(-5vmax,5vmax)scale(.94)}}.grain{z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.aurora span{animation:none}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-brd);border-radius:var(--r-lg);box-shadow:var(--shadow), inset 0 1px 0 0 var(--sheen);position:relative}.glass:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--glass-brd), var(--glass-brd-2) 40%, transparent 70%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}h1,h2,h3{letter-spacing:-.03em;font-family:SF Pro Display,-apple-system,sans-serif;font-weight:700;line-height:1.05}.display{letter-spacing:-.045em;font-size:clamp(2.2rem,6vw,4rem);font-weight:800}.subtle{color:var(--text-2)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-size:.72rem;font-weight:700}a{color:inherit;text-decoration:none}.btn{--h:46px;height:var(--h);border-radius:var(--r-pill);font:inherit;color:var(--text);cursor:pointer;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-brd);box-shadow:var(--shadow), inset 0 1px 0 0 var(--sheen);justify-content:center;align-items:center;gap:.5em;padding:0 1.25rem;font-size:.98rem;font-weight:600;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .2s,filter .2s;display:inline-flex;position:relative}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:var(--accent-grad);border:1px solid #ffffff47;overflow:hidden;box-shadow:0 12px 30px -8px #0a78ff8c,inset 0 1px #ffffff8c}.btn-primary:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff80 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after{transform:translate(120%)}.btn-lg{--h:54px;padding:0 1.7rem;font-size:1.05rem}.btn-block{width:100%;display:flex}.btn-ghost{border-color:var(--hairline);box-shadow:none;background:0 0}.field{flex-direction:column;gap:.45rem;display:flex}.field label{color:var(--text-2);padding-left:.2rem;font-size:.85rem;font-weight:600}.input,textarea.input{width:100%;height:48px;font:inherit;color:var(--text);background:var(--glass);border:1px solid var(--hairline);border-radius:var(--r-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);outline:none;padding:0 1rem;transition:border-color .2s,box-shadow .2s,background .2s}textarea.input{resize:vertical;height:auto;min-height:108px;padding:.8rem 1rem;line-height:1.5}.input::placeholder{color:var(--text-3)}.input:focus{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);background:var(--glass-strong)}.wrap{width:min(1120px,92vw);margin:0 auto}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.grow{flex:1}.center{place-items:center;display:grid}@keyframes floatIn{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}.reveal{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards floatIn}.chip{border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:.4em;height:30px;padding:0 .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip.dot:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.spin{border:2.5px solid var(--hairline);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hairline);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.nav-wrap{z-index:50;justify-content:center;padding:.9rem 0;display:flex;position:sticky;top:0}.nav{border-radius:var(--r-pill);align-items:center;gap:1rem;width:min(1120px,94vw);height:60px;padding:0 .7rem 0 1.1rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.12rem;font-weight:700;display:inline-flex}.brand.big{margin-bottom:.6rem;font-size:1.5rem}.brand-mark{background:var(--accent-grad);border-radius:9px;width:26px;height:26px;box-shadow:0 4px 14px -2px #0a78ff99,inset 0 1px #fff9}.brand.big .brand-mark{border-radius:12px;width:34px;height:34px}.nav-links{gap:.2rem;margin-left:.6rem;display:flex}.nav-link{border-radius:var(--r-pill);color:var(--text-2);padding:.5rem .9rem;font-size:.94rem;font-weight:550;transition:color .18s,background .18s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--sheen)}.nav-user{align-items:center;gap:.6rem;margin-left:auto;display:flex}.user-btn{cursor:pointer;background:0 0;border:none;padding:0}.avatar{color:#fff;background:var(--accent-grad);border-radius:50%;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;display:grid;box-shadow:0 4px 14px -3px #0a78ff99,inset 0 1px #ffffff80}.avatar.xl{border-radius:24px;width:72px;height:72px;font-size:1.5rem}.page{flex:1;padding:1.4rem 0 4rem}.foot{text-align:center;padding:2rem 0 2.4rem;font-size:.85rem}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin:1rem 0 2rem;display:flex}.hero-sub{max-width:46ch;margin-top:.6rem;font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;display:grid}.card{flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg), inset 0 1px 0 0 var(--sheen);transform:translateY(-4px)}.card-thumb{aspect-ratio:16/9;background:var(--hairline);position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card:hover .card-thumb img{transform:scale(1.05)}.card-thumb-fallback{color:var(--text-3);text-transform:capitalize;place-items:center;display:grid;position:absolute;inset:0}.provider-badge{border-radius:var(--r-pill);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;height:26px;padding:0 .6rem;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.provider-badge.youtube{background:#e82020d1}.provider-badge.vimeo{background:#17a3dcd1}.dur-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:7px;align-items:center;height:24px;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px}.play-orb{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffff38;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:56px;height:56px;margin:auto;transition:opacity .28s,transform .28s;display:grid;position:absolute;inset:0;transform:scale(.8)}.card:hover .play-orb{opacity:1;transform:scale(1)}.card-body{flex-direction:column;gap:.5rem;padding:.9rem 1rem 1.1rem;display:flex}.card-title{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.panel{padding:1.4rem 1.5rem}.page-title{letter-spacing:-.035em;font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:800}.col-title{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.desc{color:var(--text-2);white-space:pre-wrap;line-height:1.6}.embed{aspect-ratio:16/9;padding:0;position:relative;overflow:hidden}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.form-wrap{max-width:1000px;margin:0 auto}.two-col{grid-template-columns:1.05fr .95fr;align-items:start;gap:1.4rem;margin-top:1.4rem;display:grid}.preview-empty,.empty{text-align:center;place-items:center;gap:.4rem;padding:2.4rem;display:grid}.preview-empty{aspect-ratio:16/9}.empty{padding:3.5rem 2rem}.empty-orb{background:var(--accent-grad);opacity:.85;filter:blur(2px);border-radius:50%;width:60px;height:60px;margin-bottom:.4rem;box-shadow:0 10px 30px -6px #0a78ff80}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238b8e98' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.4rem}.hint{padding-left:.2rem;font-size:.82rem}.hint.ok{color:#12a150}.hint.err{color:#e5484d}.detail{max-width:1120px;margin:0 auto}.back-link{margin-bottom:1rem;font-weight:550;display:inline-block}.back-link:hover{color:var(--text)}.detail-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:1.4rem;display:grid}.feedback-col{position:sticky;top:92px}.rubric{flex-direction:column;gap:.5rem;padding:.2rem 0 .4rem;display:flex}.rubric-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.fb-item{border-radius:var(--r-md);flex-direction:column;gap:.5rem;padding:1rem 1.1rem;display:flex}.fb-body{color:var(--text);white-space:pre-wrap;line-height:1.55}.fb-tags{flex-wrap:wrap;gap:.4rem;display:flex}.stars{gap:.15rem;display:inline-flex}.star{cursor:pointer;color:var(--hairline);background:0 0;border:none;padding:2px;transition:transform .12s,color .15s}.star:not(:disabled):hover{transform:scale(1.2)}.star svg{fill:currentColor;display:block}.star.on{color:#ffb008}.auth-screen{place-items:center;min-height:100dvh;padding:2rem 1.2rem;display:grid}.auth-card{border-radius:var(--r-xl);width:min(440px,100%);padding:2.4rem 2.2rem}.auth-title{letter-spacing:-.035em;margin-top:.4rem;font-size:1.9rem;font-weight:800}.auth-sub{margin-top:.5rem;line-height:1.5}.link-btn{cursor:pointer;font:inherit;text-align:center;background:0 0;border:none;width:100%;margin-top:1.1rem;padding:.3rem;font-weight:550}.link-btn:hover{color:var(--text)}.profile-head{flex-wrap:wrap;align-items:center;gap:1.3rem;display:flex}.notice{border-radius:var(--r-md);border:1px solid var(--hairline);padding:.8rem 1rem;font-size:.9rem;line-height:1.45}.notice code{background:var(--hairline);border-radius:6px;padding:.1em .4em;font-size:.85em}.notice.err{color:#c62a2f;background:#e5484d1f;border-color:#e5484d4d}.notice.ok{color:#0e7a3d;background:#12a1501f;border-color:#12a1504d}.notice.warn{background:#f5a52424;border-color:#f5a52457}.notice.tip{background:var(--glass)}.notice.tip em{font-style:normal;font-weight:650}@media (width<=860px){.two-col,.detail-grid{grid-template-columns:1fr}.feedback-col{position:static}.nav-links{display:none}}@media (prefers-color-scheme:dark){.hint.ok{color:#3ad07f}.notice.err{color:#ff9a9d}.notice.ok{color:#4ade80}}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-bottom:1.2rem;display:grid}.stat{flex-direction:column;gap:.35rem;display:flex}.stat-value{letter-spacing:-.04em;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;line-height:1}.stat-sub{font-size:.85rem}.toolbar{grid-template-columns:1.6fr 1fr 1fr;gap:.8rem;margin-bottom:1.4rem;display:grid}.card-wrap{display:flex;position:relative}.card-wrap>.card{flex:1}.card-group-chip{z-index:1;pointer-events:none;background:var(--glass-strong);position:absolute;top:10px;right:10px}@media (width<=720px){.toolbar{grid-template-columns:1fr}}.auth-divider{background:var(--hairline);height:1px;margin:1.1rem 0 .9rem}.language-toggle{border-radius:var(--r-pill);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.language-option{--h:30px;min-width:52px;box-shadow:none;letter-spacing:.02em;border:0;padding:0 .55rem;font-size:.72rem}.language-option.active{color:#fff;background:var(--accent-grad);box-shadow:inset 0 1px #ffffff73,0 4px 12px -6px #0a78ffcc}.language-toggle-fixed{z-index:100;position:fixed;top:1rem;right:1rem}@media (width<=520px){.nav{gap:.4rem}.nav-user{gap:.35rem}.nav-user>.chip{display:none}.language-option{min-width:48px;padding:0 .4rem}}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:.55rem;width:min(430px,100vw - 2rem);display:flex;position:fixed;bottom:1.3rem;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-md);background:var(--glass-strong);pointer-events:auto;align-items:center;gap:.65rem;padding:.7rem .6rem .7rem 1rem;animation:.35s cubic-bezier(.2,.8,.2,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.toast-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;flex-shrink:0}.toast-success .toast-dot{background:#12a150;box-shadow:0 0 8px #12a15099}.toast-error .toast-dot{background:#e5484d;box-shadow:0 0 8px #e5484d99}.toast-msg{flex:1;font-size:.92rem;font-weight:550;line-height:1.4}.toast-close{cursor:pointer;width:28px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:50%;place-items:center;transition:color .15s,background .15s;display:grid}.toast-close:hover{color:var(--text);background:var(--hairline)}.skeleton{background:var(--hairline);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sheen) 45%, transparent), transparent);animation:1.6s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-thumb{aspect-ratio:16/9;border-radius:0;width:100%}.skeleton-line{height:.8rem}.fb-item.is-resolved{border-color:#12a15052}.chip.chip-resolved{color:#0e7a3d;background:#12a15021;border-color:#12a15052;gap:.3em;height:24px;padding:0 .6rem}.fb-head-left{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.fb-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.15rem;display:flex}.fb-actions .link-btn{text-align:left;width:auto;margin-top:0;padding:.15rem 0;font-size:.82rem}.fb-replies{border-left:2px solid var(--hairline);flex-direction:column;gap:.65rem;margin-top:.45rem;padding-left:.9rem;display:flex}.fb-reply{flex-direction:column;gap:.25rem;display:flex}.fb-reply .fb-body{font-size:.92rem}.fb-reply-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.fb-reply-head strong{font-size:.88rem}.fb-reply-head .link-btn{width:auto;margin-top:0;padding:0;font-size:.78rem}.reply-form{flex-direction:column;gap:.5rem;margin-top:.35rem;display:flex}textarea.input.reply-input{min-height:64px;padding:.6rem .8rem;font-size:.92rem}.reply-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn-sm{--h:34px;padding:0 .9rem;font-size:.83rem}.empty-sm{border-radius:var(--r-md);padding:2.1rem 1.4rem}.empty-sm .empty-orb{width:42px;height:42px}.empty-sm h3{font-size:1.05rem}.empty-sm p{font-size:.9rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.btn:focus-visible,.chip:focus-visible,.user-btn:focus-visible,.nav-link:focus-visible,.language-option:focus-visible{border-radius:var(--r-pill)}.input:focus-visible,textarea.input:focus-visible{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.toast-close:focus-visible{border-radius:50%}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}.toast,.skeleton:after{animation:none}.btn,.btn-primary:after,.card,.card-thumb img,.star,.play-orb{transition:none}}@media (prefers-color-scheme:dark){.chip.chip-resolved{color:#4ade80}}.teacher-nav{border-radius:var(--r-pill);flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.teacher-tab{border-radius:var(--r-pill);height:36px;color:var(--text-2);align-items:center;padding:0 1.05rem;font-size:.9rem;font-weight:600;transition:color .18s,background .18s;display:inline-flex}.teacher-tab:hover{color:var(--text)}.teacher-tab.active{color:#fff;background:var(--accent-grad);box-shadow:inset 0 1px #ffffff73,0 4px 12px -6px #0a78ffcc}.teacher-tab:focus-visible{border-radius:var(--r-pill)}.toolbar-teacher{grid-template-columns:1.6fr 1fr 1fr auto}.export-btn{--h:48px;border-radius:var(--r-md);white-space:nowrap;font-size:.92rem}@media (width<=720px){.toolbar-teacher{grid-template-columns:1fr}}.code-form{grid-template-columns:1fr 1fr;gap:.95rem .9rem;margin-top:1.1rem;display:grid}.code-form .field-full{grid-column:1/-1}.code-input-row{gap:.55rem;display:flex}.code-input-row .input{flex:1;min-width:0}.btn-input{--h:48px;border-radius:var(--r-md);flex-shrink:0}.code-form-actions{grid-column:1/-1;justify-content:flex-end;margin-top:.1rem;display:flex}@media (width<=720px){.code-form{grid-template-columns:1fr}}.codes-table-wrap{overflow-x:auto}.codes-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.92rem}.codes-table th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);border-bottom:1px solid var(--hairline);white-space:nowrap;padding:.45rem .8rem .6rem;font-size:.7rem;font-weight:700}.codes-table td{border-bottom:1px solid var(--hairline);vertical-align:middle;padding:.7rem .8rem}.codes-table tbody tr:last-child td{border-bottom:0}.code-value{letter-spacing:.02em;white-space:nowrap;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:650}.code-note{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:24ch;display:inline-block;overflow:hidden}.code-actions{white-space:nowrap;align-items:center;gap:.85rem;display:flex}.code-actions .link-btn{width:auto;margin-top:0;padding:.1rem 0;font-size:.84rem}.code-actions .link-btn:disabled{opacity:.5;cursor:not-allowed}.chip.chip-status{white-space:nowrap;height:24px;padding:0 .6rem;font-size:.72rem}.chip-status.is-active{color:#0e7a3d;background:#12a15021;border-color:#12a15052}.chip-status.is-inactive{color:var(--text-3)}.chip-status.is-expired{color:#9a6700;background:#f5a52426;border-color:#f5a5245c}.chip-status.is-full{color:#c62a2f;background:#e5484d1f;border-color:#e5484d4d}@media (prefers-color-scheme:dark){.chip-status.is-active{color:#4ade80}.chip-status.is-expired{color:#fbbf24}.chip-status.is-full{color:#ff9a9d}}.user-menu{position:relative}.menu{border-radius:var(--r-md);z-index:60;flex-direction:column;gap:2px;min-width:220px;padding:.5rem;animation:.22s cubic-bezier(.2,.8,.2,1) floatIn;display:flex;position:absolute;top:calc(100% + 10px);right:0}.menu-head{border-bottom:1px solid var(--hairline);flex-direction:column;gap:2px;margin-bottom:4px;padding:.55rem .75rem .65rem;display:flex}.menu-head strong{letter-spacing:-.01em;font-size:.95rem}.menu-mail{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.8rem;overflow:hidden}.menu-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);background:0 0;border:none;border-radius:10px;padding:.55rem .75rem;font-weight:550;transition:background .15s;display:block}.menu-item:hover{background:var(--glass-strong)}.account-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.2rem;display:grid}.account-title{letter-spacing:-.02em;font-size:1.02rem;font-weight:700}.account-hint{margin-top:-.3rem;font-size:.85rem;line-height:1.45}@media (width<=860px){.account-grid{grid-template-columns:1fr}}.teacher-nav{flex-wrap:wrap}.assignment-list{flex-direction:column;margin-top:.6rem;display:flex}.assignment-item{border-bottom:1px solid var(--hairline);flex-direction:column;gap:.7rem;padding:1rem .2rem;display:flex}.assignment-item:last-child{border-bottom:0;padding-bottom:.3rem}.assignment-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.assignment-info{flex-direction:column;gap:.45rem;min-width:0;display:flex}.assignment-title{letter-spacing:-.015em;font-size:1.02rem;font-weight:700}.assignment-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.assignment-chips .chip{white-space:nowrap;height:24px;font-size:.72rem}.assignment-desc{white-space:pre-wrap;max-width:64ch;font-size:.9rem;line-height:1.5}.assignment-actions{white-space:nowrap;align-items:center;gap:.85rem;display:flex}.assignment-actions .link-btn{width:auto;margin-top:0;padding:.1rem 0;font-size:.84rem}.assignment-actions .link-btn:disabled{opacity:.5;cursor:not-allowed}.assignment-detail{border-radius:var(--r-md);background:var(--glass);border:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:1rem;padding:.9rem 1rem;display:grid}.assignment-sub-title{text-transform:uppercase;letter-spacing:.11em;color:var(--text-3);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.assignment-sub-list{flex-direction:column;gap:.32rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.assignment-sub-list a{font-weight:550}.assignment-sub-list a:hover{color:var(--accent)}.assignment-sub-empty{font-size:.88rem}@media (width<=640px){.assignment-detail{grid-template-columns:1fr}}.chip.chip-assignment{max-width:100%;height:24px;font-size:.72rem}.chip.chip-assignment.is-late{color:#9a6700;background:#f5a52426;border-color:#f5a5245c}@media (prefers-color-scheme:dark){.chip.chip-assignment.is-late{color:#fbbf24}}.review-blocks{grid-template-columns:1fr 1fr;align-items:start;gap:1.3rem;display:grid}@media (width<=860px){.review-blocks{grid-template-columns:1fr}}.review-form{flex-direction:column;gap:.95rem;margin-top:1.05rem;display:flex}.review-form-actions{justify-content:flex-end;margin-top:.1rem;display:flex}.chip-status.is-open{color:#0866c4;background:#0a84ff1f;border-color:#0a84ff4d}.chip-status.is-done{color:#0e7a3d;background:#12a15021;border-color:#12a15052}@media (prefers-color-scheme:dark){.chip-status.is-open{color:#7cc0ff}.chip-status.is-done{color:#4ade80}}.codes-table.participation-table{min-width:520px}.review-task-list{flex-direction:column;margin-top:.4rem;display:flex}.review-task{border-bottom:1px solid var(--hairline);border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .5rem;transition:background .15s;display:flex}.review-task:last-child{border-bottom:0}.review-task:hover{background:var(--glass-strong)}.review-task-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.review-task-owner{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;overflow:hidden}.review-task .chip-status{flex-shrink:0;margin-left:auto}.admin-group-list{flex-direction:column;gap:.7rem;margin-top:1.1rem;display:flex}.admin-group{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--glass);padding:.85rem 1rem}.admin-members{border-top:1px solid var(--hairline);margin-top:.8rem;padding-top:.8rem}.admin-member-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.admin-member-list li{padding:.2rem 0}.admin-group-edit .input{min-width:160px}.ts-link{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--r-pill);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);font:inherit;cursor:pointer;vertical-align:baseline;align-items:center;gap:.28em;margin:0 .08em;padding:.05em .55em;font-size:.88em;font-weight:650;transition:background .15s,transform .12s;display:inline-flex}.ts-link:hover{background:color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-1px)}.ts-link:active{transform:none}.ts-insert{text-align:left;align-items:center;gap:.4em;width:auto;margin:0;padding:.15rem .2rem;font-size:.85rem;display:inline-flex}.ts-insert:hover{color:var(--accent)}.vote-btn{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--glass);height:28px;color:var(--text-2);font:inherit;cursor:pointer;align-items:center;gap:.4em;padding:0 .7rem;font-size:.82rem;font-weight:650;transition:color .15s,border-color .15s,background .15s,transform .12s;display:inline-flex}.vote-btn:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-1px)}.vote-btn.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.vote-btn:disabled{cursor:default;opacity:.7}.admin-group.is-archived{opacity:.6}.admin-group.is-archived strong{text-decoration:line-through;text-decoration-thickness:1px}.foot-link{font-weight:550}.foot-link:hover{color:var(--text)}.privacy-screen{min-height:100dvh;padding:3.5rem 0 4rem}.privacy-wrap{max-width:760px}.privacy-card{margin-top:.8rem}.privacy-section{margin-top:1.6rem}.privacy-section h2{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.1rem}.privacy-section p{color:var(--text-2);margin-top:.5rem;line-height:1.65}.qr-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d128c;place-items:center;padding:1.2rem;animation:.25s cubic-bezier(.2,.8,.2,1) floatIn;display:grid;position:fixed;inset:0}.qr-modal{border-radius:var(--r-xl);text-align:center;width:min(560px,100%);max-height:92dvh;padding:1.6rem;overflow:auto}.qr-modal:fullscreen{border-radius:0;place-content:center;width:100%;max-height:none;display:grid}.qr-title{letter-spacing:-.03em;font-size:clamp(1.4rem,3vw,2rem)}.qr-sub{margin-top:.35rem}.qr-code{border-radius:var(--r-md);width:fit-content;box-shadow:var(--shadow);background:#fff;margin:1.2rem auto 0;padding:1rem}.qr-code svg{width:360px;max-width:min(360px,62vw);height:auto;display:block}.qr-url{color:var(--text-3);word-break:break-all;margin-top:.8rem;font-size:.8rem}.qr-live{justify-content:center;align-items:baseline;gap:.5rem;margin-top:1rem;display:flex}.qr-live-count{letter-spacing:-.04em;color:var(--accent);font-size:2.4rem;font-weight:800}.qr-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.3rem;display:flex}.qr-actions .btn{--h:40px;font-size:.9rem}.qr-actions .input{height:40px}@media print{body *{visibility:hidden!important}.qr-print-root,.qr-print-root *{visibility:visible!important}.qr-print-root{width:100%;position:absolute;inset:0 auto auto 0;box-shadow:none!important;color:#000!important;background:#fff!important;border:0!important}.qr-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.no-print,.aurora,.grain{display:none!important}}.attendance-cols{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.attendance-head{letter-spacing:-.01em;margin-bottom:.5rem;font-size:.92rem;font-weight:700}.attendance-src{font-size:.78rem;display:block}@media (width<=720px){.attendance-cols{grid-template-columns:1fr}}.checkin-wrap{place-items:center;padding:1rem 0 3rem;display:grid}.checkin-card{text-align:center;width:min(460px,100%)}.checkin-card.is-done{border-color:#12a15073}.checkin-title{margin-top:.3rem;font-size:clamp(1.5rem,4vw,2.1rem)}.checkin-meta{justify-content:center;margin-top:.6rem}.checkin-mark{color:#fff;background:linear-gradient(135deg,#12a150,#0e7a3d);border-radius:50%;place-items:center;width:66px;height:66px;margin:1.3rem auto .2rem;animation:.45s cubic-bezier(.2,.8,.2,1) floatIn;display:grid;box-shadow:0 12px 30px -10px #12a150b3}.checkin-message{color:var(--text-2);margin:1rem 0 1.2rem;line-height:1.55}.matrix-hint{margin-top:.7rem;font-size:.85rem}.matrix-wrap{border:1px solid var(--hairline);border-radius:var(--r-md);margin-top:.8rem;overflow-x:auto}.matrix{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:.88rem}.matrix th,.matrix td{border-bottom:1px solid var(--hairline);text-align:center;padding:.5rem .55rem}.matrix tbody tr:last-child th,.matrix tbody tr:last-child td{border-bottom:0}.matrix thead th{z-index:2;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-2);border-bottom:1px solid var(--hairline);font-size:.78rem;font-weight:650;position:sticky;top:0}.matrix-sticky{z-index:3;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--hairline);font-weight:600;position:sticky;left:0;text-align:left!important}.matrix thead .matrix-sticky{z-index:4}.matrix-name-col{min-width:190px;max-width:240px}.matrix-col{min-width:74px;max-width:74px}.matrix-col-date{color:var(--text);font-weight:700;display:block}.matrix-col-title{text-overflow:ellipsis;white-space:nowrap;max-width:70px;margin-top:2px;font-size:.7rem;font-weight:500;display:block;overflow:hidden}.matrix-total{white-space:nowrap;min-width:84px}.matrix-cell-wrap{padding:.3rem!important}.matrix-cell{border:1px solid var(--hairline);width:30px;height:30px;font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border-radius:9px;font-size:.95rem;font-weight:700;line-height:1;transition:transform .12s,background .15s,color .15s,border-color .15s}.matrix-cell:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1.12)}.matrix-cell.is-present{color:#0e7a3d;background:#12a1502e;border-color:#12a15073}.matrix-cell.is-excused{color:#9a6700;background:#f5a5242e;border-color:#f5a52473}.matrix-na{color:var(--text-3);opacity:.5}@media (prefers-color-scheme:dark){.matrix-cell.is-present{color:#4ade80}.matrix-cell.is-excused{color:#fbbf24}}