@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}}:root{--color-void:#050714;--color-login:#0e1125;--color-background:#121212;--color-surface:#272836;--color-surface-soft:#1a1d2e;--color-surface-raised:#2d2c2c;--color-surface-mission:#3d3c3c;--color-letterbox-mid:#090a10;--color-letterbox-end:#03040b;--color-black:#000;--color-ink:#111;--color-border:#ffffff1f;--color-text:#fff;--color-text-strong:#fefefe;--color-text-muted:#fffc;--color-text-faint:#ffffffa1;--color-text-ghost:#ffffff61;--color-indigo:#6366f1;--color-purple:#8b5cf6;--color-purple-hot:#aa51ff;--color-blue:#3c81f5;--color-yellow:#fcc960;--color-emerald:#10b981;--color-ai-purple:#5414ff;--tab-home-start:#0080ff;--tab-home-end:#00c0da;--tab-zodiac-start:#c994e9;--tab-zodiac-end:#8a2dc9;--tab-saju-start:#e026e0;--tab-saju-end:#df8ebd;--tab-face-start:#f6a4d3;--tab-face-end:#ff9d52;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999rem;--shadow-glow:0 1rem 3rem #6366f147;--shadow-card:0 1.25rem 3.5rem #0000005c;--shadow-tab:0 .75rem 1.5rem #0080ff33;--aura-blue:#3c81f53d;--aura-purple:#aa51ff38;--wash-white-20:#fff3;--wash-white-22:#ffffff38;--wash-white-12:#ffffff1f;--wash-white-11:#ffffff1c;--wash-white-03:#ffffff08;--text-on-gradient:#ffffffdb;--login-fade-start:#0e112514;--login-fade-end:#0e1125e0;--focus-ring:#aa51ff2e;--header-glass:#121212e0;--tab-glass:#121212eb;--duration-fast:.16s;--duration-base:.28s;--duration-slow:.9s;--font-display:"Songti SC", "Nanum Myeongjo", "AppleMyungjo", serif;--font-body:"Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--phone-width:430px;--phone-min-height:760px;--marquee-large-width:10.25rem;--marquee-large-height:11rem;--marquee-small-width:10rem;--marquee-small-height:5.25rem}*{box-sizing:border-box}html{background:var(--color-void);min-height:100%}body{background:radial-gradient(circle at 15% 10%, var(--aura-blue), transparent 30%), radial-gradient(circle at 84% 16%, var(--aura-purple), transparent 34%), linear-gradient(135deg, var(--color-void), var(--color-letterbox-mid) 48%, var(--color-letterbox-end));min-height:100vh;color:var(--color-text);font-family:var(--font-body);margin:0}button,input{font:inherit}button{cursor:pointer}.letterbox{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.phone-shell{isolation:isolate;width:min(100%, var(--phone-width));min-height:min(var(--phone-min-height), calc(100vh - var(--space-12)));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.screen{z-index:1;min-height:min(var(--phone-min-height), calc(100vh - var(--space-12)));flex-direction:column;display:flex;position:relative}.aurora{z-index:0;border-radius:var(--radius-pill);filter:blur(4rem);opacity:.58;pointer-events:none;width:17rem;height:17rem;position:absolute}.aurora-one{background:var(--color-purple-hot);top:-6rem;right:-8rem}.aurora-two{background:var(--color-blue);bottom:8rem;left:-9rem}.login-screen{background:var(--color-login)}.status-row,.flow-header,.home-header{padding:var(--space-5) var(--space-5) var(--space-3);color:var(--color-text-muted);letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.marquee-stage{margin-top:var(--space-8);position:relative;overflow:hidden}.marquee-row{width:100%;overflow:hidden}.marquee-row.small{margin-top:var(--space-3)}.marquee-track{gap:var(--space-1);width:max-content;animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.marquee-track.left{animation-name:drift-left}.marquee-track.right{animation-name:drift-right;animation-duration:19s}.feature-card{width:var(--marquee-large-width);height:var(--marquee-large-height);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(145deg, var(--wash-white-20), transparent 42%), linear-gradient(135deg, var(--card-start), var(--card-end));box-shadow:var(--shadow-glow);flex-direction:column;flex:none;justify-content:flex-end;display:flex;overflow:hidden}.marquee-row.small .feature-card{width:var(--marquee-small-width);height:var(--marquee-small-height);padding:var(--space-3)}.feature-card.blue{--card-start:var(--color-blue);--card-end:var(--tab-home-end)}.feature-card.purple{--card-start:var(--color-purple);--card-end:var(--color-ai-purple)}.feature-card.pink{--card-start:var(--tab-saju-start);--card-end:var(--tab-saju-end)}.feature-card.indigo{--card-start:var(--color-indigo);--card-end:var(--color-surface)}.feature-card.orange{--card-start:var(--tab-face-start);--card-end:var(--tab-face-end)}.feature-card span,.orb-label,.tab-hero span,.brand-kicker{color:var(--color-text-muted);letter-spacing:.18em;font-size:.7rem;font-weight:700}.feature-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-family:var(--font-display);font-size:1.2rem;line-height:1.18}.feature-card small{margin-top:var(--space-2);color:var(--color-text-faint)}.marquee-fade{background:linear-gradient(180deg, var(--login-fade-start), var(--login-fade-end));pointer-events:none;position:absolute;inset:0}.login-bottom{padding:var(--space-10) var(--space-6) var(--space-8);text-align:center;flex:1;align-content:end;justify-items:center;display:grid}.login-bottom h1,.orb-card h2,.tab-hero h2{margin:var(--space-3) 0 0;color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.55rem,7vw,2rem);font-weight:700;line-height:1.32}.helper-copy,.orb-card p,.tab-hero p,.locked-mission p{color:var(--color-text-muted);letter-spacing:-.025em;font-size:.88rem;line-height:1.6}.helper-copy{margin:var(--space-12) 0 var(--space-6)}.social-row{gap:var(--space-10);justify-content:center;display:flex}.social-button{border-radius:var(--radius-pill);width:3.375rem;height:3.375rem;color:var(--color-ink);transition:transform var(--duration-fast), box-shadow var(--duration-fast);border:0;font-weight:800}.social-button:hover,.primary-button:hover,.quick-grid button:hover,.tab-bar button:hover{transform:translateY(-.125rem)}.kakao{background:var(--color-yellow)}.google{background:var(--color-text)}.apple{background:var(--color-black);color:var(--color-text)}.login-footer{gap:var(--space-4);padding:0 var(--space-8) var(--space-8);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.login-footer button,.ghost-button,.home-header button{color:var(--color-text-faint);background:0 0;border:0}.login-footer span{width:1px;height:var(--space-3);background:var(--color-text-ghost)}.onboarding-screen,.home-screen{background:radial-gradient(circle at 50% 0%, var(--aura-blue), transparent 34%), var(--color-background)}.orb-card,.mission-card,.tab-hero{margin:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--wash-white-11), var(--wash-white-03));box-shadow:var(--shadow-card)}.orb-card{padding:var(--space-8) var(--space-6)}.profile-form{gap:var(--space-4);padding:var(--space-3) var(--space-5) var(--space-6);display:grid}.profile-form label{gap:var(--space-2);color:var(--color-text-muted);font-size:.84rem;font-weight:700;display:grid}.gender-field{gap:var(--space-2);color:var(--color-text-muted);border:0;margin:0;padding:0;font-size:.84rem;font-weight:700;display:grid}.gender-field div{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.gender-field button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--wash-white-03);color:var(--color-text-muted);transition:border-color var(--duration-base), background var(--duration-base), color var(--duration-base);padding:.9rem 1rem}.gender-field button.selected{border-color:var(--color-purple-hot);background:var(--focus-ring);color:var(--color-text-strong)}.profile-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);width:100%;color:var(--color-text);padding:var(--space-4);outline:none}.profile-form input:focus{border-color:var(--color-purple-hot);box-shadow:0 0 0 .2rem var(--focus-ring)}.primary-button{margin-top:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-blue), var(--color-purple-hot));color:var(--color-text);padding:var(--space-4) var(--space-5);transition:transform var(--duration-fast), filter var(--duration-fast);border:0;font-weight:800}.home-header{background:var(--header-glass);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.home-header div{gap:var(--space-1);display:grid}.home-header strong{color:var(--color-text-strong);font-size:1.1rem}.tab-bar{gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-4);background:var(--tab-glass);grid-template-columns:repeat(4,1fr);display:grid}.tab-bar button{border-radius:var(--radius-pill);color:var(--color-text-faint);padding:var(--space-2) var(--space-3);transition:transform var(--duration-fast), color var(--duration-fast), background var(--duration-fast);background:0 0;border:1px solid #0000;font-size:.85rem;font-weight:800}.tab-bar button.active{background:linear-gradient(135deg, var(--tab-start), var(--tab-end));color:var(--color-text);box-shadow:var(--shadow-tab)}.tab-hero{padding:var(--space-8) var(--space-6);background:radial-gradient(circle at 16% 12%, var(--wash-white-22), transparent 20%), linear-gradient(135deg, var(--tab-start), var(--tab-end))}.tab-hero p{max-width:18rem;color:var(--text-on-gradient)}.saju-preview{gap:var(--space-4);margin:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(145deg, var(--wash-white-11), transparent 46%), var(--color-surface-soft);display:grid}.preview-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.preview-head span,.tag-row span{color:var(--color-text-faint);font-size:.75rem}.preview-head strong{color:var(--color-yellow);font-size:.82rem}.pillar-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.pillar-grid article{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff0d;place-items:center;min-height:5.4rem;display:grid}.pillar-grid span{color:var(--color-text-ghost);font-size:.72rem}.pillar-grid strong{color:var(--color-text-strong);font-family:var(--font-display);font-size:1.35rem}.pillar-grid small{color:var(--color-text-faint)}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.mission-card{background:var(--color-surface-raised);overflow:hidden}.mission-head{width:100%;color:var(--color-text);padding:var(--space-5);background:0 0;border:0;justify-content:space-between;align-items:center;font-weight:800;display:flex}.mission-head strong{color:var(--color-text-muted)}.locked-mission{padding:var(--space-4) var(--space-5) var(--space-6);text-align:center;justify-items:center;display:grid}.locked-mission span{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-pill);background:var(--wash-white-12);place-items:center;display:grid}.mission-list{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);margin:0;list-style:none;display:grid}.mission-list li{border-radius:var(--radius-sm);background:var(--color-surface-mission);color:var(--color-text-muted);padding:var(--space-4)}.quick-grid{gap:var(--space-3);padding:0 var(--space-5) var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.quick-grid button{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--color-surface), var(--color-surface-soft));min-height:5.8rem;color:var(--color-text);transition:transform var(--duration-fast), border-color var(--duration-fast);font-weight:800}@keyframes drift-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes drift-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:520px){.letterbox{padding:0}.phone-shell,.screen{border-radius:0;min-height:100vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:1ms;animation-duration:1ms}}