:root{--bg: #0b0911;--surface: rgba(22, 18, 30, .88);--surface-strong: rgba(28, 23, 38, .96);--ink: #efe6d5;--muted: #a59a8c;--dim: #6b6272;--line: rgba(201, 164, 92, .12);--line-strong: rgba(201, 164, 92, .24);--gold: #c9a45c;--gold-soft: #e6d2a8;--gold-glow: rgba(201, 164, 92, .18);--crimson: #8b1e2b;--crimson-bright: #d44a5a;--ember: #d4844a;--radius: 10px;--radius-sm: 6px;--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--shadow-card: 0 8px 28px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#06040a;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,rgba(139,30,43,.12),transparent 50%),radial-gradient(ellipse at 85% 80%,rgba(201,164,92,.06),transparent 40%),linear-gradient(180deg,#0b0911,#110d16,#09060d);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.4}#root{display:flex;justify-content:center;min-height:100vh}.app-container{position:relative;width:min(100%,460px);min-height:100vh;background:linear-gradient(180deg,#ffffff05,#fff0),#0b0911;box-shadow:0 0 0 1px #c9a45c0f,var(--shadow-lg);overflow:hidden}.app-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.page{position:relative;z-index:1;min-height:100vh;padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.page-home{padding:0;display:flex;align-items:center;justify-content:center}.home-hero{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:36px 20px calc(32px + env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 35%,rgba(201,164,92,.08),transparent 50%),radial-gradient(circle at 50% 55%,rgba(139,30,43,.1),transparent 40%)}.home-top{display:flex;align-items:center;gap:14px}.home-seal{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--gold-soft);font-family:Georgia,serif;font-size:10px;font-weight:700;background:#0f0c14cc;transform:rotate(45deg);box-shadow:0 8px 24px #0000004d}.home-seal span{transform:rotate(-45deg)}.home-topline-text{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}.home-visual{width:100%;max-width:300px;margin:4px 0}.heptagram-container{width:100%}.heptagram-svg{width:100%;height:auto;display:block}.home-title-block{max-width:360px}.home-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}.home-kicker:before,.home-kicker:after{content:"";width:22px;height:1px;background:var(--gold);opacity:.6}.home-title{font-family:Georgia,"Noto Serif SC",STSong,serif;font-size:36px;font-weight:700;color:var(--gold-soft);letter-spacing:.04em;margin-bottom:10px;text-shadow:0 2px 20px rgba(201,164,92,.15)}.home-subtitle{font-size:13.5px;line-height:1.7;color:var(--muted)}.home-bottom{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:320px;width:100%}.home-stats{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-item strong{font-family:Georgia,serif;font-size:22px;color:var(--gold);font-weight:700}.stat-item span{font-size:11px;color:var(--dim);letter-spacing:.05em}.stat-divider{width:1px;height:28px;background:var(--line)}.home-disclaimer{font-size:11px;color:var(--dim);line-height:1.5}.btn-primary{display:block;width:100%;max-width:300px;padding:14px 24px;font-size:16px;font-weight:700;letter-spacing:.03em;color:#0b0911;background:linear-gradient(135deg,var(--gold-soft),var(--gold));border-radius:var(--radius);box-shadow:0 4px 20px var(--gold-glow);transition:transform .15s,box-shadow .15s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #c9a45c47}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{background:#c9a45c33;color:var(--dim);box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-size:14px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:var(--radius);transition:all .15s}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.btn-start{max-width:260px;font-size:17px;padding:16px 28px}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#06040aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px}.gate-card{width:min(100%,340px);padding:32px 24px;background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center}.gate-icon{margin-bottom:16px}.gate-title{font-family:Georgia,serif;font-size:22px;color:var(--gold-soft);margin-bottom:6px}.gate-desc{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.5}.gate-form{display:flex;flex-direction:column;gap:12px}.gate-input{width:100%;padding:12px 16px;font-size:16px;color:var(--ink);background:#ffffff0a;border:1px solid var(--line-strong);border-radius:var(--radius-sm);text-align:center;letter-spacing:.2em;outline:none;transition:border-color .2s}.gate-input:focus{border-color:var(--gold)}.gate-input::placeholder{color:var(--dim);letter-spacing:.05em}.gate-error{margin:0;font-size:13px;color:var(--crimson-bright);background:#8b1e2b1f;padding:8px 12px;border-radius:var(--radius-sm)}.page-quiz{display:flex;flex-direction:column;min-height:100vh}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quiz-brand{font-size:12px;font-weight:800;color:var(--gold);letter-spacing:.1em}.quiz-progress-text{font-size:12px;color:var(--dim)}.progress-bar{height:3px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:28px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--crimson),var(--ember),var(--gold));border-radius:99px}.quiz-body{flex:1;display:flex;flex-direction:column}.quiz-question-block{display:flex;flex-direction:column}.question-number{font-family:Georgia,serif;font-size:32px;color:var(--gold);font-weight:700;opacity:.5;margin-bottom:8px}.question-text{font-size:20px;font-weight:600;line-height:1.55;color:var(--ink);margin-bottom:8px}.question-hint{font-size:12px;color:var(--dim);margin-bottom:24px}.options-list{display:flex;flex-direction:column;gap:10px}.option-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;transition:all .18s}.option-btn:hover{border-color:var(--line-strong);background:#ffffff08}.option-btn.selected{border-color:var(--gold);background:#c9a45c14;box-shadow:0 0 0 2px #c9a45c26}.option-marker{width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--dim);border:1px solid var(--line);border-radius:50%;flex-shrink:0;transition:all .18s}.option-btn.selected .option-marker{color:var(--gold);border-color:var(--gold);background:#c9a45c1f}.option-label{font-size:15px;color:var(--muted);transition:color .18s}.option-btn.selected .option-label{color:var(--ink)}.quiz-footer{display:flex;gap:12px;padding-top:20px}.quiz-footer .btn-primary{flex:1;max-width:none}.quiz-footer .btn-ghost{flex-shrink:0}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-container{width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-kicker{font-size:11px;font-weight:800;color:var(--gold);letter-spacing:.2em}.loading-sigil{width:80px;height:80px;margin:8px 0}.loading-title{font-family:Georgia,serif;font-size:20px;color:var(--ink);font-weight:600;margin:0}.loading-desc{font-size:13px;color:var(--muted);line-height:1.5}.loading-bar{width:100%;height:4px;margin:4px 0}.loading-steps{display:flex;flex-direction:column;gap:8px;width:100%}.loading-step{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);font-size:13px}.loading-step span{color:var(--muted)}.loading-step strong{font-size:11px;color:var(--dim);font-weight:600}.loading-step.active{border-color:var(--gold);background:#c9a45c0a}.loading-step.active strong{color:var(--gold)}.loading-step.done{border-color:var(--line);opacity:.55}.loading-step.done strong{color:var(--muted)}.page-result{padding-bottom:40px}.result-report{display:flex;flex-direction:column;gap:22px}.result-header{text-align:center;padding:16px 0 4px}.result-kicker{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.22em;margin-bottom:6px}.result-title{font-family:Georgia,serif;font-size:30px;color:var(--gold-soft);font-weight:700;margin-bottom:4px}.result-tagline{font-size:13px;color:var(--muted)}.result-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.score-card{grid-column:1 / 2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.score-card>span{font-size:11px;color:var(--dim);letter-spacing:.08em;margin-bottom:6px}.score-card>strong{font-family:Georgia,serif;font-size:48px;line-height:1;color:var(--gold);font-weight:700}.score-card>small{font-size:12px;color:var(--muted);margin-bottom:10px}.score-card>p{font-size:12px;color:var(--muted);line-height:1.5}.dominant-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;text-align:center}.dominant-card>span{font-size:11px;color:var(--dim);letter-spacing:.08em;margin-bottom:8px}.dominant-badge{padding:10px 20px;background:#c9a45c14;border:1px solid rgba(201,164,92,.2);border-radius:var(--radius);margin-bottom:6px}.dominant-badge small{font-size:10px;color:var(--gold);letter-spacing:.15em;font-weight:800}.dominant-badge h2{font-family:Georgia,serif;font-size:22px;color:var(--gold-soft);font-weight:700}.dominant-card>p{font-size:12px;color:var(--muted)}.insight-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.insight-card>span{font-size:11px;color:var(--dim);letter-spacing:.08em}.insight-card>b{display:block;font-size:15px;color:var(--ink);margin:6px 0 4px}.insight-card>p{font-size:12.5px;color:var(--muted);line-height:1.55}.result-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-section{margin:4px 0}.section-heading{font-family:Georgia,serif;font-size:17px;color:var(--gold-soft);font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.chart-wrap{display:flex;justify-content:center}.radar-svg{width:100%;max-width:280px;height:auto}.radar-ring{fill:none;stroke:var(--line);stroke-width:1}.radar-axis{stroke:var(--line);stroke-width:.6}.radar-label{font-size:11px;fill:var(--muted);font-family:-apple-system,sans-serif}.radar-area{fill:#c9a45c1f;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round}.radar-dot{fill:var(--gold);stroke:var(--gold-soft);stroke-width:2}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;gap:8px}.rank-mark{width:26px;height:20px;display:grid;place-items:center;font-size:8px;font-weight:800;color:var(--gold);border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0}.rank-row b{font-size:13px;color:var(--ink);min-width:28px;font-weight:600}.rank-bar-track{flex:1;height:6px;background:#ffffff0a;border-radius:99px;overflow:hidden}.rank-bar-fill{height:100%;background:linear-gradient(90deg,var(--crimson),var(--gold));border-radius:99px}.rank-score{font-size:12px;color:var(--dim);font-weight:600;min-width:24px;text-align:right}.insight-block{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.insight-text{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:14px}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 12px;font-size:12px;color:var(--gold);background:#c9a45c14;border:1px solid rgba(201,164,92,.18);border-radius:99px;font-weight:600}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matrix-card{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.matrix-card b{font-size:14px;color:var(--ink);font-weight:600}.matrix-card p{font-size:11.5px;color:var(--dim);line-height:1.45;margin-top:3px}.matrix-card strong{font-size:20px;color:var(--gold);font-family:Georgia,serif;font-weight:700}.matrix-legend{display:flex;gap:10px;margin-top:10px;font-size:11px;color:var(--dim)}.matrix-legend span:before{content:"◆";margin-right:3px;opacity:.5}.advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.advice-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.advice-card b{font-size:14px;color:var(--gold-soft);font-weight:700}.advice-card p{font-size:12.5px;color:var(--muted);line-height:1.55}.result-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--line);margin-top:8px}.footer-quote{font-family:Georgia,serif;font-size:15px;color:var(--gold-soft);font-style:italic;opacity:.7}.footer-disclaimer{font-size:11px;color:var(--dim);line-height:1.5;text-align:center}.result-footer .btn-primary{max-width:280px}.result-footer .btn-ghost{border:none}@media print{body{background:#fff!important;color:#222!important}.result-footer,.btn-primary,.btn-ghost{display:none!important}.result-kicker,.result-title,.section-heading,.footer-quote{color:#222!important}.score-card strong,.dominant-badge h2,.matrix-card strong{color:#1a1a1a!important}*{border-color:#ddd!important}}