@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:#ecf2fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100dvh;background:radial-gradient(1150px 520px at 0% -12%,rgba(248,176,113,.26) 0%,transparent 62%),radial-gradient(900px 500px at 100% -8%,rgba(255,213,138,.22) 0%,transparent 58%),linear-gradient(180deg,#f6f9ff,#eaf1fb);background-attachment:fixed}:root{--bg: #eef3fb;--surface: #f7fbff;--surface-strong: #eef4fd;--surface-soft: #f3f7fe;--line: #d6e1ef;--line-strong: #becfe3;--text: #0f172a;--muted: #5f7088;--brand: #2563eb;--brand-strong: #1d4ed8;--bad: #dc2626;--shadow-sm: 0 3px 14px rgba(15, 23, 42, .06);--frame-radius: 18px;--panel-radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100dvh;font-family:Noto Sans KR,sans-serif;color:var(--text)}#root{max-width:1240px;margin:0 auto;padding:20px 18px 34px}.preauth-screen{min-height:calc(100dvh - 24px);display:grid;grid-template-rows:auto 1fr;gap:0;padding:0;background:#fff;border-radius:16px;overflow:hidden}.preauth-top{display:flex;align-items:center;position:sticky;top:0;z-index:20;height:64px;padding:0 18px;background:#fff;border-bottom:1px solid #e5e7eb}.preauth-center{display:grid;align-content:start;justify-items:center;gap:14px;padding-top:clamp(34px,6vh,86px)}.welcome-scroll-feed{width:min(860px,100%);margin:clamp(110px,20vh,220px) auto 18px;display:grid;gap:12px}.welcome-fade-wrap{margin-top:34px}.welcome-bridge-text{margin:0;display:grid;place-items:center;text-align:center;color:#0f172a;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(2rem,4.8vw,3.5rem);font-weight:900;line-height:1.12;letter-spacing:-.015em;text-shadow:0 6px 22px rgba(255,255,255,.7)}.welcome-bridge-text span{display:block}.welcome-solution-text{margin:26px 0 0;text-align:center;color:#1e3a8a;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:900;letter-spacing:-.015em}.welcome-feature-grid{width:82%;margin-left:auto;margin-right:auto;margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2px;column-gap:2px;justify-items:stretch}.welcome-feature-card{aspect-ratio:1 / 1;width:100%;border-radius:18px;background:linear-gradient(145deg,#3b82f6,#2563eb 55%,#1d4ed8);color:#fff;display:grid;place-items:center;text-align:center;padding:8px;font-size:clamp(2.1rem,5.1vw,3.1rem);font-weight:900;line-height:1.05;text-shadow:0 2px 0 rgba(30,58,138,.25);word-break:keep-all;overflow-wrap:normal;box-shadow:0 12px 22px #1e40af4d}.welcome-scroll-caption{margin:0;text-align:center;color:#1e3a8a;font-weight:800;font-size:.92rem}.chat-thread{display:grid;gap:16px}.chat-bubble{position:relative;max-width:90%;padding:17px 20px;border-radius:22px;color:#fff;font-size:1.1rem;font-weight:700;line-height:1.48;box-shadow:0 12px 24px #1e3a8a47}.chat-bubble.left{justify-self:start;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-left-radius:8px}.chat-bubble.right{justify-self:end;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-bottom-right-radius:8px}.chat-bubble.strong{font-weight:800;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.preauth-brand{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#0b1328}.landing-main{padding-top:16px;background:#fff}.landing-hero,.landing-section,.landing-premium{padding:26px 20px}.landing-title{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(2.25rem,10vw,4.1rem);line-height:1.02;letter-spacing:-.03em;font-weight:900}.landing-brand-title{margin:8px 0 0;font-family:Manrope,Noto Sans KR,sans-serif;color:var(--brand);font-size:clamp(2.65rem,11vw,5rem);line-height:.98;letter-spacing:-.03em;font-weight:900}.landing-cta{margin-top:24px;min-width:210px;border-radius:999px;padding:14px 26px;box-shadow:0 0 #2563eb5c,0 12px 28px #2563eb47;transition:background-color .16s ease,transform .12s ease,box-shadow .24s ease;animation:landingCtaGlow 2.2s ease-in-out infinite}.landing-cta:hover{box-shadow:0 0 0 8px #2563eb1f,0 16px 34px #2563eb57}@keyframes landingCtaGlow{0%,to{box-shadow:0 0 #2563eb52,0 12px 28px #2563eb3d}50%{box-shadow:0 0 0 10px #2563eb14,0 18px 36px #2563eb5c}}.landing-step{margin:0 0 10px;color:var(--brand);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.landing-section h3,.landing-premium h3{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(1.8rem,7.5vw,3rem);line-height:1.08;letter-spacing:-.02em}.landing-copy{margin:14px 0 0;color:#64748b;font-size:1rem;line-height:1.58}.landing-copy.dark{color:#94a3b8}.landing-upload-card{margin-top:18px;border:2px dashed #dbeafe;border-radius:22px;min-height:180px;background:#f8fbff;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#94a3b8;font-size:.9rem;font-weight:700}.landing-upload-icon{width:34px;height:34px;border-radius:999px;background:#dbeafe;color:var(--brand);display:grid;place-items:center;font-size:1.2rem;font-weight:900}.landing-section.soft{background:#f8fafc}.landing-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.landing-list li{font-size:.95rem;font-weight:700;color:#1e293b;padding-left:20px;position:relative}.landing-list li:before{content:"•";position:absolute;left:4px;color:var(--brand)}.landing-phone{margin-top:16px;background:#fff;border:6px solid #0f172a;border-radius:26px;overflow:hidden;box-shadow:0 16px 28px #0f172a2e}.landing-phone header{padding:14px;background:var(--brand);color:#fff}.landing-phone header p{margin:0;font-size:.74rem;opacity:.85}.landing-phone header strong{display:block;margin-top:2px}.landing-phone-body{padding:14px;display:grid;gap:8px}.landing-phone-body p{margin:0;font-size:.92rem;font-weight:700}.landing-option{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:.82rem;color:#334155}.landing-option.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;font-weight:700}.landing-phone-body button{margin-top:4px;width:100%;border-radius:10px;padding:10px 12px}.landing-metrics{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landing-metrics article{border-radius:14px;background:#f8fafc;padding:12px}.landing-metrics strong{display:block;color:var(--brand);font-family:Manrope,Noto Sans KR,sans-serif;font-size:1.55rem}.landing-metrics span{color:#64748b;font-size:.76rem;font-weight:700}.landing-plan-card{margin-top:14px;border:1px solid #e2e8f0;border-radius:18px;padding:12px;background:#fff}.plan-title{margin:0 0 10px;font-weight:800}.plan-item{border:1px solid #e2e8f0;border-radius:12px;padding:10px;margin-top:8px}.plan-item.focus{border-left:4px solid var(--brand);background:#eff6ff}.plan-item p{margin:0;font-size:.9rem;font-weight:700}.plan-item span{display:block;margin-top:3px;font-size:.72rem;color:#64748b;font-weight:700}.landing-premium{background:#0b1020;color:#fff}.premium-pill{margin:0 0 12px;display:inline-block;padding:4px 10px;border-radius:999px;background:var(--brand);font-size:.7rem;font-weight:900}.landing-report-grid{margin-top:16px;display:grid;gap:10px}.report-box{background:#151d33;border:1px solid #26314f;border-radius:16px;padding:14px}.report-box h4{margin:0;font-size:.98rem}.report-bars{margin-top:12px;height:122px;display:flex;align-items:end;gap:6px}.report-bars span{flex:1;border-radius:6px 6px 0 0;background:#2b395e}.report-bars span.on{background:var(--brand)}.score-ring{margin-top:14px;display:grid;place-items:center;position:relative}.score-ring svg{width:118px;height:118px;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke:#2f3a57;stroke-width:3}.score-ring circle.progress{stroke:var(--brand);stroke-dasharray:75 100}.score-ring div{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.score-ring strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:2rem}.score-ring span{margin-top:-6px;color:#94a3b8;font-size:.64rem;text-transform:uppercase;font-weight:700}@media(min-width:900px){.landing-hero,.landing-section,.landing-premium{max-width:1120px;margin:0 auto;padding:56px 36px}.landing-hero{padding-top:84px;padding-bottom:64px}.landing-title{font-size:clamp(3.6rem,7vw,5.9rem);line-height:.96}.landing-brand-title{font-size:clamp(4.4rem,8.4vw,7rem)}.landing-copy{max-width:650px;font-size:1.08rem}.landing-upload-card{min-height:280px;max-width:760px}.landing-section.soft{display:grid;grid-template-columns:1.1fr .9fr;column-gap:46px;align-items:center}.landing-section.soft .landing-step,.landing-section.soft h3,.landing-section.soft .landing-copy,.landing-section.soft .landing-list{grid-column:1}.landing-section.soft .landing-phone{grid-column:2;grid-row:1 / span 5;margin-top:0}.landing-section.planner{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;align-items:start}.landing-section.planner .landing-step,.landing-section.planner h3,.landing-section.planner .landing-copy,.landing-section.planner .landing-metrics{grid-column:1}.landing-section.planner .landing-plan-card{grid-column:2;grid-row:1 / span 4;margin-top:0}.landing-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analysis-mobile-shell{max-width:420px;margin-left:auto;margin-right:auto}.analysis-upload-grid.mobile{grid-template-columns:repeat(2,minmax(0,1fr))}}.glass-hero{max-width:860px;width:100%;min-height:500px;padding:clamp(26px,4.2vw,40px);border-radius:28px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,#ffffff70,#fff3),linear-gradient(160deg,#93c5fd33,#ffffff14 55%);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:0 18px 36px #0f172a1f,inset 0 1px #ffffff80;display:grid;gap:8px;align-content:center}.welcome-hero{border:1px solid rgba(255,255,255,.5);background:radial-gradient(130% 120% at 0% 0%,rgba(191,219,254,.58) 0%,transparent 42%),radial-gradient(100% 110% at 100% 100%,rgba(59,130,246,.45) 0%,transparent 50%),linear-gradient(135deg,#93c5fd,#60a5fa 24%,#3b82f6 52%,#2563eb,#1d4ed8);box-shadow:0 20px 38px #1e3a8a54,inset 0 1px #ffffff73}.welcome-hero .glass-eyebrow{text-shadow:0 1px 10px rgba(219,234,254,.24);text-align:center}.welcome-hero .glass-title{text-shadow:0 14px 34px rgba(30,58,138,.38);text-align:center}.welcome-hero .glass-desc{text-shadow:0 3px 12px rgba(30,58,138,.2);text-align:center;max-width:620px}.login-hero{align-content:center;justify-items:center}.login-hero .glass-eyebrow{color:#334155}.login-hero .glass-title{color:#0f172a;text-shadow:none;justify-items:center;text-align:center}.login-hero .glass-desc{color:#334155;text-shadow:none;text-align:center}.login-hero .glass-actions{justify-content:center}.auth-mode-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.auth-grade-field{display:grid;gap:6px;width:min(360px,100%);margin-top:6px}.auth-grade-field span{color:#1e293b;font-size:.9rem;font-weight:700}.auth-grade-field select,.auth-grade-field input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:.96rem;color:#0f172a;background:#fff}.auth-grade-field select:focus-visible{outline:2px solid rgba(59,130,246,.28);outline-offset:1px}.auth-grade-field input:focus-visible{outline:2px solid rgba(59,130,246,.28);outline-offset:1px}.glass-eyebrow{margin:0;color:#eff6ffe0;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.glass-title{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(2.45rem,4.9vw,3.9rem);font-weight:900;line-height:1.06;letter-spacing:-.02em;color:#fff;display:grid;justify-items:center;gap:10px}.glass-title-line{display:block;margin-top:.08em}.glass-title-line:first-child{margin-top:0}.glass-title-brand{display:block;font-size:clamp(4.35rem,9.7vw,7.4rem);font-weight:900;line-height:1}.glass-title-tagline{display:block;font-size:clamp(1.8rem,3.9vw,2.9rem);font-weight:800;line-height:1.12}.glass-desc{margin:0;color:#ffffffeb;font-size:1.12rem;line-height:1.6}.glass-cta{justify-self:start}.glass-start-button{justify-self:center;margin-top:52px;min-width:184px;padding:16px 24px;border:1px solid rgba(191,219,254,.95);border-radius:12px;background:#2563eb;color:#fff;font-weight:900;font-size:1.18rem;box-shadow:0 0 #2563eb00,0 0 22px #3b82f68c,0 12px 24px #1e3a8a57}.glass-start-button:hover{background:#1d4ed8;color:#fff;box-shadow:0 0 28px #3b82f6b3,0 14px 26px #1e3a8a66}.glass-actions{display:flex;flex-wrap:wrap;gap:8px}.app{position:relative;display:grid;gap:14px;padding:0 18px 14px;border:1px solid rgba(190,207,227,.7);border-radius:var(--frame-radius);background:#f6faff94;overflow:hidden}.app.analysis-mode,.app.planner-mode{gap:14px;padding:0 18px 14px;border:1px solid rgba(190,207,227,.7);border-radius:var(--frame-radius);background:#f6faff94}h1{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(1.35rem,2.2vw,1.88rem);font-weight:800;letter-spacing:-.02em;color:var(--text)}.subtitle{margin:4px 0 0;color:var(--muted);font-size:.93rem}.top-bar{display:flex;align-items:center;position:sticky;top:0;z-index:20;margin:8px -18px 0;padding:10px 14px;border-radius:var(--panel-radius);border:1px solid #c9dcff;background:#eef5ff;box-shadow:0 8px 24px #1e40af14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analysis-mode .top-bar,.planner-mode .top-bar{margin-left:-18px;margin-right:-18px}.home-top-icons{display:flex;align-items:center;gap:6px}.home-top-icons button{width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:#6b7280;font-size:1rem;padding:0}.analysis-mode .view-shell,.planner-mode .view-shell{gap:0}.app-bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,1240px);border-top:1px solid #d1d5db;background:#f7f8fb;z-index:40;border-radius:var(--frame-radius) var(--frame-radius) 0 0;overflow:hidden}.app-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.app-bottom-nav button{border:0;border-radius:0;background:transparent;color:#8a94a6;display:grid;gap:3px;place-items:center;padding:8px 2px 9px;font-size:1rem;position:relative;transition:background-color .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}.app-bottom-nav button .nav-label{font-size:.62rem;font-weight:700;line-height:1.15;text-align:center}.app-bottom-nav button .nav-icon{width:18px;height:18px;display:grid;place-items:center}.app-bottom-nav button .nav-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app-bottom-nav button.active{color:#1f2937;background:#eceff4}.app-bottom-nav button.active:before{content:"";position:absolute;top:0;left:18%;width:64%;height:3px;border-radius:0 0 999px 999px;background:#3b82f6}.analysis-mobile-shell,.planner-mobile-shell{background:#ececec;padding:14px 12px 84px;display:grid;gap:12px;border:1px solid #d8dee8;border-radius:var(--panel-radius)}.planner-progress-card,.planner-ai-tip-card,.planner-session-card,.analysis-score-card,.analysis-kpi,.analysis-recommend-card{border-radius:var(--panel-radius);background:#f7f7f7;border:1px solid #ddd;padding:12px;box-shadow:0 1px #0f172a08}.planner-progress-card .label{margin:0;color:#8b94a7;font-size:.78rem;font-weight:700}.planner-progress-card .value-row{margin-top:2px;display:flex;align-items:baseline;gap:8px}.planner-progress-card strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:2rem;line-height:1}.planner-progress-card .value-row span{color:#22c55e;font-weight:800;font-size:.92rem}.planner-progress-track{margin-top:10px;height:6px;border-radius:99px;background:#d6d8e0;overflow:hidden}.planner-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b5ce6,#4f46e5)}.planner-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:0 2px}.planner-week-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:6px}.planner-week-controls p{margin:0;text-align:center;color:#64748b;font-size:.78rem;font-weight:700}.week-nav-btn{border-radius:999px;border:1px solid #c7d2fe;background:#fff;color:#3730a3;font-size:.72rem;font-weight:800;padding:6px 10px}.week-nav-btn:hover{background:#eef2ff}.planner-week-strip button{border:0;background:transparent;color:#8b94a7;display:grid;gap:2px;place-items:center;padding:8px 2px;position:relative}.planner-week-strip button.active{border-radius:14px;background:linear-gradient(160deg,#5e60ea,#4f46e5);color:#fff;box-shadow:0 8px 14px #4f46e547}.planner-week-strip small{font-size:.68rem;font-weight:800}.planner-week-strip strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:1.5rem;line-height:1}.planner-week-strip .attendance-dot{width:8px;height:8px;border-radius:999px;background:#cbd5e1;margin-top:2px}.planner-week-strip button.status-present .attendance-dot{background:#22c55e}.planner-week-strip button.status-absent .attendance-dot{background:#ef4444}.planner-ai-tip-card{display:grid;grid-template-columns:auto 1fr;gap:10px;background:#e8e6f3;border-left:4px solid #4f46e5}.planner-ai-tip-card .tip-icon{width:34px;height:34px;border-radius:8px;background:#d3d0f8;color:#4f46e5;display:grid;place-items:center;font-size:1.1rem}.planner-ai-tip-card h3{margin:0;font-size:1.2rem}.planner-ai-tip-card p{margin:6px 0 0;color:#5f6780;line-height:1.45;font-size:.9rem}.planner-ai-tip-card button{margin-top:8px;border:0;border-radius:0;background:transparent;color:#4f46e5;padding:0;font-size:.82rem;font-weight:800}.planner-session-list h3{margin:2px 0 8px;color:#70798e;font-size:.9rem;font-weight:800}.planner-session-card .time{margin:0;color:#9198a8;font-size:.75rem;font-weight:700}.planner-session-card h4{margin:8px 0 0;font-size:2rem;font-family:Manrope,Noto Sans KR,sans-serif;line-height:1.1;letter-spacing:-.02em}.planner-session-card .chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.planner-session-card .chips span{font-size:.72rem;font-weight:700;color:#5a69c7;background:#eaebff;border-radius:6px;padding:4px 7px}.home-mobile-shell{display:grid;gap:12px;background:#ececec;padding:14px 12px 84px;border:1px solid #d8dee8;border-radius:var(--panel-radius)}.home-greet{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(2.2rem,8vw,3.5rem);line-height:1.05;letter-spacing:-.02em}.home-greet span{color:#4f46e5}.home-completion-card{border:1px solid #ddd;border-radius:var(--panel-radius);background:#f7f7f7;padding:12px}.home-completion-card p{margin:0;color:#8b94a7;font-size:.78rem;font-weight:700}.home-completion-card .score-row{margin-top:2px;display:flex;align-items:baseline;gap:8px}.home-completion-card strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:2.2rem;line-height:1;color:#4f46e5}.home-completion-card .score-row span{color:#9ca3af;font-size:.73rem;font-weight:700}.home-progress-track{margin-top:8px;height:7px;border-radius:99px;background:#dbe0eb;overflow:hidden}.home-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#5b5ce6,#4f46e5)}.home-completion-card .home-tip{margin-top:10px;color:#4f46e5;font-size:.78rem}.home-tools h3{margin:2px 0 8px;color:#4b5563;font-size:.92rem}.home-tool-card{width:100%;margin-top:8px;border:1px solid #ddd;border-radius:var(--panel-radius);background:#f7f7f7;color:inherit;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px}.home-tool-card .icon{width:34px;height:34px;border-radius:8px;background:#e7e8ff;color:#4f46e5;display:grid;place-items:center;font-size:1rem}.home-tool-card strong{display:block;color:#1f2937}.home-tool-card p{margin:2px 0 0;color:#94a3b8;font-size:.74rem;font-weight:700}.home-tool-card .arrow{color:#c1c8d5;font-size:1rem;font-weight:800}.home-tutor-card{position:relative;border:1px solid #cdd0ff;border-radius:var(--panel-radius);background:#e3e4ff;padding:12px}.home-tutor-card h4{margin:0;color:#4f46e5}.home-tutor-card p{margin:6px 0 0;color:#5f6780;font-size:.82rem;line-height:1.4}.home-tutor-card .qmark{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;background:#7c7de238;color:#8b8ff0;display:grid;place-items:center;font-size:1.5rem;font-family:Manrope,Noto Sans KR,sans-serif;font-weight:800}.practice-mobile-shell{background:#ececec;padding:14px 12px 84px;display:grid;gap:10px;border:1px solid #d8dee8;border-radius:var(--panel-radius)}.practice-mobile-head{display:flex;align-items:center;justify-content:space-between}.practice-mobile-head .title-wrap{display:flex;align-items:center;gap:8px}.practice-mobile-head .icon{width:34px;height:34px;border-radius:8px;background:#0f172a;color:#fff;display:grid;place-items:center}.practice-mobile-head h2{margin:0;font-size:1.5rem}.practice-mobile-head>button{border:0;border-radius:999px;background:transparent;color:#6b7280;width:28px;height:28px;padding:0}.practice-mobile-head .actions{display:flex;align-items:center;gap:4px}.practice-mobile-head .actions button{border:0;border-radius:999px;background:transparent;color:#6b7280;width:28px;height:28px;padding:0}.practice-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.practice-progress-row p{margin:0;color:#4f46e5;font-size:.88rem;font-weight:800}.practice-progress-row span{color:#9ca3af;font-size:.78rem;font-weight:700}.practice-progress-track{height:8px;border-radius:99px;background:#dce0e8;overflow:hidden}.practice-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#5b5ce6,#4f46e5)}.practice-subtag{margin:0;color:#5b5ce6;background:#e5e8ff;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700}.practice-question-card{position:relative;border-radius:var(--panel-radius);border:1px solid #ddd;background:#f7f7f7;padding:12px;overflow:hidden}.practice-question-card h3{margin:0;font-size:1.75rem;line-height:1.26}.practice-question-head{display:flex;align-items:baseline;gap:10px}.practice-question-number{position:relative;color:#475569;display:inline-block;font-size:1.75rem;font-weight:800;line-height:1.26;margin-top:0;white-space:nowrap}.practice-question-card.graded{border-width:2px}.practice-question-card.graded-ok{border-color:#86efac;background:#f0fdf4}.practice-question-card.graded-no{border-color:#fca5a5;background:#fff1f2}.grading-stamp{position:absolute;width:56px;height:56px;display:grid;place-items:center;color:#dc2626;transform:rotate(-12deg);opacity:0;animation:gradingStampIn .34s ease-out forwards}.grading-stamp.on-number{width:54px;height:54px;top:50%;left:50%;margin-left:-27px;margin-top:-27px;color:#dc2626;transform:none;opacity:1;animation:gradingStampOnNumber .24s ease-out both}@keyframes gradingStampOnNumber{0%{transform:scale(.65);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.grading-stamp svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.graded-question{color:#991b1b}.practice-question-card.graded-ok .graded-question{color:#166534}.practice-question-card p{margin:8px 0 0;color:#9ca3af;font-size:.85rem}.practice-choice-list{margin-top:12px;display:grid;gap:8px}.practice-choice-list .choice{width:100%;border:1px solid #d5d8e0;border-radius:10px;background:#f7f7f7;color:#4b5563;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.practice-choice-list .choice.selected{border:2px solid #5b5ce6;color:#4f46e5;background:#eef0ff;padding:10px 11px}.practice-choice-list .dot{color:#9ca3af}.practice-choice-list .choice.selected .dot{color:#4f46e5}.practice-short-answer{width:100%;margin-top:12px;border:1px solid #d5d8e0;border-radius:10px;background:#fff;color:#111827;padding:11px 12px;font-size:1rem;font-weight:700}.practice-short-answer:disabled{background:#f8fafc;color:#64748b}.feedback{margin:10px 0 0;font-weight:800;display:flex;align-items:center;gap:8px;border-radius:12px;border:1px dashed #d1d5db;background:#fff;padding:8px 10px;color:#334155;animation:feedbackSlideIn .22s ease-out both}.feedback.ok{color:#166534;border-color:#86efac;background:#f0fdf4}.feedback.no{color:#e11d48;border-color:#fda4af;background:#fff1f2}.feedback-mark{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;animation:feedbackMarkPop .28s ease-out both}.feedback-mark svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.practice-question-card.graded-no .grading-stamp{color:#dc2626}@keyframes feedbackMarkPop{0%{transform:scale(.62) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes feedbackSlideIn{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gradingStampIn{0%{transform:translateY(-6px) scale(.72) rotate(-20deg);opacity:0}70%{transform:translateY(0) scale(1.08) rotate(-10deg);opacity:1}to{transform:translateY(0) scale(1) rotate(-12deg);opacity:.95}}.practice-why-card{border-radius:var(--panel-radius);border:1px dashed #d5d8e0;background:#f7f7f7;padding:12px}.practice-why-card h4{margin:0}.practice-why-card p{margin:8px 0 0;color:#6b7280;line-height:1.5}.practice-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brand-name{margin:0;font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(1.26rem,2.1vw,1.56rem);font-weight:800;letter-spacing:-.02em;color:#0f1f46;white-space:nowrap;line-height:1}.brand-accent{color:#2563eb;font-size:1.22em;line-height:.9}.top-bar-main{display:flex;align-items:center;gap:14px;justify-content:space-between;width:100%}.top-bar-left{display:grid;gap:8px;min-width:0}.top-bar-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feature-pill,.date-pill,.progress-pill{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.01em;border-radius:999px;padding:6px 10px;border:1px solid transparent;white-space:nowrap}.feature-pill{color:#1e3a8a;border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#eaf2ff)}.date-pill{color:#475569;border-color:#dbeafe;background:#f8fbff}.top-bar-actions{display:flex;align-items:center;gap:8px}.mission-window{border:1px solid #bfdbfe;border-radius:12px;background:linear-gradient(180deg,#fff,#eef6ff);color:#1e3a8a;padding:6px 10px;display:grid;gap:2px;justify-items:start;min-width:92px;box-shadow:0 4px 12px #3b82f61f}.mission-window-kicker{font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.mission-window strong{font-size:.86rem;line-height:1}.mission-window small{font-size:.72rem;color:#334155;line-height:1}.mission-modal-backdrop{position:fixed;inset:0;border:0;border-radius:0;padding:0;z-index:44;background:#0206176b;transform:none;-webkit-tap-highlight-color:transparent}.mission-modal-backdrop:hover,.mission-modal-backdrop:active{background:#0206176b;transform:none}.mission-modal{position:fixed;top:88px;right:max(12px,calc((100vw - 1240px)/2 + 12px));width:min(360px,calc(100vw - 24px));z-index:45;border:1px solid #bfdbfe;border-radius:14px;background:radial-gradient(120% 100% at 0% 0%,rgba(191,219,254,.28),transparent 62%),#fff;box-shadow:0 18px 40px #0f172a38;padding:12px;display:grid;gap:10px}.mission-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mission-modal-head p{margin:0;color:#3b82f6;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mission-modal-head h3{margin:4px 0 0;color:#0f172a;font-size:1rem}.mission-modal-summary{border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;padding:10px}.mission-modal-summary strong{display:block;color:#1e3a8a;font-size:.92rem}.mission-modal-summary p{margin:6px 0 0;color:#475569;font-size:.84rem;line-height:1.45}.mission-modal-placeholder{border:1px dashed #bfdbfe;border-radius:12px;background:#eff6ffb3;padding:10px}.mission-modal-placeholder p{margin:0;color:#1e3a8a;font-size:.83rem;font-weight:800}.mission-modal-placeholder small{display:block;margin-top:6px;color:#475569;line-height:1.4}.progress-pill{color:#1e40af;border-color:#c7d2fe;background:linear-gradient(180deg,#eff6ff,#e0ecff)}.profile-toggle{width:42px;height:42px;padding:0;border-radius:13px;border:1px solid #bfd1ee;background:linear-gradient(180deg,#fff,#f5f9ff);display:inline-grid;place-items:center;box-shadow:0 4px 14px #2563eb29;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}.profile-toggle-icon{width:26px;height:26px;display:grid;place-items:center;color:#2563eb;overflow:hidden;border-radius:9px}.profile-toggle-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.profile-toggle-photo{width:100%;height:100%;object-fit:cover;border-radius:9px}.profile-toggle:hover{border-color:#a9c2eb;box-shadow:0 6px 16px #2563eb33}.profile-toggle:active{transform:translateY(1px)}.profile-toggle:focus-visible{outline:2px solid rgba(59,130,246,.28);outline-offset:1px}.frame-sky{border-color:#93c5fd!important;box-shadow:0 4px 14px #2563eb33}.frame-mint{border-color:#6ee7b7!important;box-shadow:0 4px 14px #10b9812e}.frame-sunset{border-color:#fdba74!important;box-shadow:0 4px 14px #f973162e}.frame-slate{border-color:#94a3b8!important;box-shadow:0 4px 14px #4755692e}.overview-strip{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border:1px solid #3b82f6;border-radius:14px;background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:var(--shadow-sm);padding:12px}.metric-label{margin:0;color:#fff;font-size:.81rem;font-weight:700;opacity:.92}.metric-value{margin:6px 0 0;font-size:1.2rem;line-height:1.1;font-family:Manrope,Noto Sans KR,sans-serif;font-weight:800;letter-spacing:-.02em;color:#fff}.view-shell{display:grid;gap:12px;padding-bottom:74px}.menu-backdrop{position:fixed;inset:0;border:0;border-radius:0;padding:0;z-index:30;background:#0206176b;-webkit-tap-highlight-color:transparent}.menu-backdrop:hover,.menu-backdrop:active{background:#0206176b;transform:none}.side-menu{position:fixed;top:0;right:-300px;width:272px;height:100vh;z-index:40;display:grid;align-content:start;gap:8px;padding:18px 14px;border-left:1px solid var(--line);background:#f9fbff;box-shadow:0 16px 32px #0f172a29;transition:right .18s ease}.side-menu.open{right:0}.side-menu p{margin:0 0 8px;color:var(--muted);font-size:.88rem;font-weight:700}.menu-item{text-align:left;border:1px solid var(--line);background:var(--surface-soft);color:#334155}.menu-item.active{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a}.card,.result{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#f7fbffc2,#eff6ffdb);box-shadow:var(--shadow-sm);padding:16px}.card{display:grid;gap:14px}.analysis-mobile-shell{background:#ececec;border-radius:var(--panel-radius);padding:14px 12px 84px;display:grid;gap:12px;border:1px solid #d8dee8}.analysis-mobile-upload h2{margin:0 0 10px;font-size:1.65rem;font-family:Manrope,Noto Sans KR,sans-serif}.analysis-upload-wrap{display:grid;gap:10px}.analysis-upload-grid.mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-upload-field .upload-dropzone{min-height:152px;border:2px dashed #cdd1da;border-radius:var(--panel-radius);background:#f4f4f4}.analysis-upload-field .upload-icon{width:38px;height:38px;border-radius:999px;background:#e5e7ff;color:#5b5ce6}.analysis-upload-field .upload-title{margin-top:2px;font-size:.86rem;font-weight:700;color:#6b7280}.analysis-upload-field .upload-hint{margin-top:2px;font-size:.72rem;font-weight:600}.analysis-submit{width:100%;border-radius:var(--panel-radius);padding:12px 14px;background:linear-gradient(90deg,#5b5ce6,#5a6be9);box-shadow:0 6px 14px #5b5ce64d}.analysis-mobile-result{display:grid;gap:12px}.analysis-result-head{display:flex;align-items:center;justify-content:space-between}.analysis-result-head h3{margin:0;font-size:1.7rem;font-family:Manrope,Noto Sans KR,sans-serif}.analysis-done-pill{background:#d4f7de;color:#22a74f;border-radius:999px;padding:5px 10px;font-size:.73rem;font-weight:800}.analysis-score-card{padding:16px 14px;text-align:center}.analysis-score-ring{width:150px;height:150px;margin:2px auto 10px;border-radius:999px;display:grid;place-items:center}.analysis-score-ring>div{width:126px;height:126px;border-radius:999px;background:#f5f5f5;display:grid;place-items:center;align-content:center}.analysis-score-ring strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:2rem;line-height:1}.analysis-score-ring span{color:#7b8291;font-size:1rem;font-weight:700}.analysis-score-card p{margin:0;color:#5d6271;font-size:.94rem;font-weight:700}.analysis-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analysis-kpi{border-radius:var(--panel-radius);padding:9px 10px;border-left:3px solid #6b6cf0}.analysis-kpi.red{border-left-color:#ff3c74}.analysis-kpi.cyan{border-left-color:#00b4cf}.analysis-kpi p{margin:0;color:#8a90a0;font-size:.72rem;font-weight:700}.analysis-kpi strong{display:block;margin-top:2px;font-family:Manrope,Noto Sans KR,sans-serif;font-size:1.55rem;line-height:1}.analysis-kpi.red strong{color:#ff3c74}.analysis-kpi.cyan strong{color:#00a0b8}.analysis-kpi .bar{display:block;margin-top:8px;height:4px;border-radius:99px;background:#6b6cf0;min-width:10%;transition:width .2s ease}.analysis-kpi.red .bar{background:#ff3c74}.analysis-kpi.cyan .bar{background:#00b4cf}.analysis-recommend-card{margin-top:2px;background:linear-gradient(170deg,#4a4dc8,#2e338f);border-color:transparent;color:#fff}.analysis-recommend-card span{display:inline-block;border-radius:6px;background:#8991ff59;padding:3px 7px;font-size:.68rem;font-weight:800}.analysis-recommend-card h4{margin:8px 0 0;font-size:1.05rem}.analysis-recommend-card p{margin:8px 0 0;color:#f0f4ffeb;line-height:1.45;font-size:.88rem}.analysis-recommend-card button{margin-top:10px;border-radius:8px;padding:7px 10px;font-size:.78rem;background:#0e12418c}.field{display:grid;gap:8px;color:#334155;font-size:.93rem;font-weight:700}.upload-field{position:relative}.upload-dropzone{border:1px dashed var(--line-strong);border-radius:12px;background:#ffffffb8;padding:16px 12px;min-height:126px;display:grid;justify-items:center;align-content:center;gap:6px;text-align:center}.upload-field.dragging .upload-dropzone{border-color:#3b82f6;background:#eff6fff2}.upload-input{position:absolute;inset:24px 0 0;width:100%;height:calc(100% - 24px);opacity:0;cursor:pointer}.upload-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#2563eb}.upload-icon svg{width:100%;height:100%}.upload-title{margin:0;color:#1f2937;font-weight:700;font-size:.95rem}.upload-hint{margin:0;color:var(--muted);font-size:.84rem;font-weight:500}input[type=file],input[type=text],input[type=time],select{border:1px solid var(--line-strong);border-radius:10px;padding:9px 10px;background:#fff;color:var(--text)}input[type=file]:focus-visible,input[type=text]:focus-visible,input[type=time]:focus-visible,select:focus-visible,.quiz-inline-input:focus-visible{outline:2px solid rgba(37,99,235,.24);outline-offset:1px;border-color:#93c5fd}button{border:1px solid transparent;border-radius:10px;padding:10px 14px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer;transition:background-color .12s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}button:hover{background:var(--brand-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.58;cursor:not-allowed}.secondary{justify-self:start;background:#fff;color:#334155;border-color:var(--line-strong)}.secondary:hover{background:#f8fbff}.loading{display:flex;align-items:center;gap:10px;color:var(--muted)}.spinner{width:20px;height:20px;border:3px solid #dbe4f2;border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin:0;color:var(--bad);font-weight:700}.success{margin:0;color:#166534;font-weight:700}.result h2{margin:0 0 4px;font-family:Manrope,Noto Sans KR,sans-serif;font-size:1.12rem;color:#0f172a;letter-spacing:-.01em}.result h3{margin:14px 0 8px;color:#1f2937}.mock-notice{margin:8px 0 12px;color:#1e3a8a;font-weight:700}.result ol,.result ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}.result p{margin:8px 0 0}.planner-actions,.practice-actions{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.practice-actions label,.time-step-picker label{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#f2f7ff;color:#334155;font-size:.92rem;font-weight:700}.report-mobile-shell{background:#eef1f6;border:1px solid #dde3ee;border-radius:var(--panel-radius);padding:12px 10px 84px;display:grid;gap:10px}.report-mobile-head{display:flex;align-items:center;justify-content:space-between}.report-mobile-head h2{margin:0;font-size:1.08rem;font-weight:800;color:#1f2937}.report-mobile-head button{border:1px solid #cbd5e1;min-width:52px;height:30px;border-radius:999px;padding:0 10px;background:#fff;color:#475569;font-size:.72rem;font-weight:800}.report-tab-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.report-tab-strip button{border:0;border-radius:999px;background:transparent;color:#9ca3af;font-size:.72rem;font-weight:800;padding:5px 6px}.report-tab-strip button.active{background:#e6e8ff;color:#4f46e5}.report-score-card,.report-mastery-card,.report-concept-card,.report-alert-card,.report-trend-card,.report-tip-card{border:1px solid #dce2ec;border-radius:var(--panel-radius);background:#f9fafc;padding:12px}.report-card-title{margin:0;color:#8b94a7;text-align:center;font-size:.74rem;font-weight:700}.report-score-ring{width:120px;height:120px;margin:8px auto 6px;border-radius:999px;display:grid;place-items:center}.report-score-ring>div{width:94px;height:94px;border-radius:999px;background:#f9fafc;display:grid;place-items:center;align-content:center}.report-score-ring strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:2rem;line-height:1;color:#4f46e5}.report-score-ring span{color:#9ca3af;font-size:.7rem;font-weight:700}.report-score-desc{margin:0;color:#6b7280;text-align:center;font-size:.75rem;line-height:1.45}.report-score-desc b{color:#4f46e5}.report-mastery-card h3{margin:0;font-size:.98rem}.report-mastery-list{margin-top:10px;display:grid;gap:10px}.report-mastery-row p{margin:0;color:#677287;font-size:.72rem;font-weight:700}.report-mastery-row p span{color:#ef4444}.report-mastery-row strong{display:block;margin-top:2px;color:#4f46e5;font-size:.8rem}.report-mastery-row .track{margin-top:5px;height:4px;border-radius:999px;background:#e5e7eb;overflow:hidden}.report-mastery-row .track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b5ce6,#4f46e5)}.report-concept-card p{margin:0;color:#7f889a;font-size:.72rem;font-weight:700}.report-concept-card .chips{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.report-concept-card .chips span{border-radius:999px;padding:5px 8px;background:#eceeff;color:#5a61dc;font-size:.7rem;font-weight:700}.report-alert-card h4{margin:0;color:#ef4444;font-size:.84rem}.report-alert-card ul{margin:8px 0 0;padding-left:14px;color:#7c8797;font-size:.73rem;display:grid;gap:4px}.report-ai-card{border-radius:var(--panel-radius);background:linear-gradient(165deg,#0f172a,#1f2f52);color:#fff;padding:12px}.report-ai-card span{display:inline-block;border-radius:6px;background:#6366f152;color:#c7d2fe;font-size:.66rem;font-weight:800;padding:4px 7px}.report-ai-card p{margin:8px 0 0;color:#f1f5f9eb;font-size:.78rem;line-height:1.5}.report-ai-card button{width:100%;margin-top:10px;border:0;border-radius:10px;background:linear-gradient(90deg,#5b5ce6,#4f46e5);color:#fff;font-size:.74rem;font-weight:800;padding:9px 10px}.report-trend-card .title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.report-trend-card .title-row h4{margin:0;color:#4f46e5;font-size:.76rem}.report-trend-card .title-row span{border-radius:999px;border:1px solid #bfdbfe;color:#3b82f6;font-size:.62rem;font-weight:800;padding:2px 7px}.report-trend-card .chart-wrap{margin-top:8px}.report-trend-card .chart-wrap p{margin:8px 0 0;color:#7b8798;font-size:.72rem}.report-tip-card .tip-title{margin:0;color:#7b8798;font-size:.7rem;font-weight:700}.report-tip-card .tip-note{margin:6px 0 0;color:#1f2937;font-size:.82rem;font-weight:800}.report-tip-card .tip-desc{margin:6px 0 0;color:#7b8798;font-size:.72rem;line-height:1.45}.report-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.report-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#ffffffa8}.report-card h3{margin:0 0 8px;font-family:Manrope,Noto Sans KR,sans-serif;color:#1f2937}.home-plan-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-plan-card{border:1px solid var(--line);border-radius:12px;background:#ffffffb8;padding:12px}.home-plan-label{margin:0;color:var(--muted);font-size:.84rem;font-weight:700}.home-plan-title{margin:6px 0 0;color:#0f172a;font-weight:800;font-size:1.02rem}.home-plan-meta{margin:6px 0 0;color:#475569;font-size:.9rem;font-weight:600}.home-plan-empty{margin:8px 0 0;color:#475569;font-size:.95rem}.mypage-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mypage-section{background:radial-gradient(120% 100% at 0% 0%,rgba(191,219,254,.24),transparent 52%),#ffffffdb;border:1px solid #dbeafe}.mypage-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mypage-section-kicker{margin:0;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#3b82f6}.mypage-inline-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:.76rem;font-weight:800;padding:6px 10px;white-space:nowrap}.mypage-card{border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);padding:13px;box-shadow:0 6px 14px #94a3b81a}.mypage-avatar-card{display:grid;gap:10px;grid-column:1 / -1}.mypage-avatar-preview{width:92px;height:92px;border-radius:18px;border:3px solid #93c5fd;background:#eff6ff;display:grid;place-items:center;overflow:hidden}.mypage-avatar-preview img{width:100%;height:100%;object-fit:cover}.mypage-avatar-preview strong{font-family:Manrope,Noto Sans KR,sans-serif;font-size:2.2rem;color:#1d4ed8;line-height:1}.mypage-avatar-actions{display:flex;gap:8px;flex-wrap:wrap}.mypage-upload-btn{display:inline-grid;grid-auto-flow:column;align-items:center;gap:8px;padding:8px 12px;position:relative;overflow:hidden;border-radius:12px!important;border-color:#bfdbfe!important;background:#fff!important;color:#1d4ed8!important;font-weight:800!important;box-shadow:0 4px 10px #3b82f61f;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease}.mypage-upload-btn:hover{background:#eff6ff!important;box-shadow:0 7px 16px #3b82f62e;transform:translateY(-1px)}.mypage-upload-btn:before{content:"↥";width:20px;height:20px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-size:.8rem;font-weight:900}.mypage-upload-btn .upload-btn-title{font-size:.82rem;line-height:1}.mypage-upload-btn small{color:#64748b;font-size:.68rem;font-weight:700;line-height:1}.mypage-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.mypage-frame-options{display:flex;gap:6px;flex-wrap:wrap}.frame-chip{border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.76rem;padding:6px 10px}.frame-chip.active{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.mypage-label{margin:0;color:#475569;font-size:.8rem;font-weight:800;letter-spacing:.01em}.mypage-value{margin:6px 0 0;color:#0f172a;font-size:1.02rem;font-weight:800;overflow-wrap:anywhere;word-break:keep-all}.mypage-grade-row{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.mypage-grade-row .mypage-value{margin:0}.mypage-grade-row select{border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:.9rem;color:#0f172a;background:#fff;min-width:112px}.mypage-grade-row .secondary{padding:8px 10px;font-size:.82rem;white-space:nowrap}.mypage-actions{margin-top:10px;display:flex;justify-content:flex-end}.mypage-friends-card{grid-column:1 / -1;display:grid;gap:10px}.mypage-friend-form{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.mypage-friend-form input{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:.9rem;color:#0f172a;background:#fff}.mypage-friend-form .secondary{white-space:nowrap}.mypage-friend-help{margin:0;color:#64748b;font-size:.78rem}.mypage-friend-request-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mypage-friend-request-box{border:1px dashed #bfdbfe;border-radius:10px;background:#f8fbff;padding:8px;display:grid;gap:8px}.mypage-friend-request-title{margin:0;color:#334155;font-size:.78rem;font-weight:900}.mypage-friend-empty{margin:0;color:#475569;font-size:.86rem}.mypage-friend-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mypage-friend-item{border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mypage-friend-item strong{display:block;color:#0f172a;font-size:.9rem}.mypage-friend-item span{display:block;margin-top:2px;color:#64748b;font-size:.78rem}.mypage-friend-item .secondary{padding:7px 9px;font-size:.75rem}.mypage-friend-request-actions{display:flex;align-items:center;gap:6px}.mypage-party-card{grid-column:1 / -1;display:grid;gap:10px}.mypage-party-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mypage-party-head strong{display:block;color:#0f172a;font-size:1rem}.mypage-party-head p{margin:4px 0 0;color:#64748b;font-size:.78rem}.mypage-party-score{margin:0;color:#334155;font-size:.88rem}.mypage-party-score strong{margin-left:4px;color:#1d4ed8;font-size:1rem}.mypage-party-form{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.mypage-party-form input{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:.9rem;color:#0f172a;background:#fff}.mypage-party-empty{margin:0;color:#64748b;font-size:.82rem;line-height:1.45}.mypage-party-rank-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.mypage-party-rank-item{border:1px solid #dbeafe;border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;background:#f8fbff;color:#334155;font-size:.85rem}.mypage-party-rank-item strong{color:#0f172a;font-size:.9rem}.mypage-party-rank-item.me{border-color:#93c5fd;background:#eff6ff;font-weight:800}.mypage-highlight-row{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mypage-highlight{border:1px dashed #bfdbfe;border-radius:12px;padding:12px;background:#eff6ffa8}.mypage-highlight p{margin:0;color:#64748b;font-size:.76rem;font-weight:700}.mypage-highlight strong{display:block;margin-top:6px;color:#0f172a;font-size:.94rem;line-height:1.45}.mypage-shop-balance-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mypage-shop-balance-card{background:linear-gradient(180deg,#fff,#eef6ff)}.mypage-shop-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mypage-shop-item{display:grid;gap:8px}.mypage-shop-desc{margin:0;color:#475569;font-size:.84rem;line-height:1.45}.mypage-shop-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mypage-shop-row strong{color:#0f172a;font-size:.95rem}.mypage-shop-frame-preview{width:94px;height:34px;border-radius:11px;border:2px solid #93c5fd;display:grid;place-items:center;color:#1e3a8a;font-size:.76rem;font-weight:800;background:#eff6ff}.mypage-shop-note{margin:10px 0 0;color:#475569;font-size:.82rem}.quiz-start,.quiz-summary,.quiz-trend{display:grid;gap:10px;margin-top:12px}.quiz-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:12px;background:#ffffffad;padding:14px}.quiz-head{display:flex;justify-content:space-between;gap:8px}.quiz-head p{margin:0;color:#334155;font-weight:700}.progress-track{width:100%;height:10px;border-radius:999px;background:#e9eef7;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .2s ease}.quiz-tag{display:inline-block;margin:0;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475569;font-size:.8rem;font-weight:700}.quiz-question{margin:0;color:#1f2937;font-size:1.02rem;font-weight:600;line-height:1.55}.quiz-inline-input{width:136px;margin:0 6px;border:1px solid var(--line-strong);border-radius:8px;padding:5px 8px;background:#fff;color:#111827;font:inherit;vertical-align:baseline}.quiz-feedback{display:grid;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.quiz-feedback p{margin:0}.quiz-feedback.correct{border-color:#86efac;background:#f0fdf4}.quiz-feedback.wrong{border-color:#fecaca;background:#fff1f2}.trend-chart{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.axis{stroke:#94a3b8;stroke-width:1.5}.trend-line{fill:none;stroke:#2563eb;stroke-width:3}.trend-point{fill:#2563eb}.analysis-line{fill:none;stroke:#0ea5e9;stroke-width:3}.analysis-point{fill:#0ea5e9}.mastery-bar{fill:#2563eb}.trend-label{fill:#334155;font-size:10px;text-anchor:middle;font-weight:700}.subject-label{fill:#475569;font-size:10px;text-anchor:middle;font-weight:600}.time-step-picker{margin-top:10px}.timetable-help{margin:6px 0 0;color:var(--muted);font-size:.84rem}.fixed-editor{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.planner-fixed-card{border:1px solid #dbeafe;border-radius:14px;background:radial-gradient(120% 100% at 0% 0%,rgba(191,219,254,.22),transparent 60%),#fff;padding:14px;display:grid;gap:12px}.planner-fixed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.planner-fixed-kicker{margin:0;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#3b82f6}.planner-fixed-card h3{margin:0;color:#0f172a;font-size:1.02rem}.planner-fixed-count{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:.76rem;font-weight:800;padding:6px 10px;white-space:nowrap}.planner-fixed-grid{display:grid;gap:8px;grid-template-columns:120px minmax(180px,1fr) 130px 130px}.planner-fixed-field{display:grid;gap:6px}.planner-fixed-field span{color:#64748b;font-size:.75rem;font-weight:800}.planner-fixed-field select,.planner-fixed-field input{height:40px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.planner-repeat-toggle{display:inline-flex;gap:6px}.repeat-chip{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;padding:7px 11px;font-size:.78rem;font-weight:800}.repeat-chip.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.planner-fixed-actions{display:flex;justify-content:flex-end}.planner-fixed-add-btn{border-radius:10px;padding:10px 14px;font-weight:800}.planner-fixed-list{display:grid;gap:8px}.planner-fixed-list>p{margin:0;color:#64748b}.planner-fixed-item{border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);padding:10px;display:grid;gap:8px}.planner-fixed-item-title{margin:0;color:#0f172a;font-size:.95rem;font-weight:800}.planner-fixed-item-meta{margin:0;color:#475569;font-size:.83rem;font-weight:700}.planner-fixed-item-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.timetable{width:100%;margin-top:10px;border-collapse:collapse;font-size:.92rem}.timetable th,.timetable td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}.timetable tbody tr:nth-child(2n) td{background:#ffffff8c}.timetable tbody tr:hover td{background:#eff6fff2}.timetable th{background:#e9f0fbf2;color:#334155}.timetable-grid .time-col{width:70px;background:#f4f8ffeb;font-weight:700}.planner-cell{min-height:42px}.planner-cell.clickable{cursor:pointer}.planner-cell.clickable:hover{background:#eff6ffeb}.planner-cell.clickable:focus-visible{outline:2px solid rgba(37,99,235,.32);outline-offset:-2px}.slot-editor{margin:2px 0 8px;border:1px solid #93c5fd;border-radius:8px;background:#eff6ff;padding:6px;display:grid;gap:6px}.slot-editor-time{margin:0;color:#1e3a8a;font-size:.78rem;font-weight:700}.slot-editor input[type=text]{width:100%}.slot-editor-actions{display:flex;gap:6px}.slot-editor-actions button{padding:6px 10px}.slot{margin:4px 0;border:1px solid #dbe4f2;border-radius:8px;background:#fff;padding:6px}.slot.fixed{border-color:#93c5fd;background:#eff6ff}.slot p{margin:4px 0 0;line-height:1.35}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#dbeafe;color:#1e3a8a;font-size:.78rem;font-weight:700}.badge.fixed{background:#bfdbfe;color:#1e3a8a}.danger{background:#ef4444;color:#fff}@media(max-width:1024px){#root{max-width:960px;padding:16px 12px 30px}.overview-strip,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.top-bar{padding:10px 12px}.practice-actions label{width:100%;justify-content:space-between}.fixed-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-fixed-head{flex-direction:column;align-items:flex-start}.planner-fixed-grid{grid-template-columns:1fr 1fr}.planner-fixed-field-title{grid-column:1 / -1}.planner-fixed-actions{justify-content:stretch}.planner-fixed-add-btn{width:100%}.quiz-question{line-height:1.6}}@media(max-width:640px){#root{padding:10px 8px 22px}.preauth-screen{min-height:calc(100dvh - 20px);grid-template-rows:auto 1fr;padding:0;border-radius:12px}.preauth-center{padding-top:clamp(20px,4.5vh,46px)}.welcome-scroll-feed{margin-top:clamp(72px,13vh,120px)}.welcome-bridge-text{font-size:clamp(1.6rem,7vw,2.4rem)}.welcome-solution-text{margin-top:16px;font-size:clamp(1.1rem,5vw,1.45rem)}.welcome-feature-grid{width:86%;row-gap:2px;column-gap:2px}.welcome-feature-card{width:100%;border-radius:14px;padding:7px;font-size:clamp(1.4rem,6.6vw,2rem)}.chat-bubble{max-width:96%;padding:14px 16px;font-size:1.02rem}.glass-hero{min-height:410px;border-radius:20px;gap:6px}.preauth-brand{font-size:1.74rem}.glass-title{font-size:clamp(2.25rem,7.8vw,3.2rem);line-height:1.06}.glass-title-tagline{font-size:clamp(1.5rem,5.8vw,2.2rem)}.glass-title-brand{font-size:clamp(3.35rem,12.6vw,5rem)}.app{padding:0 10px 12px;border-radius:var(--frame-radius)}.app.analysis-mode,.app.planner-mode{padding:0 10px 12px}.top-bar{margin:0 -10px;padding:12px 14px;border-radius:var(--panel-radius)}.analysis-mode .top-bar,.planner-mode .top-bar{margin:0 -10px}.home-mobile-shell,.analysis-mobile-shell,.planner-mobile-shell,.practice-mobile-shell{border-radius:var(--panel-radius);padding:14px 12px 88px}.home-completion-card,.home-tool-card,.home-tutor-card,.planner-progress-card,.planner-ai-tip-card,.planner-session-card,.analysis-score-card,.analysis-kpi,.analysis-recommend-card,.practice-question-card,.practice-why-card,.result,.card,.mypage-card{border-radius:var(--panel-radius)}.app-bottom-nav{border-radius:var(--frame-radius) var(--frame-radius) 0 0}.brand-name{font-size:1.58rem}.top-bar-main{gap:10px}.top-bar-meta{gap:6px}.feature-pill,.date-pill,.progress-pill{font-size:.71rem;padding:5px 9px}.mission-window{min-width:76px;padding:5px 8px;border-radius:10px}.mission-window-kicker{font-size:.62rem}.mission-window strong{font-size:.78rem}.mission-window small{font-size:.66rem}.mission-modal{top:76px;right:8px;left:8px;width:auto}.progress-pill{display:none}.overview-strip,.report-grid,.fixed-editor,.home-plan-grid,.mypage-grid{grid-template-columns:1fr}.mypage-section-head{flex-direction:column;align-items:flex-start}.mypage-highlight-row,.mypage-friend-form,.mypage-friend-request-grid,.mypage-party-form,.mypage-shop-balance-grid,.mypage-shop-grid{grid-template-columns:1fr}.profile-toggle{width:46px;height:46px}.card,.result{border-radius:12px;padding:12px}.timetable{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.metric-value{font-size:1.1rem}button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}