:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans: "Pretendard Variable", "Pretendard", "Roboto", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--md-background: #fffbfe;--md-foreground: #1c1b1f;--md-primary: #6750a4;--md-on-primary: #ffffff;--md-secondary-container: #e8def8;--md-on-secondary-container: #1d192b;--md-tertiary: #7d5260;--md-surface-container: #f3edf7;--md-surface-low: #e7e0ec;--md-outline: #79747e;--md-on-surface-variant: #49454f;--md-state-hover: rgba(103, 80, 164, .1);--md-state-focus: rgba(103, 80, 164, .14);--md-shadow-1: 0 1px 2px rgba(28, 27, 31, .08), 0 2px 6px rgba(28, 27, 31, .06);--md-shadow-2: 0 10px 24px rgba(28, 27, 31, .1), 0 4px 10px rgba(28, 27, 31, .06);--md-shadow-3: 0 16px 40px rgba(28, 27, 31, .14), 0 6px 16px rgba(28, 27, 31, .08);--md-ease: cubic-bezier(.2, 0, 0, 1);--container: 72rem}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--md-background)}body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 8% 12%,rgba(103,80,164,.12),transparent 26%),radial-gradient(circle at 84% 8%,rgba(232,222,248,.88),transparent 24%),radial-gradient(circle at 82% 74%,rgba(125,82,96,.12),transparent 26%),linear-gradient(180deg,#fffbfe,#fbf7ff 38%,#f8f1fc);color:var(--md-foreground);font-family:var(--font-sans);font-size:16px;line-height:1.58}body:before,body:after{content:"";pointer-events:none;position:fixed;z-index:0;border-radius:999px;filter:blur(72px);opacity:.7}body:before{top:-7rem;right:-8rem;width:20rem;height:20rem;background:#6750a438}body:after{bottom:10rem;left:-8rem;width:18rem;height:18rem;background:#7d52602e}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em;line-height:1.22}p{margin:0}::selection{background:#6750a42e}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--md-primary),0 0 0 5px #6750a42e}.app-shell{position:relative;z-index:1;min-height:100vh;padding:1rem 1rem 7.5rem}.topbar,.page-shell{max-width:var(--container);margin:0 auto}.topbar{position:sticky;top:.75rem;z-index:10;margin-bottom:1.5rem;padding:.3rem;border:1px solid rgba(121,116,126,.18);border-radius:2rem;background:#fffbfec7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--md-shadow-1)}.topbar__inner{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:.9rem 1rem;border-radius:1.65rem;background:radial-gradient(circle at top right,rgba(232,222,248,.8),transparent 32%),#f3edf7e0}.topbar__brand{min-width:0}.topbar .eyebrow{margin-bottom:.55rem}.topbar h1{font-size:clamp(1.9rem,7vw,3.4rem)}.topbar__summary{max-width:31rem;margin-top:.55rem;color:var(--md-on-surface-variant);font-size:.96rem}.page-shell{position:relative}.stack{display:flex;flex-direction:column;gap:1.25rem}.eyebrow{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:2rem;padding:.35rem .8rem;border-radius:999px;background:#6750a41a;color:var(--md-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.lead,.support-copy,.feature-card p,.hero-card p,.history-card p,.chat-bubble p{color:var(--md-on-surface-variant)}.lead{max-width:42rem;font-size:1.06rem;line-height:1.65}.section-heading{display:flex;flex-direction:column;gap:.8rem}.section-heading h3{max-width:30rem;font-size:clamp(1.85rem,5.4vw,2.6rem)}.hero-card,.feature-card,.chat-bubble,.history-card,.choice-card,.sticky-actions,.auth-chip{position:relative;overflow:hidden;border:1px solid rgba(121,116,126,.14);background:var(--md-surface-container);box-shadow:var(--md-shadow-1)}.hero-card:before,.feature-card:before,.chat-bubble:before,.history-card:before,.choice-card:before{content:"";position:absolute;inset:auto auto -4rem -4rem;width:10rem;height:10rem;border-radius:999px;background:#6750a41f;filter:blur(40px);opacity:.7}.hero-card{border-radius:2rem;padding:1.5rem 1.25rem;background:radial-gradient(circle at top right,rgba(232,222,248,.96),transparent 30%),linear-gradient(180deg,#fffbfef2,#f3edf7fa);box-shadow:var(--md-shadow-2)}.hero-card h2{margin-top:.55rem;font-size:clamp(2rem,7vw,3.25rem)}.hero-card .lead{margin-top:.95rem}.hero-card--landing{border-radius:3rem;padding:1.65rem 1.25rem 1.25rem}.hero-card--landing h2{max-width:11ch;font-size:clamp(2.45rem,10vw,4rem)}.hero-card__layout,.feature-card--split{display:grid;gap:1rem}.feature-card{border-radius:1.75rem;padding:1.2rem;transition:transform .3s var(--md-ease),box-shadow .3s var(--md-ease),background-color .3s var(--md-ease)}.feature-card:hover,.history-card:hover,.choice-card:hover,.chat-bubble:hover{transform:scale(1.01);box-shadow:var(--md-shadow-2)}.feature-card--wide{display:flex;flex-direction:column;gap:.8rem}.feature-card h3{font-size:clamp(1.45rem,4.4vw,2rem)}.feature-card h4{font-size:1.35rem}.quote-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;min-height:100%;padding:1.25rem;border:1px solid rgba(255,255,255,.2);border-radius:2rem;background:radial-gradient(circle at top left,rgba(255,255,255,.22),transparent 36%),#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff1f}.quote-panel__mark{font-size:4rem;font-weight:700;line-height:.8;color:#6750a452}.quote-panel__text{color:var(--md-on-secondary-container);font-size:.98rem;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.4rem}.stat-card{padding:1rem .85rem;border-radius:1.6rem;background:#ffffffa3;box-shadow:inset 0 1px #ffffff6b}.stat-card__value{display:block;font-size:clamp(1.8rem,8vw,2.8rem);font-weight:700;line-height:1;color:var(--md-primary)}.stat-card__label{margin-top:.45rem;color:var(--md-on-surface-variant);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.card-grid{display:grid;gap:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 1.25rem;border:none;border-radius:999px;font-size:.92rem;font-weight:600;letter-spacing:.01em;transition:transform .2s var(--md-ease),box-shadow .3s var(--md-ease),background-color .2s var(--md-ease),color .2s var(--md-ease);touch-action:manipulation}.button:active{transform:scale(.95)}.button--solid{background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--md-shadow-1)}.button--solid:hover{background:#6750a4e6;box-shadow:var(--md-shadow-2)}.button--ghost{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.button--ghost:hover{background:#e8def8eb;box-shadow:var(--md-shadow-1)}.button:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.auth-chip{display:inline-flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:.5rem;border-radius:999px;background:#ffffff73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-chip span{padding-inline:.35rem;color:var(--md-on-surface-variant);font-size:.88rem}.auth-chip .button{min-height:36px;padding-inline:.9rem;font-size:.8rem}.progress-meta,.score-row,.analysis-head,.bar-copy,.history-meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.progress-meta{color:var(--md-on-surface-variant);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.progress-track,.bar-track{width:100%;overflow:hidden;background:#79747e24;border-radius:999px}.progress-track{height:.65rem;margin:.95rem 0 .8rem}.bar-track{height:.8rem}.progress-fill,.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7a61ba,var(--md-primary))}.pill,.reference-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:2rem;padding:.35rem .8rem;border-radius:999px;background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.bar-group,.bar-row,.composer,.analysis-block,.history-list,.choice-list,.chat-shell{display:flex;flex-direction:column}.bar-group,.history-list,.choice-list,.chat-shell{gap:.9rem}.bar-row,.analysis-block,.composer{gap:.7rem}.bar-copy strong{font-weight:600}.text-input,.inline-input{width:100%;border:none;border-bottom:2px solid var(--md-outline);background:var(--md-surface-low);transition:border-color .2s var(--md-ease),background-color .2s var(--md-ease),box-shadow .2s var(--md-ease)}.text-input{min-height:10.5rem;padding:1rem 1rem .9rem;border-radius:1rem 1rem .35rem .35rem;resize:vertical}.inline-input{min-height:56px;padding:0 1rem;border-radius:1rem 1rem .35rem .35rem}.text-input::placeholder,.inline-input::placeholder{color:#49454fad}.text-input:hover,.inline-input:hover{background:#e7e0eceb}.text-input:focus,.inline-input:focus{outline:none;border-bottom-color:var(--md-primary);box-shadow:inset 0 -1px #6750a433,0 0 0 2px #6750a41f}.choice-card{display:grid;grid-template-columns:2.6rem 1fr;gap:.9rem;width:100%;padding:1rem;border-radius:1.75rem;text-align:left;transition:transform .3s var(--md-ease),box-shadow .3s var(--md-ease),background-color .3s var(--md-ease)}.choice-card--active{background:radial-gradient(circle at top right,rgba(232,222,248,.98),transparent 34%),#f3edf7fa;box-shadow:var(--md-shadow-2)}.choice-index,.step-pill,.highlight-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.72rem;font-weight:500}.choice-index,.step-pill{width:2rem;height:2rem;border-radius:999px;background:var(--md-secondary-container);color:var(--md-primary)}.sticky-actions{position:sticky;bottom:4.8rem;display:flex;gap:.75rem;padding:.75rem;border-radius:2rem;background:#fffbfee0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--md-shadow-2)}.sticky-actions .button{flex:1}.annotated-text{font-size:1rem;line-height:1.95}.highlight{position:relative;display:inline;padding:.16rem .35rem .18rem 1.6rem;border-radius:.7rem;background:#6750a41f;box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight-badge{position:absolute;top:-.45rem;left:-.1rem;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--md-tertiary);color:#fff}.analysis-head{align-items:flex-start}.analysis-block{padding-top:.85rem;border-top:1px solid rgba(121,116,126,.18)}.alert{margin-top:.3rem;padding:.95rem 1rem;border-radius:1.35rem;background:#7d52601f;color:#5a3440}.chat-bubble{max-width:min(92%,38rem);padding:1rem 1.05rem;border-radius:1.75rem;transition:transform .3s var(--md-ease),box-shadow .3s var(--md-ease)}.chat-bubble--assistant{align-self:flex-start;background:#f3edf7f5}.chat-bubble--user{align-self:flex-end;background:radial-gradient(circle at top right,rgba(232,222,248,.9),transparent 36%),#fffbfefa}.reference-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.history-card{width:100%;padding:1rem;border-radius:1.75rem;text-align:left;transition:transform .3s var(--md-ease),box-shadow .3s var(--md-ease)}.history-card p{margin-top:.35rem}.history-meta{align-items:baseline;color:var(--md-on-surface-variant);font-size:.88rem}.history-meta strong{color:var(--md-foreground)}label{display:flex;flex-direction:column;gap:.7rem;color:var(--md-foreground);font-weight:600}.bottom-nav{position:fixed;z-index:12;left:50%;bottom:.75rem;transform:translate(-50%);width:min(var(--container),calc(100vw - 1rem));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;padding:.45rem;border-radius:999px;background:#f3edf7eb;box-shadow:var(--md-shadow-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav__item{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .45rem;border-radius:999px;color:var(--md-on-surface-variant);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .3s var(--md-ease),color .3s var(--md-ease),transform .2s var(--md-ease)}.bottom-nav__item:hover{background:var(--md-state-hover);color:var(--md-primary)}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item--active{background:var(--md-secondary-container);color:var(--md-primary)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-card,.feature-card,.history-card,.chat-bubble,.choice-card{animation:fade-up .42s var(--md-ease) both}@media(min-width:768px){.app-shell{padding-top:1.35rem}.hero-card{padding:1.9rem 1.7rem}.hero-card--landing{padding:2.15rem 1.8rem 1.6rem}.hero-card__layout{grid-template-columns:minmax(0,1.22fr) minmax(17rem,.78fr);align-items:stretch}.feature-card--split{grid-template-columns:minmax(0,1.1fr) minmax(14rem,.9fr);align-items:stretch}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.sticky-actions{bottom:5.4rem}}@media(max-width:767px){.topbar{top:.5rem}.topbar__inner{flex-direction:column;align-items:flex-start}.topbar__summary{max-width:100%}.stat-grid{grid-template-columns:1fr}.bottom-nav{width:calc(100vw - .85rem)}.bottom-nav__item{font-size:.58rem;letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}