.page{flex-direction:column;min-height:100%;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.site-header nav{gap:var(--space-2);align-items:center;display:flex}.page main{flex:1}.hero{max-width:760px;padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;margin:0 auto}.hero h1{margin:0 0 var(--space-3);letter-spacing:-.01em;font-size:clamp(28px,5vw,44px);line-height:1.12}.hero .lede{color:var(--text-muted);font-size:var(--text-lg);margin:0 0 var(--space-5)}.prompt{gap:var(--space-2);max-width:560px;margin:0 auto var(--space-3);display:flex}.prompt .input{min-height:44px;font-size:var(--text-md)}.prompt .btn{min-height:44px;padding:0 var(--space-4)}.prompt-chips{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.featured{max-width:1100px;padding:0 var(--space-4) var(--space-5);margin:0 auto}.featured-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.featured-head h2{font-size:var(--text-lg);margin:0}.featured-head p{color:var(--text-faint);font-size:var(--text-sm);margin:0}.featured-frame{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.featured-host{height:380px}.featured-toolbar{justify-content:flex-end;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border);background:var(--surface-2);display:flex}.featured-card{min-height:112px;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.featured-card h3{margin:0 0 var(--space-1);font-size:var(--text-md)}.featured-card .date{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.featured-card p{margin:0 0 var(--space-2)}.featured-card a{color:var(--accent);font-size:var(--text-sm)}.featured-card .hint{color:var(--text-faint);margin:0}.how{max-width:1100px;padding:var(--space-5) var(--space-4) var(--space-6);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;display:grid}.how section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.how h2{font-size:var(--text-md);margin:0 0 var(--space-1)}.how p{color:var(--text-muted);margin:0}.legal{max-width:720px;padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}.legal h1{font-size:var(--text-xl);margin:0 0 var(--space-1)}.legal .updated{color:var(--text-faint);margin:0 0 var(--space-4);font-size:var(--text-sm)}.legal h2{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-2)}.legal p,.legal li{color:var(--text)}.legal li{margin-bottom:var(--space-1)}.legal a{color:var(--accent)}.draft-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning-text);font-size:var(--text-sm);margin-bottom:var(--space-4)}.site-footer{gap:var(--space-2) var(--space-4);padding:var(--space-4);border-top:1px solid var(--border);background:var(--surface);color:var(--text-faint);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.site-footer a{color:var(--text-muted)}@media (width<=767px){.hero{padding-top:var(--space-5)}.prompt{flex-direction:column}.featured-host{height:320px}}.footer-version{color:var(--text-faint);font-size:var(--text-xs)}.ai-agent-note{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.ai-guide ol li{margin-bottom:var(--space-2)}.ai-prompt-box{position:relative}.ai-prompt-box .btn{top:var(--space-2);right:var(--space-2);position:absolute}.ai-prompt{padding:var(--space-4);padding-top:calc(var(--space-4) + 28px);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:420px;font-size:var(--text-sm);margin:0;overflow:auto}