*,:before,:after{box-sizing:border-box}:root{--void:#0c0b09;--void-mid:#161410;--void-light:#1f1c17;--parchment:#e8e0cc;--parchment-dim:#a89880;--parchment-faint:#3a3428;--amber:#c8922a;--amber-dim:#c8922a26;--amber-glow:#c8922a0f;--error:#c06060;--serif:"IM Fell English", Georgia, serif;--mono:"Inconsolata", monospace}html{scroll-behavior:smooth;background:var(--void)}body{background:var(--void);min-height:100vh;color:var(--parchment);font-family:var(--serif);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.page-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell--content{justify-content:space-between}.shell-wide{width:min(100%,1100px);margin:0 auto}.site-header{align-items:baseline;gap:1rem;padding:2rem 2rem 0;display:flex}.logo{font-family:var(--serif);color:var(--parchment-dim);letter-spacing:.05em;font-size:13px;font-style:italic;text-decoration:none}.logo:focus-visible,.submit-btn:focus-visible,.input-field:focus-visible,.pill:focus-visible,.share-hint:focus-visible,.site-footer a:focus-visible,.content-link:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.logo-dot{background:var(--amber);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-bottom:2px;margin-right:6px;display:inline-block}.hero{text-align:center;max-width:680px;margin:0 auto;padding:5rem 2rem 3rem}.hero-eyebrow,.result-subject,.examples-label,.pattern-label,.portrait-label,.input-hint,.site-footer,.content-kicker,.content-meta,.policy-section h2{font-family:var(--mono);text-transform:uppercase;font-weight:300}.hero-eyebrow{letter-spacing:.2em;color:var(--amber);opacity:0;margin-bottom:1.5rem;font-size:10px;animation:.8s .2s forwards fadeUp}.hero-title{color:var(--parchment);opacity:0;margin:0 0 1.5rem;font-size:clamp(36px,7vw,64px);font-weight:400;line-height:1.15;animation:.8s .4s forwards fadeUp}.hero-title em{color:var(--parchment-dim);font-style:italic}.hero-sub{color:var(--parchment-dim);opacity:0;max-width:480px;margin:0 auto 3rem;font-size:15px;font-style:italic;line-height:1.8;animation:.8s .6s forwards fadeUp}.input-wrap{opacity:0;max-width:560px;margin:0 auto;animation:.8s .8s forwards fadeUp}.input-field{background:var(--void-mid);border:1px solid var(--parchment-faint);width:100%;color:var(--parchment);caret-color:var(--amber);border-radius:4px;outline:none;padding:18px 22px;font-size:18px;font-style:italic;transition:border-color .2s,background .2s}.input-field::placeholder{color:var(--parchment-faint);font-style:italic}.input-field:focus,.input-field:focus-visible{border-color:var(--amber);background:var(--void-light)}.input-hint{letter-spacing:.08em;color:var(--parchment-faint);text-align:left;margin-top:10px;font-size:10px}.submit-btn{border:1px solid var(--amber);width:100%;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);background:0 0;border-radius:4px;margin-top:14px;padding:16px 24px;font-size:11px;font-weight:500;transition:background .15s,color .15s,transform .15s;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:var(--amber-dim)}.submit-btn:active:not(:disabled){transform:scale(.995)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:1.5px solid var(--parchment-faint);border-top-color:var(--amber);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.divider{border:none;border-top:1px solid var(--parchment-faint);opacity:.4;width:min(560px,100% - 4rem);margin:3rem auto 0}.result-wrap{max-width:680px;margin:0 auto;padding:2rem 2rem 5rem;display:none}.result-wrap.visible{display:block}.result-subject{letter-spacing:.2em;color:var(--amber);text-align:center;margin-bottom:2rem;font-size:10px}.pattern-card,.portrait-card{opacity:0;transform:translateY(10px)}.pattern-card{background:var(--void-mid);border:1px solid var(--parchment-faint);border-radius:4px;margin-bottom:16px;padding:24px 28px;transition:opacity .4s,transform .4s}.pattern-card.visible,.portrait-card.visible{opacity:1;transform:translateY(0)}.pattern-label{letter-spacing:.18em;color:var(--parchment-faint);margin-bottom:12px;font-size:9px}.pattern-text{color:var(--parchment-dim);font-size:15px;line-height:1.85}.portrait-card{background:var(--void-light);border:1px solid #c8922a40;border-radius:4px;margin-top:8px;padding:32px 36px;transition:opacity .5s .15s,transform .5s .15s;position:relative}.portrait-card:before{content:"\"";color:var(--amber);opacity:.15;pointer-events:none;font-size:80px;line-height:1;position:absolute;top:16px;left:28px}.portrait-label{letter-spacing:.18em;color:var(--amber);opacity:.7;margin-bottom:16px;font-size:9px}.portrait-text{color:var(--parchment);font-size:17px;font-style:italic;line-height:2}.share-hint{width:100%;font-family:var(--mono);letter-spacing:.08em;color:var(--parchment-faint);text-align:center;background:0 0;border:0;margin-top:2rem;font-size:10px;font-weight:300;transition:color .15s}.share-hint:hover{color:var(--amber)}.examples{opacity:0;max-width:560px;margin:2rem auto 0;animation:.8s 1s forwards fadeUp}.examples-label{letter-spacing:.15em;color:var(--parchment-faint);text-align:center;margin-bottom:10px;font-size:9px}.examples-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{border:1px solid var(--parchment-faint);background:var(--void-mid);color:var(--parchment-dim);border-radius:20px;padding:5px 14px;font-size:12px;font-style:italic;transition:border-color .15s,color .15s}.pill:hover{border-color:var(--amber);color:var(--amber)}.error-msg{font-family:var(--mono);color:var(--error);border:1px solid var(--error);letter-spacing:.03em;border-radius:4px;margin-top:12px;padding:12px 16px;font-size:11px}.content-page{width:min(720px,100% - 4rem);margin:0 auto;padding:4rem 0 5rem}.content-kicker{letter-spacing:.2em;color:var(--amber);margin-bottom:1.25rem;font-size:10px}.content-title{margin:0 0 1rem;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:400;line-height:1.05}.content-meta{font-family:var(--mono);letter-spacing:.12em;color:var(--parchment-faint);margin:0 0 2rem;font-size:10px}.content-stack{gap:1.25rem;display:grid}.content-stack p,.policy-section p{color:var(--parchment-dim);margin:0;font-size:1.05rem;line-height:1.9}.content-link{color:var(--amber)}.policy-section{gap:.6rem;display:grid}.policy-section h2{letter-spacing:.18em;color:var(--parchment);margin:0;font-size:.75rem}.site-footer{border-top:1px solid var(--parchment-faint);text-align:center;letter-spacing:.08em;color:var(--parchment-faint);margin-top:auto;padding:1.5rem 2rem;font-size:10px}.site-footer a{color:var(--parchment-faint);text-decoration:none}.site-footer a:hover{color:var(--amber)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.site-header{padding:1.5rem 1.5rem 0}.hero{padding:3rem 1.5rem 2rem}.portrait-card{padding:24px 22px}.portrait-card:before{font-size:60px;left:16px}.content-page{width:min(100%,100% - 3rem);padding:3rem 0 4rem}.divider{width:min(100%,100% - 3rem)}}
