html{--sc-layer-navigation:50;--sc-layer-overlay:500;--sc-layer-sheet:510;--sc-layer-popover:520;--sc-layer-network:540}:root{--sc-aquarium-leaf:#75A83C;--sc-aquarium-coral:#CA8A79;--sc-aquarium-mini:radial-gradient(circle at 50% 0%,#1A6793,#0A3655 55%,#082338);--sc-aquarium-rim:rgba(121,210,235,.25);--sc-aquarium-tint:rgba(3,22,43,.08);--sc-aquarium-inset:inset 0 0 65px rgba(0,0,0,.28);--sc-aquarium-bottom:linear-gradient(transparent,rgba(5,22,30,.26));--sc-aquarium-hud:rgba(5,23,42,.64);--sc-aquarium-pill:rgba(0,0,0,.28);--sc-discovery-common-deep:#0C3A70;--sc-discovery-common-glow:#60A5FA;--sc-discovery-common-burst:#BEE7FF;--sc-discovery-rare-deep:#37246F;--sc-discovery-rare-glow:#A78BFA;--sc-discovery-rare-burst:#E9D5FF;--sc-discovery-epic-deep:#6A3B08;--sc-discovery-epic-glow:var(--sc-state-threshold);--sc-discovery-epic-burst:#FFE6A7;--sc-discovery-legendary-deep:#53377D;--sc-discovery-legendary-glow:#E9D5FF;--sc-discovery-legendary-burst:#F5EAFE;--sc-guide-backdrop:rgba(7,18,33,.76);--sc-guide-shadow:0 28px 70px rgba(2,12,26,.42);--sc-brand-navy:#344E8F;--sc-brand-navy-deep:#0B1B2E;--sc-deadline-ink:#8C5A12;--sc-study-banner-bg:var(--sc-brand-navy);--sc-study-banner-accent:#9FF7ED;--sc-brand-hero:var(--sc-brand-navy);--sc-on-brand:#FFFFFF;--sc-on-brand-muted:rgba(255,255,255,.76);--sc-on-brand-surface:rgba(255,255,255,.1);--sc-on-brand-surface-strong:rgba(255,255,255,.16);--sc-on-brand-line:rgba(255,255,255,.2);--sc-info-blue:#4C79EE;--sc-action-positive:#22B6A8;--sc-action-positive-strong:#0F7F75;--sc-action-urgent:#E86B5B;--sc-action-urgent-strong:#B7483C;--sc-state-threshold:#F0B64D;--sc-state-success:#0F7F75;--sc-state-danger:#B7483C;--sc-state-rare:#7B61D1;--sc-surface-canvas:#FFFFFF;--sc-surface-card:#FFFFFF;--sc-surface-subtle:#F1F4FB;--sc-surface-positive:#EDF9F7;--sc-surface-urgent:#FFF0EE;--sc-surface-threshold:#FFF8EA;--sc-ink-strong:#2C2C2C;--sc-ink:#2C2C2C;--sc-ink-muted:#5D6D83;--sc-ink-subtle:#5D6D83;--sc-line-subtle:#D8E2F1;--sc-line-strong:#8795AC;--sc-focus-ring:var(--sc-brand-navy);--sc-provider-google:#4285F4;--sc-provider-naver:#03C75A;--sc-provider-naver-contrast:#00813A;--sc-tier-basic:#22A861;--sc-tier-starter:#4C79EE;--sc-tier-standard:#7141D9;--sc-tier-pro:#F97316;--sc-subject-default:#4C79EE;--sc-subject-math:#14B8A6;--sc-subject-korean:#8B5CF6;--sc-subject-english:#3B82F6;--sc-subject-science:#F97316;--sc-subject-other:#64748B;--sc-rank-bronze-border:#E7D8CC;--sc-rank-bronze-surface:linear-gradient(160deg,rgba(180,120,80,.1),rgba(255,255,255,.95));--sc-rank-bronze-accent:#A86632;--sc-rank-silver-border:#D5DCE5;--sc-rank-silver-surface:linear-gradient(160deg,rgba(148,163,184,.12),rgba(255,255,255,.95));--sc-rank-silver-accent:#64748B;--sc-rank-gold-border:#F4E2A1;--sc-rank-gold-surface:linear-gradient(160deg,rgba(250,204,21,.14),rgba(255,255,255,.96));--sc-rank-gold-accent:#B7791F;--sc-rank-platinum-border:#D7D9FF;--sc-rank-platinum-surface:linear-gradient(160deg,rgba(129,140,248,.14),rgba(191,219,254,.16),rgba(255,255,255,.96));--sc-rank-platinum-accent:#5967C8;--sc-rank-diamond-border:#BAE6FD;--sc-rank-diamond-surface:linear-gradient(160deg,rgba(34,211,238,.14),rgba(167,243,208,.14),rgba(255,255,255,.96));--sc-rank-diamond-accent:#167C91;--sc-rank-shine:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.55) 42%,transparent 68%);--sc-skeleton:linear-gradient(90deg,#E8EEF7,#F4F8FE,#E8EEF7);--sc-canvas:var(--sc-surface-canvas);--sc-surface:var(--sc-surface-card);--sc-surface-muted:var(--sc-surface-subtle);--sc-surface-accent:var(--sc-surface-subtle);--sc-navy:var(--sc-brand-navy);--sc-blue:var(--sc-info-blue);--sc-teal:var(--sc-action-positive);--sc-coral:var(--sc-action-urgent);--sc-warning:var(--sc-state-threshold);--sc-success:var(--sc-state-success);--sc-border-subtle:var(--sc-line-subtle);--sc-border-strong:var(--sc-line-strong);--sc-space-4:4px;--sc-space-8:8px;--sc-space-12:12px;--sc-space-16:16px;--sc-space-20:20px;--sc-space-24:24px;--sc-radius-control:8px;--sc-radius-button:4px;--sc-radius-label:4px;--sc-primary-height:52px;--sc-radius-card:10px;--sc-radius-scene:12px;--sc-radius-my:30px;--sc-radius-pill:999px;--sc-control-height:48px;--sc-touch-target:44px;--sc-frame-max-width:430px;--sc-shadow-normal:none;--sc-shadow-raised:0 14px 32px rgba(27,63,99,.12);--sc-shadow-hero:none;--sc-shadow-overlay:0 18px 44px rgba(11,27,46,.18);--sc-shadow-sheet:0 -12px 36px rgba(11,27,46,.14);--sc-nav-aquarium-idle:var(--sc-surface-subtle);--sc-shadow-nav-idle:none;--sc-shadow-nav-active:none;--sc-shadow-nav:none;--sc-type-display:32px;--sc-type-title:24px;--sc-type-section:20px;--sc-type-body:16px;--sc-type-caption:14px;--sc-type-micro:12px;--sc-motion-press:.12s;--sc-motion-control:.18s;--sc-motion-panel:.24s;--sc-motion-screen:.32s;--sc-motion-progress:.5s;--sc-page-gutter:16px;--sc-card-gap:16px;--sc-section-gap:24px;--sc-tabbar-height:72px;--sc-overlay-bg:rgba(11,27,46,.42);--sc-overlay-blur:3px;--sc-overlay-gutter:16px;--sc-modal-width:420px;--sc-modal-max-height:84dvh;--sc-sheet-max-height:92dvh;--sc-visual-height:100dvh;--sc-visual-offset-top:0px;--bg:var(--sc-surface-canvas);--card:var(--sc-surface-card);--surface:var(--sc-surface-card);--text:var(--sc-ink);--muted:var(--sc-ink-muted);--line:var(--sc-line-subtle);--radius-sm:8px;--radius-md:var(--sc-radius-control);--radius-lg:var(--sc-radius-card);--radius-pill:var(--sc-radius-pill);--shadow-soft:var(--sc-shadow-normal);--mobile-page-gutter:var(--sc-page-gutter);--mobile-stack-gap:var(--sc-card-gap);--motion-fast:var(--sc-motion-press);--motion-control:var(--sc-motion-control);--motion-base:var(--sc-motion-panel);--motion-slow:var(--sc-motion-screen);--motion-page:.2s;--ease-standard:cubic-bezier(.22,.61,.36,1);--ease-enter:cubic-bezier(.16,1,.3,1);--ease-exit:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.2,.85,.28,1.08)}@font-face{font-family:Paperlogy;font-style:normal;font-weight:400;font-display:swap;src:url(/studycrack-mobile-app/dist/assets/paperlogy-400-extended-CyJtPLzX.woff2) format("woff2");unicode-range:U+0-10FFFF}@font-face{font-family:Paperlogy;font-style:normal;font-weight:400;font-display:swap;src:url(/studycrack-mobile-app/dist/assets/paperlogy-400-core-BALIjb8f.woff2) format("woff2");unicode-range:U+0-10FFFF}@font-face{font-family:Paperlogy;font-style:normal;font-weight:700;font-display:swap;src:url(/studycrack-mobile-app/dist/assets/paperlogy-700-extended-Dr-WQjAt.woff2) format("woff2");unicode-range:U+0-10FFFF}@font-face{font-family:Paperlogy;font-style:normal;font-weight:700;font-display:swap;src:url(/studycrack-mobile-app/dist/assets/paperlogy-700-core-DvuOiSr8.woff2) format("woff2");unicode-range:U+0-10FFFF}@font-face{font-family:Paperlogy;font-style:normal;font-weight:800;font-display:swap;src:url(/studycrack-mobile-app/dist/assets/paperlogy-800-extended-D0hX-QOc.woff2) format("woff2");unicode-range:U+0-10FFFF}@font-face{font-family:Paperlogy;font-style:normal;font-weight:800;font-display:swap;src:url(/studycrack-mobile-app/dist/assets/paperlogy-800-core-ogdHMtuQ.woff2) format("woff2");unicode-range:U+0-10FFFF}html,body{height:100%;min-height:100%;height:-webkit-fill-available;min-height:-webkit-fill-available;margin:0;overflow:auto;touch-action:manipulation;overscroll-behavior:none}body{font-family:Paperlogy,Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;background:var(--sc-canvas);color:var(--sc-ink);font-size:var(--sc-type-body);line-height:1.55;letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{max-width:100%;font:inherit;letter-spacing:0}input,select,textarea{max-width:100%;font:inherit;font-size:16px;letter-spacing:0;color:var(--sc-ink)}input::placeholder,textarea::placeholder{color:var(--sc-ink-subtle);opacity:1}img,svg{max-width:100%}button:not(:disabled){cursor:pointer}#root{width:100%;height:100dvh;min-height:100dvh;display:block;padding:0;place-items:initial}.ios-scroll-root{width:100%;min-height:100dvh;overflow-anchor:none}@supports (-webkit-touch-callout:none){#root{height:-webkit-fill-available;min-height:-webkit-fill-available}.ios-scroll-root{min-height:-webkit-fill-available}}.app-shell{width:100%;height:100%;min-height:var(--sc-visual-height);display:flex;justify-content:center;align-items:center;place-items:initial;position:relative;background:var(--sc-canvas)}.app-frame{width:100%;min-width:0;max-width:var(--sc-frame-max-width);height:100dvh;min-height:100dvh;padding:0;background:var(--sc-canvas);display:flex;flex-direction:column;place-items:initial;position:relative;overflow:hidden;border-radius:0}.screen{width:100%;min-width:0;max-width:100%;height:100%;display:block;place-items:initial;box-sizing:border-box;position:relative;overflow:hidden;overflow-x:hidden;padding:0}.app-screen{width:100%;min-width:0;max-width:100%;height:100%;display:block;place-items:initial;box-sizing:border-box;position:relative;min-height:var(--sc-visual-height)}.app-content{width:100%;min-width:0;max-width:100%;height:100%;display:block;place-items:initial;box-sizing:border-box;position:relative;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:var(--sc-space-16) var(--mobile-page-gutter);padding-top:calc(var(--sc-space-16) + env(safe-area-inset-top));padding-bottom:calc(var(--sc-tabbar-reserved-height,calc(var(--sc-tabbar-height) + env(safe-area-inset-bottom))) + var(--sc-space-16) + var(--sc-keyboard-inset,0px));z-index:1}.screen.app-screen{background:var(--sc-canvas)}.app-content.modal-lock{overflow:hidden}.app-screen-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:490;display:block;pointer-events:none}.app-screen-overlays>*{pointer-events:auto}@media (min-width:480px){.app-frame{border-radius:var(--sc-radius-card);box-shadow:var(--sc-shadow-raised)}}@media (max-width:360px){:root{--mobile-page-gutter:14px}}.center{text-align:center}.sub{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-body);line-height:1.5}.analysis-title{margin:0}.card,.sc-card{width:100%;min-width:0;box-sizing:border-box;position:relative;background:var(--sc-surface-card);border:1px solid var(--sc-line-subtle);border-radius:var(--sc-radius-card);padding:var(--sc-space-16);box-shadow:var(--sc-shadow-normal);transition:transform var(--sc-motion-control) ease,box-shadow var(--sc-motion-control) ease}.card.compact{padding:10px}.btn{width:100%;min-width:0;min-height:var(--sc-control-height);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--sc-space-8);padding:var(--sc-space-8) var(--sc-space-16);border-radius:var(--sc-radius-button);border:1px solid transparent;font-size:var(--sc-type-body);font-weight:700;font-family:inherit;text-align:center;line-height:1.4;overflow-wrap:anywhere;transition:transform var(--sc-motion-press) var(--ease-standard),background-color var(--sc-motion-control) ease,border-color var(--sc-motion-control) ease,color var(--sc-motion-control) ease,box-shadow var(--sc-motion-control) ease}.btn-primary{min-height:var(--sc-primary-height);background:var(--sc-brand-navy);color:var(--sc-surface-card);box-shadow:none}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--sc-surface-subtle);color:var(--sc-ink);border:1px solid var(--sc-line-subtle);box-shadow:none}.btn-quiet{background:transparent;color:var(--sc-brand-navy);border-color:transparent;box-shadow:none}.btn-danger{background:var(--sc-action-urgent-strong);color:var(--sc-on-brand);border-color:var(--sc-action-urgent-strong);box-shadow:none}.btn[aria-busy=true]{cursor:progress}.sc-icon-button{min-width:var(--sc-touch-target);min-height:var(--sc-touch-target);touch-action:manipulation}.planner-input,.sc-input,.sc-select,.sc-textarea{width:100%;min-width:0;min-height:var(--sc-control-height);box-sizing:border-box;border:1px solid var(--sc-line-strong);border-radius:var(--sc-radius-control);padding:0 var(--sc-space-12);background:var(--sc-surface-card);color:var(--sc-ink);font:inherit;font-size:var(--sc-type-body);transition:border-color var(--sc-motion-control) ease,box-shadow var(--sc-motion-control) ease,background-color var(--sc-motion-control) ease}.planner-input[type=date],.planner-input[type=time]{display:block;max-width:100%;min-inline-size:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;overflow:hidden}.planner-input::-webkit-date-and-time-value{min-width:0;text-align:left}textarea.sc-textarea{height:auto;min-height:96px;padding-top:var(--sc-space-12);padding-bottom:var(--sc-space-12);resize:vertical}.sc-field{min-width:0;display:grid;gap:var(--sc-space-8)}.sc-field-error{margin:0;color:var(--sc-state-danger);font-size:var(--sc-type-caption);font-weight:700;line-height:1.45}.auth-link-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--sc-brand-navy);font:inherit;font-size:14px;font-weight:700;line-height:1.3;padding:4px 0;letter-spacing:0;cursor:pointer}.btn:focus-visible,.auth-link-btn:focus-visible,.sc-icon-button:focus-visible{outline:2px solid var(--sc-focus-ring);outline-offset:3px}.planner-input:focus-visible,.sc-input:focus-visible,.sc-select:focus-visible,.sc-textarea:focus-visible{outline:2px solid var(--sc-focus-ring);outline-offset:3px;border-color:var(--sc-action-positive-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-action-positive) 14%,transparent)}.auth-link-btn:disabled{opacity:.5;cursor:not-allowed}.progress,.track{flex:1;height:8px;border-radius:var(--sc-radius-pill);background:var(--sc-line-strong);overflow:hidden}.progress>span{display:block;height:100%;background:var(--sc-action-positive);border-radius:var(--sc-radius-pill);transition:width var(--sc-motion-progress) var(--ease-standard)}.track i{display:block;height:100%;background:var(--sc-action-positive);border-radius:var(--sc-radius-pill);transition:width var(--sc-motion-progress) var(--ease-standard)}.progress[role=progressbar],.track[role=progressbar]{position:relative}.badge,.sc-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--sc-space-8);border-radius:var(--sc-radius-label);background:var(--sc-surface-subtle);color:var(--sc-ink-muted);font-size:var(--sc-type-micro);font-weight:700;white-space:nowrap}.icon{width:20px;height:20px;stroke:var(--sc-ink-muted);stroke-width:2;fill:none}.icon.primary{stroke:var(--sc-brand-navy)}.section{margin-bottom:12px}.splash{width:100%;height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background:linear-gradient(150deg,var(--sc-brand-navy) 0%,var(--sc-brand-navy-deep) 100%);color:var(--sc-surface-card);text-align:center}.mobile-card-stack{width:100%;min-width:0;display:grid;gap:var(--mobile-stack-gap)}.possible-univ-dots,.slider-indicator,.possible-univ-indicator,.possible-slider-indicator{display:flex;justify-content:center;align-items:center;gap:6px;flex:1;margin-top:12px}.possible-slider-dot{width:6px;height:6px;min-width:6px;min-height:6px;padding:0;border:0;border-radius:50%;background:var(--sc-line-strong)}.possible-slider-dot.active{background:var(--sc-action-positive);transform:scale(1.2)}.feedback-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:6px 7px;border:1px solid var(--sc-line-subtle);border-radius:12px;background:var(--sc-surface-subtle);color:var(--sc-ink);font-size:var(--sc-type-caption);line-height:1.35}.loading-box{display:grid;gap:6px;color:var(--sc-brand-navy);font-weight:700;text-align:center}.loading-box .dots{letter-spacing:2px}button:disabled,.disabled,[disabled]{opacity:.5;pointer-events:none}.plus-one-card{position:relative;width:100%;min-width:0;box-sizing:border-box;background:var(--sc-surface-card)}.score-journey-col.current{border:0;background:transparent;box-shadow:none}.sc-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--sc-space-12);border-radius:var(--sc-radius-label);background:var(--sc-surface-subtle);color:var(--sc-brand-navy);font-size:var(--sc-type-caption);font-weight:700;white-space:nowrap}.sc-metric{font-variant-numeric:tabular-nums}.sc-skeleton{border:1px solid var(--sc-line-subtle);border-radius:var(--sc-radius-card);background:var(--sc-skeleton);background-size:200% 100%;animation:scSkeletonPulse 1.3s linear infinite}.sc-network-status{position:fixed;top:max(var(--sc-space-8),env(safe-area-inset-top));left:50%;z-index:var(--sc-layer-network);display:none;align-items:center;width:min(calc(100% - 24px),406px);min-height:var(--sc-touch-target);padding:var(--sc-space-8) var(--sc-space-12);border:1px solid var(--sc-line-strong);border-radius:var(--sc-radius-control);background:var(--sc-surface-threshold);color:var(--sc-ink);box-shadow:var(--sc-shadow-raised);font-size:var(--sc-type-caption);font-weight:800;pointer-events:none;transform:translate(-50%)}html[data-network-status=offline] .sc-network-status,html[data-network-status=reconnecting] .sc-network-status{display:grid}.sc-empty{width:100%;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--sc-space-12);box-sizing:border-box;padding:var(--sc-space-16);border:1px dashed var(--sc-line-strong);border-radius:var(--sc-radius-control);background:var(--sc-surface-subtle);text-align:left}.sc-empty-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--sc-radius-control);background:var(--sc-surface-positive);color:var(--sc-brand-navy);font-size:15px;font-weight:800}.sc-empty-mark i{width:14px;height:14px;border:2px solid var(--sc-line-strong);border-top-color:var(--sc-action-positive);border-radius:50%;animation:scEmptySpin .8s linear infinite}.sc-empty>div{min-width:0;display:grid;gap:3px}.sc-empty h3{margin:0;color:var(--sc-ink);font-size:var(--sc-type-body);font-weight:800;line-height:1.35}.sc-empty p{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.45;word-break:keep-all}.sc-empty>button,.sc-empty>a{grid-column:1/-1;min-height:var(--sc-touch-target)}.sc-empty.is-error{border-color:color-mix(in srgb,var(--sc-action-urgent-strong) 32%,var(--sc-line-subtle));background:var(--sc-surface-urgent)}.sc-empty.is-error .sc-empty-mark{background:var(--sc-surface-urgent);color:var(--sc-action-urgent-strong)}.sc-empty.is-offline{border-color:color-mix(in srgb,var(--sc-state-threshold) 48%,var(--sc-line-subtle));background:var(--sc-surface-threshold)}@keyframes scEmptySpin{to{transform:rotate(360deg)}}@keyframes scSkeletonPulse{0%{background-position:100% 0}to{background-position:-100% 0}}.appbar{display:flex;align-items:center;gap:var(--sc-space-12);width:100%;margin:0 0 var(--sc-space-16);box-sizing:border-box}.back-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 var(--sc-touch-target);width:var(--sc-touch-target);height:var(--sc-touch-target);padding:0;border:1px solid var(--sc-line-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface-card);color:var(--sc-brand-navy);font:inherit;font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--sc-shadow-normal)}.appbar .title{min-width:0;margin:0;color:var(--sc-ink);font-size:var(--sc-type-section);font-weight:800;line-height:1.35;overflow-wrap:anywhere}.back-btn:focus-visible{outline:2px solid var(--sc-focus-ring);outline-offset:2px}.sc-secondary-page{width:100%;min-width:0;display:grid;gap:var(--sc-card-gap);box-sizing:border-box;padding:0 0 var(--sc-space-20)}.sc-secondary-intro{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sc-space-12);box-sizing:border-box;padding:var(--sc-space-4) 0;border:0;border-radius:0;background:transparent;box-shadow:none}.sc-secondary-intro>div{min-width:0;display:grid;gap:var(--sc-space-4)}.sc-secondary-eyebrow{color:var(--sc-brand-navy);font-size:var(--sc-type-micro);font-weight:800;line-height:1.3}.sc-secondary-intro h2{margin:0;color:var(--sc-ink);font-size:var(--sc-type-title);font-weight:800;line-height:1.3;letter-spacing:0;word-break:keep-all}.sc-secondary-intro p{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5;word-break:keep-all}.sc-secondary-intro-aside{display:flex!important;align-items:center;justify-content:flex-end;align-self:start}.sc-secondary-section{width:100%;min-width:0;display:grid;gap:var(--sc-space-12);box-sizing:border-box;padding:var(--sc-space-16);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.sc-secondary-section-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sc-space-12)}.sc-secondary-section-head>div{min-width:0;display:grid;gap:var(--sc-space-4)}.sc-secondary-section-head h3,.sc-secondary-section-head h4{margin:0;color:var(--sc-ink);font-size:var(--sc-type-section);font-weight:800;line-height:1.35;letter-spacing:0}.sc-secondary-section-head p{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.45}.sc-secondary-list{width:100%;min-width:0;display:grid;box-sizing:border-box;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface);overflow:hidden}.sc-secondary-row{width:100%;min-width:0;min-height:60px;display:flex;align-items:center;gap:var(--sc-space-12);box-sizing:border-box;padding:var(--sc-space-12);border:0;border-bottom:1px solid var(--sc-border-subtle);background:var(--sc-surface);color:var(--sc-ink);font-family:inherit;text-align:left}.sc-secondary-row:last-child{border-bottom:0}.sc-secondary-row-main{min-width:0;display:grid;flex:1;gap:3px}.sc-secondary-row-main b{min-width:0;color:var(--sc-ink);font-size:var(--sc-type-body);font-weight:800;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faq-row .sc-secondary-row-main b{overflow:visible;text-overflow:clip;white-space:normal;word-break:keep-all}.sc-secondary-row-main p{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sc-secondary-row-meta{flex:0 0 auto;display:grid;justify-items:end;gap:4px;color:var(--sc-ink-muted);font-size:var(--sc-type-micro);font-weight:700}.sc-secondary-segmented{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sc-space-4);box-sizing:border-box;padding:var(--sc-space-4);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface-muted)}.sc-secondary-segmented button{min-width:0;min-height:var(--sc-touch-target);padding:0 var(--sc-space-8);border:0;border-radius:var(--sc-radius-button);background:transparent;color:var(--sc-ink-muted);font-family:inherit;font-size:var(--sc-type-caption);font-weight:700}.sc-secondary-segmented button.active{background:var(--sc-surface-card);color:var(--sc-brand-navy);box-shadow:var(--sc-shadow-normal)}.sc-secondary-form{width:100%;min-width:0;display:grid;gap:var(--sc-space-16);box-sizing:border-box}.sc-secondary-field{min-width:0;display:grid;gap:var(--sc-space-8)}.sc-secondary-field label{color:var(--sc-ink);font-size:var(--sc-type-caption);font-weight:800;line-height:1.35}.sc-secondary-field small{color:var(--sc-ink-muted);font-size:var(--sc-type-micro);font-weight:600;line-height:1.45}.sc-reading-page{width:100%;min-width:0;display:grid;gap:var(--sc-card-gap);box-sizing:border-box;padding-bottom:var(--sc-space-20)}.sc-reading-content{margin:0;padding:var(--sc-space-20);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);color:var(--sc-ink);font-size:var(--sc-type-body);font-weight:500;line-height:1.75;white-space:pre-wrap;word-break:keep-all;box-shadow:var(--sc-shadow-normal)}@media (max-width:360px){.sc-secondary-intro{grid-template-columns:1fr}.sc-secondary-intro-aside{justify-content:flex-start}.sc-secondary-section{padding:14px}.sc-secondary-row{padding:11px 12px}}.mbti-survey-modal{width:calc(100vw - 24px);max-width:440px;max-height:90vh;display:flex;flex-direction:column;padding:18px;overflow:auto;border-radius:var(--sc-radius-card);background:var(--sc-surface-card);box-sizing:border-box}.mbti-survey-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mbti-survey-section{font-size:var(--sc-type-micro);font-weight:800;letter-spacing:.04em;color:var(--sc-brand-navy);background:var(--sc-surface-subtle);border:1px solid var(--sc-line-strong);border-radius:var(--sc-radius-label);padding:5px 11px}.mbti-survey-eyebrow{display:block;font-size:var(--sc-type-micro);font-weight:800;letter-spacing:.06em;color:var(--sc-brand-navy);margin-bottom:6px}.mbti-survey-intro{display:flex;flex-direction:column;gap:16px;text-align:left;padding:8px 4px}.mbti-survey-intro .sc-modal-padded-title{font-size:22px}.mbti-survey-lead{margin:0;font-size:var(--sc-type-caption);line-height:1.6;color:var(--sc-ink-muted);font-weight:700}.mbti-survey-points{margin:4px 0 8px;padding:0;list-style:none;display:grid;gap:8px;text-align:left}.mbti-survey-points li{position:relative;padding-left:22px;font-size:var(--sc-type-caption);line-height:1.5;color:var(--sc-ink-muted);font-weight:700}.mbti-survey-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--sc-action-positive-strong);font-weight:800}.mbti-survey-start{height:50px;border-radius:var(--sc-radius-card);font-weight:800}.mbti-survey-close-link{border:none;background:transparent;color:var(--sc-ink-subtle);font-size:var(--sc-type-caption);font-weight:800;font-family:inherit;padding:8px;min-height:44px}.mbti-survey-progress{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mbti-survey-bar{flex:1 1 auto;height:6px;border-radius:999px;background:var(--sc-line-subtle);overflow:hidden}.mbti-survey-bar i{display:block;height:100%;border-radius:999px;background:var(--sc-action-positive);transition:width .3s ease}.mbti-survey-progress span{flex:0 0 auto;font-size:var(--sc-type-caption);font-weight:800;color:var(--sc-ink-muted)}.mbti-survey-qtext{margin:0 0 16px;font-size:18px;font-weight:800;line-height:1.45;color:var(--sc-ink)}.mbti-survey-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.mbti-survey-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:14px 15px;border:1.5px solid var(--sc-line-strong);border-radius:var(--sc-radius-button);background:var(--sc-surface-card);color:var(--sc-ink);font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.mbti-survey-choice:active{background:var(--sc-surface-subtle)}.mbti-survey-choice.selected{border-color:var(--sc-brand-navy);background:var(--sc-brand-navy);color:var(--sc-on-brand);box-shadow:var(--sc-shadow-normal)}.mbti-survey-choice-mark{flex:0 0 auto;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--sc-surface-subtle);color:var(--sc-brand-navy);font-size:var(--sc-type-caption);font-weight:800}.mbti-survey-choice.selected .mbti-survey-choice-mark{background:var(--sc-on-brand);color:var(--sc-brand-navy)}.mbti-survey-nav{display:flex;gap:8px}.mbti-survey-nav .btn{flex:1 1 auto;width:auto;height:48px;border-radius:var(--sc-radius-button);font-weight:800}.mbti-survey-nav .mbti-survey-prev{flex:0 0 auto;min-width:84px}.mbti-survey-result{display:flex;flex-direction:column;gap:10px;text-align:center}.mbti-result-hero{display:grid;gap:10px;padding:24px 16px;border-radius:var(--sc-radius-card);background:var(--sc-brand-hero);color:var(--sc-on-brand)}.mbti-result-code{font-size:40px;font-weight:800;letter-spacing:.1em;line-height:1}.mbti-result-name{font-size:18px;font-weight:800}.mbti-result-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0}.mbti-result-tag{font-size:var(--sc-type-micro);font-weight:800;color:var(--sc-brand-navy);background:var(--sc-surface-subtle);border:1px solid var(--sc-line-strong);border-radius:var(--sc-radius-label);padding:5px 10px}.mbti-result-desc{margin:4px 0;font-size:var(--sc-type-caption);line-height:1.6;color:var(--sc-ink-muted);font-weight:700}.mbti-result-traits{margin:0;padding:0;list-style:none;display:grid;gap:7px;text-align:left}.mbti-result-traits li{position:relative;padding:10px 12px 10px 32px;border:1px solid var(--sc-line-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface-subtle);font-size:var(--sc-type-caption);font-weight:800;color:var(--sc-ink)}.mbti-result-traits li:before{content:"★";position:absolute;left:12px;top:10px;color:var(--sc-state-threshold)}.mbti-result-subjects{margin-top:6px;padding:13px;border:1px solid var(--sc-line-strong);border-radius:var(--sc-radius-card);background:var(--sc-surface-subtle);text-align:left}.mbti-result-subjects-label{margin:0 0 8px;font-size:var(--sc-type-caption);font-weight:800;color:var(--sc-brand-navy)}.mbti-result-subject-list{display:flex;flex-wrap:wrap;gap:6px}.mbti-result-subject{font-size:var(--sc-type-caption);font-weight:800;color:var(--sc-ink);background:var(--sc-surface-card);border:1px solid var(--sc-line-strong);border-radius:var(--sc-radius-card);padding:6px 11px}.rank-tier-bronze{--rank-border:var(--sc-rank-bronze-border);--rank-surface:var(--sc-rank-bronze-surface);--rank-accent:var(--sc-rank-bronze-accent);border-color:var(--rank-border);background:var(--rank-surface)}.rank-tier-silver{--rank-border:var(--sc-rank-silver-border);--rank-surface:var(--sc-rank-silver-surface);--rank-accent:var(--sc-rank-silver-accent);border-color:var(--rank-border);background:var(--rank-surface)}.rank-tier-gold{--rank-border:var(--sc-rank-gold-border);--rank-surface:var(--sc-rank-gold-surface);--rank-accent:var(--sc-rank-gold-accent);border-color:var(--rank-border);background:var(--rank-surface)}.rank-tier-platinum{--rank-border:var(--sc-rank-platinum-border);--rank-surface:var(--sc-rank-platinum-surface);--rank-accent:var(--sc-rank-platinum-accent);border-color:var(--rank-border);background:var(--rank-surface)}.rank-tier-diamond{--rank-border:var(--sc-rank-diamond-border);--rank-surface:var(--sc-rank-diamond-surface);--rank-accent:var(--sc-rank-diamond-accent);border-color:var(--rank-border);background:var(--rank-surface)}@keyframes rankShine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.score-journey-card{display:grid;gap:12px;width:100%;min-width:0;max-width:100%;overflow:hidden}.score-journey-empty-panel{display:grid;gap:12px;min-width:0;max-width:100%;overflow:hidden;border:1px dashed var(--sc-line-strong);background:var(--sc-surface-canvas);border-radius:var(--radius-lg);padding:16px;color:var(--sc-ink-muted);line-height:1.45}.score-journey-empty-panel b{font-size:14px;color:var(--sc-ink);font-weight:800}.score-journey-segment{display:inline-flex;gap:6px;background:var(--sc-surface-subtle);border-radius:999px;padding:4px;width:max-content;position:relative;z-index:2;pointer-events:auto}.score-journey-segment button{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--sc-ink-muted);border:none;background:transparent;pointer-events:auto}.score-journey-segment button.active{background:var(--sc-surface-card);color:var(--sc-brand-navy);box-shadow:var(--sc-shadow-normal)}.score-journey-scroll{width:100%;min-width:0;max-width:100%;overflow:hidden;padding:4px 20px 4px 0;position:relative;z-index:1;touch-action:pan-y}.score-journey-track{display:flex!important;width:200%!important;min-width:0;max-width:none;overflow:hidden;transform:translate(var(--score-slide-x));will-change:transform;transition:var(--score-slide-transition, transform .56s cubic-bezier(.22,.61,.36,1))}.score-journey-track.motion-next{animation:scoreSlideNext .58s cubic-bezier(.22,.61,.36,1)}.score-journey-track.motion-prev{animation:scoreSlidePrev .58s cubic-bezier(.22,.61,.36,1)}@keyframes scoreSlideNext{0%{transform:translate(calc(var(--score-slide-x) + 18%))}to{transform:translate(var(--score-slide-x))}}@keyframes scoreSlidePrev{0%{transform:translate(calc(var(--score-slide-x) - 18%))}to{transform:translate(var(--score-slide-x))}}.score-journey-col{border:1px solid var(--sc-line-strong);background:var(--sc-surface-canvas);border-radius:var(--radius-lg);padding:12px;padding-inline:clamp(0px,1.8vw,8px);display:grid;gap:8px;flex:0 0 50%!important;min-width:50%!important;max-width:50%!important}.score-journey-track .score-journey-col{width:50%}.score-journey-col.target{border-color:var(--sc-action-positive);background:var(--sc-surface-positive)}.score-journey-col h4{margin:0;font-size:14px;color:var(--sc-ink)}.score-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--sc-ink);white-space:nowrap;word-break:keep-all;min-width:0}.score-row span,.score-row b{white-space:nowrap;word-break:keep-all;min-width:0;flex-shrink:0;font-style:normal}.score-row b{min-width:56px;width:56px;text-align:center}.score-target-panel{min-width:0;max-width:100%;overflow:hidden}.score-target-panel b{font-size:clamp(18px,6vw,26px)}.score-target-panel span{overflow-wrap:anywhere}.score-journey-total{margin-top:2px;padding-top:10px;border-top:1px solid var(--sc-line-strong);display:flex;justify-content:space-between;font-weight:800;white-space:nowrap;word-break:keep-all}.score-journey-total b{font-size:clamp(18px,6vw,26px);font-weight:800}.score-journey-total span{overflow-wrap:anywhere}.preview-list{padding-bottom:0}@media (max-width:390px){.score-journey-col{padding:10px;padding-inline:clamp(0px,1.8vw,8px)}.score-row,.score-journey-total{font-size:13px}}@media (max-width:340px){.score-journey-segment button{font-size:11px;padding-inline:8px}}details[data-disclosure=animated]{overflow:hidden;box-sizing:border-box}.sc-disclosure-region{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .3s var(--ease-standard),opacity .3s var(--ease-standard),visibility .3s}.sc-disclosure-region[data-open=true]{grid-template-rows:1fr;opacity:1;visibility:visible}.sc-disclosure-region-inner{min-height:0;min-width:0;overflow:hidden}.sc-disclosure-body{display:flow-root;min-width:0;opacity:1;transition:opacity .3s var(--ease-standard)}.sc-disclosure-body[aria-hidden=true]{opacity:0}.app-screen[data-screen]{animation:var(--sc-page-enter,mobileScreenEnter) var(--motion-page) var(--ease-enter) both;will-change:opacity,transform}.app-screen[data-screen=on1],.app-screen[data-screen=on2],.app-screen[data-screen=on3]{animation:onboardingSceneIn .42s var(--ease-enter) both;will-change:opacity,transform}.app-screen[data-screen^=on] .onboarding-shot-head{animation:onboardingItemIn .48s 70ms var(--ease-enter) both}.app-screen[data-screen^=on] .onboarding-center{animation:onboardingItemIn .52s .13s var(--ease-enter) both}.app-screen[data-screen^=on] .onboarding-character{animation:onboardingCharacterIn .56s .18s var(--ease-spring) both}.app-screen[data-screen^=on] .onboarding-shot-dots{animation:onboardingItemIn .42s .23s var(--ease-enter) both}.app-screen[data-screen^=on] .onboarding-next{animation:onboardingItemIn .42s .27s var(--ease-enter) both}@keyframes mobileScreenEnter{0%{opacity:.001;transform:translate3d(0,6px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes onboardingSceneIn{0%{opacity:.001;transform:translate3d(18px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes onboardingItemIn{0%{opacity:.001;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes onboardingCharacterIn{0%{opacity:.001;transform:translate3d(12px,8px,0) scale(.9) rotate(2deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0)}}.card,.planner-item,.score-info-card,.mobile-account-card,.my-profile-hero,.my-insight-card,.my-study-stats,.my-menu-group,.support-direct-card,.support-qna-card,.faq-card,.settings-list,.notify-card,.plan-console-detail,.locked-feature-preview-wrap{transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),background-color var(--motion-base) var(--ease-standard),opacity var(--motion-base) ease}button,.btn,.my-menu-row,.notify-row,.faq-row,.analysis-search-row,.analysis-rec-card,.planner-input,.ob1-pill,.plan-console-selector button{transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease,filter var(--motion-fast) ease}button:active,.btn:active,.my-menu-row:active,.notify-row:active,.faq-row:active,.analysis-search-row:active,.analysis-rec-card:active,.planner-item:active,.plan-console-selector button:active{transform:translate3d(0,1px,0) scale(.992);filter:brightness(.985)}.score-journey-track,.possible-univ-track{will-change:transform;transition-timing-function:var(--ease-enter)!important}.possible-univ-dot,.slider-dot{transition:width var(--motion-base) var(--ease-standard),background-color var(--motion-base) ease,opacity var(--motion-base) ease,transform var(--motion-base) var(--ease-spring)}.possible-univ-dot.active,.slider-dot.active{transform:scale(1.05)}.progress>span,.track i,.fill,.score-info-subject-card strong{transition-duration:var(--sc-motion-progress)!important;transition-timing-function:var(--ease-enter)!important}.sc-overlay,.sc-modal-padded-overlay,.planner-sheet-overlay,.analysis-search-overlay,.terms-modal-backdrop,.find-email-modal-backdrop{animation:overlayFadeIn var(--motion-base) ease both}.sc-modal,.sc-sheet,.sc-modal-padded,.planner-sheet,.analysis-search-modal,.terms-modal,.profile-detail-modal,.qna-modal,.phone-change-modal,.my-profile-edit-modal,.pro-request-modal,.find-email-modal{--sc-surface-enter:surfaceLiftIn;--sc-surface-duration:.26s;animation:var(--sc-surface-enter) var(--sc-surface-duration) var(--ease-enter) both;will-change:opacity,transform}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes surfaceLiftIn{0%{opacity:.001;transform:translate3d(0,12px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes contentRiseIn{0%{opacity:.001;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}.qna-list-row,.score-info-subject-card,.planner-item,.mobile-social-row,.profile-detail-section{animation:contentRiseIn .28s var(--ease-enter) both}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.sc-skeleton[aria-hidden=true]{animation:none!important;background-position:0 0}}.sc-overlay{position:absolute;left:0;right:0;top:min(var(--sc-visual-offset-top),calc(100% - 1px));z-index:var(--sc-layer-overlay);width:100%;height:min(100%,var(--sc-visual-height));display:flex;box-sizing:border-box;overflow:hidden;background:var(--sc-overlay-bg);backdrop-filter:blur(var(--sc-overlay-blur));-webkit-backdrop-filter:blur(var(--sc-overlay-blur));overscroll-behavior:contain;isolation:isolate}.sc-overlay--modal{align-items:center;justify-content:center;padding:max(var(--sc-overlay-gutter),env(safe-area-inset-top)) var(--sc-overlay-gutter) max(var(--sc-overlay-gutter),env(safe-area-inset-bottom))}.sc-modal{position:relative;width:min(100%,var(--sc-modal-width));max-width:100%;max-height:min(var(--sc-modal-max-height),calc(var(--sc-visual-height) - 32px));display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--sc-line-subtle);border-radius:20px;background:var(--sc-surface-card);box-shadow:var(--sc-shadow-overlay);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;outline:0}.sc-modal-padded{padding:var(--sc-space-16)}.sc-modal-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:var(--sc-space-12);box-sizing:border-box;padding:var(--sc-space-16) var(--sc-space-16);border-bottom:1px solid var(--sc-line-subtle);background:var(--sc-surface-card)}.sc-modal-head h3,.sc-modal-head h4,.sc-modal-head p{margin:0;color:var(--sc-ink);font-size:18px;line-height:1.35;font-weight:800;letter-spacing:0}.sc-modal-body{flex:1 1 auto;min-height:0;padding:var(--sc-space-16) var(--sc-space-16);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sc-modal-footer{min-height:68px;display:flex;align-items:center;flex:0 0 auto;gap:var(--sc-space-8);box-sizing:border-box;padding:var(--sc-space-12) var(--sc-space-16) max(var(--sc-space-12),env(safe-area-inset-bottom));border-top:1px solid var(--sc-line-subtle);background:var(--sc-surface-card)}.sc-overlay-close{width:var(--sc-touch-target);height:var(--sc-touch-target);display:grid;place-items:center;flex:0 0 var(--sc-touch-target);padding:0;border:0;border-radius:var(--sc-radius-control);background:var(--sc-surface-subtle);color:var(--sc-ink-muted);font-size:22px;line-height:1}.terms-modal{max-height:min(var(--sc-modal-max-height),640px);display:flex;flex-direction:column;padding:0;overflow:hidden}.terms-modal-head{flex:0 0 auto}.terms-modal-head .terms-modal-title{margin:0;font-size:18px;font-weight:800}.terms-modal-head .terms-modal-close{margin:0}.terms-modal-body{flex:1 1 auto;margin:0;color:var(--sc-ink);font-size:var(--sc-type-body);line-height:1.7;white-space:pre-wrap}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;box-sizing:border-box;padding:16px;border-radius:inherit;background:color-mix(in srgb,var(--sc-surface-card) 94%,transparent)}.score-edit-modal{width:min(100%,430px);max-height:min(var(--sc-modal-max-height),calc(var(--sc-visual-height) - 32px));overflow:auto}.support-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.support-btns .btn{min-height:44px;border-radius:var(--sc-radius-button);font-weight:700}@media (max-width:390px){.support-btns{grid-template-columns:1fr}}@media (max-width:360px){.support-btns .btn{width:100%}}.signup-page{min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:calc(var(--sc-space-24) + env(safe-area-inset-top)) var(--sc-page-gutter) calc(var(--sc-space-24) + env(safe-area-inset-bottom));background:var(--sc-canvas);overflow:auto}.signup-form-card{width:100%;max-width:398px;display:grid;flex:0 0 auto;align-content:start;gap:var(--sc-space-16);margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}.signup-topbar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px}.signup-topbar>button{width:36px;min-height:44px;border-radius:var(--sc-radius-control);background:var(--sc-surface-muted);color:var(--sc-brand-navy);font-size:28px}.signup-topbar .auth-logo{width:32px}.signup-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;list-style:none;margin:0;padding:0}.signup-progress li{display:grid;justify-items:center;gap:4px;min-width:0;color:var(--sc-ink-muted);text-align:center;font-size:var(--sc-type-micro);font-weight:750;line-height:1.4}.signup-progress b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sc-surface-muted);color:var(--sc-ink-muted);font-size:var(--sc-type-micro)}.signup-progress [aria-current=step]{color:var(--sc-brand-navy);font-weight:800}.signup-progress [aria-current=step] b,.signup-progress [data-complete=true] b{background:var(--sc-brand-navy);color:var(--sc-on-brand)}.signup-stage{display:grid;gap:var(--sc-space-16);padding:var(--sc-space-8) 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:signupStageIn var(--sc-motion-screen) var(--ease-enter) both}.signup-stage-head{display:grid;gap:6px;padding:0}.signup-stage-head>span{color:var(--sc-action-positive-strong);font-size:var(--sc-type-micro);font-weight:800}.signup-stage-head h2{margin:0;color:var(--sc-ink-strong);font-size:var(--sc-type-title);font-weight:800;line-height:1.35;letter-spacing:0;word-break:keep-all}.signup-stage-head p{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5}.signup-section{display:grid;gap:var(--sc-space-8);margin:0;padding:var(--sc-space-16);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.signup-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-8)}.signup-section .section-title{margin:0;color:var(--sc-ink);font-size:var(--sc-type-body);font-weight:800;letter-spacing:0}.signup-verify-status{min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--sc-space-8);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-pill);background:var(--sc-surface-muted);color:var(--sc-ink-muted);font-size:var(--sc-type-micro);font-weight:800;white-space:nowrap}.signup-verify-status.done{border-color:color-mix(in srgb,var(--sc-action-positive) 34%,transparent);background:var(--sc-surface-positive);color:var(--sc-action-positive-strong)}.signup-code-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:var(--sc-space-8)}.signup-code-btn,.signup-inline-btn{height:48px;border-radius:var(--sc-radius-button);font-size:var(--sc-type-caption)}.signup-two-col{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr);gap:var(--sc-space-8)}.auth-terms-preview.native{gap:0;padding:0;overflow:hidden;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.auth-terms-check-row{min-height:48px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--sc-space-8);padding:0 var(--sc-space-8) 0 var(--sc-space-12);border-top:1px solid var(--sc-border-subtle);color:var(--sc-ink);font-size:var(--sc-type-caption);font-weight:600;line-height:1.4;word-break:keep-all}.auth-terms-check-row:first-child{border-top:0}.auth-terms-check-row input{width:18px;height:18px;display:grid;place-content:center;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-control);background:var(--sc-surface)}.auth-terms-check-row input:before{content:"✓";color:var(--sc-on-brand);font-size:12px;font-weight:800;line-height:1;transform:scale(0);transition:transform var(--sc-motion-press) var(--ease-enter)}.auth-terms-check-row input:checked{border-color:var(--sc-brand-navy);background:var(--sc-brand-navy)}.auth-terms-check-row input:checked:before{transform:scale(1)}.auth-terms-check-row span{min-width:0}.auth-terms-check-row.all{min-height:52px;background:var(--sc-surface-muted);font-size:13px;font-weight:800}.auth-terms-view{min-width:58px;height:44px;padding:0 var(--sc-space-8);border:0;border-radius:var(--sc-radius-card);background:var(--sc-surface-accent);color:var(--sc-navy);font-size:var(--sc-type-micro);font-weight:800}.signup-error{padding:10px 12px}.signup-stage-actions{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr;gap:var(--sc-space-8);margin-top:auto;padding-top:var(--sc-space-8);background:var(--sc-canvas)}.signup-stage-actions:has(.btn-secondary){grid-template-columns:minmax(88px,.38fr) minmax(0,1fr)}.signup-stage-actions .btn,.signup-stage-actions .signup-submit{min-height:48px;border-radius:var(--sc-radius-button)}.signup-login-link{margin:0;text-align:center;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600}.signup-submit-btn:disabled{opacity:.62}@keyframes signupStageIn{0%{opacity:.001;transform:translate3d(8px,0,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width:360px){[data-screen=authSignup] .signup-page{padding-inline:12px}[data-screen=authSignup] .signup-form-card,[data-screen=authSignup] .signup-stage{gap:var(--sc-space-12)}[data-screen=authSignup] .auth-terms-check-row{font-size:11px}[data-screen=authSignup] .auth-terms-view{min-width:54px;padding-inline:6px}}.find-email-modal.auth-recovery-modal{width:min(100%,360px);max-height:min(var(--sc-modal-max-height),560px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;box-sizing:border-box;padding:0;overflow:hidden;background:var(--sc-surface)}.auth-recovery-head{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:start}.auth-recovery-copy{min-width:0;display:grid;gap:var(--sc-space-4)}.auth-recovery-eyebrow{color:var(--sc-blue);font-size:var(--sc-type-micro);font-weight:800;line-height:1.3}.find-email-modal.auth-recovery-modal .close-btn{position:static}.find-email-modal.auth-recovery-modal h3{margin:0;color:var(--sc-ink);font-size:var(--sc-type-section);font-weight:800;line-height:1.3;letter-spacing:0}.find-email-modal.auth-recovery-modal .sub{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5;word-break:keep-all}.auth-recovery-body,.auth-recovery-fields{display:grid;gap:var(--sc-space-12)}.find-email-modal.auth-recovery-modal .planner-input{height:48px;padding:0 14px;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface-muted);font-size:16px}.auth-recovery-submit{min-height:48px;border-radius:var(--sc-radius-button);font-size:var(--sc-type-body);font-weight:800}.find-email-result{display:grid;gap:var(--sc-space-4);margin:0;padding:var(--sc-space-12);border:1px solid color-mix(in srgb,var(--sc-action-positive) 34%,transparent);border-radius:var(--sc-radius-control);background:var(--sc-surface-positive);color:var(--sc-action-positive-strong);text-align:left;font-weight:700;line-height:1.45}.find-email-result span{color:var(--sc-action-positive-strong);font-size:var(--sc-type-micro);font-weight:800}.find-email-result b{color:var(--sc-ink-strong);font-size:15px}.app-screen[data-screen=authLogin],.app-screen[data-screen=authFindId],.app-screen[data-screen=authFindPw],.app-screen[data-screen=authSignup]{padding:0}.auth-screen{min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:calc(var(--sc-space-20) + env(safe-area-inset-top)) var(--sc-page-gutter) calc(var(--sc-space-24) + env(safe-area-inset-bottom));background:var(--sc-canvas);overflow:auto}.auth-entry-layout{width:100%;max-width:366px;display:grid;flex:0 0 auto;gap:var(--sc-space-16);margin:auto}.auth-brand-block{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:var(--sc-space-12);text-align:left}.auth-brand-block .auth-logo-wrap{width:48px;height:48px}.auth-brand-centered{grid-template-columns:1fr;justify-items:center;gap:10px;text-align:center}.auth-brand-centered .auth-logo-wrap{width:56px;height:56px;border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.auth-brand-centered .auth-brand-name{font-size:22px;letter-spacing:.4px}.auth-brand-copy{min-width:0;display:grid;gap:2px}.auth-logo-wrap{width:100%;display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.auth-logo{display:block;width:46px;max-width:100%;height:auto;margin:0;object-fit:contain;background:transparent;box-shadow:none;filter:none}.auth-logo-fallback{display:none;color:var(--sc-navy);font-size:var(--sc-type-title);font-weight:800;letter-spacing:0}.auth-brand-name{margin:0;color:var(--sc-navy);font-size:20px;font-weight:800;line-height:1.25;letter-spacing:0}.auth-brand-tagline{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:700;line-height:1.45;letter-spacing:0}.auth-unified-card{width:100%;max-width:366px;min-width:0;display:grid;gap:14px;box-sizing:border-box;margin:0 auto;padding:18px;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.auth-form-stack{display:grid;gap:var(--sc-space-12)}.auth-field{min-width:0;display:grid;gap:var(--sc-space-8);color:var(--sc-ink);font-size:var(--sc-type-caption);font-weight:800;line-height:1.35}.auth-input{height:48px;margin:0;padding:0 14px;border-color:var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface-muted);color:var(--sc-ink);font-size:16px;font-weight:600}.auth-input::placeholder{color:var(--sc-ink-subtle);font-weight:500}.auth-input:focus{border-color:var(--sc-blue);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-blue) 14%,transparent)}.auth-password-field{position:relative;min-width:0}.auth-password-field .auth-input{padding-right:62px}.auth-password-toggle{position:absolute;right:6px;top:50%;height:44px;min-width:48px;padding:0 var(--sc-space-8);border:0;border-radius:10px;background:transparent;color:var(--sc-navy);font-size:var(--sc-type-caption);font-weight:800;transform:translateY(-50%)}.auth-error{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--sc-state-danger) 26%,transparent);border-radius:var(--sc-radius-control);background:var(--sc-surface-urgent);color:var(--sc-state-danger);font-size:var(--sc-type-caption);font-weight:700;line-height:1.45}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--sc-space-8);min-height:48px;border-radius:var(--sc-radius-button);background:var(--sc-brand-navy);box-shadow:var(--sc-shadow-normal);font-size:var(--sc-type-body);font-weight:800}.auth-button-spinner{width:16px;height:16px;border:2px solid var(--sc-on-brand-line);border-top-color:var(--sc-on-brand);border-radius:var(--sc-radius-pill);animation:authButtonSpin .72s linear infinite}.auth-divider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sc-space-12);color:var(--sc-ink-muted);font-size:var(--sc-type-micro);font-weight:700}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--sc-border-subtle)}.auth-sso-row{display:grid;gap:var(--sc-space-8)}.auth-sso-btn{width:100%;min-width:0;min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:var(--sc-space-8);box-sizing:border-box;padding:0 14px;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-button);background:var(--sc-surface);color:var(--sc-ink);font:inherit;font-size:var(--sc-type-body);font-weight:800;box-shadow:none}.auth-sso-btn>span{grid-column:2;text-align:center}.auth-sso-btn.naver{border-color:var(--sc-provider-naver-contrast);background:var(--sc-provider-naver-contrast);color:var(--sc-on-brand)}.auth-sso-icon{grid-column:1;width:24px;height:24px;display:block;object-fit:contain;border-radius:6px}.auth-helper-row{display:flex;align-items:center;justify-content:center;gap:var(--sc-space-12);color:var(--sc-border-strong)}.auth-helper-row>span{width:1px;height:12px;background:var(--sc-border-strong)}.auth-helper-row .auth-link-btn{color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:700}.auth-signup-link{display:flex;align-items:center;justify-content:center;gap:var(--sc-space-4);margin:0 auto;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600}.auth-signup-link b{color:var(--sc-navy);font-weight:800}.auth-signup-link i{display:inline-grid;place-items:center;color:var(--sc-navy);font-size:20px;font-style:normal;line-height:1}.auth-entry-footnote{margin:0;color:var(--sc-ink-subtle);font-size:var(--sc-type-micro);font-weight:700;line-height:1.4;text-align:center}.auth-form-card{display:grid;gap:var(--sc-space-12)}.auth-direct-recovery{align-self:center}.auth-direct-recovery h1{margin:0;color:var(--sc-ink);font-size:var(--sc-type-title);font-weight:800;line-height:1.35;letter-spacing:0}.auth-direct-recovery .sub{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5;overflow-wrap:anywhere}.auth-direct-back{justify-self:center;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:700}@keyframes authButtonSpin{to{transform:rotate(360deg)}}@media (max-width:360px){[data-screen=authLogin] .auth-screen{padding-top:var(--sc-space-16)}[data-screen=authLogin] .auth-entry-layout{gap:var(--sc-space-12)}[data-screen=authLogin] .auth-unified-card{gap:var(--sc-space-12);padding:var(--sc-space-16)}[data-screen=authLogin] .auth-form-stack{gap:10px}}@media (max-height:720px){.app-screen[data-screen=authLogin] .auth-entry-layout{gap:var(--sc-space-12)}.app-screen[data-screen=authLogin] .auth-entry-footnote{display:none}}.app-screen[data-screen=on1],.app-screen[data-screen=on2],.app-screen[data-screen=on3]{padding:0;overflow:hidden;background:var(--sc-surface)}.app-screen[data-screen^=ob]{padding:0;overflow:hidden}.onboarding-shot{width:100%;height:var(--sc-visual-height);max-width:var(--sc-frame-max-width);display:flex;flex-direction:column;position:relative;box-sizing:border-box;margin:0 auto;padding:calc(52px + env(safe-area-inset-top)) var(--sc-space-20) calc(108px + env(safe-area-inset-bottom));overflow:hidden;background:var(--sc-canvas)}.onboarding-shot-head{text-align:left}.onboarding-skip{position:absolute;top:max(4px,env(safe-area-inset-top));right:var(--sc-space-20);min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--sc-ink-muted);font-size:12px;font-weight:700}.onboarding-kicker{display:block;margin-bottom:var(--sc-space-8);color:var(--sc-action-positive-strong);font-size:var(--sc-type-micro);font-weight:800;line-height:1.3;letter-spacing:0}.onboarding-shot-head h2{margin:0;color:var(--sc-ink-strong);font-size:22px;font-weight:800;line-height:1.4;letter-spacing:0;white-space:pre-line}.onboarding-shot-head h2 .accent{color:var(--sc-navy)}.onboarding-shot-head p{margin:var(--sc-space-12) 0 0;color:var(--sc-ink-muted);font-size:var(--sc-type-body);font-weight:600;line-height:1.55;letter-spacing:0;white-space:pre-line}.onboarding-center{margin-top:var(--sc-space-20);position:relative}.onboarding-card{position:relative;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.onboarding-card.list{display:grid;gap:var(--sc-space-8);padding:0;border:0;background:transparent;box-shadow:none}.onboarding-list-item{min-height:64px;display:flex;align-items:center;gap:var(--sc-space-12);box-sizing:border-box;margin:0;padding:var(--sc-space-8) var(--sc-space-12);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal);color:var(--sc-ink);font-size:15px;font-weight:800;letter-spacing:0}.onboarding-icon-box{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:var(--sc-radius-control);background:var(--sc-surface-accent);color:var(--sc-blue)}.onboarding-card.strategy{min-height:196px;padding:var(--sc-space-16)}.onboarding-card.data{min-height:210px;padding:var(--sc-space-16);overflow:hidden}.onboarding-stat{color:var(--sc-ink);font-size:21px;font-weight:800;line-height:1.55;letter-spacing:0;white-space:pre-line}.onboarding-stat span{color:var(--sc-ink-muted);font-size:15px}.onboarding-label{color:var(--sc-ink);font-size:var(--sc-type-section);font-weight:800}.onboarding-score{margin-top:var(--sc-space-8);color:var(--sc-ink);font-weight:800}.onboarding-score-copy{max-width:220px;font-size:25px;line-height:1.25;word-break:keep-all}.onboarding-graph{width:100%;display:block}.onboarding-graph.strategy{height:88px;margin-top:var(--sc-space-8)}.onboarding-graph.data{height:112px;margin-top:var(--sc-space-8)}.onboarding-character{position:absolute;z-index:3;width:92px;height:auto;filter:drop-shadow(var(--sc-shadow-normal))}.onboarding-character.on1,.onboarding-character.on2{right:18px;bottom:110px}.onboarding-character.on3{right:18px;bottom:104px}.onboarding-shot-dots{position:absolute;left:0;right:0;bottom:88px;display:flex;justify-content:center;gap:var(--sc-space-8)}.onboarding-shot-dots i{width:7px;height:7px;border-radius:var(--sc-radius-pill);background:var(--sc-border-strong)}.onboarding-shot-dots i.active{width:18px;background:var(--sc-blue)}.onboarding-next{position:absolute;left:var(--sc-space-20);right:var(--sc-space-20);bottom:max(var(--sc-space-20),env(safe-area-inset-bottom));height:48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--sc-radius-control);background:var(--sc-brand-navy);color:var(--sc-on-brand);font-size:var(--sc-type-body);font-weight:800;letter-spacing:0;box-shadow:var(--sc-shadow-normal)}.onboarding-container{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--sc-canvas);overflow:hidden}.onboarding-container .content{min-height:0;flex:1 1 auto;display:grid;align-content:start;gap:var(--sc-space-12);box-sizing:border-box;padding:calc(var(--sc-space-16) + env(safe-area-inset-top)) var(--sc-page-gutter) var(--sc-space-16);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.onboarding-container>.cta-wrapper{position:relative;bottom:auto;z-index:20;flex:0 0 auto;padding:var(--sc-space-12) var(--sc-page-gutter) max(var(--sc-space-12),env(safe-area-inset-bottom));border-top:1px solid var(--sc-border-subtle);background:var(--sc-surface)}.ob-shell-head{display:grid;gap:var(--sc-space-8);padding-bottom:var(--sc-space-4);border-bottom:1px solid var(--sc-border-subtle)}.ob-progress{display:flex;align-items:center;justify-content:space-between;margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-micro);font-weight:800}.ob-dots{display:flex;gap:6px}.ob-dots i{display:block;width:7px;height:7px;border-radius:var(--sc-radius-pill);background:var(--sc-border-strong)}.ob-dots i.active{background:var(--sc-blue)}.ob-subcopy{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5}.ob-bubble-card{display:flex;align-items:center;gap:var(--sc-space-12);padding:var(--sc-space-12);border-color:color-mix(in srgb,var(--sc-action-positive) 26%,var(--sc-border-subtle));background:var(--sc-surface-positive);box-shadow:none}.ob-bubble-card p{margin:0;color:var(--sc-ink);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5}.ob-cracky{width:44px;height:44px;flex:0 0 44px;object-fit:contain}.ob1-survey-card,.ob1-score-wrap{display:grid;gap:var(--sc-space-16);box-sizing:border-box;padding:var(--sc-space-16);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.ob1-survey-card h3,.ob1-score-wrap h3{margin:0;color:var(--sc-ink);font-size:var(--sc-type-section);font-weight:800;line-height:1.35;letter-spacing:0}.ob1-subtitle{margin:-8px 0 0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:600;line-height:1.5}.ob-required-copy,.ob-required{color:var(--sc-coral);font-weight:800}.ob1-field-stack{display:grid;gap:var(--sc-space-16);margin:0}.ob1-field{display:grid;gap:var(--sc-space-8)}.ob1-field label,.ob1-score-wrap label{display:block;margin:0;color:var(--sc-ink);font-size:var(--sc-type-caption);font-weight:800}.ob1-pill-row{display:flex;flex-wrap:wrap;gap:var(--sc-space-8)}.ob1-pill{min-height:44px;padding:0 var(--sc-space-12);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface);color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:700}.ob1-pill.active{border-color:var(--sc-brand-navy);background:var(--sc-brand-navy);color:var(--sc-on-brand)}.ob1-input,.ob1-select,.ob1-textarea,.ob1-score-input,.ob1-score-select{width:100%;height:48px;box-sizing:border-box;padding:0 var(--sc-space-12);border:1px solid var(--sc-border-strong);border-radius:var(--sc-radius-control);background:var(--sc-surface);color:var(--sc-ink);font-size:16px;outline:0}.onboarding-container .ob1-textarea{height:92px;padding:var(--sc-space-12);resize:vertical}.ob1-input:focus,.ob1-select:focus,.ob1-textarea:focus,.ob1-score-input:focus,.ob1-score-select:focus{border-color:var(--sc-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-blue) 14%,transparent)}.ob1-score-exam{display:grid;gap:var(--sc-space-8);margin:0}.ob-score-estimate-notice{margin:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--sc-action-urgent) 30%,var(--sc-border-subtle));border-radius:var(--sc-radius-control);background:var(--sc-surface-urgent);color:var(--sc-action-urgent-strong);font-size:var(--sc-type-caption);font-weight:750;line-height:1.5}.ob1-score-grid{display:grid;gap:var(--sc-space-12);margin:0}.ob1-subject-card{display:grid;gap:var(--sc-space-8);box-sizing:border-box;padding:var(--sc-space-12);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-control);background:var(--sc-surface-muted)}.ob1-subject-card h4{margin:0;color:var(--sc-ink);font-size:var(--sc-type-body);font-weight:800;line-height:1.35}.ob1-score-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sc-space-8)}.ob-card{display:grid;gap:var(--sc-space-12);margin:0;padding:var(--sc-space-16)}.ob-card .analysis-title{color:var(--sc-ink);font-size:var(--sc-type-section);font-weight:800;line-height:1.4}.analysis-top{width:100%;min-width:0;box-sizing:border-box;padding:12px;border-radius:var(--sc-radius-card);background:var(--sc-surface-card);box-shadow:var(--sc-shadow-normal)}.analysis-v2-summary-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.analysis-v2-summary-top>div{min-width:0}.analysis-v2-univ{overflow-wrap:anywhere;word-break:keep-all}.analysis-v2-label{color:var(--sc-ink-muted)}.analysis-v2-score-wrap{flex:0 0 auto;min-width:72px;max-width:92px;padding:10px 11px;border:1px solid var(--sc-line-strong);background:var(--sc-surface-subtle);border-radius:var(--sc-radius-card);text-align:right}.analysis-v2-score-wrap strong{color:var(--sc-ink);font-size:clamp(24px,8vw,34px)!important;line-height:1.05}.analysis-v2-verdict{display:inline-flex;max-width:100%;overflow:hidden;border-style:solid;border-width:1px;background:var(--sc-surface-card);text-overflow:ellipsis;white-space:nowrap}.analysis-v2-gauge{height:8px;background:var(--sc-line-subtle);border:1px solid var(--sc-line-strong);border-radius:999px;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--sc-brand-navy) 8%,transparent)}.analysis-v2-gauge i{background:var(--sc-brand-navy)!important;border-radius:999px;transition:width .82s cubic-bezier(.22,1,.36,1)}.analysis-v2-gauge-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;color:var(--sc-ink-subtle);font-size:10.5px;font-weight:800}.analysis-v2-gauge-meta span{min-width:0;text-align:center;font-size:clamp(9px,2.7vw,11px);white-space:normal;line-height:1.25}.analysis-impact-item{display:grid;grid-template-columns:minmax(48px,auto) minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;color:var(--sc-ink-muted);font-size:12px}.analysis-impact-item b{color:var(--sc-ink);font-size:var(--sc-type-caption);white-space:nowrap}.analysis-impact-item:last-child{margin-bottom:0}.on-eta-card{margin-top:2px;padding:16px;border:1px solid var(--sc-brand-navy);border-radius:var(--radius-lg);background:var(--sc-brand-hero);color:var(--sc-on-brand);box-shadow:var(--sc-shadow-normal);position:relative;overflow:hidden}.on-eta-card:before{content:none}.on-eta-card .eyebrow{display:block;font-size:13px;font-weight:700;color:var(--sc-on-brand-muted);margin-bottom:4px;position:relative;z-index:1}.on-eta-card b{display:block;font-size:22px;line-height:1.35;color:var(--sc-on-brand);position:relative;z-index:1}.on-eta-card p{margin:6px 0 0;font-size:13px;color:var(--sc-on-brand-muted);line-height:1.45;position:relative;z-index:1}.ob-total-compare{min-width:0}.ob-gauge{height:8px;background:var(--sc-line-subtle);border:1px solid var(--sc-line-strong);border-radius:999px;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--sc-brand-navy) 8%,transparent)}.ob-gauge-current{background:var(--sc-brand-navy)!important;border-radius:999px;transition:width .82s cubic-bezier(.22,1,.36,1)}.ob-gauge-target{background:var(--sc-brand-navy)!important;border-radius:999px;opacity:.72;transition:width .82s cubic-bezier(.22,1,.36,1)}.ob-gauge-labels{color:var(--sc-ink-subtle);font-size:10.5px;font-weight:800}.possible-univ-slider{overflow:visible!important;min-height:0!important}.possible-univ-track{display:flex!important;flex-direction:column!important;transform:none!important;width:100%!important;max-width:100%!important;gap:10px!important}.possible-univ-card{flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important}.possible-univ-card>.card{width:100%;margin:0!important;text-align:left}.possible-univ-nav{display:none!important}.ob-mbti-result{margin:0;border-color:var(--sc-blue);background:var(--sc-surface-accent)}.ob-mbti-result .ob-mbti-code{margin:0;color:var(--sc-navy);font-size:28px;font-weight:800;letter-spacing:0}.ob-mbti-result .ob-mbti-desc{margin:0;color:var(--sc-navy);font-size:var(--sc-type-caption)}.ob-mbti-name{margin:0;color:var(--sc-ink);font-size:var(--sc-type-body);font-weight:800}.cta-button{width:100%;height:48px;border:0;border-radius:var(--sc-radius-button);background:var(--sc-brand-navy);color:var(--sc-on-brand);font:inherit;font-size:var(--sc-type-body);font-weight:800;box-shadow:var(--sc-shadow-normal)}.ob-period-card,.eta-card{position:relative}.ob-period-card h2{margin:var(--sc-space-4) 0;color:var(--sc-blue)}.ob-gauge-cut{position:absolute;top:-3px;z-index:4;width:2px;height:20px;border-radius:2px}.ob-gauge-cut.pass{left:40%;background:var(--sc-coral)}.ob-gauge-cut.safe{left:60%;background:var(--sc-blue)}.onboarding-list-item.long-report span:last-child{min-width:0;font-size:var(--sc-type-body);font-weight:800;letter-spacing:0;white-space:normal}@media (max-width:360px){.app-screen[data-screen^=on] .onboarding-shot{padding-inline:var(--sc-space-16)}.app-screen[data-screen^=on] .onboarding-next{left:var(--sc-space-16);right:var(--sc-space-16)}.app-screen[data-screen^=on] .onboarding-shot-head h2{font-size:20px}.app-screen[data-screen^=ob] .ob1-score-two-col{grid-template-columns:1fr}}@media (max-height:720px){.app-screen[data-screen^=on] .onboarding-shot-head p{margin-top:var(--sc-space-8)}.app-screen[data-screen^=on] .onboarding-center{margin-top:var(--sc-space-16)}.app-screen[data-screen^=on] .onboarding-card.data,.app-screen[data-screen^=on] .onboarding-card.strategy{min-height:184px;padding:var(--sc-space-16)}.app-screen[data-screen^=on] .onboarding-graph.data{height:88px}.app-screen[data-screen^=on] .onboarding-graph.strategy{height:72px}.app-screen[data-screen^=on] .onboarding-character{width:72px}.app-screen[data-screen^=on] .onboarding-list-item{min-height:54px}.app-screen[data-screen^=on] .onboarding-shot-dots{bottom:80px}}.splash-v2{width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sc-space-16);box-sizing:border-box;padding:var(--sc-space-24);background:var(--sc-canvas);color:var(--sc-ink);text-align:center}.splash-v2:before{content:none}.splash-v2 h1{margin:0;color:var(--sc-navy);font-size:24px;line-height:1.2;font-weight:800;letter-spacing:0}.splash-v2 p{position:relative;z-index:1;margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);font-weight:700;letter-spacing:0}.splash-brand{position:relative;z-index:1;width:min(100%,320px);display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:var(--sc-space-16);text-align:left}.splash-brand-copy{min-width:0;display:grid;gap:3px}.splash-brand-copy>span{color:var(--sc-action-positive-strong);font-size:9px;font-weight:800;line-height:1.3}.splash-logo-panel{position:relative;z-index:1;width:84px;height:84px;display:grid;place-items:center;box-sizing:border-box;padding:var(--sc-space-12);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.splash-real-logo{display:block;width:68px;max-width:100%;height:auto}.splash-cracky{position:relative;z-index:1;width:108px;height:auto;margin:var(--sc-space-8) 0 0;filter:drop-shadow(var(--sc-shadow-normal))}.splash-brand-mark{width:124px;height:124px;border-radius:32px;background:var(--sc-on-brand-surface-strong);display:grid;place-items:center;position:relative;box-shadow:var(--sc-shadow-overlay)}.splash-bolt{width:54px;height:54px;border-radius:var(--sc-radius-card);background:var(--sc-surface-card);color:var(--sc-info-blue);display:grid;place-items:center;font-size:24px;box-shadow:var(--sc-shadow-raised)}.splash-card{position:absolute;right:18px;bottom:18px;width:42px;height:34px;border-radius:var(--sc-radius-card);background:var(--sc-on-brand-surface-strong);display:grid;gap:4px;padding:8px;box-sizing:border-box}.splash-card i{display:block;height:3px;border-radius:var(--sc-radius-card);background:var(--sc-on-brand-muted)}.splash-progress{position:relative;z-index:1;width:96px;height:4px;margin-top:var(--sc-space-8);overflow:hidden;border-radius:var(--sc-radius-pill);background:var(--sc-border-subtle)}.splash-progress i{display:block;width:38%;height:100%;border-radius:inherit;background:var(--sc-blue);animation:splashProgress 1.05s ease-in-out infinite}@keyframes splashProgress{0%{transform:translate(-110%)}to{transform:translate(280%)}}.app-screen[data-screen=lockedFeature]{display:flex;flex-direction:column;min-height:100%;padding:0!important;overflow:hidden}.app-screen[data-screen=lockedFeature]>.appbar{flex:0 0 auto;align-self:stretch;width:auto;margin:var(--sc-space-16) var(--mobile-page-gutter) 0}.locked-feature-page{position:relative;display:grid;flex:1;gap:var(--sc-space-12);min-height:0;padding:var(--sc-space-12) var(--mobile-page-gutter) calc(var(--sc-tabbar-height) + var(--sc-space-16) + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--sc-canvas)}.locked-feature-preview-wrap{position:relative;min-height:600px;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);overflow:hidden;background:var(--sc-surface);box-shadow:var(--sc-shadow-normal)}.locked-preview{height:100%;display:grid;gap:var(--sc-card-gap);box-sizing:border-box;padding:var(--sc-space-16);pointer-events:none;filter:blur(1px);opacity:.5;transform:scale(.99);transform-origin:center top;transition:filter .42s var(--ease-standard),opacity .42s ease,transform .42s var(--ease-enter)}.locked-preview .card{margin:0}.locked-feature-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sc-surface-canvas) 4%,transparent),color-mix(in srgb,var(--sc-surface-canvas) 50%,transparent) 46%,color-mix(in srgb,var(--sc-surface-canvas) 92%,transparent))}.locked-feature-panel,.locked-feature-panel-inline{position:absolute;left:50%;top:50%;z-index:2;width:min(calc(100% - 32px),360px);max-height:calc(100% - 32px);display:grid;gap:var(--sc-space-12);box-sizing:border-box;margin:0;padding:clamp(16px,5vw,20px);overflow:auto;border:1px solid var(--sc-border-subtle);border-radius:var(--sc-radius-card);background:color-mix(in srgb,var(--sc-surface-card) 96%,transparent);box-shadow:var(--sc-shadow-raised);transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lockedPanelLiftIn var(--sc-motion-screen) var(--ease-enter) both}.locked-feature-panel h3,.locked-feature-panel-inline h3{margin:0;color:var(--sc-ink);font-size:var(--sc-type-section);line-height:1.4;font-weight:800;letter-spacing:0;word-break:keep-all}.locked-feature-panel p,.locked-feature-panel-inline p{margin:0;color:var(--sc-ink-muted);font-size:var(--sc-type-caption);line-height:1.55;font-weight:600;word-break:keep-all}.locked-feature-actions{display:grid;grid-template-columns:1fr;gap:var(--sc-space-8);margin-top:2px}.locked-feature-actions .btn{width:100%}.locked-coaching-actions{position:relative;z-index:2;width:min(100%,360px);display:grid;gap:12px;max-height:calc(var(--sc-visual-height) - 120px);overflow:auto}.preview-icon{font-size:12px;font-weight:800;color:var(--sc-navy);background:var(--sc-surface-accent);border-radius:var(--sc-radius-pill);padding:6px 10px}.locked-coach-page,.locked-feature-center-shell{position:relative;width:100%;height:100%;min-height:calc(100dvh - var(--sc-tabbar-height));display:grid;place-items:center;box-sizing:border-box;padding:clamp(12px,4vw,16px);overflow:hidden}.locked-coach-preview-wrap,.locked-feature-center-shell .locked-coach-preview-wrap{position:absolute;inset:clamp(12px,4vw,16px);overflow:hidden;border-radius:var(--sc-radius-card);pointer-events:none}.locked-coach-page .locked-preview,.locked-feature-center-shell .locked-preview{filter:blur(1.2px);opacity:.44;transform:scale(.98);transform-origin:center}.locked-coach-page .locked-feature-panel-inline,.locked-feature-center-shell .locked-feature-panel-inline{position:relative;left:auto;top:auto;width:min(100%,360px);max-height:min(420px,calc(var(--sc-visual-height) - 160px));transform:none;animation:surfaceLiftIn var(--sc-motion-screen) var(--ease-enter) both}@keyframes lockedPanelLiftIn{0%{opacity:.001;transform:translate(-50%,calc(-50% + 12px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
