@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_305e981a-module__uAY_kW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_305e981a-module__uAY_kW__variable{--font-display:"Outfit", "Outfit Fallback"}
.classroom-root{--cr-theme:#0b6bb5;--cr-theme-hover:#095a9a;--cr-theme-light:#1a7fc4;--cr-theme-dim:#0b6bb51a;--cr-bg:#f3f6f9;--cr-surface:#fff;--cr-surface-alt:#eef2f6;--cr-text:#14202e;--cr-muted:#5c6b7a;--cr-green:#1a9a48;--cr-green-dim:#1a9a481a;--cr-blue:#0b6bb5;--cr-blue-dim:#0b6bb51a;--cr-orange:#c47a12;--cr-orange-dim:#c47a121f;--cr-danger:#b83a38;--cr-danger-dim:#b83a381a;--cr-border:#14202e24;--cr-border-light:#14202e14;--cr-radius:16px;--cr-radius-sm:12px;--cr-radius-xs:8px;--cr-font:var(--font-zen), "Noto Sans TC", "Zen Kaku Gothic New", sans-serif;--cr-display:var(--font-display), var(--font-zen), sans-serif;--cr-mono:"SF Mono", ui-monospace, monospace;--cr-ease:cubic-bezier(.16, 1, .3, 1);--cr-shadow:0 18px 40px -28px #14202e47;background:var(--cr-bg);min-height:100dvh;color:var(--cr-text);font-family:var(--cr-font);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.6;position:relative}.classroom-root *{box-sizing:border-box}.cr-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.cr-ambient-accent{background:radial-gradient(circle,#0b6bb517 0%,#0000 70%);width:520px;height:520px;position:absolute;top:-220px;right:-120px}.cr-ambient-grain{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.classroom-container{z-index:1;max-width:1080px;margin:0 auto;padding:36px 24px 88px;position:relative}@keyframes cr-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cr-animate-in{animation:cr-rise .65s var(--cr-ease) both;animation-delay:var(--delay,0s)}.classroom-header{max-width:640px;margin-bottom:40px}.classroom-header--split{border-bottom:1px solid var(--cr-border-light);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:28px 40px;max-width:none;padding-bottom:28px;display:grid}.classroom-header--split .classroom-header-main{max-width:36rem}.classroom-header-rail{border-left:2px solid var(--cr-theme);padding-left:24px}.classroom-header-rail p{color:var(--cr-muted);margin:0;font-size:.9375rem;line-height:1.55}.classroom-header-rail strong{font-family:var(--cr-display);letter-spacing:-.02em;color:var(--cr-text);margin-bottom:6px;font-size:1.125rem;font-weight:600;display:block}.classroom-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cr-theme);align-items:center;gap:8px;margin-bottom:14px;font-size:.75rem;font-weight:700;display:inline-flex}.classroom-eyebrow:before{content:"";background:var(--cr-theme);width:18px;height:2px}.classroom-header h1{font-family:var(--cr-display);letter-spacing:-.03em;color:var(--cr-text);margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);font-weight:650;line-height:1.1}.classroom-header p{color:var(--cr-muted);margin:0;font-size:1.0625rem;line-height:1.65}.cr-teacher-nav{border:none;border-bottom:1px solid var(--cr-border-light);box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin:0 0 32px;padding:0 0 18px;display:flex}.cr-teacher-nav-brand{font-family:var(--cr-display);letter-spacing:-.02em;color:var(--cr-text);transition:color .25s var(--cr-ease);font-size:1.125rem;font-weight:650;text-decoration:none}.cr-teacher-nav-brand:hover{color:var(--cr-theme)}.cr-teacher-nav-actions{align-items:center;gap:12px;display:flex}.cr-teacher-nav-link{font-size:.9375rem}.cr-btn-sm{padding:10px 16px;font-size:.875rem}.cr-card{background:var(--cr-surface);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius);box-shadow:none;margin-bottom:16px;padding:28px}.cr-card-highlight{background:linear-gradient(165deg,#fff 0%,#f5f9fc 100%);border-color:#0b6bb538}.cr-card-title{letter-spacing:.12em;text-transform:uppercase;color:var(--cr-muted);margin:0 0 14px;font-size:.75rem;font-weight:700}.cr-card-desc{color:var(--cr-muted);margin:0 0 22px;font-size:1.0625rem;line-height:1.65}.cr-btn{cursor:pointer;min-height:48px;transition:background .25s var(--cr-ease), border-color .25s var(--cr-ease), color .25s var(--cr-ease), transform .2s var(--cr-ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.cr-btn:active:not(:disabled){transform:scale(.98)}.cr-btn:disabled{opacity:.45;cursor:not-allowed}.cr-btn-primary{background:var(--cr-text);color:#f4f7fa}.cr-btn-primary:hover:not(:disabled){background:var(--cr-theme)}.cr-btn-secondary{background:var(--cr-surface);border-color:var(--cr-border);color:var(--cr-text)}.cr-btn-secondary:hover:not(:disabled){background:var(--cr-theme-dim);border-color:#0b6bb547}.cr-btn-success{background:var(--cr-blue-dim);color:var(--cr-theme);border-color:#0b6bb54d}.cr-btn-success:hover:not(:disabled){background:#0b6bb529}.cr-btn-danger{background:var(--cr-danger-dim);color:var(--cr-danger);border-color:#b83a3847}.cr-btn-ghost{border-color:var(--cr-border);color:var(--cr-muted);background:0 0}.cr-btn-ghost:hover:not(:disabled){color:var(--cr-text);border-color:var(--cr-muted)}.cr-btn-block{width:100%}.cr-label{color:var(--cr-text);margin-bottom:8px;font-size:.9375rem;font-weight:650;display:block}.cr-input,.cr-textarea{border:1px solid var(--cr-border);border-radius:var(--cr-radius-sm);background:var(--cr-surface);width:100%;color:var(--cr-text);transition:border-color .25s var(--cr-ease), box-shadow .25s var(--cr-ease);padding:14px 16px;font-family:inherit;font-size:1.0625rem}.cr-input-code{font-family:var(--cr-mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;font-size:1.5rem;font-weight:700}.cr-input:focus,.cr-textarea:focus{border-color:var(--cr-theme);box-shadow:0 0 0 4px var(--cr-theme-dim);outline:none}.cr-textarea{resize:vertical;min-height:110px;line-height:1.6}.cr-field{margin-bottom:18px}.cr-badge{border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:5px 12px;font-size:.8125rem;font-weight:700;display:inline-flex}.cr-badge-waiting{background:var(--cr-orange-dim);color:#9a620e;border-color:#c47a1238}.cr-badge-open{background:var(--cr-blue-dim);color:var(--cr-theme);border-color:#0b6bb547}.cr-badge-closed{background:var(--cr-surface-alt);border-color:var(--cr-border-light);color:var(--cr-muted)}.cr-badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.cr-badge-open .cr-badge-dot{animation:2s ease-in-out infinite cr-pulse}@keyframes cr-pulse{0%,to{opacity:1}50%{opacity:.4}}.cr-room-code{background:var(--cr-blue-dim);border-radius:var(--cr-radius-sm);border:1px dashed #0b6bb559;flex-direction:column;align-items:center;gap:6px;margin:12px 0 20px;padding:24px;display:flex}.cr-room-code-label{letter-spacing:.12em;text-transform:uppercase;color:var(--cr-muted);font-size:.75rem;font-weight:700}.cr-room-code span:last-child{font-family:var(--cr-mono);letter-spacing:.28em;color:var(--cr-theme);text-indent:.28em;font-size:clamp(2.25rem,8vw,3rem);font-weight:700}.cr-options-list{flex-direction:column;gap:10px;display:flex}.cr-option-row{align-items:center;gap:10px;display:flex}.cr-option-row .cr-input{flex:1}.cr-option-index{font-family:var(--cr-mono);color:var(--cr-theme);text-align:center;flex-shrink:0;width:24px;font-size:.75rem;font-weight:700}.cr-icon-btn{border:1px solid var(--cr-border);border-radius:var(--cr-radius-xs);background:var(--cr-surface);width:38px;height:38px;color:var(--cr-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,color .2s;display:flex}.cr-icon-btn:hover{background:var(--cr-danger-dim);color:var(--cr-danger);border-color:#c43c3a4d}.cr-prev-questions{margin-bottom:18px}.cr-prev-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cr-prev-item{border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-sm);background:var(--cr-surface-alt);overflow:hidden}.cr-prev-item.is-open{background:#f7fafc;border-color:#0064b440}.cr-prev-row{align-items:stretch;gap:0;display:flex}.cr-prev-trigger{cursor:pointer;text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.cr-prev-delete{color:var(--cr-danger);flex-shrink:0;align-self:center;margin-right:8px;padding:6px 10px;font-size:.8125rem}.cr-prev-delete:hover:not(:disabled){background:var(--cr-danger-dim);border-color:#c43c3a40}.cr-prev-index{letter-spacing:.04em;color:var(--cr-theme);white-space:nowrap;font-size:.75rem;font-weight:700}.cr-prev-preview{color:var(--cr-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9375rem;overflow:hidden}.cr-prev-meta{color:var(--cr-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.cr-prev-chevron{text-align:center;width:1.25rem;color:var(--cr-theme);font-weight:700}.cr-prev-body{border-top:1px solid var(--cr-border-light);padding:0 14px 14px}.cr-prev-question{color:var(--cr-text);white-space:pre-wrap;word-break:break-word;margin:12px 0 10px;font-size:1.0625rem;font-weight:600;line-height:1.5}.cr-prev-options,.cr-prev-answers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cr-prev-options li,.cr-prev-answers li{background:var(--cr-surface);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-xs);justify-content:space-between;gap:12px;padding:8px 10px;font-size:.9375rem;display:flex}.cr-prev-answers li{flex-direction:column;align-items:flex-start}.cr-prev-answers strong{color:var(--cr-theme);font-size:.8125rem}.cr-prev-empty{color:var(--cr-muted);margin:0;font-size:.9375rem}.cr-prev-load{margin-top:12px}.cr-prev-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cr-prev-item.is-active{background:var(--cr-blue-dim);border-color:#0064b466}.cr-composer-collapsed{margin-top:8px}.cr-composer-collapsed .cr-btn{padding:10px 16px;font-size:.9375rem}.cr-composer-panel{border-radius:var(--cr-radius-sm);background:var(--cr-blue-dim);border:1px solid #0064b433;margin-top:8px;padding:16px}.cr-composer-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cr-batch-import{border-radius:var(--cr-radius-sm);background:var(--cr-blue-dim);border:1px solid #0064b433;margin-top:8px;padding:16px}.cr-batch-hint{color:var(--cr-muted);margin:0 0 14px;font-size:.875rem;line-height:1.5}.cr-batch-textarea{width:100%;min-height:180px;font-family:var(--cr-mono);resize:vertical;margin-bottom:12px;font-size:.875rem;line-height:1.5}.cr-batch-preview{border-radius:var(--cr-radius-xs);background:var(--cr-surface);border:1px solid var(--cr-border-light);margin:0 0 12px;padding:12px 14px}.cr-batch-preview-title{color:var(--cr-text);margin:0 0 8px;font-size:.875rem;font-weight:700}.cr-batch-preview-list{flex-direction:column;gap:6px;margin:0;padding-left:1.25rem;display:flex}.cr-batch-preview-list li{color:var(--cr-text);font-size:.875rem;line-height:1.4}.cr-batch-preview-type{background:var(--cr-theme-dim);color:var(--cr-theme);border-radius:4px;margin-right:8px;padding:1px 6px;font-size:.75rem;font-weight:700;display:inline-block}.cr-batch-preview-more{color:var(--cr-muted);margin-left:-1.25rem;list-style:none}.cr-batch-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.cr-batch-done{color:var(--cr-green);margin:0 0 10px;font-size:.875rem}.cr-stats-panel{padding-top:4px}.cr-stats-hero{text-align:center;margin-bottom:28px}.cr-stats-number{letter-spacing:-.04em;color:var(--cr-theme);font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,12vw,5rem);font-weight:700;line-height:1;transition:color .3s;display:block}.cr-stats-number-pulse{color:var(--cr-theme-light)}.cr-stats-caption{color:var(--cr-muted);margin-top:10px;font-size:1.0625rem;display:block}.cr-stats-grid{flex-direction:column;gap:14px;display:flex}.cr-stat-row{animation:cr-rise .45s var(--cr-ease) both;animation-delay:var(--stagger,0s);grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:6px 12px;display:grid}.cr-stat-meta{grid-column:1/-1;justify-content:space-between;align-items:baseline;display:flex}.cr-stat-label{font-size:1.0625rem;font-weight:700}.cr-stat-share{font-family:var(--cr-mono);color:var(--cr-muted);font-size:.875rem}.cr-stat-track{background:var(--cr-border-light);border-radius:999px;grid-column:1;height:12px;overflow:hidden}.cr-stat-fill{background:linear-gradient(90deg, var(--cr-theme), var(--cr-theme-light));height:100%;transition:width .6s var(--cr-ease);border-radius:999px}.cr-stat-count{font-family:var(--cr-mono);color:var(--cr-muted);grid-area:2/2;align-self:center;font-size:1rem;font-weight:700}.cr-empty-state{text-align:center;color:var(--cr-muted);padding:36px 20px}.cr-empty-ring{border:2px solid var(--cr-border);border-top-color:var(--cr-theme);border-radius:50%;width:44px;height:44px;margin:0 auto 14px;animation:1.2s linear infinite cr-spin;display:block}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-empty-state p{margin:0;font-size:1.0625rem}.cr-choice-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.cr-choice-btn{border-radius:var(--cr-radius-sm);cursor:pointer;text-align:center;min-height:96px;transition:background .2s, border-color .2s, transform .15s var(--cr-ease), box-shadow .2s;background:#0064b414;border:2px solid #0064b433;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 16px;font-family:inherit;display:flex}.cr-choice-btn:hover:not(:disabled):not(.selected){background:#0064b424;border-color:#0064b459;transform:translateY(-1px)}.cr-choice-btn.selected{background:var(--cr-theme);border-color:var(--cr-theme);box-shadow:0 6px 18px #0064b44d}.cr-choice-btn.selected:hover:not(:disabled){background:var(--cr-theme-hover);transform:translateY(-2px)}.cr-choice-btn:disabled:not(.selected){opacity:.65;cursor:not-allowed;transform:none}.cr-choice-btn:disabled.selected{opacity:1;cursor:default}.cr-choice-letter{font-family:var(--cr-mono);color:#0064b48c;letter-spacing:.08em;font-size:.8125rem;font-weight:700;transition:color .2s;display:block}.cr-choice-text{color:var(--cr-theme);opacity:.55;word-break:break-word;font-size:1.125rem;font-weight:700;line-height:1.35;transition:color .2s,opacity .2s;display:block}.cr-choice-btn.selected .cr-choice-letter{color:#ffffffe6}.cr-choice-btn.selected .cr-choice-text{color:#fff;opacity:1}.cr-answer-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.cr-answer-item{background:var(--cr-surface-alt);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-sm);animation:cr-rise .4s var(--cr-ease) both;animation-delay:var(--stagger,0s);padding:16px 18px}.cr-answer-name{letter-spacing:.06em;text-transform:uppercase;color:var(--cr-theme);margin-bottom:6px;font-size:.875rem;font-weight:700}.cr-answer-text{margin:0;font-size:1.0625rem;line-height:1.6}.cr-toolbar{border-top:1px solid var(--cr-border-light);flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:20px;display:flex}.cr-student-entry,.cr-login-card,.cr-teacher-home{max-width:440px}.cr-teacher-home-header{max-width:720px;margin-bottom:20px}.cr-teacher-home-header .classroom-eyebrow{margin-bottom:4px}.cr-teacher-home-header h1{margin:0;font-size:clamp(1.5rem,3.5vw,1.875rem);line-height:1.25}.cr-teacher-home-compact{max-width:720px;margin-bottom:0}.cr-create-inline{background:var(--cr-surface);border-radius:var(--cr-radius-sm);box-shadow:var(--cr-shadow);background-image:linear-gradient(160deg,#fff 0%,#f5f9fd 100%);border:1px solid #0064b440;padding:14px 16px}.cr-create-inline .cr-label{margin-bottom:8px}.cr-create-inline-row{align-items:center;gap:10px;display:flex}.cr-create-inline-row .cr-input{flex:1;min-width:0}.cr-create-inline-btn{white-space:nowrap;flex-shrink:0;padding:12px 20px;font-size:.9375rem}.cr-my-rooms{max-width:720px;margin:28px auto 0}.cr-my-rooms-compact{margin-top:18px}.cr-my-rooms-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:10px;display:flex}.cr-my-rooms-title{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.cr-my-rooms-desc{color:var(--cr-muted);margin:0;font-size:.9375rem}.cr-my-room-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cr-my-room-item{border:none;border-bottom:1px solid var(--cr-border-light);box-shadow:none;color:inherit;transition:background .25s var(--cr-ease);background:0 0;border-radius:0;align-items:center;gap:12px;padding:14px 8px 14px 4px;display:flex}.cr-my-room-item:hover{border-color:var(--cr-border-light);background:var(--cr-theme-dim);box-shadow:none}.cr-my-room-item.cr-badge-closed{opacity:.78}.cr-my-room-link{min-width:0;color:inherit;border-radius:var(--cr-radius-xs);flex:1;justify-content:space-between;align-items:center;gap:16px;padding:4px 10px;text-decoration:none;display:flex}.cr-my-room-link:hover .cr-my-room-title{color:var(--cr-theme)}.cr-my-room-main{flex:1;min-width:0}.cr-my-room-title{margin-bottom:4px;font-size:1.125rem;font-weight:700;line-height:1.3;transition:color .15s;display:block}.cr-my-room-code{font-family:var(--cr-mono);letter-spacing:.06em;color:var(--cr-muted);font-size:.8125rem;display:block}.cr-my-room-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.cr-my-room-meta{color:var(--cr-muted);text-align:right;max-width:240px;font-size:.8125rem}.cr-my-room-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cr-my-room-delete{border:1px solid var(--cr-border);background:var(--cr-surface);width:36px;height:36px;color:var(--cr-danger);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.cr-my-room-delete:hover:not(:disabled){background:var(--cr-danger-dim);border-color:#c43c3a4d}.cr-my-room-delete:disabled{opacity:.5;cursor:not-allowed}.cr-teacher-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.cr-teacher-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:24px}.cr-page-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cr-page-top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cr-btn-end-room{white-space:nowrap;padding:6px 14px;font-size:.875rem}.cr-page-title{font-family:var(--cr-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.625rem,4.5vw,2.25rem);font-weight:650;line-height:1.2}.cr-page-heading{flex:1;min-width:0}.cr-page-title-row{align-items:center;gap:8px;min-width:0;display:flex}.cr-title-edit-btn{border:1px solid var(--cr-border);background:var(--cr-surface);width:34px;height:34px;color:var(--cr-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.cr-title-edit-btn:hover{color:var(--cr-theme);background:var(--cr-blue-dim);border-color:#0064b459}.cr-title-edit{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}.cr-title-edit-input{flex:1;min-width:180px;max-width:420px;font-size:1.125rem;font-weight:700}.cr-page-sub{color:var(--cr-muted);font-size:.9375rem;font-family:var(--cr-mono);letter-spacing:.06em;margin:8px 0 0}.cr-student-hero{text-align:left;border-bottom:1px solid var(--cr-border-light);margin-bottom:8px;padding-bottom:20px}.cr-student-hero .cr-page-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--cr-theme);margin:0 0 8px;font-size:.75rem;font-weight:700}.cr-student-split{flex-direction:column;gap:20px;display:flex}.cr-student-split-materials{min-width:0}.cr-student-split-main{flex-direction:column;gap:16px;min-width:0;display:flex}.cr-student-name-tag{color:var(--cr-theme);margin:0 0 12px;font-size:1.0625rem;font-weight:600}.cr-question-display{margin:0;font-size:1.3125rem;font-weight:500;line-height:1.65}.cr-toast{border-radius:var(--cr-radius-sm);border:1px solid #0000;margin-bottom:16px;padding:16px 20px;font-size:1.0625rem;line-height:1.5}.cr-toast-error{background:var(--cr-danger-dim);color:var(--cr-danger);border-color:#c43c3a40}.cr-toast-success,.cr-toast-info{background:var(--cr-blue-dim);color:var(--cr-theme);border-color:#0064b440}.cr-error-panel{flex-direction:column;gap:20px;max-width:440px;margin:48px auto 0;display:flex}.cr-error-panel .cr-toast{margin-bottom:0}.cr-type-toggle{background:var(--cr-surface-alt);border:1px solid var(--cr-border);border-radius:var(--cr-radius-sm);gap:4px;margin-bottom:18px;padding:4px;display:flex}.cr-type-toggle button{border-radius:var(--cr-radius-xs);cursor:pointer;color:var(--cr-muted);background:0 0;border:none;flex:1;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:500;transition:background .2s,color .2s}.cr-type-toggle button.active{background:var(--cr-surface);color:var(--cr-text);font-weight:700;box-shadow:0 1px 4px #0000000f}.cr-link{color:var(--cr-theme);font-size:1rem;font-weight:600;text-decoration:none}.cr-link:hover{text-decoration:underline}.cr-data-links{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.cr-module-links{border-top:1px solid var(--cr-border-light);grid-template-columns:1fr;gap:0;margin-top:36px;display:grid}.cr-module-link{border-bottom:1px solid var(--cr-border-light);color:inherit;transition:background .25s var(--cr-ease), padding-left .25s var(--cr-ease);grid-template-columns:1fr auto;align-items:baseline;gap:12px;padding:18px 0;text-decoration:none;display:grid}.cr-module-link:hover{padding-left:6px}.cr-module-link-title{font-family:var(--cr-display);letter-spacing:-.015em;color:var(--cr-text);font-size:1.0625rem;font-weight:600;display:block}.cr-module-link-desc{color:var(--cr-muted);margin-top:4px;font-size:.875rem;display:block}.cr-module-link-arrow{font-family:var(--cr-mono);color:var(--cr-theme);font-size:.875rem}.cr-back{color:var(--cr-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.cr-back:hover{color:var(--cr-text)}.cr-footer{text-align:left;border-top:1px solid var(--cr-border-light);margin-top:40px;padding-top:20px}.cr-list-header{border-bottom:1px solid var(--cr-border-light);margin-bottom:8px;padding-bottom:16px}.cr-list-title{font-family:var(--cr-display);letter-spacing:-.02em;color:var(--cr-text);margin:0 0 6px;font-size:1.35rem;font-weight:650}.cr-list-sub{color:var(--cr-muted);margin:0;font-size:.9875rem}.cr-room-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.cr-room-item{border:none;border-bottom:1px solid var(--cr-border-light);box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.cr-room-info{flex:1;min-width:0}.cr-room-name{font-family:var(--cr-display);letter-spacing:-.02em;margin:0 0 10px;font-size:1.25rem;font-weight:650;line-height:1.3}.cr-room-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cr-room-tag{color:var(--cr-theme);background:var(--cr-blue-dim);border-radius:6px;padding:4px 10px;font-size:.8125rem;font-weight:600}.cr-room-tag-online{color:var(--cr-theme);background:#0b6bb51f}.cr-page-title{font-family:var(--cr-display)}@media (max-width:768px){.classroom-header--split{grid-template-columns:1fr;gap:20px}.classroom-header-rail{border-left:none;border-top:2px solid var(--cr-theme);padding:16px 0 0}}.cr-online-block{margin-bottom:24px}.cr-online-stats{background:var(--cr-blue-dim);border-radius:var(--cr-radius-sm);border:1px solid #0064b433;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px;display:grid}.cr-online-stat{text-align:center}.cr-online-stat-btn{appearance:none;border-radius:var(--cr-radius-sm);cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;margin:-4px -8px;padding:4px 8px;transition:background .2s}.cr-online-stat-btn:hover,.cr-online-stat-btn.is-open{background:#0064b414}.cr-online-stat-value{color:var(--cr-theme);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:700;line-height:1;display:block}.cr-online-stat-label{color:var(--cr-muted);margin-top:8px;font-size:.9375rem;font-weight:600;display:block}.cr-online-stat-hint{color:var(--cr-theme);font-weight:700}.cr-online-divider{background:#0064b433;width:1px;height:48px}.cr-online-roster{background:var(--cr-surface-alt);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-sm);margin-top:12px;padding:12px}.cr-online-roster-empty{text-align:center;color:var(--cr-muted);margin:0;padding:16px 8px;font-size:.9375rem}.cr-online-roster-list{flex-direction:column;gap:10px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cr-online-roster-item{background:var(--cr-surface);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-sm);padding:12px 14px}.cr-online-roster-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.cr-online-roster-name{color:var(--cr-theme);font-size:.9375rem;font-weight:700}.cr-online-roster-badge{letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600}.cr-online-roster-badge.is-done{background:var(--cr-green-dim);color:var(--cr-green)}.cr-online-roster-badge.is-wait{color:var(--cr-muted);background:#0000000d}.cr-online-roster-answer{color:var(--cr-text);word-break:break-word;margin:0;font-size:1rem;line-height:1.55}.cr-answer-rank{letter-spacing:.02em;color:var(--cr-muted);vertical-align:middle;background:#0000000f;border-radius:999px;justify-content:center;align-items:center;margin-right:8px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.cr-answer-rank.is-top-1{color:#9a6b00;background:#d4a0172e}.cr-answer-rank.is-top-2{color:#4a5a6a;background:#788ca033}.cr-answer-rank.is-top-3{color:#8a4e20;background:#b46e3c29}.cr-btn-enter{flex-shrink:0;padding:14px 28px;font-size:1.0625rem}.cr-empty-list{text-align:left;border:none;border-top:1px solid var(--cr-border-light);border-bottom:1px solid var(--cr-border-light);box-shadow:none;background:0 0;padding:40px 0}.cr-empty-list p{margin:0 0 8px;font-size:1.125rem;font-weight:700}.cr-empty-hint{color:var(--cr-muted);font-size:1rem}.cr-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cr-modal{background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:var(--cr-radius);width:100%;max-width:440px;padding:32px;box-shadow:0 24px 64px #0064b426}.cr-modal-title{color:var(--cr-theme);margin:0 0 10px;font-size:1.5rem;font-weight:700}.cr-modal-desc{color:var(--cr-muted);margin:0 0 22px;font-size:1.0625rem;line-height:1.5}.cr-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.cr-loading{color:var(--cr-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;font-size:1.0625rem;display:flex}.cr-loading-text{text-align:center;color:var(--cr-muted);padding:40px;font-size:1.0625rem}.cr-loading-bar{background:var(--cr-border);border-radius:999px;width:100px;height:3px;overflow:hidden}.cr-loading-bar:after{content:"";background:var(--cr-theme);width:40%;height:100%;animation:cr-load-slide 1.2s var(--cr-ease) infinite;border-radius:999px;display:block}@keyframes cr-load-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.cr-badge-open .cr-badge-dot,.cr-empty-ring,.cr-loading-bar:after,.cr-animate-in,.cr-stat-row,.cr-answer-item{animation:none}.cr-stat-fill,.cr-choice-btn{transition:none}}@media (min-width:769px){.classroom-container{padding:48px 32px 88px}.cr-choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cr-student-entry,.cr-login-card,.cr-teacher-home{max-width:480px}}@media (max-width:768px){.classroom-container{padding:24px 16px 64px}.classroom-header{max-width:100%}.classroom-header h1{font-size:clamp(1.875rem,7vw,2.5rem)}.classroom-header p{font-size:1.0625rem}.cr-teacher-grid{grid-template-columns:1fr}.cr-my-room-item{flex-direction:column;align-items:stretch;padding:14px}.cr-my-room-link{flex-direction:column;align-items:flex-start;padding:0}.cr-my-room-side{align-items:flex-start;width:100%}.cr-my-room-meta{text-align:left;max-width:none}.cr-my-room-actions{justify-content:flex-end;width:100%;margin-top:4px}.cr-create-inline-row{flex-direction:column;align-items:stretch}.cr-create-inline-btn{width:100%}.cr-teacher-sidebar{position:static}.cr-teacher-nav{flex-direction:column;align-items:stretch;margin:-8px 0 24px}.cr-teacher-nav-actions{justify-content:space-between}.cr-toolbar{flex-direction:column}.cr-toolbar .cr-btn{width:100%}.cr-online-stats{grid-template-columns:1fr;gap:12px;padding:16px}.cr-online-divider{width:100%;height:1px}.cr-page-top{flex-direction:column;align-items:flex-start}.cr-modal{max-width:100%;padding:24px 20px}.cr-modal-actions{flex-direction:column-reverse}.cr-modal-actions .cr-btn{width:100%}.cr-student-entry,.cr-login-card,.cr-teacher-home{max-width:100%}.cr-choice-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cr-choice-btn{min-height:88px;padding:18px 12px}.cr-choice-text{font-size:1.0625rem}}@media (max-width:480px){.classroom-container{padding:20px 14px 56px}.cr-card{padding:20px 18px}.cr-choice-grid{grid-template-columns:1fr}.cr-choice-btn{min-height:76px;padding:16px 14px}.cr-choice-text{font-size:1.125rem}.cr-room-item{flex-direction:column;align-items:stretch;padding:20px 18px}.cr-btn-enter{width:100%}.cr-question-display{font-size:1.1875rem}.cr-input,.cr-textarea{font-size:1.0625rem}}@media (orientation:landscape) and (min-height:320px){.classroom-container:has(.cr-student-split){max-width:1180px;padding-left:16px;padding-right:16px}.cr-student-split{flex-direction:row;align-items:flex-start;gap:16px}.cr-student-split-main{flex:1;min-width:0;min-height:0;padding-right:4px}.cr-student-split-materials{border-left:1px solid var(--cr-border-light);flex:0 0 min(42%,400px);max-height:calc(100dvh - 32px);padding-left:16px;position:sticky;top:12px;overflow-y:auto}.cr-student-hero{text-align:left;margin-bottom:0}.cr-student-entry,.cr-login-card{max-width:none}.cr-materials{margin-bottom:0}.cr-materials-list{max-height:none}.cr-material-row{flex-direction:row;padding:8px 8px 8px 0}.cr-material-copy{width:auto;margin:0 8px 0 0}.cr-choice-grid{grid-template-columns:repeat(2,1fr)}.cr-toast{margin-bottom:0}}@media (max-width:768px) and (orientation:landscape){.cr-student-split .cr-choice-grid{grid-template-columns:repeat(2,1fr)}}.cr-materials{margin-bottom:24px}.cr-teacher-sidebar .cr-materials{margin-bottom:0}.cr-materials-header{margin-bottom:16px}.cr-materials-desc{color:var(--cr-muted);margin:8px 0 0;font-size:.9375rem;line-height:1.5}.cr-materials-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cr-material-item{background:var(--cr-surface);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-sm);transition:border-color .2s var(--cr-ease), box-shadow .2s var(--cr-ease);overflow:hidden;box-shadow:0 2px 8px #0064b40a}.cr-material-item.is-open{border-color:var(--cr-theme);box-shadow:var(--cr-shadow)}.cr-material-row{align-items:stretch;gap:10px;padding:10px 10px 10px 0;display:flex}.cr-material-trigger{cursor:pointer;text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 6px 18px;font-family:inherit;display:flex}.cr-material-trigger:hover{background:var(--cr-surface-alt)}.cr-material-trigger-main{align-items:flex-start;gap:14px;min-width:0;display:flex}.cr-material-index{font-family:var(--cr-mono);color:var(--cr-theme);flex-shrink:0;padding-top:2px;font-size:.8125rem;font-weight:700}.cr-material-titles{flex-direction:column;gap:4px;min-width:0;display:flex}.cr-material-name{color:var(--cr-text);font-size:1.0625rem;font-weight:700;line-height:1.35}.cr-material-sub{color:var(--cr-muted);font-size:.875rem;line-height:1.4}.cr-material-chevron{width:28px;height:28px;color:var(--cr-theme);background:var(--cr-theme-dim);border-radius:var(--cr-radius-xs);flex-shrink:0;place-items:center;font-size:1.25rem;font-weight:300;display:grid}.cr-material-body{border-top:1px solid var(--cr-border-light);animation:cr-rise .35s var(--cr-ease) both;padding:0 18px 18px}.cr-material-content{background:var(--cr-surface-alt);border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-xs);max-height:280px;font-family:var(--cr-mono);white-space:pre-wrap;word-break:break-word;color:var(--cr-text);margin:14px 0 0;padding:14px 16px;font-size:.8125rem;line-height:1.55;overflow:auto}.cr-material-copy{text-align:center;flex-shrink:0;align-self:center;min-width:5.5rem;margin-right:8px;padding-left:14px;padding-right:14px;font-size:.875rem;text-decoration:none}.cr-material-copy.is-copied{background:var(--cr-green-dim);border-color:var(--cr-green);color:var(--cr-green)}.cr-material-url{color:var(--cr-theme);text-underline-offset:2px;word-break:break-all;text-decoration:underline}.cr-material-url:hover{color:var(--cr-text)}.cr-material-unlock{flex-direction:column;gap:10px;margin-top:14px;display:flex}.cr-material-unlock-hint{color:var(--cr-muted);margin:0;font-size:.875rem}.cr-material-unlock-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cr-material-unlock-row input{border:1px solid var(--cr-border);background:var(--cr-surface);min-width:0;color:var(--cr-text);border-radius:10px;flex:12rem;padding:10px 12px;font-size:.9375rem}.cr-material-unlock-row input:focus{border-color:#0b6bb573;outline:none;box-shadow:0 0 0 3px #0b6bb51f}.cr-material-unlock-error{color:#b42318;margin:0;font-size:.8125rem}.cr-material-delete{min-width:4rem;color:var(--cr-muted);flex-shrink:0;align-self:center;margin-right:4px;padding-left:12px;padding-right:12px;font-size:.875rem}.cr-material-delete:hover{color:#b42318;border-color:#b4231859}.cr-material-editor{flex-direction:column;gap:12px;margin-top:14px;display:flex}.cr-material-field{color:var(--cr-muted);flex-direction:column;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.cr-material-field input,.cr-material-field textarea{border:1px solid var(--cr-border-light);border-radius:var(--cr-radius-xs);background:var(--cr-surface-alt);width:100%;color:var(--cr-text);resize:vertical;padding:10px 12px;font-family:inherit;font-size:.9375rem;font-weight:400;line-height:1.45}.cr-material-field textarea{font-family:var(--cr-mono);min-height:180px;font-size:.8125rem;line-height:1.55}.cr-material-field input:focus,.cr-material-field textarea:focus{border-color:var(--cr-theme);box-shadow:0 0 0 3px var(--cr-theme-dim);outline:none}.cr-materials-actions{border-top:1px solid var(--cr-border-light);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.cr-materials-save-msg{color:var(--cr-green);font-size:.875rem}.cr-materials-save-msg.is-dirty{color:var(--cr-muted)}.cr-materials-save-msg.is-error{color:#b42318}@media (max-width:480px){.cr-material-row{flex-direction:column;gap:8px;padding:12px 12px 12px 0}.cr-material-trigger{padding:4px 8px 4px 14px}.cr-material-copy,.cr-material-delete{width:calc(100% - 14px);margin:0 0 0 14px}.cr-material-content{max-height:220px;font-size:.75rem}}.at-root{--font-at-display:var(--font-display);--at-ink:#14202e;--at-muted:#5c6b7a;--at-line:#14202e1f;--at-accent:#0b6bb5;--at-accent-soft:#0b6bb51a;--at-surface:#f7f9fb;--at-paper:#fff;--at-slab:#1a2430;--at-ease:cubic-bezier(.16, 1, .3, 1)}.at-page{max-width:1080px;margin:0 auto;padding:12px 0 88px;position:relative}.at-grain{pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.at-rise{z-index:1;animation:at-rise .7s var(--at-ease) both;animation-delay:calc(var(--i,0) * 70ms);position:relative}@keyframes at-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.at-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.at-back{color:var(--at-muted);transition:color .25s var(--at-ease), transform .2s var(--at-ease);align-items:center;gap:8px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.at-back:hover{color:var(--at-ink)}.at-back:active{transform:scale(.98)}.at-lang{border:1px solid var(--at-line);background:var(--at-paper);min-height:44px;color:var(--at-ink);cursor:pointer;transition:border-color .25s var(--at-ease), transform .2s var(--at-ease), background .25s var(--at-ease);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 8px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.at-lang:hover{background:var(--at-accent-soft);border-color:#0b6bb559}.at-lang:active{transform:scale(.98)}.at-lang-idle{background:var(--at-ink);color:#f4f7fa;letter-spacing:.04em;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.6875rem;font-weight:700;display:grid}.at-lang-swap{color:var(--at-accent)}.at-hero{border-bottom:1px solid var(--at-line);grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);align-items:center;gap:32px 40px;margin-bottom:56px;padding-bottom:40px;display:grid}.at-hero-rail-inline{border-left:none;border-top:2px solid var(--at-accent);margin-top:28px;padding-top:20px;padding-left:0}.at-illust{border:1px solid var(--at-line);background:#14202e0a;border-radius:16px;margin:0;overflow:hidden}.at-illust img{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.at-illust-hero{box-shadow:0 20px 40px -28px #14202e59}.at-illust-banner{margin:0 0 24px}.at-illust-side{align-self:start}.at-illust-template{background:#0003;border-color:#ffffff1a;margin:0 0 16px}.at-illust-mini{border-radius:12px;max-width:180px}.at-section-with-art{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:28px 36px;display:grid}.at-form-head-with-art{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.at-success{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:28px 36px;display:grid}.at-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--at-accent);margin:0 0 14px;font-size:.75rem;font-weight:600}.at-title{max-width:16ch;font-family:var(--font-display), var(--cr-font);letter-spacing:-.035em;color:var(--at-ink);margin:0 0 20px;font-size:clamp(2.15rem,5.2vw,3.35rem);font-weight:600;line-height:1.08}.at-intro{max-width:54ch;color:var(--at-muted);margin:0;font-size:1.0625rem;line-height:1.7}.at-hero-rail{border-left:2px solid var(--at-accent);flex-direction:column;gap:20px;padding:8px 0 4px 28px;display:flex}.at-rail-time{font-family:var(--font-display), var(--cr-font);letter-spacing:-.02em;color:var(--at-ink);margin:0;font-size:1.25rem;font-weight:600}.at-rail-label{letter-spacing:.14em;text-transform:uppercase;color:var(--at-accent);margin:0 0 8px;font-size:.6875rem;font-weight:700}.at-rail-body{color:var(--at-muted);margin:0;font-size:.9375rem;line-height:1.6}.at-kicker{font-family:var(--font-display), var(--cr-font);letter-spacing:-.02em;color:var(--at-ink);margin:0 0 20px;font-size:1.35rem;font-weight:600}.at-kicker-light{color:#eef3f8}.at-brief{margin-bottom:48px}.at-criteria{border-top:1px solid var(--at-line);margin:0;padding:0;list-style:none}.at-criteria li{border-bottom:1px solid var(--at-line);color:var(--at-ink);grid-template-columns:48px 1fr;align-items:baseline;gap:16px;padding:18px 0;font-size:1.0625rem;line-height:1.55;display:grid}.at-criteria-num{font-family:var(--cr-mono);color:var(--at-accent);font-size:.8125rem;font-weight:600}.at-method{margin-bottom:48px}.at-how{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.at-how li{border-top:1px solid var(--at-line);grid-template-columns:64px 1fr;gap:20px;padding:28px 0;display:grid}.at-how li:last-child{border-bottom:1px solid var(--at-line)}.at-how-index{font-family:var(--font-display), var(--cr-font);letter-spacing:-.04em;background:linear-gradient(180deg, var(--at-accent) 0%, #0b6bb547 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:600;line-height:.9}.at-how-copy strong{color:var(--at-ink);margin-bottom:8px;font-size:1.0625rem;font-weight:700;display:block}.at-how-copy p{max-width:62ch;color:var(--at-muted);margin:0;font-size:.9875rem;line-height:1.65}.at-template-block{background:var(--at-slab);color:#d7e0ea;border-radius:20px;margin-bottom:48px;padding:28px 28px 24px;box-shadow:0 24px 48px -28px #14202e8c}.at-template-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.at-template-hint{color:#d7e0eab8;margin:0;font-size:.875rem;line-height:1.5}.at-copy-btn{color:#eef3f8;cursor:pointer;white-space:nowrap;min-height:44px;transition:background .25s var(--at-ease), transform .2s var(--at-ease), border-color .25s var(--at-ease);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.at-copy-btn:hover{background:#ffffff1f;border-color:#ffffff47}.at-copy-btn:active{transform:scale(.98)}.at-copy-btn.is-copied{color:#9aefb0;background:#00b4332e;border-color:#00b43366}.at-template{font-family:var(--cr-mono);white-space:pre-wrap;word-break:break-word;color:#c5d0db;background:#00000047;border:1px solid #ffffff14;border-radius:12px;margin:0;padding:18px;font-size:.75rem;line-height:1.6;box-shadow:inset 0 1px #ffffff0f}.at-form,.at-success{border-top:1px solid var(--at-line);padding:36px 0 0}.at-form-head{margin-bottom:28px}.at-field{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.at-label{color:var(--at-ink);font-size:.9375rem;font-weight:700}.at-hint{color:var(--at-muted);margin:0;font-size:.875rem;line-height:1.45}.at-input,.at-textarea{border:1px solid var(--at-line);background:var(--at-paper);width:100%;color:var(--at-ink);transition:border-color .25s var(--at-ease), box-shadow .25s var(--at-ease);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:1rem;line-height:1.5}.at-textarea{min-height:320px;font-family:var(--cr-mono);resize:vertical;font-size:.875rem;line-height:1.6}.at-input:focus,.at-textarea:focus{border-color:var(--at-accent);box-shadow:0 0 0 4px var(--at-accent-soft);outline:none}.at-input.is-invalid,.at-textarea.is-invalid{border-color:#c43c3a}.at-field-error,.at-form-error{color:#c43c3a;margin:0;font-size:.875rem}.at-form-error{margin-bottom:14px}.at-btn-primary{background:var(--at-ink);color:#f4f7fa;cursor:pointer;min-height:52px;transition:background .25s var(--at-ease), transform .2s var(--at-ease);border:none;border-radius:14px;justify-content:center;align-items:center;padding:0 28px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.at-btn-primary:hover:not(:disabled){background:var(--at-accent)}.at-btn-primary:active:not(:disabled){transform:scale(.98)}.at-btn-primary:disabled{opacity:.65;cursor:not-allowed}.at-btn-submit{width:100%;max-width:280px}.at-btn-loading{align-items:center;gap:10px;display:inline-flex;position:relative}.at-btn-shimmer{border:2px solid #f4f7fa40;border-top-color:#f4f7fa;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite at-spin}@keyframes at-spin{to{transform:rotate(360deg)}}.at-success-title{font-family:var(--font-display), var(--cr-font);letter-spacing:-.03em;color:var(--at-ink);margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600}.at-success .at-btn-primary{margin-top:24px}.at-response-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.at-response-item{background:var(--at-paper);border:1px solid var(--at-line);border-radius:14px;padding:0;overflow:hidden}.at-response-trigger{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:16px 18px;font-family:inherit;display:flex}.at-response-index{font-family:var(--cr-mono);color:var(--at-accent);flex-shrink:0;font-size:.8125rem;font-weight:700}.at-response-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.at-response-meta strong{color:var(--at-ink);font-size:1rem}.at-response-meta span{color:var(--at-muted);font-size:.8125rem}.at-response-chevron{background:var(--at-accent-soft);width:28px;height:28px;color:var(--at-accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:1.125rem;display:grid}.at-response-body{border-top:1px solid var(--at-line);padding:0 18px 18px}.at-response-body .at-template{background:#111820;max-height:420px;margin:14px 0 12px}@media (max-width:768px){.at-hero,.at-section-with-art,.at-success{grid-template-columns:1fr;gap:24px}.at-hero{margin-bottom:40px;padding-bottom:28px}.at-hero-rail,.at-hero-rail-inline{border-left:none;border-top:2px solid var(--at-accent);padding:20px 0 0}.at-title{max-width:none}.at-how li,.at-criteria li{grid-template-columns:40px 1fr;gap:12px}.at-template-head,.at-form-head-with-art{flex-direction:column;align-items:stretch}.at-illust-mini{max-width:140px}.at-illust-success{order:-1}.at-copy-btn,.at-btn-submit{width:100%;max-width:none}.at-template-block{border-radius:16px;padding:22px 18px 18px}}