@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");@import url("https://fonts.googleapis.com/css2?family=Chiron+GoRound+TC:wght@200..900&family=Do+Hyeon&family=Gowun+Dodum&family=Nanum+Gothic:wght@400;700;800&display=swap");:root{--bg:#f5f3ff;--surface:#fff;--text:#1e1b4b;--muted:#6b7280;--primary:#6366f1;--primary-dark:#4f46e5;--primary-soft:#ede9fe;--border:#e0e7ff;--border-soft:#f0ebff;--danger:#dc2626;--ok:#16a34a;--info:#4f46e5;--shadow-sm:0 1px 3px rgba(99,102,241,.07),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(99,102,241,.1),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 8px 32px rgba(99,102,241,.14),0 4px 8px rgba(0,0,0,.06);--radius:14px;--radius-sm:10px;--radius-xs:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;color:var(--text);background:linear-gradient(160deg,#f0ebff,#f5f3ff 40%,#eef2ff);min-height:100vh;-webkit-font-smoothing:antialiased}main{max-width:1100px;margin:0 auto;padding:24px 16px 80px}.dashboard-layout{width:100%;max-width:none;margin:0;padding:24px 26px 80px 250px;background:radial-gradient(circle at 85% 5%,rgba(139,92,246,.09),transparent 24%),linear-gradient(145deg,#f7f5ff,#f3f1fb 58%,#eef2ff)}.dashboard-layout>:not(.dashboard-sidebar):not(.login-notice-backdrop){width:min(1180px,100%);margin-right:auto;margin-left:auto}.dashboard-layout>.login-notice-backdrop{width:100vw;max-width:none;margin:0}.dashboard-sidebar{position:fixed;z-index:40;left:16px;top:16px;display:flex;width:208px;height:calc(100vh - 32px);overflow:visible;flex-direction:column;padding:18px 11px 14px;border:1px solid rgba(167,139,250,.32);border-radius:22px;background:radial-gradient(circle at 18% 7%,rgba(255,230,133,.2) 0 2px,transparent 3px),radial-gradient(circle at 86% 18%,hsla(0,0%,100%,.24) 0 1.5px,transparent 2.5px),linear-gradient(168deg,#15105f,#25127e 52%,#40129b);box-shadow:0 20px 48px rgba(25,17,87,.28);transition:width .22s ease,padding .22s ease}.dashboard-sidebar-toggle{position:absolute;z-index:3;right:-12px;top:62px;display:grid;width:27px;height:38px;min-height:38px;padding:0;place-items:center;border:1px solid rgba(196,181,253,.5);border-radius:10px;background:#33218d;color:#fff1a8;box-shadow:0 5px 14px rgba(25,17,87,.3);font-size:23px;line-height:1}.dashboard-sidebar-toggle:hover:not(:disabled){opacity:1;background:#5129bf;box-shadow:0 7px 18px rgba(25,17,87,.38)}.dashboard-layout.sidebar-collapsed{padding-left:112px}.sidebar-collapsed .dashboard-sidebar{width:72px;padding-inline:8px}.sidebar-collapsed .dashboard-sidebar-brand{justify-content:center;padding-inline:0}.sidebar-collapsed .dashboard-sidebar .tab>span:last-child,.sidebar-collapsed .dashboard-sidebar-badge-link span:nth-child(2),.sidebar-collapsed .dashboard-sidebar-badge-link strong,.sidebar-collapsed .dashboard-sidebar-brand>div,.sidebar-collapsed .dashboard-sidebar-footer,.sidebar-collapsed .dashboard-sidebar-mode{display:none}.sidebar-collapsed .dashboard-sidebar .tab{display:grid;grid-template-columns:1fr;width:100%;padding-inline:5px;place-items:center}.sidebar-collapsed .dashboard-sidebar .tab-icon{width:34px;height:34px}.sidebar-collapsed .dashboard-sidebar-badge-link{display:grid;grid-template-columns:1fr;padding-inline:5px;place-items:center}.dashboard-sidebar:after{content:"";position:absolute;right:-48px;bottom:30px;width:150px;height:150px;border:1px solid rgba(205,193,255,.12);border-radius:50%;box-shadow:0 0 55px rgba(124,58,237,.18);pointer-events:none}.dashboard-sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 15px;border-bottom:1px solid rgba(221,214,254,.16)}.dashboard-brand-star{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,239,168,.32);border-radius:13px;background:hsla(0,0%,100%,.1);color:#ffe47b;font-size:20px;box-shadow:0 0 18px rgba(255,228,123,.16)}.dashboard-sidebar-brand div{display:flex;flex-direction:column;gap:1px}.dashboard-sidebar-brand strong{color:#fff;font-size:17px;letter-spacing:-.02em}.dashboard-sidebar-brand small{color:#aaa2dc;font-size:8px;font-weight:700;letter-spacing:.13em}.dashboard-sidebar-mode{margin:15px 10px 8px;color:#aaa2dc;font-size:10px;font-weight:800;letter-spacing:.08em}.dashboard-sidebar .tabs{display:flex;min-height:0;overflow-x:hidden;overflow-y:auto;flex:1 1;flex-direction:column;gap:5px;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.dashboard-sidebar .tab{display:grid;grid-template-columns:32px 1fr;align-items:center;width:100%;min-height:44px;padding:6px 8px;overflow:visible;border:1px solid transparent;border-radius:12px;background:transparent;color:#c9c4ee;box-shadow:none;font-size:12.5px;text-align:left;transform:none}.dashboard-sidebar .tab-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:hsla(0,0%,100%,.08);font-size:15px}.dashboard-sidebar .tab:hover:not(.active){border-color:rgba(196,181,253,.16);background:hsla(0,0%,100%,.08);color:#fff;box-shadow:none;transform:none}.dashboard-sidebar .tab.active{border-color:rgba(255,229,128,.32);background:radial-gradient(circle at 92% 20%,rgba(255,231,136,.3) 0 2px,transparent 3px),linear-gradient(105deg,rgba(124,58,237,.85),rgba(99,65,196,.62));color:#fff;box-shadow:0 7px 18px rgba(10,5,54,.23),inset 0 1px 0 hsla(0,0%,100%,.12);transform:none}.dashboard-sidebar .tab.active .tab-icon{background:hsla(0,0%,100%,.17);box-shadow:0 0 12px rgba(255,231,136,.1)}.dashboard-sidebar .tab.active:after,.dashboard-sidebar .tab.active:before{display:none}.dashboard-sidebar-badge-link{position:relative;z-index:1;display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:7px;gap:7px;margin-top:9px;padding:9px 10px;border:1px solid rgba(255,229,128,.22);border-radius:12px;background:hsla(0,0%,100%,.08);color:#f5f3ff;font-size:11px;text-decoration:none}.dashboard-sidebar-badge-link strong{color:#ffe47b;font-size:10px}.dashboard-sidebar-badge-link.voyage-link{border-color:rgba(79,209,229,.3);background:linear-gradient(110deg,rgba(45,212,191,.12),rgba(124,58,237,.16))}.dashboard-sidebar-badge-link.voyage-link strong{color:#8cecf5}.emotion-picker{display:grid;grid-gap:14px;gap:14px;margin-top:18px;padding:22px;overflow:hidden;border:1px solid #ddd6fe;border-radius:22px;background:radial-gradient(circle at 5% 6%,rgba(250,204,21,.16) 0 3px,transparent 4px),radial-gradient(circle at 94% 8%,rgba(139,92,246,.12) 0 4px,transparent 5px),linear-gradient(155deg,#fffef9,#fff 58%,#f8f5ff);box-shadow:0 12px 32px rgba(76,50,154,.08)}.emotion-picker-heading{display:flex;align-items:flex-start;justify-content:center;gap:10px;text-align:center}.emotion-picker-heading>span{margin-top:3px;color:#f5b800;font-size:20px}.emotion-picker-heading h3{margin:0;color:#25155f;font-size:clamp(21px,3vw,28px)}.emotion-picker-heading p{margin:5px 0 0;color:#6b6490;font-size:13px}.emotion-step-title{display:flex;align-items:center;justify-content:center;gap:7px;color:#6039d7}.emotion-step-title:after,.emotion-step-title:before{width:min(180px,18vw);height:1px;content:"";background:repeating-linear-gradient(90deg,#c4b5fd 0 5px,transparent 5px 9px)}.emotion-step-title b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#6338e8;color:#fff;font-size:13px}.emotion-step-title strong{font-size:15px}.emotion-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px}.emotion-category-card{position:relative;display:grid;min-width:0;min-height:150px;padding:14px 8px 10px;place-items:center;align-content:center;grid-gap:5px;gap:5px;border:2px solid #ebe7e2;border-radius:18px;background:linear-gradient(180deg,#fff,var(--emotion-soft));color:#27204f;box-shadow:0 4px 12px rgba(45,34,90,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.emotion-category-card:hover{transform:translateY(-2px);border-color:var(--emotion-accent)}.emotion-category-card.is-selected{transform:translateY(-3px);border-color:var(--emotion-accent);box-shadow:0 8px 22px color-mix(in srgb,var(--emotion-accent) 25%,transparent)}.emotion-category-character{display:grid;width:60px;height:60px;place-items:center;border-radius:22px;background:var(--emotion-soft);font-size:38px;filter:drop-shadow(0 4px 5px rgba(45,34,90,.12))}.emotion-category-card strong{max-width:100%;font-size:12px;line-height:1.3;text-align:center;word-break:keep-all}.emotion-category-card small{color:#8a84a4;font-size:10px}.emotion-selected-check{position:absolute;top:8px;right:8px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#6039e7;color:#fff;box-shadow:0 3px 8px rgba(96,57,231,.28);font-size:13px}.emotion-step-connector{height:8px;color:#f2b90b;text-align:center;line-height:8px}.emotion-detail-guide{margin:-6px 0 0;color:#4c4177;font-size:13px;font-weight:700;text-align:center}.emotion-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-gap:9px;gap:9px}.emotion-detail-card{position:relative;display:grid;min-height:78px;padding:10px 8px;place-items:center;align-content:center;grid-gap:3px;gap:3px;border:1px solid #e5e0ef;border-radius:15px;background:#fff;color:#33295f;box-shadow:0 3px 9px rgba(42,31,86,.05)}.emotion-detail-card.is-selected,.emotion-detail-card:hover{border:2px solid #6c3ef0;background:#faf8ff;box-shadow:0 6px 16px rgba(108,62,240,.15)}.emotion-detail-card>span{position:absolute;top:6px;right:7px;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#6c3ef0;color:#fff;font-size:10px}.emotion-detail-card i{font-style:normal;font-size:22px}.emotion-detail-card strong{font-size:13px}.emotion-selection-summary{display:flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:9px 14px;border:1px solid #f2cf70;border-radius:15px;background:linear-gradient(90deg,#fffbed,#fff9e1)}.emotion-selection-summary>span{font-size:24px}.emotion-selection-summary small{color:#706687;font-size:12px}.emotion-selection-summary strong{color:#5630d4;font-size:16px}.emotion-note-field{display:grid;grid-gap:5px;gap:5px}.emotion-note-field label{color:#342866;font-size:13px;font-weight:800}.emotion-note-field textarea{min-height:82px;border-color:#dcd5f7;background:hsla(0,0%,100%,.88)}.emotion-note-field small{justify-self:end;color:#918aa8;font-size:10px}.emotion-submit{width:min(410px,100%);margin:0 auto}.emotion-submit button{min-height:52px;border-radius:15px;background:linear-gradient(105deg,#4c2bd4,#7137f4);box-shadow:0 8px 20px rgba(89,49,221,.25);font-size:16px}@media (max-width:900px){.emotion-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.emotion-picker{padding:16px 12px}.emotion-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emotion-category-card{min-height:132px}.emotion-category-character{width:52px;height:52px;font-size:32px}.emotion-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emotion-selection-summary{flex-wrap:wrap;gap:5px 8px}}.voyage-page{display:grid;width:100%;max-width:1080px;grid-gap:16px;gap:16px}.voyage-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 14px;border:1px solid #d8d0ff;border-radius:16px;background:hsla(0,0%,100%,.9);box-shadow:var(--shadow-sm)}.voyage-topbar a{color:#6258a7;font-size:12px;font-weight:700;text-decoration:none}.voyage-topbar-kicker{color:#7667b0;font-size:9px;font-weight:900;letter-spacing:.12em}.voyage-topbar>div{display:flex;align-items:center;gap:7px;color:#30276d}.voyage-topbar>div span{color:#eab308}.voyage-fuel-pill{justify-self:end;padding:5px 10px;border-radius:999px;background:#e7fbff;color:#087d91;font-size:12px;font-weight:800}.voyage-hero{position:relative;display:grid;min-height:260px;overflow:hidden;grid-template-columns:230px 1fr;align-items:center;padding:30px 40px;border:1px solid rgba(167,139,250,.45);border-radius:26px;background:radial-gradient(circle at 22% 45%,rgba(79,209,229,.2),transparent 18%),radial-gradient(circle at 90% 10%,rgba(124,58,237,.35),transparent 28%),linear-gradient(145deg,#0f0c45,#24126f 55%,#40148f);box-shadow:0 22px 55px rgba(27,18,89,.27)}.voyage-hero-stars{position:absolute;inset:18px;color:#fff2a4;font-size:17px;opacity:.8;word-spacing:28px}.voyage-ship{position:relative;z-index:1;font-size:116px;text-align:center;filter:drop-shadow(0 16px 18px rgba(0,0,0,.25));animation:voyage-float 3s ease-in-out infinite}.voyage-ship-tier-2{filter:drop-shadow(0 0 18px rgba(79,209,229,.5))}.voyage-ship-tier-3,.voyage-ship-tier-4,.voyage-ship-tier-5{filter:drop-shadow(0 0 24px rgba(255,214,107,.55))}.voyage-hero-copy{position:relative;z-index:1}.voyage-hero-copy p,.voyage-section-kicker{margin:0 0 4px;color:#4fd1e5;font-size:10px;font-weight:900;letter-spacing:.13em}.voyage-hero-copy h1{margin:0 0 8px;color:#fff;font-size:clamp(24px,4vw,38px)}.voyage-hero-copy>span{color:#d9d4f7;font-size:14px}.voyage-booster{position:absolute;right:22px;bottom:18px;padding:6px 11px;border:1px solid rgba(255,214,107,.28);border-radius:999px;background:hsla(0,0%,100%,.08);color:#ffe18a;font-size:11px;font-weight:800}.voyage-log-card h2,.voyage-missions h2,.voyage-route-card h2{margin:0;color:#30276d;font-size:18px}.voyage-route-card>.row>span{color:#0795aa;font-size:12px;font-weight:800}.voyage-route{display:flex;overflow-x:auto;justify-content:space-between;gap:18px;margin:22px 0 14px;padding:5px}.voyage-star-stop{display:flex;min-width:52px;flex-direction:column;align-items:center;gap:4px;opacity:.35;filter:grayscale(1)}.voyage-star-stop>span{display:grid;width:43px;height:43px;place-items:center;border:1px solid #ddd6fe;border-radius:50%;background:#f4f1ff;font-size:21px}.voyage-star-stop small{color:#766c95;font-size:9px;font-weight:700;white-space:nowrap}.voyage-star-stop.reached{opacity:1;filter:none}.voyage-star-stop.reached>span{border-color:#f5d46f;background:#fff9de;box-shadow:0 0 15px rgba(250,204,21,.18)}.voyage-star-stop.current>span{outline:3px solid rgba(79,209,229,.24);transform:scale(1.1)}.voyage-gauge{height:13px;overflow:visible;border-radius:999px;background:#e7e3f4}.voyage-gauge>div{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd1e5,#6366f1,#ffd66b);box-shadow:0 0 12px rgba(79,209,229,.32)}.voyage-gauge>div span{position:absolute;right:-12px;top:50%;font-size:23px;transform:translateY(-50%) rotate(-5deg)}.voyage-gauge-label{margin:7px 0 0;color:#8b82a3;font-size:10px;text-align:right}.voyage-missions>.row>strong{color:#0795aa;font-size:18px}.voyage-mission-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:15px}.voyage-mission{display:flex;align-items:center;flex-direction:column;gap:5px;padding:14px 8px;border:1px dashed #d9d2ef;border-radius:15px;background:#faf9ff;color:#8b829f}.voyage-mission>span{font-size:27px;filter:grayscale(.8)}.voyage-mission strong{font-size:12px}.voyage-mission small{font-size:10px}.voyage-mission.done{border-style:solid;border-color:#9ee4ec;background:linear-gradient(145deg,#f0fdff,#f6f4ff);color:#337784;box-shadow:0 5px 13px rgba(79,209,229,.09)}.voyage-mission.done>span{filter:none}.voyage-quest-card{position:relative;display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(220px,.8fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:18px 20px;overflow:hidden;border:1px solid #d9d1ff;border-radius:20px;background:radial-gradient(circle at 94% 18%,rgba(250,204,21,.2) 0 3px,transparent 4px),linear-gradient(130deg,#fffdf4,#fff 42%,#f2efff);box-shadow:0 8px 22px rgba(74,54,145,.1);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.voyage-quest-card:hover{transform:translateY(-2px);border-color:#a995fb;box-shadow:0 13px 28px rgba(74,54,145,.16)}.voyage-quest-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid #ead27f;border-radius:18px;background:linear-gradient(145deg,#fff8ce,#f2eaff);box-shadow:0 5px 13px rgba(119,86,198,.12);font-size:30px}.voyage-quest-copy h2{margin:0 0 4px;color:#30276d;font-size:18px}.voyage-quest-copy>span{color:#857a9f;font-size:11px}.voyage-quest-copy>span strong{margin-left:4px;color:#6d38dc;font-size:13px}.voyage-quest-progress{display:grid;grid-gap:7px;gap:7px}.voyage-quest-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#80769b;font-size:10px}.voyage-quest-progress strong{color:#43358c;font-size:13px}.voyage-quest-gauge{height:9px;overflow:hidden;border-radius:999px;background:#e9e4f5}.voyage-quest-gauge i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c48e8,#b46cec,#f1c84f)}.voyage-quest-arrow{color:#7354d9;font-size:30px;font-weight:300}.voyage-log-list{display:grid;grid-gap:7px;gap:7px;margin-top:14px}.voyage-log-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;border:1px solid #ebe7f6;border-radius:12px;background:#fcfbff}.voyage-log-list>div>span{color:#eab308;text-align:center}.voyage-log-list>div>div{display:flex;flex-direction:column}.voyage-log-list strong{color:#4c4568;font-size:11px}.voyage-log-list small{color:#9b94ac;font-size:9px}.voyage-log-list b{color:#0795aa;font-size:12px}.voyage-log-list b.negative{color:#dc2626}@keyframes voyage-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(2deg)}}@media (max-width:680px){.voyage-topbar{grid-template-columns:1fr auto}.voyage-topbar>div{display:none}.voyage-hero{grid-template-columns:1fr;padding:30px 22px;text-align:center}.voyage-ship{font-size:82px}.voyage-booster{position:static;z-index:1;justify-self:center;margin-top:18px}.voyage-mission-grid{grid-template-columns:1fr 1fr}.voyage-quest-card{grid-template-columns:auto 1fr auto;gap:11px;padding:15px}.voyage-quest-progress{grid-column:1/-1}.voyage-quest-arrow{grid-column:3;grid-row:1}}@media (prefers-reduced-motion:reduce){.voyage-ship{animation:none}}.voyage-teacher{display:grid;grid-gap:14px;gap:14px}.voyage-teacher-heading{padding:15px 17px;border-radius:18px;background:linear-gradient(135deg,#14105d,#351092)}.voyage-teacher-heading p{margin:0 0 4px;color:#63dce9;font-size:9px;font-weight:900;letter-spacing:.13em}.voyage-teacher-heading h2{margin:0 0 4px;color:#fff;font-size:20px}.voyage-teacher-heading>div>span{color:#c7c0ec;font-size:11px}.voyage-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));grid-gap:12px;gap:12px}.voyage-student-card{position:relative;overflow:hidden;padding:14px;border:1px solid #dcd5f4;border-radius:17px;background:radial-gradient(circle at 88% 12%,rgba(79,209,229,.16),transparent 22%),linear-gradient(145deg,#fff,#f5f2ff);box-shadow:0 6px 16px rgba(60,45,120,.08)}.voyage-student-card small{color:#8b7bb2;font-size:9px;font-weight:800}.voyage-student-card h3{margin:2px 0 0;color:#30276d;font-size:16px}.voyage-student-ship{font-size:31px;filter:drop-shadow(0 5px 6px rgba(79,70,160,.18))}.voyage-student-stats{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 8px}.voyage-student-stats span{padding:3px 7px;border-radius:999px;background:#f0edff;color:#665c8c;font-size:9px;font-weight:700}.voyage-student-stats strong{color:#087e92}.voyage-mini-gauge{height:7px;overflow:hidden;border-radius:999px;background:#e8e4f3}.voyage-mini-gauge div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd1e5,#6366f1,#ffd66b)}.voyage-student-card>p{margin:5px 0 10px;color:#938ba7;font-size:9px;text-align:right}.voyage-grant-form{display:grid;grid-template-columns:75px 1fr auto;grid-gap:5px;gap:5px}.voyage-grant-form input{min-width:0;padding:7px 8px;font-size:10px}.voyage-grant-form button{width:auto;min-height:34px;padding:6px 10px;font-size:10px}@media (max-width:520px){.voyage-teacher-heading{align-items:flex-start}.voyage-grant-form{grid-template-columns:1fr 1fr}.voyage-grant-form input:nth-child(2){grid-column:1/-1;grid-row:1}}.dashboard-sidebar-footer{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 10px 4px;border-top:1px solid rgba(221,214,254,.15)}.dashboard-sidebar-footer>span{color:#ffe47b;font-size:15px}.dashboard-sidebar-footer div{display:flex;min-width:0;flex-direction:column}.dashboard-sidebar-footer small{color:#9991ce;font-size:9px}.dashboard-sidebar-footer strong{overflow:hidden;color:#f5f3ff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.teacher-header-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.teacher-header-class-select{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid #ddd6fe;border-radius:11px;background:#faf9ff}.teacher-header-class-select>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#ede9fe;font-size:14px}.teacher-header-class-select>div{width:174px}.teacher-header-class-select label{margin:0 0 1px;color:#8b7eaf;font-size:8px;font-weight:800}.teacher-header-class-select select{height:24px;min-height:24px;padding:0 22px 0 0;border:0;border-radius:0;background-color:transparent;box-shadow:none;color:#3f3780;font-size:11px;font-weight:700}.teacher-header-class-code{display:flex;min-width:74px;flex-direction:column;align-items:center;gap:1px;padding:6px 9px;border:1px solid #f4d887;border-radius:11px;background:#fffaf0}.teacher-header-class-code span{color:#a8863b;font-size:8px;font-weight:800}.teacher-header-class-code strong{color:#795b17;font-size:13px;letter-spacing:.06em}.teacher-header-account-actions{display:flex;gap:5px}button.teacher-header-icon-button{width:auto;min-height:36px;padding:6px 9px;white-space:nowrap;font-size:10px}button.teacher-header-icon-button.danger{border-color:#fecaca;background:#fff;color:#dc2626}.teacher-dashboard-notices:empty{display:none}@media (max-width:1180px){.teacher-header-controls{flex-wrap:wrap}.teacher-header-class-select>div{width:145px}}@media (max-width:960px){.dashboard-layout{padding:16px 14px 64px}.dashboard-sidebar{position:static;order:2;width:min(1180px,100%);height:auto;margin:0 auto;padding:8px;overflow:visible;border-radius:16px}.dashboard-sidebar-toggle{display:none}.dashboard-layout.sidebar-collapsed{padding:16px 14px 64px}.dashboard-layout>.sticky-header{order:1}.dashboard-layout>:not(.dashboard-sidebar):not(.sticky-header):not(.login-notice-backdrop){order:3}.dashboard-sidebar-badge-link,.dashboard-sidebar-brand,.dashboard-sidebar-footer,.dashboard-sidebar-mode,.dashboard-sidebar:after{display:none}.dashboard-sidebar .tabs{overflow-x:auto;overflow-y:hidden;flex-direction:row;gap:6px}.dashboard-sidebar .tab{grid-template-columns:27px auto;width:auto;min-width:max-content;min-height:42px;padding:5px 11px 5px 7px}.dashboard-sidebar .tab-icon{width:27px;height:27px}}@media (max-width:560px){.dashboard-layout{padding-inline:10px}.dashboard-layout .sticky-header{align-items:stretch}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.student-management-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border-soft)}.student-management-actions{display:flex;flex:0 0 auto;gap:8px;padding:5px;border:1px solid #e5e7ff;border-radius:14px;background:#f8f7ff}button.student-toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:38px;padding:7px 12px;border:1px solid #dcdcf5;border-radius:10px;background:#fff;color:#4b5563;box-shadow:0 1px 2px rgba(49,46,129,.05);font-size:13px;font-weight:700;white-space:nowrap}button.student-toolbar-button:hover:not(:disabled){border-color:#a5b4fc;background:#f5f3ff;color:#4f46e5;box-shadow:0 4px 10px rgba(79,70,229,.1)}button.student-toolbar-button-danger{border-color:#fecaca;color:#b91c1c;background:snow}button.student-toolbar-button-danger:hover:not(:disabled){border-color:#fca5a5;color:#991b1b;background:#fff1f2;box-shadow:0 4px 10px rgba(220,38,38,.08)}button.student-toolbar-button-primary{border-color:#6366f1;background:linear-gradient(135deg,#7577f4,#5b5ee7);color:#fff;box-shadow:0 3px 9px rgba(99,102,241,.2)}button.student-toolbar-button-primary:hover:not(:disabled){border-color:#4f46e5;background:linear-gradient(135deg,#696cf0,#4f46e5);color:#fff}button.student-toolbar-button-primary.is-active{border-color:#c4b5fd;background:#ede9fe;color:#5b21b6;box-shadow:none}.student-toolbar-icon{display:inline-grid;width:20px;height:20px;place-items:center;border-radius:6px;background:rgba(99,102,241,.09);font-size:14px;line-height:1}.student-toolbar-button-danger .student-toolbar-icon{background:#fee2e2;font-size:12px}.student-toolbar-button-primary .student-toolbar-icon{background:hsla(0,0%,100%,.2);font-size:18px}.student-toolbar-button-primary.is-active .student-toolbar-icon{background:rgba(124,58,237,.1)}.student-toolbar-icon.is-spinning{animation:student-toolbar-spin .8s linear infinite}@keyframes student-toolbar-spin{to{transform:rotate(1turn)}}.student-add-form{padding:14px;border:1px solid #ddd6fe;border-radius:14px;background:linear-gradient(135deg,#faf9ff,#f5f3ff)}.eval-subject-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px 6px;border:1px solid #e9e2ff;border-radius:16px;background:radial-gradient(circle at 96% 18%,rgba(250,204,21,.2) 0 2px,transparent 3px),linear-gradient(135deg,#faf8ff,#fffdf4);scrollbar-width:thin}button.eval-subject-tab{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;width:auto;min-height:36px;padding:3px 11px 3px 5px;border:1px solid transparent;border-radius:13px;background:transparent;color:#68637d;box-shadow:none;font-size:12.5px;font-weight:700;white-space:nowrap}button.eval-subject-tab:hover:not(:disabled){border-color:#ddd6fe;background:hsla(0,0%,100%,.8);color:#514b72;box-shadow:0 4px 10px rgba(99,102,241,.08)}button.eval-subject-tab.is-active{border-color:#c4b5fd;background:#fff;color:#4f46e5;box-shadow:0 5px 14px rgba(99,102,241,.14)}button.eval-subject-tab.is-active:after{content:"✦";position:absolute;right:4px;top:1px;color:#eab308;font-size:8px}.eval-subject-icon{display:inline-grid;width:27px;height:27px;place-items:center;border:1px solid rgba(196,181,253,.6);border-radius:10px;background:linear-gradient(145deg,#fff,#f1edff);font-size:16px;line-height:1;transition:transform .15s ease}.eval-subject-tab.is-active .eval-subject-icon,.eval-subject-tab:hover .eval-subject-icon{transform:rotate(-5deg) scale(1.06)}.eval-subject-count{min-width:19px;padding:1px 5px;border-radius:10px;background:#ede9fe;color:#6d5bc5;font-size:10px;text-align:center}.eval-student-detail-layout{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;grid-gap:16px;gap:16px}.eval-student-picker{position:-webkit-sticky;position:sticky;top:16px;width:max-content;min-width:108px;max-width:148px;max-height:calc(100vh - 120px);overflow-y:auto;padding:8px;border:1px solid #e8e1ff;border-radius:15px;background:radial-gradient(circle at 88% 8%,rgba(250,204,21,.24) 0 2px,transparent 3px),linear-gradient(155deg,#fffdf6,#f7f4ff);box-shadow:0 5px 14px rgba(91,75,138,.07)}.eval-student-picker-title{margin:0 4px 8px;color:#655c82;font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.eval-student-picker-title span{color:#eab308}.eval-student-picker-list{display:flex;flex-direction:column;align-items:stretch;gap:5px}button.eval-student-chip{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-height:35px;padding:4px 8px 4px 5px;border:1px solid #e4e1ee;border-radius:11px;background:hsla(0,0%,100%,.8);color:#514c61;box-shadow:none;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}button.eval-student-chip:hover:not(:disabled){border-color:#c4b5fd;background:#fff;color:#5b21b6;box-shadow:0 4px 10px rgba(124,58,237,.09)}button.eval-student-chip.is-active{border-color:#a78bfa;background:linear-gradient(120deg,#fff,#f1edff);color:#5b21b6;box-shadow:0 5px 12px rgba(124,58,237,.13)}.eval-student-number{display:inline-grid;min-width:25px;height:25px;place-items:center;padding:0 4px;border-radius:8px;background:#f0edff;color:#7565bd;font-size:10px;font-weight:800}.eval-student-chip.is-active .eval-student-number{background:#7c3aed;color:#fff}.eval-student-name{overflow:hidden;text-overflow:ellipsis}.eval-student-spark{margin-left:auto;color:#eab308;font-size:9px;filter:drop-shadow(0 1px 2px rgba(234,179,8,.3))}.eval-student-detail-content{position:-webkit-sticky;position:sticky;top:16px;display:flex;min-width:0;max-height:calc(100vh - 120px);overflow-y:auto;flex-direction:column;gap:14px}@media (max-width:680px){.eval-student-detail-layout{grid-template-columns:1fr}.eval-student-picker{position:static;width:100%;max-width:none;overflow-y:visible}.eval-student-picker-list{flex-direction:row;overflow-x:auto;padding-bottom:2px}button.eval-student-chip{width:auto;flex:0 0 auto}.eval-student-detail-content{position:static;max-height:none;overflow-y:visible}}@media (max-width:720px){.student-management-header{align-items:stretch;flex-direction:column}.student-management-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}button.student-toolbar-button{width:100%}button.student-toolbar-button-primary{grid-column:2;grid-row:2}button.student-toolbar-button-danger{grid-column:1;grid-row:2}.student-management-actions .refresh-button{grid-column:2;grid-row:1;width:100%}}.starlight-mail-card{position:relative;overflow:hidden;border-color:#ddd6fe;background:radial-gradient(circle at 94% 8%,rgba(253,224,71,.24) 0 2px,transparent 3px),radial-gradient(circle at 88% 15%,rgba(167,139,250,.22) 0 3px,transparent 4px),linear-gradient(145deg,#fffefa,#fff 55%,#f7f5ff)}.starlight-mail-card:after{content:"✦";position:absolute;right:22px;top:54px;color:#f4c84b;font-size:22px;opacity:.7;pointer-events:none}.starlight-mail-kicker{margin:0 0 3px;color:#8b5cf6;font-size:11px;font-weight:800;letter-spacing:.14em}.starlight-mail-title{margin:0;color:#312e81;font-size:24px;letter-spacing:-.03em}.student-letter-list,.teacher-letter-list{display:grid;grid-gap:8px;gap:8px}.teacher-letter-list-head,.teacher-letter-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 120px 100px 80px;grid-gap:8px;gap:8px;align-items:center}.teacher-letter-list-head{padding:9px 18px}.student-letter-row,.teacher-letter-row{position:relative;border:1px solid #e9e2ff;border-radius:14px;background:linear-gradient(105deg,#fffdf5,#fff 48%,#f9f7ff);box-shadow:0 4px 12px rgba(91,75,138,.07)}.teacher-letter-row{padding:13px 16px}.student-letter-row:after,.teacher-letter-row:after{content:"✦";position:absolute;right:10px;top:4px;color:#f6cf57;font-size:9px;pointer-events:none}.student-letter-row.is-read,.teacher-letter-row.is-read{background:hsla(0,0%,100%,.72);box-shadow:none}.letter-subject-cell{display:flex;align-items:center;gap:8px;min-width:0}.letter-envelope-icon{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:10px;background:#f2edff;font-size:16px}.letter-title-button{min-width:0;min-height:36px;padding:0;overflow:hidden;border:0;background:none;color:#312e81;box-shadow:none;font-size:14px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.letter-title-button:hover:not(:disabled){color:#7c3aed;background:none;box-shadow:none}.student-letter-row{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:13px 16px;color:#1e1b4b;text-align:left;cursor:pointer}.student-letter-row.is-new{border-color:#c4b5fd;background:linear-gradient(105deg,#fffbea,#fff 48%,#f2efff);box-shadow:0 6px 16px rgba(124,58,237,.11)}.student-letter-row:hover:not(:disabled),.teacher-letter-row:hover{border-color:#c4b5fd;box-shadow:0 7px 18px rgba(91,75,138,.13);transform:translateY(-1px);opacity:1}.starlight-mail-tabs{padding:5px;border:1px solid #e9e2ff;border-radius:14px;background:#f8f5ff}.starlight-letter-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 20%,rgba(250,204,21,.18),transparent 22%),rgba(30,27,75,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.starlight-letter-modal{position:relative;width:min(500px,96vw);max-height:88vh;overflow-y:auto;border:2px solid #f5df9a;border-radius:18px;background:#fffdf5;box-shadow:0 24px 70px rgba(30,27,75,.35)}.teacher-letter-modal{width:min(560px,96vw)}.starlight-letter-header{position:relative;padding:32px 22px 16px;border-bottom:1px dashed #d8ccab;background:linear-gradient(135deg,#fff7d6,#fffdf4 60%,#f2efff)}.letter-washi{position:absolute;left:50%;top:0;width:112px;height:21px;transform:translateX(-50%) rotate(-1.5deg);background:repeating-linear-gradient(45deg,rgba(167,139,250,.34) 0 8px,rgba(253,224,71,.3) 8px 16px);-webkit-clip-path:polygon(2% 8%,98% 0,96% 92%,1% 100%);clip-path:polygon(2% 8%,98% 0,96% 92%,1% 100%)}.starlight-letter-subject{margin:0;color:#312e81;font-size:20px;line-height:1.35;word-break:break-all}.starlight-letter-paper{min-height:220px;padding:25px 25px 32px 48px;background:linear-gradient(90deg,transparent 31px,rgba(244,114,182,.25) 32px,transparent 33px),repeating-linear-gradient(180deg,#fffdf5 0 31px,#dbeafe 32px);display:flex;flex-direction:column;gap:14px}.starlight-letter-content{margin:0;color:#3f3a5f;font-size:15px;line-height:32px;white-space:pre-wrap}.letter-star{position:absolute;z-index:2;color:#f4c84b;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(124,58,237,.18))}.letter-star-one{right:16px;top:11px;font-size:19px;transform:rotate(12deg)}.letter-star-two{right:42px;top:31px;color:#a78bfa;font-size:13px}@media (max-width:760px){.teacher-letter-list-head{display:none}.teacher-letter-row{grid-template-columns:1fr auto;gap:5px 10px}.teacher-letter-row>span:nth-child(2),.teacher-letter-row>span:nth-child(3),.teacher-letter-row>span:nth-child(4){font-size:11px!important}.teacher-letter-row>span:nth-child(2):before{content:"보낸이 ";color:#a78bfa}.teacher-letter-row>span:nth-child(3):before{content:"받는이 ";color:#a78bfa}.letter-subject-cell{grid-column:1/-1}.teacher-letter-row>button:last-child{grid-column:2;grid-row:2/span 2}.student-letter-row{flex-wrap:wrap;gap:6px 10px}.student-letter-row>span:nth-last-child(2){margin-left:40px}.starlight-letter-header .row.space-between{flex-direction:column;gap:12px}.starlight-letter-header .row.space-between>.row{width:100%;flex-wrap:wrap}.starlight-letter-paper{padding-left:42px}}.sticky-header{position:-webkit-sticky;position:sticky;top:8px;z-index:20;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:none;background:hsla(0,0%,100%,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-md)}.header-actions{min-width:200px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--muted);letter-spacing:.01em}input,select,textarea{width:100%;border-radius:var(--radius-sm);border:1.5px solid var(--border);padding:10px 14px;font:inherit;font-size:14px;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.12)}input::placeholder,textarea::placeholder{color:#c4c4c8}textarea{min-height:88px;resize:vertical}button{width:100%;border-radius:var(--radius-sm);border:none;padding:11px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px rgba(99,102,241,.25);letter-spacing:.01em}button:hover:not(:disabled){opacity:.92;box-shadow:0 4px 16px rgba(99,102,241,.35);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.ghost{background:var(--primary-soft);color:var(--primary);box-shadow:none}button.ghost:hover:not(:disabled){background:#ddd6fe;box-shadow:none}.refresh-button{width:auto;min-height:38px;flex-shrink:0;gap:7px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid #d9d2ff;background:linear-gradient(145deg,#fff 12%,#f5f1ff);color:#6258b7;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 10px rgba(79,70,165,.12),inset 0 1px 0 hsla(0,0%,100%,.9)}.refresh-button:hover:not(:disabled){opacity:1;border-color:#b9aff3;background:linear-gradient(145deg,#fffdf7 5%,#eee9ff);box-shadow:0 7px 16px rgba(79,70,165,.18),0 0 14px rgba(245,183,46,.12)}.refresh-star-icon{display:inline-grid;width:21px;height:21px;place-items:center;border-radius:7px;background:#fff7d6;color:#e6a51f;font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgba(245,183,46,.25));transform-origin:center}.refresh-button.is-loading .refresh-star-icon{animation:refresh-illustration-spin .85s linear infinite}@keyframes refresh-illustration-spin{to{transform:rotate(1turn)}}.ai-confirm-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(24,20,62,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.ai-confirm-card{width:min(390px,100%);overflow:hidden;text-align:center;border:1px solid #d8d0ff;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(10,7,38,.42),0 0 36px rgba(157,136,255,.16);animation:ai-confirm-pop .22s ease-out}.ai-confirm-illustration{position:relative;height:154px;overflow:hidden;background:radial-gradient(circle at 50% 84%,rgba(255,222,112,.22),transparent 29%),radial-gradient(circle at 16% 20%,rgba(173,157,255,.38),transparent 32%),linear-gradient(155deg,#30246d,#5b4ca2 58%,#8376c7)}.ai-confirm-art{position:absolute;left:50%;bottom:6px;width:174px;transform:translateX(-50%);filter:drop-shadow(0 10px 12px rgba(15,9,57,.18))}.ai-confirm-wand{transform-box:fill-box;transform-origin:20% 80%;animation:ai-confirm-wand-wave 2.4s ease-in-out infinite}.ai-confirm-spark{position:absolute;z-index:1;color:#ffec9a;line-height:1;text-shadow:0 0 8px rgba(255,226,107,.9);animation:ai-confirm-spark-twinkle 1.7s ease-in-out infinite alternate}.ai-confirm-spark-1{top:24px;left:17%;font-size:14px}.ai-confirm-spark-2{top:55px;left:28%;font-size:9px;animation-delay:-.8s}.ai-confirm-spark-3{top:28px;right:16%;font-size:11px;animation-delay:-1.2s}.ai-confirm-content{padding:23px 26px 24px}.ai-confirm-title{margin:0 0 9px;color:#30276d;font-size:18px;font-weight:800;letter-spacing:-.02em}.ai-confirm-message{margin:0 0 22px;color:#676080;font-size:14px;line-height:1.7;white-space:pre-line}.ai-confirm-actions{display:flex;gap:10px}.ai-confirm-actions button{flex:1 1;min-height:44px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:700}.ai-confirm-cancel{border:1.5px solid #ded8f6;background:#f8f7ff;color:#6b648f;box-shadow:none}.ai-confirm-cancel:hover:not(:disabled){opacity:1;background:#efecff;box-shadow:none}.ai-confirm-submit{border:1px solid rgba(255,224,112,.4);color:#fff;background:linear-gradient(135deg,#7968cc,#5345a5);box-shadow:0 7px 17px rgba(83,69,165,.3)}.ai-confirm-submit span{color:#ffe37a}@keyframes ai-confirm-pop{0%{opacity:0;transform:scale(.94) translateY(9px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ai-confirm-wand-wave{0%,to{transform:rotate(-3deg)}50%{transform:rotate(6deg) translateY(-2px)}}@keyframes ai-confirm-spark-twinkle{0%{opacity:.38;transform:scale(.72) rotate(-8deg)}to{opacity:1;transform:scale(1.14) rotate(8deg)}}@media (prefers-reduced-motion:reduce){.ai-confirm-card,.ai-confirm-spark,.ai-confirm-wand,.refresh-button.is-loading .refresh-star-icon{animation:none}}.growth-analysis-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(24,20,62,.64);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.growth-analysis-modal{width:min(380px,100%);overflow:hidden;padding:0 30px 30px;text-align:center;border:1px solid rgba(215,207,255,.9);border-radius:24px;background:linear-gradient(180deg,#f0ecff 0 48%,#fff 72%);box-shadow:0 28px 80px rgba(10,7,38,.42),0 0 40px rgba(157,136,255,.18)}.growth-star-scene{position:relative;height:172px;margin:0 -30px 18px;overflow:hidden;background:radial-gradient(circle at 50% 76%,rgba(255,218,104,.22),transparent 25%),radial-gradient(circle at 18% 18%,rgba(154,136,255,.32),transparent 34%),linear-gradient(160deg,#30246d,#594aa0 54%,#8174c6)}.growth-star{position:absolute;color:#fff3b6;line-height:1;text-shadow:0 0 8px rgba(255,232,133,.9);animation:growth-star-twinkle 1.8s ease-in-out infinite alternate}.growth-star-1{top:24px;left:15%;font-size:13px;animation-delay:-.3s}.growth-star-2{top:53px;left:30%;font-size:9px;animation-delay:-1.1s}.growth-star-3{top:22px;right:19%;font-size:10px;animation-delay:-.8s}.growth-star-4{top:73px;right:10%;font-size:14px;animation-delay:-1.5s}.growth-star-5{top:109px;left:10%;font-size:8px;animation-delay:-.6s}.growth-star-orbit{position:absolute;left:50%;top:50%;width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(237,231,255,.3);border-radius:50%;transform:translate(-50%,-42%);box-shadow:0 0 34px rgba(255,222,112,.2)}.growth-star-orbit:after{content:"✦";position:absolute;top:-7px;left:10px;color:#ffe480;font-size:13px;text-shadow:0 0 8px #ffdc69;animation:growth-orbit-spin 3s linear infinite;transform-origin:34px 51px}.growth-star-core{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;color:#fff0a8;font-size:29px;background:linear-gradient(145deg,hsla(0,0%,100%,.22),rgba(255,222,112,.08));border:1px solid rgba(255,244,191,.5);box-shadow:0 10px 25px rgba(20,12,68,.3),inset 0 0 24px rgba(255,222,112,.24);animation:growth-core-float 2.2s ease-in-out infinite}.growth-shooting-star{position:absolute;top:36px;left:-50px;width:54px;height:2px;border-radius:999px;opacity:0;background:linear-gradient(90deg,transparent,#fff7cf);box-shadow:0 0 7px rgba(255,239,168,.8);transform:rotate(-18deg);animation:growth-star-shoot 3.8s ease-in-out .8s infinite}.growth-analysis-title{margin:0 0 8px;color:#30276d;font-size:17px;font-weight:800;letter-spacing:-.02em}.growth-analysis-description{margin:0;color:#6b648f;font-size:13px;line-height:1.65}.growth-analysis-dots{display:flex;justify-content:center;gap:6px;margin-top:17px}.growth-analysis-dots span{width:6px;height:6px;border-radius:50%;background:#8879cf;animation:growth-dot-bounce 1.1s ease-in-out infinite}.growth-analysis-dots span:nth-child(2){animation-delay:.14s}.growth-analysis-dots span:nth-child(3){animation-delay:.28s}@keyframes growth-star-twinkle{0%{opacity:.35;transform:scale(.7) rotate(-8deg)}to{opacity:1;transform:scale(1.16) rotate(8deg)}}@keyframes growth-orbit-spin{to{transform:rotate(1turn)}}@keyframes growth-core-float{0%,to{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes growth-star-shoot{0%,12%{opacity:0;transform:translate(0) rotate(-18deg)}18%{opacity:1}48%,to{opacity:0;transform:translate(430px,130px) rotate(-18deg)}}@keyframes growth-dot-bounce{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.growth-analysis-dots span,.growth-shooting-star,.growth-star,.growth-star-core,.growth-star-orbit:after{animation:none}}.auth-login-shell{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);grid-gap:0;gap:0;overflow:hidden;padding:0;border-color:#d8d0f5;box-shadow:0 14px 36px rgba(73,60,145,.14)}.auth-illustration{min-height:440px;display:flex;flex-direction:column;justify-content:center;padding:28px 28px 32px;color:#fff;background:radial-gradient(circle at 20% 16%,rgba(181,164,255,.34),transparent 30%),radial-gradient(circle at 86% 72%,rgba(255,220,105,.16),transparent 26%),linear-gradient(155deg,#30246d,#504294 52%,#7466b7)}.auth-illustration-student{background:radial-gradient(circle at 18% 15%,rgba(199,187,255,.38),transparent 31%),radial-gradient(circle at 84% 75%,rgba(255,222,112,.2),transparent 27%),linear-gradient(155deg,#3b2e7a,#5c4da1 52%,#8678c7)}.auth-sky{position:relative;height:220px}.auth-book-art{position:absolute;left:50%;bottom:0;width:min(290px,105%);transform:translateX(-50%);filter:drop-shadow(0 14px 16px rgba(19,12,60,.2))}.auth-book-star{filter:drop-shadow(0 0 8px rgba(255,224,111,.85));transform-box:fill-box;transform-origin:center;animation:auth-star-glow 2s ease-in-out infinite alternate}.auth-pencil{transform-box:fill-box;transform-origin:15% 85%;animation:auth-pencil-float 3s ease-in-out infinite}.auth-twinkle{position:absolute;z-index:1;color:#ffec9c;line-height:1;text-shadow:0 0 8px rgba(255,226,116,.9);animation:auth-twinkle 1.8s ease-in-out infinite alternate}.auth-twinkle-1{top:12px;left:12%;font-size:15px}.auth-twinkle-2{top:52px;left:24%;font-size:9px;animation-delay:-.7s}.auth-twinkle-3{top:20px;right:12%;font-size:12px;animation-delay:-1.2s}.auth-twinkle-4{top:70px;right:22%;font-size:20px;animation-delay:-.3s}.auth-illustration-copy{position:relative;z-index:2;text-align:center}.auth-illustration-kicker{display:inline-block;margin-bottom:8px;color:#ffe68b;font-size:12px;font-weight:800;letter-spacing:.08em}.auth-illustration-copy h2{margin:0 0 9px;color:#fff;font-size:20px;line-height:1.35;letter-spacing:-.03em}.auth-illustration-copy p{margin:0 auto;max-width:300px;color:rgba(244,241,255,.78);font-size:13px;line-height:1.65}.auth-form-panel{align-self:center;padding:34px 36px}.auth-form-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.auth-form-heading>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #d9d1f7;border-radius:12px 12px 12px 5px;color:#c48a13;background:linear-gradient(145deg,#fffbea,#f1edff);box-shadow:0 5px 12px rgba(86,70,158,.12)}.auth-form-heading h2{margin:0;font-size:20px;color:#30276d}.auth-form-heading p{margin:3px 0 0;color:#827a9e;font-size:12px}.auth-form-panel input{background:#fdfcff;border-color:#ddd7f3}.auth-form-panel input:focus{background:#fff}@keyframes auth-star-glow{0%{opacity:.62;transform:scale(.82) rotate(-5deg)}to{opacity:1;transform:scale(1.08) rotate(5deg)}}@keyframes auth-pencil-float{0%,to{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes auth-twinkle{0%{opacity:.32;transform:scale(.72)}to{opacity:1;transform:scale(1.16)}}@media (max-width:720px){.auth-login-shell{grid-template-columns:1fr}.auth-illustration{min-height:auto;padding:18px 22px 22px}.auth-sky{height:164px}.auth-book-art{width:230px}.auth-illustration-copy h2{font-size:17px}.auth-illustration-copy p{display:none}.auth-form-panel{width:100%;padding:26px 22px 28px}}@media (prefers-reduced-motion:reduce){.auth-book-star,.auth-pencil,.auth-twinkle{animation:none}}.landing-hero{perspective:900px}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%}.hero-starfield{--pointer-x:50%;--pointer-y:50%;--shift-x:0px;--shift-y:0px;position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.hero-stars{position:absolute;inset:-20px;transform:translate(var(--shift-x),var(--shift-y));transition:transform .3s ease-out}.hero-star{position:absolute;left:var(--star-left);top:var(--star-top);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#fff;box-shadow:0 0 5px rgba(199,210,254,.9),0 0 12px rgba(165,180,252,.45);animation:hero-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite}.hero-star-depth-0{opacity:.32}.hero-star-depth-1{opacity:.56}.hero-star-depth-2{opacity:.82}.hero-pointer-glow{left:var(--pointer-x);top:var(--pointer-y);width:min(46vw,560px);background:radial-gradient(circle,rgba(139,92,246,.16) 0,rgba(99,102,241,.07) 42%,transparent 72%);filter:blur(8px);transform:translate(-50%,-50%);transition:left .28s ease-out,top .28s ease-out}.hero-aurora,.hero-pointer-glow{position:absolute;aspect-ratio:1;border-radius:50%}.hero-aurora{width:55vw;min-width:420px;filter:blur(78px);opacity:.16;animation:hero-aurora-drift 12s ease-in-out infinite alternate}.hero-aurora-one{top:-34%;left:-15%;background:#6366f1}.hero-aurora-two{right:-18%;bottom:-42%;background:#8b5cf6;animation-delay:-6s}.hero-sparkle{position:absolute;color:#fef3c7;line-height:1;text-shadow:0 0 12px rgba(251,191,36,.75);animation:hero-sparkle-pulse 3.2s ease-in-out infinite}.hero-sparkle-one{top:21%;left:15%;font-size:22px}.hero-sparkle-two{top:29%;right:13%;font-size:30px;animation-delay:-1.1s}.hero-sparkle-three{right:23%;bottom:19%;font-size:16px;animation-delay:-2.2s}.hero-shooting-star{position:absolute;top:17%;left:-15%;width:120px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.9));filter:drop-shadow(0 0 5px rgba(199,210,254,.8));opacity:0;transform:rotate(-16deg);animation:hero-shoot 8s ease-in-out infinite}.hero-shooting-star:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}.hero-shooting-star-two{top:58%;animation-delay:-4.7s;animation-duration:11s}.hero-eyebrow{box-shadow:0 0 28px rgba(99,102,241,.18);animation:hero-float 4.8s ease-in-out infinite}.hero-title{background-size:220% 100%!important;filter:drop-shadow(0 0 24px rgba(165,180,252,.18));animation:hero-title-shimmer 6s linear infinite}.hero-primary-button,.hero-secondary-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.hero-primary-button:hover:not(:disabled){transform:translateY(-3px) scale(1.025);box-shadow:0 12px 38px rgba(99,102,241,.56)!important}.hero-secondary-button:hover:not(:disabled){transform:translateY(-3px);background:hsla(0,0%,100%,.14)!important;box-shadow:0 8px 26px rgba(165,180,252,.15)}.hero-scroll-hint{z-index:2;animation:hero-scroll-bounce 2.1s ease-in-out infinite}@keyframes hero-twinkle{0%,to{transform:scale(.65);opacity:.25}48%{transform:scale(1.45);opacity:1}65%{transform:scale(.9);opacity:.55}}@keyframes hero-sparkle-pulse{0%,to{opacity:.25;transform:rotate(0deg) scale(.7)}50%{opacity:.95;transform:rotate(20deg) scale(1.15)}}@keyframes hero-shoot{0%,74%{left:-15%;opacity:0}77%{opacity:1}91%{left:112%;opacity:0}to{left:112%;opacity:0}}@keyframes hero-aurora-drift{0%{transform:translate3d(-3%,-2%,0) scale(.95)}to{transform:translate3d(8%,7%,0) scale(1.08)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hero-title-shimmer{0%{background-position:0 50%}to{background-position:220% 50%}}@keyframes hero-scroll-bounce{0%,to{margin-bottom:0;opacity:.35}50%{margin-bottom:-6px;opacity:.7}}.notion-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 16px;overflow:hidden;border:1px solid hsla(48,97%,77%,.9);border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fbbf24 52%,#f59e0b);color:#422006;box-shadow:0 4px 18px rgba(251,191,36,.3),inset 0 1px 0 hsla(0,0%,100%,.75);font-size:14px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.notion-cta:after{content:"";position:absolute;z-index:-1;top:-80%;left:-35%;width:24px;height:250%;background:hsla(0,0%,100%,.55);transform:rotate(24deg);transition:left .45s ease}.notion-cta:hover{filter:brightness(1.04);transform:translateY(-2px) rotate(-1deg);box-shadow:0 7px 22px rgba(251,191,36,.42),inset 0 1px 0 hsla(0,0%,100%,.8)}.notion-cta:hover:after{left:115%}.notion-cta:focus-visible{outline:3px solid rgba(253,224,71,.45);outline-offset:3px}.notion-cta-star{width:17px;height:17px;flex:0 0 auto;fill:#fff7d6;filter:drop-shadow(0 1px 1px rgba(120,53,15,.28));transition:transform .25s ease}.notion-cta:hover .notion-cta-star{transform:rotate(18deg) scale(1.12)}@media (max-width:640px){.landing-brand{font-size:16px!important}.landing-header-actions{gap:6px!important}.landing-login-button{min-height:34px;padding:7px 10px!important;font-size:12px!important}.notion-cta{min-height:34px;gap:5px;padding:7px 10px;font-size:12px}.notion-cta-star{width:15px;height:15px}}@media (max-width:420px){.landing-brand{font-size:0!important}.landing-brand:before{content:"✦";font-size:20px}}@media (prefers-reduced-motion:reduce){.hero-aurora,.hero-eyebrow,.hero-scroll-hint,.hero-shooting-star,.hero-sparkle,.hero-star,.hero-title{animation:none!important}.hero-pointer-glow,.hero-stars{transform:none;transition:none}}button.outline{background:#fff;color:var(--text);border:1.5px solid var(--border);box-shadow:none}button.outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:none;transform:none}p.hint{color:var(--muted);font-size:13px;margin-top:6px;margin-bottom:0;line-height:1.6}.notice{margin:8px 0 0;font-size:13px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:500}.notice.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.notice.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice.info{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.login-notice-backdrop{position:fixed;z-index:2147483647;inset:0;display:grid;width:100vw;max-width:none;height:100vh;height:100dvh;overflow:hidden;place-items:center;padding:16px;isolation:isolate;overscroll-behavior:contain;background:radial-gradient(circle at 18% 18%,rgba(250,204,21,.13),transparent 20%),radial-gradient(circle at 82% 78%,rgba(167,139,250,.18),transparent 24%),rgba(16,12,64,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-notice-card{position:relative;width:min(520px,96vw);max-height:88vh;overflow-x:hidden;overflow-y:auto;border:2px solid #d8d0ff;border-radius:22px;background:#fffdf6;box-shadow:0 28px 80px rgba(15,12,54,.42),0 0 30px rgba(167,139,250,.16);animation:login-notice-arrive .24s ease-out;font-family:Gowun Dodum,Nanum Gothic,Chiron GoRound TC,sans-serif}.login-notice-header{position:relative;min-height:190px;padding:38px 34px 25px 190px;border-bottom:1px dashed #cfc5ef;background:radial-gradient(circle at 84% 15%,rgba(255,244,145,.9) 0 2px,transparent 3px),radial-gradient(circle at 72% 32%,hsla(0,0%,100%,.82) 0 1.5px,transparent 2.5px),linear-gradient(145deg,#100b5f,#24118e 47%,#5414c9)}.login-notice-illustration{position:absolute;left:35px;top:31px;display:grid;width:130px;height:126px;place-items:center;border:1px solid hsla(0,0%,100%,.28);border-radius:30px;background:radial-gradient(circle at 38% 32%,hsla(0,0%,100%,.34),rgba(98,67,224,.18) 58%,transparent 60%);box-shadow:inset 0 0 24px rgba(157,133,255,.2),0 0 24px rgba(115,87,255,.2);transform:rotate(-4deg)}.notice-moon{left:9px;top:10px;font-size:58px;animation:notice-character-float 3.2s ease-in-out infinite}.notice-envelope,.notice-moon{position:absolute;filter:drop-shadow(0 5px 6px rgba(19,12,59,.28))}.notice-envelope{right:2px;bottom:10px;z-index:1;font-size:51px;transform:rotate(8deg);animation:notice-character-bob 2.8s ease-in-out infinite}.notice-character-blush{position:absolute;right:10px;top:33px;width:10px;height:5px;border-radius:50%;background:rgba(251,113,133,.58);box-shadow:0 0 5px rgba(251,113,133,.4)}.notice-character-wave{position:absolute;right:-13px;top:4px;color:#ffe788;font-size:17px;font-style:normal;font-weight:900;transform:rotate(-32deg);text-shadow:0 0 6px rgba(255,231,136,.7)}.notice-orbit{width:144px;height:48px;border:1.5px solid rgba(255,238,166,.5);border-radius:50%;transform:rotate(-25deg)}.login-notice-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.login-notice-kicker{color:#fff0a8;font-size:13px;font-weight:800;letter-spacing:.09em;font-family:Do Hyeon,Gowun Dodum,Nanum Gothic,sans-serif}.login-notice-page{flex-shrink:0;padding:3px 8px;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;background:hsla(0,0%,100%,.12);color:#ede9fe;font-size:10px;font-weight:700}.login-notice-title{margin:0;color:#fff;font-size:26px;font-weight:800;line-height:1.35;word-break:break-word;font-family:Do Hyeon,Gowun Dodum,Nanum Gothic,sans-serif;letter-spacing:.015em}.login-notice-greeting{margin:14px 0 0;color:#ddd6fe;font-size:13px}.login-notice-paper{position:relative;margin:0;min-height:230px;padding:55px 40px 35px 116px;border:0;border-radius:0;background:linear-gradient(90deg,transparent 72px,rgba(244,114,182,.28) 73px,transparent 75px),repeating-linear-gradient(180deg,#fffdf5 0 33px,#dbeafe 34px);box-shadow:inset 0 5px 12px rgba(94,76,35,.06)}.login-notice-tape{position:absolute;left:50%;top:-11px;width:142px;height:24px;transform:translateX(-50%) rotate(1deg);background:repeating-linear-gradient(45deg,rgba(167,139,250,.38) 0 7px,rgba(253,224,71,.34) 7px 14px);-webkit-clip-path:polygon(2% 5%,98% 0,96% 94%,0 100%);clip-path:polygon(2% 5%,98% 0,96% 94%,0 100%)}.login-notice-content{margin:0;color:#3f3a5f;font-size:15px;line-height:34px;white-space:pre-wrap;word-break:break-word;font-family:Gowun Dodum,Nanum Gothic,Chiron GoRound TC,sans-serif;font-weight:400}.login-notice-paper-holes{position:absolute;left:18px;top:25px;bottom:22px;display:flex;flex-direction:column;justify-content:space-around}.login-notice-paper-holes i{width:12px;height:12px;border-radius:50%;background:#625f78;box-shadow:inset 1px 1px 2px rgba(15,12,54,.35),0 1px 0 #fff}.login-notice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 28px 23px;border-top:1px solid #eee7d8;background:#fffdf8}.login-notice-dismiss{display:flex;align-items:center;gap:8px;margin:0;color:#676080;font-size:13px;cursor:pointer;font-family:Gowun Dodum,Nanum Gothic,sans-serif}.login-notice-dismiss input{width:17px;height:17px;accent-color:#7c3aed;cursor:pointer}button.login-notice-confirm{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;justify-items:center;grid-gap:8px;gap:8px;width:auto;min-width:205px;min-height:54px;padding:13px 20px;border-radius:15px;background:linear-gradient(135deg,#5b21e8,#711cff);box-shadow:0 8px 20px rgba(91,33,182,.32);font-size:17px;font-weight:800;font-family:Do Hyeon,Gowun Dodum,Nanum Gothic,sans-serif;letter-spacing:.025em}.login-notice-button-star{color:#ffe788;font-size:22px;filter:drop-shadow(0 0 5px rgba(255,231,136,.48))}.login-notice-button-label{width:100%;color:#fff;text-align:center;white-space:nowrap}.login-notice-button-spacer{width:25px}.login-notice-spark{position:absolute;z-index:2;color:#ffe788;line-height:1;pointer-events:none;text-shadow:0 0 8px rgba(255,231,136,.7)}.login-notice-spark.spark-one{left:12px;top:14px;font-size:13px}.login-notice-spark.spark-two{right:16px;top:17px;font-size:9px}.login-notice-spark.spark-three{right:28px;top:54px;font-size:15px}@keyframes login-notice-arrive{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notice-character-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes notice-character-bob{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-3px) rotate(3deg)}}@media (max-width:520px){.login-notice-header{min-height:154px;padding:27px 16px 19px 121px}.login-notice-illustration{left:12px;top:25px;width:92px;height:92px}.notice-moon{font-size:40px}.notice-envelope{font-size:36px}.notice-orbit{width:100px}.login-notice-kicker{font-size:10px}.login-notice-title{font-size:20px}.login-notice-greeting{margin-top:8px;font-size:11px}.login-notice-paper{min-height:190px;padding:45px 18px 28px 62px;background:linear-gradient(90deg,transparent 43px,rgba(244,114,182,.28) 44px,transparent 46px),repeating-linear-gradient(180deg,#fffdf5 0 33px,#dbeafe 34px)}.login-notice-paper-holes{left:12px}.login-notice-paper-holes i{width:9px;height:9px}.login-notice-footer{align-items:stretch;flex-direction:column}button.login-notice-confirm{width:100%}}@media (prefers-reduced-motion:reduce){.login-notice-card,.notice-envelope,.notice-moon{animation:none}}.row{display:flex;gap:8px;align-items:center}.space-between{justify-content:space-between}.badge{display:inline-flex;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.01em}.tabs{display:flex;gap:8px;overflow-x:auto;padding:7px;background:radial-gradient(circle at 8% 18%,rgba(255,218,111,.22) 0 2px,transparent 2.8px),linear-gradient(135deg,#eeeaff,#f5f2ff 52%,#ebe9ff);border:1px solid #d9d2ff;border-radius:15px;box-shadow:0 8px 22px rgba(79,70,165,.1),inset 0 1px 0 hsla(0,0%,100%,.9);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;isolation:isolate;overflow:hidden;width:auto;padding:10px 17px;background:hsla(0,0%,100%,.58);color:#6258a7;border-radius:10px;border:1px solid rgba(129,117,220,.16);font-weight:700;font-size:13px;min-height:40px;box-shadow:0 1px 3px rgba(79,70,165,.05);white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}.tab:hover:not(.active){opacity:1;background:hsla(0,0%,100%,.92);color:#4f46a5;border-color:rgba(99,102,241,.32);transform:translateY(-1px);box-shadow:0 4px 10px rgba(79,70,165,.1)}.tab:focus-visible{outline:3px solid rgba(99,102,241,.24);outline-offset:2px}.tab.active{border:1px solid rgba(245,183,46,.68);background:radial-gradient(circle at 14% 22%,rgba(255,220,103,.52) 0 2px,transparent 2.8px),radial-gradient(circle at 87% 74%,rgba(129,117,220,.28) 0 2px,transparent 2.9px),linear-gradient(135deg,#fff9e9,#fff 52%,#eeeaff);color:#3f378f;font-weight:800;box-shadow:0 7px 18px rgba(74,63,151,.2),inset 0 0 0 1px hsla(0,0%,100%,.82),0 0 20px rgba(245,183,46,.18);transform:translateY(-1px)}.tab.active:before{content:"✦";display:inline-block;margin-right:5px;color:#c98208;text-shadow:0 0 7px rgba(245,183,46,.72);animation:active-tab-star 1.8s ease-in-out infinite}.tab.active:after{content:"";position:absolute;z-index:-1;top:-65%;left:-34%;width:20px;height:230%;background:linear-gradient(90deg,transparent,rgba(255,220,113,.48),transparent);transform:rotate(22deg);animation:active-tab-shimmer 3.4s ease-in-out infinite}.tab:disabled{background:hsla(0,0%,100%,.34);border-color:transparent}@keyframes active-tab-star{0%,to{opacity:.72;transform:rotate(-7deg) scale(.88)}50%{opacity:1;transform:rotate(9deg) scale(1.18)}}@keyframes active-tab-shimmer{0%,18%{left:-34%;opacity:0}28%{opacity:1}58%,to{left:116%;opacity:0}}@media (prefers-reduced-motion:reduce){.tab.active:after,.tab.active:before{animation:none}}.empty-state{border:1.5px dashed #c7d2fe;border-radius:var(--radius);padding:24px 16px;text-align:center;background:#fafbff}.empty-state strong{display:block;margin-bottom:6px;color:var(--text)}.progress-track{width:100%;height:8px;border-radius:999px;background:#e0e7ff;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#a78bfa);border-radius:999px;transition:width .4s ease}.student-plan-list{gap:10px}.student-plan-item{position:relative;overflow:visible;padding:13px 14px 13px 16px;border-color:#ded8f7;background:radial-gradient(circle at 96% 18%,rgba(245,183,46,.16) 0 2px,transparent 2.7px),linear-gradient(135deg,#fff,#fbfaff);box-shadow:0 4px 12px rgba(85,70,160,.08);transition:border-color .18s,box-shadow .18s,transform .18s}.student-plan-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#a99ee4,#7c6fcd)}.student-plan-item:hover{border-color:#c9c0f0;box-shadow:0 7px 18px rgba(85,70,160,.12);transform:translateY(-1px)}.student-plan-item.is-complete{border-color:#bde7d0;background:linear-gradient(135deg,#fbfffd,#f1fbf6)}.student-plan-item.is-complete:before{background:linear-gradient(#56c68a,#20a464)}.student-plan-item.is-incomplete{border-color:#ead9c8;background:linear-gradient(135deg,#fffdfa,#fff8f1)}.student-plan-item.is-incomplete:before{background:linear-gradient(#e9b672,#cf8f3e)}.student-plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.student-plan-title-wrap{min-width:160px;display:flex;align-items:center;gap:10px;flex:1 1}.student-plan-status{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1.5px solid #d8d0f5;border-radius:10px 10px 10px 4px;color:#7567c2;background:linear-gradient(145deg,#f8f6ff,#ece8ff);font-size:14px;font-weight:800;box-shadow:0 3px 7px rgba(92,76,170,.12)}.is-complete .student-plan-status{border-color:#a8ddc0;color:#168a50;background:linear-gradient(145deg,#edfff5,#d9f7e7)}.is-incomplete .student-plan-status{border-color:#e6c69e;color:#b16c25;background:linear-gradient(145deg,#fffaf1,#fcebd7)}.student-plan-title{min-width:0;overflow:hidden;color:#393268;font-size:14px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.is-complete .student-plan-title{color:#397256}.is-incomplete .student-plan-title{color:#75563b}.student-plan-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.student-plan-action{width:auto;min-height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 9px;border:1px solid #ded9ef;border-radius:9px;color:#6f6888;background:hsla(0,0%,100%,.82);box-shadow:0 2px 5px rgba(72,59,130,.07);font-size:12px}.student-plan-action:hover:not(:disabled){opacity:1;color:#51468e;border-color:#c8bfee;background:#fff;box-shadow:0 4px 9px rgba(72,59,130,.12)}.student-plan-action span:first-child{font-size:14px;font-weight:800}.plan-action-complete.is-selected{border-color:#90d3af;color:#147a48;background:#e7f8ef}.plan-action-incomplete.is-selected{border-color:#dfbc91;color:#a56120;background:#fff2df}.plan-action-history.is-selected,.plan-action-save{border-color:#c4baf0;color:#594ba1;background:#eeeaff}.plan-action-delete{color:#a85b69}.plan-action-delete:hover:not(:disabled){border-color:#efc4cc;color:#9d4051;background:#fff5f6}.student-plan-edit{flex-wrap:wrap}.student-plan-edit input{min-width:180px}.student-plan-history{margin-top:12px;padding:11px 12px;border:1px dashed #d9d2f3;border-radius:10px;background:rgba(246,244,255,.72)}.student-plan-celebration{position:absolute;z-index:8;top:50%;left:50%;width:1px;height:1px;pointer-events:none}.plan-celebration-ring{position:absolute;inset:-18px;border:3px solid rgba(244,185,46,.8);border-radius:50%;animation:plan-celebration-ring .7s ease-out forwards}.plan-celebration-piece{position:absolute;left:-6px;top:-6px;color:#f0b52e;font-size:12px;line-height:1;text-shadow:0 2px 5px rgba(73,54,143,.18);animation:plan-celebration-burst .82s cubic-bezier(.16,.72,.3,1) forwards}.plan-celebration-piece.piece-1{--burst-x:-94px;--burst-y:-43px;--burst-r:-34deg;color:#f2b82f}.plan-celebration-piece.piece-2{--burst-x:-54px;--burst-y:-72px;--burst-r:28deg;color:#8b7bd5}.plan-celebration-piece.piece-3{--burst-x:2px;--burst-y:-78px;--burst-r:18deg;color:#56bd88}.plan-celebration-piece.piece-4{--burst-x:62px;--burst-y:-57px;--burst-r:55deg;color:#ef9d68}.plan-celebration-piece.piece-5{--burst-x:94px;--burst-y:-12px;--burst-r:42deg;color:#f2b82f}.plan-celebration-piece.piece-6{--burst-x:60px;--burst-y:48px;--burst-r:-20deg;color:#7568c4}.plan-celebration-piece.piece-7{--burst-x:-4px;--burst-y:62px;--burst-r:35deg;color:#46ad79}.plan-celebration-piece.piece-8{--burst-x:-72px;--burst-y:39px;--burst-r:-48deg;color:#ee9762}.plan-celebration-pop{position:absolute;left:50%;top:50%;width:max-content;padding:5px 11px;border:1px solid #f1cf78;border-radius:999px;color:#65529d;background:linear-gradient(135deg,#fffdf1,#f4efff);box-shadow:0 7px 18px rgba(73,54,143,.18);font-size:12px;font-weight:800;opacity:0;transform:translate(-50%,-50%) scale(.5);animation:plan-celebration-label .9s ease-out forwards}.student-plan-celebration.is-encourage .plan-celebration-ring{border-color:rgba(139,123,213,.65)}.student-plan-celebration.is-encourage .plan-celebration-piece{animation-duration:.9s;opacity:.88}.student-plan-celebration.is-encourage .plan-celebration-pop{border-color:#d8c9ed;color:#7b568f;background:linear-gradient(135deg,#fff9f3,#f5efff);box-shadow:0 7px 18px rgba(117,86,143,.16)}.student-plan-celebration.is-encourage .piece-1,.student-plan-celebration.is-encourage .piece-5{color:#d99b58}.student-plan-celebration.is-encourage .piece-3,.student-plan-celebration.is-encourage .piece-7{color:#a889bd}@keyframes plan-celebration-burst{0%{opacity:0;transform:translate(0) scale(.35) rotate(0)}15%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(1) rotate(var(--burst-r))}}@keyframes plan-celebration-ring{0%{opacity:.9;transform:scale(.15)}to{opacity:0;transform:scale(3.4)}}@keyframes plan-celebration-label{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-68%) scale(.94)}}@media (prefers-reduced-motion:reduce){.student-plan-celebration{display:none}}@media (max-width:760px){.student-plan-row{align-items:flex-start;flex-direction:column;gap:10px}.student-plan-title-wrap{width:100%}.student-plan-title{white-space:normal}.student-plan-actions{width:100%;justify-content:flex-start}}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px;border-bottom:1px solid var(--border-soft)}.table th{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.table tr:last-child td{border-bottom:none}.student-card-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.student-card{display:grid;grid-gap:6px;gap:6px}.starlight-student-card{position:relative;gap:12px;overflow:hidden;padding:14px;border-color:#ddd6fe;background:radial-gradient(circle at 88% 9%,rgba(250,204,21,.22) 0 2px,transparent 3px),radial-gradient(circle at 93% 17%,rgba(167,139,250,.2) 0 3px,transparent 4px),linear-gradient(145deg,#fffdf6,#fff 50%,#f4f1ff);box-shadow:0 7px 18px rgba(76,63,124,.09);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.starlight-student-card:hover{border-color:#c4b5fd;box-shadow:0 11px 24px rgba(76,63,124,.14);transform:translateY(-2px)}.student-card-theme-1{background:linear-gradient(145deg,#f5fbff,#fff 52%,#f2edff)}.student-card-theme-2{background:linear-gradient(145deg,#fff9ed,#fff 52%,#f8f1ff)}.student-card-theme-3{background:linear-gradient(145deg,#f2fff9,#fff 52%,#eef2ff)}.student-card-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.student-card-avatar{position:relative;display:grid;width:48px;height:48px;place-items:center;border:1px solid #d8d0ff;border-radius:16px;background:radial-gradient(circle at 35% 30%,#fff 0 5%,#ede9fe 38%,#c4b5fd 100%);box-shadow:0 4px 10px rgba(99,102,241,.15);font-size:25px;transform:rotate(-3deg)}.student-card-avatar span{position:relative;z-index:1}.student-card-avatar i{position:absolute;width:58px;height:22px;border:1.5px solid rgba(124,58,237,.28);border-radius:50%;transform:rotate(-20deg)}.student-card-identity{display:flex;min-width:0;flex-direction:column;gap:2px}.student-card-identity span{color:#8b7bb5;font-size:10px;font-weight:800;letter-spacing:.03em}.student-card-identity strong{overflow:hidden;color:#30276d;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.student-achievement-badge{padding:4px 8px;border:1px solid #ddd6fe;border-radius:999px;background:#fff;color:#6d5bc5;font-size:11px;font-weight:800;white-space:nowrap}.student-card-progress-area{padding:10px 11px;border:1px solid rgba(221,214,254,.85);border-radius:12px;background:hsla(0,0%,100%,.68)}.student-card-progress-area .row{color:#756d8e;font-size:11px;font-weight:700}.student-starlight-progress{position:relative;height:8px;margin-top:8px;overflow:visible;background:#e9e4f7}.student-starlight-progress .progress-fill{background:linear-gradient(90deg,#a78bfa,#6366f1,#f5c84b);box-shadow:0 0 8px rgba(99,102,241,.22)}.student-progress-star{position:absolute;top:50%;color:#f5b82e;font-size:13px;line-height:1;text-shadow:0 0 5px rgba(250,204,21,.55);transform:translate(-50%,-50%)}.student-card-plan-list{min-width:0;padding:9px 10px;border:1px dashed #ddd6fe;border-radius:12px;background:hsla(0,0%,100%,.55)}.student-card-plan-list .grid{grid-template-columns:minmax(0,1fr)}.student-card-plan-list .grid>.row{min-width:0}.student-card-actions{display:flex;gap:6px;margin-top:auto}.student-card-twinkle{position:absolute;color:#eab308;line-height:1;pointer-events:none}.student-card-twinkle-one{right:12px;top:47px;font-size:9px}.student-card-twinkle-two{right:35px;top:8px;color:#a78bfa;font-size:7px}.student-card-complete{border-color:#86efac;background:radial-gradient(circle at 90% 10%,rgba(250,204,21,.3) 0 3px,transparent 4px),linear-gradient(135deg,#f0fdf4,#fffdf2 58%,#ede9fe)}.student-card-complete .student-achievement-badge{border-color:#86efac;background:#ecfdf5;color:#15803d}.feed-post{position:relative;padding:0;overflow:visible;border:1px solid #e8dcb9;border-radius:7px 17px 17px 7px;background:#fffdf5;box-shadow:0 8px 20px rgba(92,72,35,.09);transform:rotate(-.15deg);transition:transform .18s ease,box-shadow .18s ease}.feed-post:nth-child(2n){transform:rotate(.2deg)}.feed-post:hover{box-shadow:0 12px 26px rgba(73,56,127,.13);transform:translateY(-2px) rotate(0)}.feed-post-header{display:flex;gap:10px;padding:22px 19px 13px 25px;border-bottom:1px dashed #d9ccab;border-radius:7px 17px 0 0;background:radial-gradient(circle at 92% 25%,rgba(250,204,21,.2) 0 2px,transparent 3px),linear-gradient(130deg,#fff7d8,#fffdf5 57%,#f2efff)}.feed-post-author{display:flex;min-width:0;align-items:center;gap:9px;line-height:1.3}.feed-post-author>div{display:flex;min-width:0;flex-direction:column;gap:2px}.feed-post-author small{color:#9582bd;font-size:9px;font-weight:800;letter-spacing:.06em}.feed-post-author strong{overflow:hidden;color:#3f3471;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.feed-diary-number{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid #cfc4f1;border-radius:12px;background:linear-gradient(145deg,#fff,#e9e3ff);color:#6d5bbc;font-size:12px;font-weight:800;box-shadow:0 3px 8px rgba(99,82,170,.11)}.feed-diary-date{flex:0 0 auto;color:#9b8f79;font-size:10px;font-weight:600}.feed-post-body{min-height:180px;padding:17px 19px 18px 39px;border-radius:0 0 17px 7px;background:linear-gradient(90deg,transparent 24px,rgba(244,114,182,.22) 25px,transparent 26px),repeating-linear-gradient(180deg,#fffdf5 0 30px,#dbeafe 31px)}.feed-diary-emotion{display:inline-flex;align-items:center;gap:5px;margin:0 0 8px;padding:3px 9px;border:1px solid #ddd6fe;border-radius:999px;background:hsla(0,0%,100%,.8);color:#7667a1;font-size:10.5px}.feed-diary-content{min-height:65px;margin:0 0 14px;color:#46405d;font-family:Gowun Dodum,Nanum Gothic,sans-serif;font-size:14px;line-height:31px;white-space:pre-wrap;word-break:break-word}.feed-diary-reactions{flex-wrap:wrap;gap:6px;padding-top:7px;border-top:1px dashed hsla(45,33%,69%,.65)}.feed-diary-reaction{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #ece5cf;border-radius:999px;background:hsla(0,0%,100%,.8);color:#746b83;font-size:11px;font-weight:700}.feed-diary-tape{position:absolute;z-index:2;left:50%;top:-8px;width:78px;height:17px;transform:translateX(-50%) rotate(-2deg);background:repeating-linear-gradient(45deg,rgba(167,139,250,.48) 0 7px,rgba(253,224,71,.42) 7px 14px);-webkit-clip-path:polygon(2% 6%,98% 0,96% 94%,0 100%);clip-path:polygon(2% 6%,98% 0,96% 94%,0 100%)}.feed-diary-star{position:absolute;z-index:2;color:#eab308;line-height:1;pointer-events:none}.feed-diary-star-one{right:12px;top:9px;font-size:10px}.feed-diary-star-two{right:30px;top:25px;color:#a78bfa;font-size:8px}.feed-post-comments{margin-top:12px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#f9f8ff}.feed-card-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}@media (max-width:520px){.feed-post-header{align-items:flex-start;flex-direction:column}.feed-diary-date{margin-left:43px}}@media print{body *{visibility:hidden}.relationship-report-print,.relationship-report-print *{visibility:visible}.relationship-report-print{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}@media (max-width:768px){.sticky-header{position:static;flex-direction:column;align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none}.student-card-grid{grid-template-columns:minmax(0,1fr)}main{padding:16px 12px 64px}}@media (min-width:769px) and (max-width:1024px){.student-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}