.hero{text-align:center;padding:48px 0 40px}header{animation-delay:0s}.hero{animation-delay:.1s}.hero-badge{letter-spacing:.35em;color:var(--brand-primary);border:1px solid rgba(var(--brand-rgb), .3);opacity:.85;margin-bottom:28px;padding:5px 16px;font-size:.65rem;display:inline-block}.hero h1{font-family:var(--font-display);color:var(--brand-primary);letter-spacing:.08em;text-shadow:0 0 40px rgba(var(--brand-rgb), .3), 0 2px 8px #0009;margin-bottom:20px;font-size:clamp(2.4rem,7vw,3.8rem);line-height:1.25}.hero p{color:var(--text-body);letter-spacing:.1em;max-width:420px;margin:0 auto;font-size:.95rem;line-height:2}.trigrams{opacity:.25;justify-content:center;gap:32px;margin:32px 0;font-size:1.8rem;display:flex}.category-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;animation-delay:.2s;display:grid}.cat-btn{background:rgba(var(--brand-rgb), .05);border:1px solid rgba(var(--brand-rgb), .18);color:var(--brand-secondary);letter-spacing:.12em;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100px;padding:14px 8px;font-size:.82rem;transition:all .25s;display:flex}.cat-btn .cat-icon{font-size:1.3rem}.cat-btn:hover,.cat-btn.active{background:rgba(var(--brand-rgb), .12);border-color:rgba(var(--brand-rgb), .55);color:var(--brand-primary);box-shadow:var(--glow-inset)}.or-divider{text-align:center;letter-spacing:.4em;color:var(--text-faint);margin:4px 0 16px;font-size:.7rem}.or-divider:before,.or-divider:after{content:"─ ─ ─";margin:0 12px}.or-divider,.input-wrap,.submit-btn{animation-delay:.3s}.input-wrap{margin-bottom:16px;position:relative}.input-wrap:before{content:"卜";font-family:var(--font-display);color:var(--brand-primary);opacity:.4;pointer-events:none;z-index:1;font-size:1.1rem;position:absolute;top:20px;left:16px}.input-top{background:var(--rule-gold);opacity:.4;height:2px}textarea{background:rgba(var(--brand-rgb), .04);border:1px solid rgba(var(--brand-rgb), .2);width:100%;min-height:120px;color:var(--text-primary);letter-spacing:.06em;resize:none;border-top:none;outline:none;padding:16px 16px 16px 44px;font-size:.9rem;line-height:1.9;transition:border-color .3s;display:block}textarea::placeholder{color:var(--text-faint)}textarea:focus{border-color:rgba(var(--brand-rgb), .45)}.submit-btn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);width:100%;color:var(--btn-primary-text);font-family:var(--font-display);letter-spacing:.35em;cursor:pointer;padding:18px;font-size:1.2rem;transition:all .3s}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:hover:not(:disabled){border-color:var(--btn-primary-hover-border);color:var(--btn-primary-hover-text);box-shadow:var(--btn-primary-hover-shadow)}.result-box{border:1px solid rgba(var(--brand-rgb), .25);margin-top:28px;animation:.5s both fadeUp;position:relative}.result-box:before{content:"";background:var(--rule-gold);height:2px;position:absolute;top:0;left:0;right:0}.result-header{border-bottom:1px solid var(--border);letter-spacing:.4em;color:var(--brand-primary);opacity:.7;background:rgba(var(--brand-rgb), .04);padding:12px 20px;font-size:.68rem}.result-content{letter-spacing:.08em;color:var(--text-primary);white-space:pre-wrap;padding:24px;font-size:.92rem;line-height:2.1}.deep-card2{color:inherit;border:1px solid rgba(var(--brand-rgb), .2);background:rgba(var(--brand-rgb), .04);margin-top:30px;text-decoration:none;transition:border-color .25s,background .25s;display:block}.deep-card2:hover{border-color:rgba(var(--brand-rgb), .5);background:rgba(var(--brand-rgb), .07)}.deep-card2-line{background:var(--rule-gold);opacity:.4;height:2px}.deep-card2-body{align-items:center;gap:16px;padding:18px 20px;display:flex}.deep-card2-glyph{border:1px solid rgba(var(--brand-rgb), .3);width:40px;height:40px;font-family:var(--font-display);color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.deep-card2-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.deep-card2-title{letter-spacing:.1em;color:var(--brand-primary);align-items:center;gap:8px;font-size:.95rem;line-height:1.3;display:flex}.deep-card2-pro{font-family:var(--font-sans);letter-spacing:.12em;color:rgba(var(--brand-rgb), .7);border:1px solid rgba(var(--brand-rgb), .35);padding:2px 5px;font-size:.5rem;line-height:1}.deep-card2-sub{letter-spacing:.06em;color:var(--text-body);font-size:.74rem;line-height:1.5}.deep-card2-cta{letter-spacing:.12em;color:rgba(var(--brand-rgb), .7);white-space:nowrap;flex-shrink:0;font-size:.78rem;transition:color .25s}.deep-card2:hover .deep-card2-cta{color:var(--brand-primary)}.deep-card2-kicker{text-align:center;letter-spacing:.3em;color:rgba(var(--brand-rgb), .5);margin:30px 0 14px;font-size:.64rem}.deep-card2-kicker:before{content:"— ";opacity:.5}.deep-card2-kicker:after{content:" —";opacity:.5}[data-theme=light] .hero h1{text-shadow:0 0 38px rgba(var(--brand-rgb),.18), 0 2px 6px rgba(var(--fg-rgb),.08)}[data-theme=light] .cat-btn:hover,[data-theme=light] .cat-btn.active{box-shadow:none;background:#425c8a14}@media (max-width:640px){.hero{padding:28px 0 24px}.hero h1{font-size:2rem}.hero p{font-size:.85rem}.trigrams{gap:12px;font-size:1.2rem}.category-grid{grid-template-columns:repeat(2,1fr)}.cat-btn{height:78px}textarea{min-height:100px;padding:12px 12px 12px 40px}.submit-btn{padding:14px}.result-content{padding:16px}.deep-card2-body{gap:12px;padding:14px}.deep-card2-glyph{width:34px;height:34px;font-size:1rem}.deep-card2-cta{font-size:0}.deep-card2-cta:after{content:"→";font-size:1rem}}