:root{--bg: oklch(96.4% .008 85);--bg-tint: oklch(94.2% .011 84);--surface: oklch(99.2% .004 85);--surface-2: oklch(99.6% .003 85);--surface-sunken: oklch(94% .013 82);--ink: oklch(24% .008 80);--ink-soft: oklch(45% .008 80);--ink-muted: oklch(52% .009 82);--ink-invert: oklch(99% .004 85);--on-primary: oklch(99% .004 85);--line: oklch(90.5% .012 84);--line-strong: oklch(85% .016 83);--line-faint: oklch(93.5% .009 84);--terracotta: oklch(53% .125 55);--terracotta-deep: oklch(45% .115 50);--terracotta-soft: oklch(92% .045 78);--sage: oklch(52% .052 140);--sage-soft: oklch(91% .024 137);--color-model: oklch(52% .17 28);--color-student: oklch(50% .105 150);--color-peer: oklch(45% .12 285);--color-model-light: oklch(92% .038 30);--color-student-light:oklch(92% .028 150);--color-peer-light: oklch(92% .034 285);--color-model-bg: var(--color-model-light);--success: oklch(50% .105 150);--warning: oklch(58% .11 70);--danger: oklch(52% .17 28);--info: oklch(45% .12 285);--r-sm: 9px;--r: 13px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--shadow-xs: 0 1px 2px oklch(27% .01 64 / .07);--shadow-sm: 0 1px 2px oklch(27% .01 64 / .05), 0 2px 5px oklch(27% .01 64 / .05);--shadow: 0 2px 4px oklch(27% .01 64 / .05), 0 8px 20px -6px oklch(27% .01 64 / .12);--shadow-lg: 0 4px 8px oklch(27% .01 64 / .06), 0 20px 44px -12px oklch(27% .01 64 / .2);--ring: 0 0 0 3px color-mix(in oklch, var(--terracotta) 26%, transparent);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-serif: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .9rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.35rem;--text-xl: 1.75rem;--text-2xl: 2.1rem;--text-3xl: 2.6rem;--ease: cubic-bezier(.22,.61,.36,1);--ease-out: cubic-bezier(.16,1,.3,1);--t-fast: .14s var(--ease);--t: .22s var(--ease);color-scheme:light;color:var(--ink);background-color:var(--bg);accent-color:var(--terracotta);font-family:var(--font-sans);font-size:16px;line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"calt" 1,"case" 1;letter-spacing:-.003em}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{word-break:keep-all;overflow-wrap:break-word;margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);background-image:radial-gradient(1100px 560px at 88% -12%,oklch(53% .125 55 / .04),transparent 60%),radial-gradient(820px 480px at -8% 112%,oklch(52% .052 140 / .04),transparent 56%)}h1,h2,h3,h4,h5{font-family:var(--font-serif);color:var(--ink);font-weight:800;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;word-break:keep-all;margin:0 0 .5em}h1{font-weight:800;letter-spacing:-.03em}p{text-wrap:pretty;margin:0 0 .8em}a{font-weight:500;color:var(--terracotta);text-decoration:none;text-underline-offset:2px;transition:color var(--t-fast)}a:hover{color:var(--terracotta-deep)}small{color:var(--ink-muted)}hr{border:none;border-top:1px solid var(--line);margin:1.25rem 0}:where(strong,b){font-weight:600}:where(td,th){font-variant-numeric:tabular-nums}::selection{background:var(--terracotta-soft);color:var(--terracotta-deep)}button{font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:-.01em;border-radius:var(--r-sm);border:1px solid transparent;padding:.6em 1.15em;background-color:var(--terracotta);color:#fff;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast),color var(--t-fast)}button:hover{background-color:var(--terracotta-deep);box-shadow:var(--shadow-sm)}button:active{transform:translateY(1px);box-shadow:var(--shadow-xs)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible{outline:none;box-shadow:var(--ring)}input,select,textarea{font-family:var(--font-sans);font-size:.95rem;color:var(--ink);background-color:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:.6em .8em;transition:border-color var(--t-fast),box-shadow var(--t-fast)}input::placeholder,textarea::placeholder{color:var(--ink-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--terracotta);box-shadow:var(--ring)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:3px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}*::-webkit-scrollbar-track{background:transparent}@keyframes gn-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.gn-enter{animation:gn-fade-up .5s var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(19% .011 75);--bg-tint: oklch(22% .012 75);--surface: oklch(24% .012 75);--surface-2: oklch(27.5% .012 75);--surface-sunken: oklch(21% .011 75);--ink: oklch(95% .008 85);--ink-soft: oklch(82% .01 84);--ink-muted: oklch(72% .011 82);--ink-invert: oklch(19% .011 75);--on-primary: oklch(19% .011 75);--line: oklch(95% .01 85 / .13);--line-strong: oklch(95% .01 85 / .22);--line-faint: oklch(95% .01 85 / .08);--terracotta: oklch(72% .115 65);--terracotta-deep: oklch(78% .12 68);--terracotta-soft: oklch(40% .07 60);--sage: oklch(66% .072 145);--sage-soft: oklch(37% .05 142);--color-model: oklch(66% .165 28);--color-student: oklch(66% .12 150);--color-peer: oklch(66% .13 285);--color-model-light: oklch(46% .11 28);--color-student-light:oklch(46% .08 150);--color-peer-light: oklch(46% .09 285);--color-model-bg: var(--color-model-light);--success: oklch(66% .12 150);--warning: oklch(72% .11 70);--danger: oklch(66% .165 28);--info: oklch(66% .13 285);--shadow-xs: 0 1px 2px oklch(0% 0 0 / .35);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3), 0 2px 6px oklch(0% 0 0 / .3);--shadow: 0 2px 5px oklch(0% 0 0 / .3), 0 10px 24px -6px oklch(0% 0 0 / .45);--shadow-lg: 0 6px 12px oklch(0% 0 0 / .35), 0 24px 50px -12px oklch(0% 0 0 / .6);--ring: 0 0 0 3px color-mix(in oklch, var(--terracotta) 34%, transparent)}:root[data-theme=dark] body{background-color:var(--bg);background-image:radial-gradient(1100px 560px at 88% -12%,oklch(60% .11 65 / .12),transparent 60%),radial-gradient(820px 480px at -8% 112%,oklch(52% .05 140 / .1),transparent 56%)}:root[data-theme=dark] *::-webkit-scrollbar-thumb{border-color:var(--bg)}:root[data-theme=dark]{--ink-muted: oklch(71% .012 80)}:root[data-theme=dark] :is(.type-badge,.priority-badge,.status-badge){background:var(--surface-2)}:root[data-theme=dark] :is(.type-badge,.status-badge).blue{background:color-mix(in srgb,var(--terracotta) 26%,var(--surface));color:var(--terracotta-deep)}:root[data-theme=dark] :is(.type-badge,.priority-badge).red{background:color-mix(in srgb,var(--danger) 24%,var(--surface));color:#ff9e91;color:oklch(80% .13 28)}:root[data-theme=dark] :is(.type-badge,.priority-badge,.status-badge).green{background:color-mix(in srgb,var(--success) 24%,var(--surface));color:#8ed09c}:root[data-theme=dark] :is(.type-badge,.priority-badge,.status-badge).orange{background:color-mix(in srgb,var(--warning) 26%,var(--surface));color:#eabb79}:root[data-theme=dark] .status.active{background:color-mix(in srgb,var(--success) 22%,var(--surface));color:#8ed09c}:root[data-theme=dark] .status.inactive{background:color-mix(in srgb,var(--danger) 22%,var(--surface));color:#ff9e91;color:oklch(80% .13 28)}:root[data-theme=dark] .delete-btn{background:color-mix(in srgb,var(--danger) 20%,var(--surface));border-color:color-mix(in srgb,var(--danger) 42%,transparent);color:#ffa79b;color:oklch(82% .13 28)}:root[data-theme=dark] .delete-btn:hover{background:color-mix(in srgb,var(--danger) 30%,var(--surface))}:root[data-theme=dark] .user-table thead th,:root[data-theme=dark] .t-stu-head{background:var(--surface-2)}:root[data-theme=dark] .user-table tbody tr{border-bottom:1px solid var(--line)}:root[data-theme=dark] input:disabled,:root[data-theme=dark] textarea:disabled,:root[data-theme=dark] .ce-input:disabled,:root[data-theme=dark] .q-input:disabled{background:var(--surface-sunken);color:var(--ink-soft);opacity:1}.mk{width:11px!important;height:11px!important;display:inline-block;flex:none}.mk--me{background:var(--color-student);border-radius:50%!important;transform:none!important}.mk--peer{background:var(--color-peer);border-radius:2px!important;transform:rotate(45deg)!important}.mk--model{background:var(--color-model);border-radius:2px!important;transform:none!important}@keyframes gn-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.align-radar-svg{animation:gn-pop .55s var(--ease-out) both;transform-origin:50% 48%}:root{--icon-size: 20px;--icon-size-small: 16px;--icon-size-large: 24px}.icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain}.icon-small{width:var(--icon-size-small);height:var(--icon-size-small)}.icon-large{width:var(--icon-size-large);height:var(--icon-size-large)}.model-theme{color:var(--color-model)}.student-theme{color:var(--color-student)}.peer-theme{color:var(--color-peer)}.model-bg{background-color:var(--color-model-light);border:1px solid color-mix(in oklch,var(--color-model) 30%,transparent);border-radius:var(--r-sm)}.student-bg{background-color:var(--color-student-light);border:1px solid color-mix(in oklch,var(--color-student) 30%,transparent);border-radius:var(--r-sm)}.peer-bg{background-color:var(--color-peer-light);border:1px solid color-mix(in oklch,var(--color-peer) 30%,transparent);border-radius:var(--r-sm)}html,body,#root{height:100%;margin:0}.parent{display:flex;flex-direction:column;min-height:100vh}.Topbar{flex-shrink:0;background-color:var(--surface-2)}.Body{flex:1;background-color:var(--bg);padding:10px;overflow:auto}.Footer{flex-shrink:0;background:var(--bg-tint);padding:0;margin-top:auto}.tb-root{position:sticky;top:0;z-index:100;width:100%;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transition:background .2s var(--ease),box-shadow .16s var(--ease)}.tb-theme{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line-strong);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);line-height:0}.tb-theme:hover{background:var(--bg-tint);color:var(--terracotta-deep);border-color:var(--terracotta)}.tb-theme:focus-visible{outline:none;box-shadow:var(--ring)}.tb-theme svg{display:block}.tb-theme .tb-moon-icon{transform:rotate(45deg)}.tb-logo-img.tb-logo--dark{display:none}:root[data-theme=dark] .tb-logo-img.tb-logo--light{display:none}:root[data-theme=dark] .tb-logo-img.tb-logo--dark{display:block}.tb-wrap{max-width:1200px;margin:0 auto;padding:8px 16px;display:flex;gap:16px;align-items:center;width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap}.tb-profile{display:inline-flex;align-items:center;gap:10px}.tb-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.tb-user-name{font-size:14px;font-weight:600;color:var(--ink)}.tb-user-role{font-size:12px;color:var(--ink-soft);background:var(--bg-tint);border:1px solid var(--line);padding:2px 8px;border-radius:var(--r-pill)}.tb-avatar{width:32px;height:32px;border-radius:9999px;object-fit:cover;display:block;border:1px solid var(--line)}.tb-brand{display:inline-flex;align-items:center;text-decoration:none}.tb-logo-img{height:45px;width:auto;display:block}.tb-nav{display:flex;align-items:center;gap:28px}.tb-link{text-decoration:none;color:var(--ink-soft);font-weight:600;transition:color var(--t-fast)}.tb-link:hover,.tb-link:focus-visible{color:var(--ink);outline:none}.tb-link[aria-current=page]{color:var(--terracotta)}.tb-cta{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0;flex-wrap:wrap;justify-content:flex-end}.tb-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:var(--r-sm);font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),color var(--t-fast)}.tb-btn:active{transform:translateY(1px)}.tb-btn--primary{background:var(--terracotta);color:#fff;box-shadow:0 2px 10px -2px #b0532e66}.tb-btn--primary:hover,.tb-btn--primary:focus-visible{background:var(--terracotta-deep);outline:none}.tb-btn--muted{background:var(--surface-2);color:var(--ink);border-color:var(--line-strong)}.tb-btn--muted:hover,.tb-btn--muted:focus-visible{background:var(--bg-tint);border-color:var(--ink-muted);outline:none}.tb-burger{display:none;width:42px;height:42px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-2);padding:9px 8px;cursor:pointer}.tb-burger:focus-visible{outline:none;box-shadow:var(--ring)}.tb-burger-bar{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}@media(min-width:961px){.tb-burger{display:none!important}}.tb-toggle{position:absolute;opacity:0;pointer-events:none}.tb-mobile{display:none;border-top:1px solid var(--line);background:var(--surface)}.tb-mobile-nav{display:grid;gap:2px;padding:8px}.tb-mobile-link{display:block;padding:12px 10px;text-decoration:none;color:var(--ink);font-weight:600;border-radius:var(--r-sm)}.tb-mobile-link:hover,.tb-mobile-link:focus-visible{background:var(--bg-tint);outline:none}.tb-mobile-cta{display:grid;gap:8px;padding:8px}@media(max-width:960px){.tb-wrap{display:flex;justify-content:space-between;align-items:center}.tb-nav{display:none}.tb-burger{display:inline-flex}.tb-toggle:checked~.tb-mobile{display:block}}@media(min-width:961px){.tb-mobile{display:none!important}}@media(max-width:960px){.tb-cta{margin-left:0;width:100%;justify-content:flex-end}}@media(max-width:640px){.tb-logo-img{height:38px}.tb-cta{justify-content:space-between}.tb-profile{width:100%;justify-content:space-between}.tb-user-info{align-items:flex-start}}:where(.Body)>.hero{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);color:var(--ink);background:radial-gradient(80% 100% at 92% -8%,var(--terracotta-soft) 0%,transparent 52%),radial-gradient(66% 86% at -6% 108%,var(--sage-soft) 0%,transparent 50%),linear-gradient(176deg,var(--surface) 0%,var(--bg) 64%,var(--bg-tint) 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(oklch(27% .01 64 / .04) 1px,transparent 1.4px);background-size:22px 22px;opacity:.55;pointer-events:none}.hero:after{content:"grow";position:absolute;right:clamp(-26px,-2vw,-10px);bottom:clamp(-44px,-5vw,-18px);font-family:var(--font-serif);font-weight:700;font-size:clamp(190px,31vw,500px);line-height:.8;color:var(--terracotta);opacity:.06;letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero-grid{position:relative;z-index:1;max-width:1280px;margin:0 auto;min-height:min(90svh,860px);padding:clamp(68px,8.5vw,128px) clamp(20px,4vw,60px) clamp(78px,9.5vw,136px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(36px,5vw,90px)}.hero-eyebrow{display:inline-flex;align-items:center;gap:14px;margin:0 0 27px;padding:8px 17px 8px 15px;border:1px solid color-mix(in oklch,var(--terracotta) 26%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--terracotta-soft) 42%,var(--surface));font-size:.77rem;font-weight:700;letter-spacing:.17em;color:var(--terracotta-deep);text-transform:uppercase}.hero-eyebrow-rule{width:26px;height:2px;background:var(--terracotta);border-radius:2px}.hero-title{margin:0 0 27px;font-family:var(--font-serif);font-weight:700;letter-spacing:-.032em;line-height:1.04;font-size:clamp(46px,5.4vw + 16px,94px);color:var(--ink);text-wrap:balance;word-break:keep-all}.hero-break{display:block;color:var(--terracotta-deep)}.hero-sub{margin:0 0 38px;max-width:53ch;font-size:clamp(15px,.4vw + 14px,18px);line-height:1.8;color:var(--ink-soft);word-break:keep-all}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.hero-btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 32px;border-radius:var(--r);font-weight:700;font-size:1.06rem;text-decoration:none;background:var(--terracotta);color:var(--ink-invert);border:1px solid transparent;box-shadow:0 12px 32px -8px color-mix(in oklch,var(--terracotta) 60%,transparent);transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.hero-btn:hover,.hero-btn:focus-visible{background:var(--terracotta-deep);box-shadow:0 18px 44px -8px color-mix(in oklch,var(--terracotta) 70%,transparent);transform:translateY(-2px);outline:none}.hero-btn:active{transform:translateY(0)}.hero-btn-ghost{display:inline-flex;align-items:center;gap:8px;height:58px;padding:0 20px;font-weight:600;font-size:1.04rem;color:var(--ink-soft);text-decoration:none;border:1px solid var(--line-strong);border-radius:var(--r);transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.hero-btn-ghost:after{content:"→";transition:transform var(--t-fast)}.hero-btn-ghost:hover{color:var(--terracotta-deep);border-color:var(--terracotta)}.hero-btn-ghost:hover:after{transform:translate(4px)}.hero-admin-link{display:inline-flex;align-items:center;gap:7px;margin-top:27px;padding:6px 0;background:none;border:none;box-shadow:none;font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:color var(--t-fast)}.hero-admin-link:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-muted);transition:background var(--t-fast)}.hero-admin-link:after{content:"→";transition:transform var(--t-fast)}.hero-admin-link:hover{color:var(--terracotta-deep);background:none;transform:none}.hero-admin-link:hover:before{background:var(--terracotta)}.hero-admin-link:hover:after{transform:translate(3px)}.hero-admin-link:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.hero-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:34px}.triad{position:relative;width:clamp(300px,35vw,470px);aspect-ratio:1;isolation:isolate;animation:triad-spin 66s linear infinite}.triad:before{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle at 50% 46%,color-mix(in oklch,var(--terracotta) 14%,transparent),transparent 64%);z-index:-1}.triad-disc{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;mix-blend-mode:multiply;box-shadow:inset 0 0 0 1.5px #2a252114;animation:triad-float 7s var(--ease) infinite}.triad-me{top:0;left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--color-student) 50%,transparent);animation-delay:0s}.triad-mentor{bottom:3%;left:1%;background:color-mix(in srgb,var(--color-model) 48%,transparent);animation-delay:-2.3s}.triad-peer{bottom:3%;right:1%;background:color-mix(in srgb,var(--color-peer) 48%,transparent);animation-delay:-4.6s}.triad-core{position:absolute;margin:auto;width:max-content;height:max-content;z-index:2;inset:50% 0 0 50%;transform:translate(-50%,-50%);animation:triad-counter 66s linear infinite;font-family:var(--font-serif);font-weight:700;font-size:1.2rem;color:var(--ink);padding:9px 19px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:var(--shadow)}@keyframes triad-float{0%,to{transform:translate(var(--tx, 0))}50%{transform:translate(var(--tx, 0),-10px)}}@keyframes triad-spin{to{transform:rotate(360deg)}}@keyframes triad-counter{to{transform:translate(-50%,-50%) rotate(-360deg)}}.triad-me{--tx: -50%;transform:translate(-50%)}.triad-legend{display:flex;gap:25px;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}.triad-legend li{display:inline-flex;align-items:center;gap:9px;font-size:.95rem;font-weight:600;color:var(--ink-soft)}.triad-dot{width:12px;height:12px;border-radius:50%}.triad-dot-me{background:var(--color-student)}.triad-dot-mentor{background:var(--color-model)}.triad-dot-peer{background:var(--color-peer)}:root[data-theme=dark] .hero{background:radial-gradient(48% 60% at 16% 22%,oklch(52% .13 28 / .4) 0%,transparent 60%),radial-gradient(46% 58% at 84% 30%,oklch(50% .12 285 / .38) 0%,transparent 60%),radial-gradient(54% 60% at 52% 104%,oklch(52% .1 150 / .36) 0%,transparent 58%),linear-gradient(165deg,#282019,#1c140f 60%,#120c08)}:root[data-theme=dark] .hero:before{background-image:radial-gradient(oklch(98% 0 0 / .05) 1px,transparent 1.3px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.5}:root[data-theme=dark] .hero:after{color:#f8f8f8;opacity:.045}:root[data-theme=dark] .hero-title{text-shadow:0 2px 30px oklch(16% .014 56 / .6)}:root[data-theme=dark] .hero-eyebrow{border-color:#f1eee738;background:#f1eee70f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#edc8b4}:root[data-theme=dark] .triad:before{background:radial-gradient(circle at 50% 48%,oklch(70% .12 45 / .14),transparent 66%);inset:-14%}:root[data-theme=dark] .triad-disc{mix-blend-mode:screen;box-shadow:none;filter:blur(.5px);width:66%}:root[data-theme=dark] .triad-me{background:radial-gradient(circle at 40% 38%,#429c5a,#0f6a3159 72%)}:root[data-theme=dark] .triad-mentor{background:radial-gradient(circle at 40% 38%,#d6483e,#9e231e59 72%)}:root[data-theme=dark] .triad-peer{background:radial-gradient(circle at 40% 38%,#736ace,#4d449659 72%)}:root[data-theme=dark] .triad-core{background:#1c140fb8;border-color:#f1eee72e}:root[data-theme=dark] .triad-dot{box-shadow:0 0 12px currentColor;color:inherit}:root[data-theme=dark] .triad-dot-me{color:var(--color-student)}:root[data-theme=dark] .triad-dot-mentor{color:var(--color-model)}:root[data-theme=dark] .triad-dot-peer{color:var(--color-peer)}@media(prefers-reduced-motion:reduce){.triad,.triad-core,.triad-disc{animation:none}}@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:clamp(40px,7vw,60px);min-height:0}.hero-figure{order:-1}.triad{width:clamp(240px,60vw,320px)}.hero:after{font-size:clamp(140px,44vw,300px)}}@media(max-width:560px){.hero-cta{gap:10px}.hero-btn,.hero-btn-ghost{height:52px;width:100%;justify-content:center}}.dashboard-section{display:flex;flex-direction:column;gap:20px;margin-top:20px}.dashboard-header{display:flex;justify-content:center;margin-bottom:10px}.dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.dashboard-card{background:var(--surface);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);border:1px solid var(--line);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);position:relative;overflow:hidden}.dashboard-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg)}.dashboard-card h3{margin:0 0 20px;font-size:20px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.loading,.no-data{text-align:center;color:var(--ink-muted);padding:20px;font-size:14px}.class-list{display:flex;flex-direction:column;gap:12px}.class-item{padding:16px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease);background:var(--surface-2)}.class-item:hover{background-color:var(--terracotta-soft);border-color:var(--terracotta)}.class-name{font-weight:600;color:var(--ink);margin-bottom:4px}.class-progress{font-size:14px;color:var(--terracotta);margin-bottom:4px}.class-info{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ink-muted)}.class-info span{background:var(--sage-soft);padding:4px 8px;border-radius:var(--r-sm);font-size:11px;font-weight:500;color:var(--sage)}.teacher-stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.stat-row:last-of-type{border-bottom:none}.stat-row span{font-size:14px;color:var(--ink-soft);font-weight:500}.stat-row span:last-child{font-size:14px;font-weight:700;color:var(--ink)}.view-all-btn{background:var(--surface);color:var(--terracotta-deep);border:1px solid var(--line-strong);padding:10px 18px;border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:14px;transition:border-color .18s var(--ease),background-color .18s var(--ease);margin-top:12px}.view-all-btn:hover{border-color:var(--terracotta);background:var(--terracotta-soft)}@media(max-width:768px){.dashboard-cards{grid-template-columns:1fr}.dashboard-card{padding:16px}.stat-row{flex-direction:column;gap:4px}}.dashboard-cards{gap:18px}.dashboard-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px 28px;box-shadow:var(--shadow)}.dashboard-card:before{content:none!important}.student-card,.teacher-card{border-left:1px solid var(--line)}.dashboard-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}.dashboard-card h3{font-family:var(--font-serif);font-size:1.32rem;font-weight:700;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line-faint)}.stat-row{padding:13px 0;align-items:baseline}.stat-row span:first-child{color:var(--ink-soft);font-weight:600}.stat-row span:last-child{font-family:var(--font-serif);font-size:1.22rem;font-weight:700;color:var(--ink)}.view-all-btn{background:var(--terracotta);box-shadow:var(--shadow-sm);border-radius:var(--r-sm);padding:12px 22px}.view-all-btn:hover{background:var(--terracotta-deep)}.class-item{background:var(--surface-2);border-radius:var(--r)}.am-root{position:fixed;inset:0;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}#auth-modal:target{opacity:1;pointer-events:auto}.am-overlay{position:absolute;inset:0;background:#2a25216b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:block}.am-dialog{position:relative;z-index:1;width:min(92vw,440px);margin:min(16vh,128px) auto 0;background:radial-gradient(120% 80% at 50% -10%,var(--terracotta-soft) 0%,transparent 58%),var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:40px 32px 28px;text-align:center;box-shadow:var(--shadow-lg);animation:am-pop .32s var(--ease-out) both}@keyframes am-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.am-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);text-decoration:none;color:var(--ink-soft);font-size:20px;line-height:1;display:inline-grid;place-items:center;transition:background var(--t-fast),color var(--t-fast)}.am-close:hover{background:var(--bg-tint);color:var(--ink)}.am-triad{position:relative;display:block;width:54px;height:34px;margin:4px auto 16px}.am-d{position:absolute;top:0;width:26px;height:26px;border-radius:50%;mix-blend-mode:multiply}.am-d-me{left:14px;background:color-mix(in srgb,var(--color-student) 60%,transparent)}.am-d-mentor{left:2px;top:8px;background:color-mix(in srgb,var(--color-model) 58%,transparent)}.am-d-peer{left:26px;top:8px;background:color-mix(in srgb,var(--color-peer) 58%,transparent)}.am-eyebrow{margin:0 0 8px;font-family:var(--font-serif);font-weight:700;font-size:.86rem;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta-deep)}.am-title{margin:0 0 8px;font-family:var(--font-serif);font-size:26px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}.am-lead{margin:0 auto 24px;max-width:30ch;font-size:.92rem;line-height:1.6;color:var(--ink-soft);word-break:keep-all}.am-google{display:inline-flex;gap:10px;align-items:center;justify-content:center;height:54px;width:100%;border-radius:var(--r);background:var(--ink);color:var(--ink-invert);border:1px solid var(--line-strong);text-decoration:none;font-weight:700;font-size:1rem;box-shadow:var(--shadow);transition:transform var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.am-google img{width:22px;height:22px;background:#fff;border-radius:50%;padding:2px}.am-google:hover,.am-google:focus-visible{background:color-mix(in srgb,var(--ink) 86%,var(--terracotta));transform:translateY(-1px);box-shadow:var(--shadow-lg);outline:none}.am-google:active{transform:translateY(0)}.am-sub{margin:18px 0 4px;color:var(--ink-muted);font-size:.92rem}.am-link{color:var(--terracotta);font-weight:600;text-underline-offset:2px}.am-link:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.am-dialog{animation:none}}@media(max-width:480px){.am-dialog{margin-top:14vh;padding:32px 20px 24px}}