.app-shell{justify-content:center;min-height:100vh;padding:56px 20px;display:flex}.screen{text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:480px;animation:.42s ease-out fade-in;display:flex}@media (width>=1024px){.screen{max-width:560px}}@media (prefers-reduced-motion:reduce){.screen,.progress-bar-fill,.stats-bar-fill,.loading-text,.loading-rule,.toast{transition:none;animation:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.eyebrow,.question-eyebrow,.result-eyebrow,.stats-total,.intro-meta{letter-spacing:.16em;color:var(--color-ink-soft);margin:0 0 12px;font-size:.72rem;font-weight:700}.btn{border:1px solid var(--color-line-strong);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:2px;padding:14px 22px;font-size:.95rem;font-weight:700;transition:background-color .16s,color .16s,border-color .16s}.btn:hover:not(:disabled){background:var(--color-ink);color:var(--color-bg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-yellow);border-color:var(--color-ink);width:100%}.btn-primary:hover:not(:disabled){background:var(--color-ink);color:var(--color-yellow)}.btn-large{padding:18px 24px;font-size:1.05rem}.btn-secondary{background:var(--color-bg);flex:1}.btn-icon{cursor:pointer;color:var(--color-ink);background:0 0;border:none;padding:4px 10px 4px 0;font-size:1.2rem;font-weight:700;transition:opacity .16s}.btn-icon:hover:not(:disabled){opacity:.55}.btn-icon:disabled{opacity:.25;cursor:not-allowed}.link-button{color:var(--color-ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:18px;padding:0;font-size:.9rem;text-decoration:underline;transition:color .16s}.link-button:hover{color:var(--color-ink)}.intro-title{letter-spacing:-.01em;margin:0 0 20px;font-size:clamp(2.2rem,9vw,3rem);font-weight:900;line-height:1.08}.intro-tagline{color:var(--color-ink-soft);margin:0 0 20px;font-size:1rem;line-height:1.6}.intro-meta{margin-bottom:32px}.btn-primary,.intro-screen .btn-primary{margin-bottom:20px}.intro-counter{color:var(--color-ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-yellow);text-decoration-color:var(--color-yellow);text-underline-offset:4px;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;text-decoration-thickness:3px}.intro-disclaimer{border-top:1px solid var(--color-line);color:var(--color-ink-soft);margin-top:40px;padding-top:20px;font-size:.75rem;line-height:1.5}.question-screen{width:100%}.question-header{align-items:center;gap:12px;width:100%;margin-bottom:40px;display:flex}.progress-bar-wrap{flex:1;align-items:center;gap:12px;display:flex}.progress-bar-track{background:var(--color-line-strong);flex:1;height:1px}.progress-bar-fill{background:var(--color-yellow);height:100%;box-shadow:0 0 0 1px var(--color-ink) inset;transition:width .26s ease-out}.progress-bar-label{font-variant-numeric:tabular-nums;color:var(--color-ink-soft);white-space:nowrap;font-size:.8rem;font-weight:700}.question-text{letter-spacing:-.01em;margin:0 0 32px;font-size:clamp(1.4rem,6vw,1.8rem);font-weight:800;line-height:1.35}.question-options{border-top:1px solid var(--color-line-strong);flex-direction:column;width:100%;display:flex}.option-card{border:none;border-bottom:1px solid var(--color-line-strong);text-align:left;cursor:pointer;background:0 0;border-left:4px solid #0000;align-items:center;gap:16px;width:100%;padding:20px 4px;font-size:1rem;font-weight:500;transition:background-color .16s,border-left-color .16s;display:flex}.option-card:hover:not(:disabled){background:var(--color-panel)}.option-card-selected{background:var(--color-yellow-soft);border-left-color:var(--color-ink);font-weight:700}.option-mark{color:var(--color-ink-soft);flex-shrink:0;font-size:.85rem;font-weight:900}.option-text{flex:1}.option-check{color:var(--color-ink);flex-shrink:0;font-weight:900}.loading-screen{text-align:center;justify-content:center;align-items:center;width:100%;min-height:40vh}.loading-text{letter-spacing:.1em;color:var(--color-ink-soft);margin:0 0 20px;font-size:.85rem;font-weight:700;animation:1.4s ease-in-out infinite pulse}.loading-rule{background:var(--color-line-strong);width:160px;height:1px;position:relative;overflow:hidden}.loading-rule:after{content:"";background:var(--color-yellow);width:40%;box-shadow:0 0 0 1px var(--color-ink);animation:1.1s ease-in-out infinite loading-sweep;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.result-card{background:var(--color-bg);border:1px solid var(--color-line-strong);width:100%;padding:32px 24px}.result-eyebrow{align-items:center;gap:8px;margin-bottom:20px;display:flex}.result-emoji{font-size:1rem}.result-code{letter-spacing:-.01em;background:linear-gradient(transparent 62%, var(--color-yellow) 62%);margin:0 0 12px;font-size:clamp(2.6rem,12vw,3.6rem);font-weight:900;line-height:1;display:inline-block}.result-nickname{margin:0 0 20px;font-size:1.4rem;font-weight:800}.result-summary{color:var(--color-ink-soft);margin-bottom:32px;line-height:1.65}.result-section{border-top:1px solid var(--color-line);margin-bottom:4px;padding-top:20px}.result-section h3{letter-spacing:.16em;color:var(--color-ink-soft);margin:0 0 14px;font-size:.72rem;font-weight:700}.trait-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.trait-list li{padding-left:20px;line-height:1.5;position:relative}.trait-list li:before{content:"—";color:var(--color-ink-soft);position:absolute;left:0}.job-list{color:var(--color-ink-soft);margin:0;line-height:1.7}.result-stat-link{color:var(--color-ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-yellow);text-decoration-color:var(--color-yellow);text-underline-offset:4px;background:0 0;border:none;margin-top:24px;padding:0;font-size:.9rem;font-weight:600;text-decoration-thickness:3px}.result-actions{gap:8px;width:100%;margin-top:28px;display:flex}.link-fallback-input{border:1px solid var(--color-line-strong);background:var(--color-bg);width:100%;color:var(--color-ink);border-radius:2px;margin-top:12px;padding:12px 14px;font-size:.85rem}.stats-screen{width:100%}.stats-title{margin:4px 0 8px;font-size:1.6rem;font-weight:900}.stats-total{margin-bottom:28px}.stats-bar-list{flex-direction:column;gap:14px;width:100%;margin:0;padding:0;list-style:none;display:flex}.stats-bar-row{align-items:center;gap:12px;display:flex}.stats-bar-code{letter-spacing:.02em;flex-shrink:0;width:46px;font-size:.8rem;font-weight:700}.stats-bar-track{background:var(--color-panel);flex:1;height:10px}.stats-bar-fill{background:var(--color-ink-soft);opacity:.35;height:100%}.stats-bar-fill-mine{background:var(--color-yellow);opacity:1;box-shadow:0 0 0 1px var(--color-ink) inset}.stats-bar-percent{font-variant-numeric:tabular-nums;text-align:right;width:44px;color:var(--color-ink-soft);flex-shrink:0;font-size:.8rem}.stats-mock-note{border-top:1px solid var(--color-line);color:var(--color-ink-soft);margin-top:24px;padding-top:16px;font-size:.78rem}.stats-error{padding:24px 0}.toast{background:var(--color-ink);color:var(--color-bg);border-left:4px solid var(--color-yellow);z-index:50;padding:12px 18px;font-size:.85rem;font-weight:600;animation:.22s ease-out toast-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.error-screen{text-align:center;justify-content:center;align-items:center;gap:20px;width:100%;min-height:40vh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f4ec;--color-panel:#f1ecdc;--color-ink:#17150f;--color-ink-soft:#6b6454;--color-line:#17150f29;--color-line-strong:#17150fd9;--color-yellow:#f3d94e;--color-yellow-soft:#f8e79a;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}html{background:var(--color-bg)}body{background:var(--color-bg);color:var(--color-ink);margin:0}button{color:inherit;font-family:inherit}::selection{background:var(--color-yellow);color:var(--color-ink)}