@import"https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream.css";:root{--background: #f4f4f2;--surface: #ffffff;--surface-muted: #f7f7f8;--text: #0f1115;--muted: #5b616b;--border: #e2e4ea;--primary: #111827;--primary-foreground: #ffffff;--success: #0f766e;--warn: #b45309;--destructive: #b42318;--glass-bg: color-mix(in srgb, #ffffff 70%, transparent);--glass-border: color-mix(in srgb, #cbd5e1 60%, transparent);--glass-shadow: 0 8px 24px rgba(15, 17, 21, .08);--shadow-sm: 0 4px 14px rgba(15, 17, 21, .06);--shadow-md: 0 18px 36px rgba(15, 17, 21, .12);--shadow-lg: 0 32px 64px rgba(15, 17, 21, .18);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-3xl: 28px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 72px;--font-display: clamp(2.6rem, 4vw, 3.6rem);--font-h1: clamp(2rem, 3.2vw, 2.8rem);--font-h2: clamp(1.6rem, 2.4vw, 2.2rem);--font-body: 1rem;--font-caption: .82rem;--line-display: 1.05;--line-tight: 1.25;--line-body: 1.7;--letter-tight: -.02em;--letter-caps: .32em;font-family:S-Core Dream,system-ui,-apple-system,sans-serif;line-height:var(--line-body);font-weight:400;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--background: #0c0e12;--surface: #14171c;--surface-muted: #101318;--text: #f5f6f8;--muted: #b5bac6;--border: #242833;--primary: #f5f6f8;--primary-foreground: #0c0e12;--success: #4dd1c1;--warn: #f5b347;--destructive: #f9807f;--glass-bg: color-mix(in srgb, #101318 70%, transparent);--glass-border: color-mix(in srgb, #334155 50%, transparent);--glass-shadow: 0 16px 36px rgba(0, 0, 0, .45);--shadow-sm: 0 6px 18px rgba(0, 0, 0, .3);--shadow-md: 0 20px 48px rgba(0, 0, 0, .45);--shadow-lg: 0 36px 68px rgba(0, 0, 0, .6)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(17,24,39,.06),transparent 45%),var(--background)}@media(prefers-color-scheme:dark){body{background:radial-gradient(circle at top,rgba(245,246,248,.08),transparent 40%),var(--background)}}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid rgba(99,102,241,.6);outline-offset:2px}::selection{background:#6366f133}#root{min-height:100vh}.page{min-height:100vh;color:var(--text)}.app-shell{width:min(1200px,100%);margin:0 auto;padding:36px 20px 80px}.skip-link{position:absolute;left:-999px;top:-999px;background:var(--primary);color:var(--primary-foreground);padding:10px 16px;border-radius:999px;z-index:1000}.skip-link:focus{left:24px;top:24px}.top-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(prefers-color-scheme:dark){.top-nav{background:color-mix(in srgb,var(--background) 70%,transparent)}}.top-nav__inner{width:min(1200px,100%);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;justify-content:space-between}.logo{font-size:1.15rem;font-weight:700;background:transparent;border:none;cursor:pointer;color:var(--text);letter-spacing:-.02em}.top-nav__links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-link{background:transparent;border:none;color:var(--muted);font-weight:500;cursor:pointer;padding:6px 10px;border-radius:999px;transition:color .2s ease,background .2s ease}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:var(--text);background:color-mix(in srgb,var(--border) 30%,transparent)}.top-nav__cta{display:flex;align-items:center}.home,.auth-page,.start-page,.report-page{display:grid;gap:var(--space-6)}.home{position:relative;isolation:isolate}.home:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#f0f4ffe6,#fff6,#ecf5ffd9 70%);z-index:-2;pointer-events:none}@media(prefers-color-scheme:dark){.home:before{background:linear-gradient(135deg,#0b0d12f2,#14171c80 40%,#0f121ae6 75%)}}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;align-items:center;position:relative}.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#6366f147,#6366f100);filter:blur(6px);right:-120px;top:-90px;z-index:0}.hero>*{position:relative;z-index:1}.hero__content h1{font-size:var(--font-display);line-height:var(--line-display);margin:12px 0 18px;letter-spacing:var(--letter-tight);font-weight:700;color:color-mix(in srgb,var(--text) 88%,#334155 12%)}.accent{display:block;color:var(--primary);margin-top:12px;font-size:clamp(1.5rem,2.4vw,2rem)}.eyebrow{text-transform:uppercase;letter-spacing:var(--letter-caps);font-size:.72rem;color:var(--muted)}.subtitle,.section-subtitle{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.8}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 20px}.hero__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--muted)}.hero__panel{position:relative;padding:28px;background:var(--glass-bg);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel__glow{position:absolute;inset:-40% -30% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#6366f12e,#6366f100)}.panel__inner{position:relative;display:grid;gap:18px}.report-preview{display:grid;gap:16px}.report-card{padding:18px;border-radius:var(--radius-3xl);border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--shadow-sm);display:grid;gap:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.report-card--stack{transform:translateY(-6px);opacity:.92}.report-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.report-chip{padding:6px 12px;border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);background:color-mix(in srgb,var(--border) 35%,transparent)}.report-score{font-weight:600;color:color-mix(in srgb,var(--text) 82%,#64748b 18%)}.report-label{margin:0;font-size:.82rem;color:var(--muted)}.report-lines{display:grid;gap:8px;margin-top:10px}.report-lines span{height:10px;border-radius:999px;background:color-mix(in srgb,var(--border) 55%,transparent)}.report-lines span:nth-child(2){width:80%}.report-lines span:nth-child(3){width:65%}.report-card__footer{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.report-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel__section{display:grid;gap:10px}.panel__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.panel__label{font-size:var(--font-caption);color:var(--muted);margin:0}.panel__value{margin:0;font-weight:600;color:var(--text)}.meter{height:10px;background:color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;overflow:hidden}.meter__bar{height:100%;width:78%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#6b6cf2);animation:fill 2s ease}@keyframes fill{0%{width:20%}to{width:78%}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:6px 12px;border-radius:999px;font-size:.75rem;background:color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted)}.section-header{display:grid;gap:8px}.section-header h1,.section-header h2{margin:0;font-size:var(--font-h1);line-height:var(--line-tight);letter-spacing:var(--letter-tight);color:color-mix(in srgb,var(--text) 88%,#475569 12%)}.how__grid{margin-top:24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-card{padding:20px;border-radius:var(--radius-3xl);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);display:grid;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 20%,var(--glass-border))}.step-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-card__number{font-size:.8rem;color:var(--muted);font-weight:600}.step-card__icon{width:40px;height:40px;border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text);display:grid;place-items:center}.step-card__icon svg{width:22px;height:22px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn{border-radius:999px;padding:12px 20px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:color-mix(in srgb,var(--border) 25%,transparent)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{color:var(--text)}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-weight:600}.field input{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text)}.field input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126;outline:none}.field-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.any-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.any-toggle input{accent-color:var(--primary)}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--border);border-radius:999px;padding:8px 14px;background:transparent;cursor:pointer;transition:all .2s ease;color:var(--text)}.pill:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}.pill:disabled{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--border) 45%,transparent)}.pill.is-active{background:var(--primary);color:var(--primary-foreground);border-color:transparent}.tabs{display:inline-flex;gap:8px;padding:6px;background:var(--surface-muted);border-radius:999px;border:1px solid var(--border)}.tab{background:transparent;border:none;padding:10px 18px;border-radius:999px;color:var(--muted);font-weight:600;cursor:pointer}.tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-card{display:grid;gap:20px}.auth-form{display:grid;gap:16px}.helper-text{margin:0;font-size:.85rem;color:var(--muted)}.wizard{display:grid;gap:24px}.wizard__progress{height:6px;background:color-mix(in srgb,var(--border) 50%,transparent);border-radius:999px;overflow:hidden}.wizard__progress-bar{height:100%;background:var(--primary);border-radius:inherit;transition:width .3s ease}.wizard__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.wizard__step{display:grid;gap:6px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--muted);background:var(--surface-muted)}.wizard__step span{font-size:.8rem;font-weight:600}.wizard__step.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.wizard-card h2{margin:0 0 6px;font-size:var(--font-h2)}.wizard__actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.wizard__next{display:inline-flex;gap:8px;flex-wrap:wrap}.dropzone{position:relative;border:1px dashed var(--border);border-radius:var(--radius-md);padding:20px;background:color-mix(in srgb,var(--surface) 70%,transparent);display:grid;gap:16px;cursor:pointer}.dropzone.has-error{border-color:color-mix(in srgb,var(--destructive) 30%,var(--border))}.dropzone__input{position:absolute;inset:0;opacity:0;pointer-events:none}.dropzone__content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dropzone__content h3{margin:0 0 4px}.dropzone__actions{display:flex;gap:8px;flex-wrap:wrap}.upload-progress{position:relative;height:8px;border-radius:999px;background:color-mix(in srgb,var(--border) 40%,transparent);overflow:hidden;margin-top:12px}.upload-progress__bar{height:100%;background:var(--primary);border-radius:inherit;transition:width .2s ease}.upload-progress span{display:block;margin-top:8px;font-size:.85rem;color:var(--muted)}.upload__preview{margin-top:16px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.upload__preview img{display:block;width:100%;height:240px;object-fit:cover}.preview-meta{padding:12px 16px;display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.summary-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card{padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);display:grid;gap:6px}.summary-card h3,.summary-card h4{margin:0}.summary-card ul{margin:0;padding-left:18px;color:var(--muted)}.state{margin-top:16px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);display:grid;gap:12px;background:var(--surface-muted)}.state span{color:var(--muted);font-size:.9rem}.state-error{border-color:color-mix(in srgb,var(--destructive) 30%,var(--border));background:color-mix(in srgb,var(--destructive) 10%,transparent)}.state-empty{border-color:var(--border);background:color-mix(in srgb,var(--border) 20%,transparent)}.state__actions{display:flex;gap:8px;flex-wrap:wrap}.report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-grid{display:grid;gap:20px}.report-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.report-content pre{margin:0;white-space:pre-wrap;font-family:Pretendard Variable,Inter,system-ui,sans-serif;color:var(--text);line-height:1.7}.toast{margin:0;padding:10px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);width:fit-content}.badge{background:var(--primary);color:var(--primary-foreground);padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-soft{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--text)}.trust__grid{margin-top:24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{padding:20px;border-radius:var(--radius-3xl);background:var(--glass-bg);border:1px solid var(--glass-border);display:grid;gap:6px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric-card h3{margin:0;font-size:1.6rem}.logo-wall{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.cta-final{padding:22px 24px;border-radius:var(--radius-3xl);border:1px solid var(--glass-border);background:var(--glass-bg);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cta-note{margin:0;grid-column:1 / -1;font-size:.85rem;color:var(--muted)}.site-footer{width:min(1200px,100%);margin:0 auto 40px;padding:24px 20px 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted)}.site-footer h2{margin:0 0 6px;font-size:1.1rem;color:var(--text)}.site-footer p{margin:0;max-width:440px}.footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.footer-link{background:transparent;border:1px solid var(--border);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--text);transition:background .2s ease,color .2s ease,border .2s ease}.footer-link:hover{background:color-mix(in srgb,var(--border) 30%,transparent)}.recommendations{display:grid;gap:16px;margin-top:20px}.recommendation{padding:20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:grid;gap:16px}.recommendation__preview{height:140px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f126,#0f11150a);border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.recommendation__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.recommendation__header h4{margin:0}.recommendation__header p{margin:6px 0 0;color:var(--muted)}.score{font-size:.8rem;color:var(--muted)}.recommendation__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.recommendation ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.swatches span{background:color-mix(in srgb,var(--border) 40%,transparent);padding:6px 10px;border-radius:999px;font-size:.75rem}.note{color:var(--muted);margin:0}.skeleton-block{display:grid;gap:10px}.skeleton{height:12px;border-radius:999px;background:linear-gradient(90deg,#9696961f,#96969640,#9696961f);animation:shimmer 1.6s infinite}.skeleton.line-lg{height:18px}.skeleton.line-sm{width:60%}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@media(max-width:900px){.top-nav__inner,.cta-final{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.app-shell{padding:24px 16px 56px}.hero__actions,.wizard__actions,.report-actions,.state__actions{flex-direction:column;align-items:stretch}.top-nav__links{gap:8px}.panel__header{flex-direction:column;align-items:flex-start}}