:root{color-scheme:dark;--ink:#f5fbfa;--muted:#a9c0bc;--line:#31514d;--panel:#0b2026;--accent:#a8ffd0;--violet:#cbbcff}*{box-sizing:border-box}body{margin:0;background:#07131b;color:var(--ink);font:400 18px/1.75 Poppins,system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:7rem 3rem 9rem 14rem}a{color:var(--accent)}h1,h2,h3{font-family:Poppins,system-ui,sans-serif;line-height:1.08;font-weight:600}h1{font-size:clamp(3.5rem,9vw,7rem);letter-spacing:-.075em}h2{font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.04em}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font:600 .8rem Poppins,system-ui,sans-serif}.note{color:var(--muted);font-size:.95rem}.lead,.hero-copy{max-width:850px;color:#d8e7e4}.hero-copy{font-size:clamp(1.15rem,2.4vw,1.7rem);line-height:1.65}.side{position:fixed;inset:0 auto 0 0;width:260px;padding:2.2rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;background:rgba(5,17,24,.96);border-right:1px solid var(--line);z-index:2}.side a{padding:.68rem .9rem;border:1px solid transparent;border-radius:12px;text-decoration:none;font:600 .82rem Poppins,system-ui,sans-serif}.side a:hover,.side .active{border-color:var(--line);background:var(--panel)}.side-brand{color:var(--ink);font-size:1.5rem!important;letter-spacing:-.05em;margin-bottom:1.5rem}.side-brand:before{content:'✦ ';color:var(--accent)}.moments-hero{padding-bottom:5rem;border-bottom:1px solid var(--line)}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.button-link,button{display:inline-block;padding:1rem 1.3rem;background:var(--accent);border:0;border-radius:12px;color:#06110e;text-decoration:none;font:700 1rem Poppins,system-ui,sans-serif}.text-link{text-decoration:none}.standard{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:5rem 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:5rem 0 2rem}.status-chip{border:1px solid var(--line);border-radius:99px;padding:.45rem .8rem;color:var(--muted);font-size:.75rem}.moment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem}.moment{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.moment>div:last-child{padding:1.5rem}.token-code{color:var(--accent);font:600 .75rem ui-monospace,monospace}.default-mark,.square-preview{aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,#173e40,#08191f 65%);position:relative;display:grid;place-items:center}.default-mark i{position:absolute;width:16%;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 35px rgba(168,255,208,.28)}.default-mark i:nth-child(1){transform:translateY(-70%)}.default-mark i:nth-child(2){transform:translate(-65%,45%)}.default-mark i:nth-child(3){transform:translate(65%,45%)}form{max-width:800px;padding:2rem;border:1px solid var(--line);border-radius:20px;background:rgba(11,32,38,.82)}fieldset{border:0;padding:0 0 2.5rem;margin:0 0 2.5rem;border-bottom:1px solid var(--line)}legend{font-size:1.3rem;font-weight:600}form label{display:block;margin-top:1.2rem;color:var(--muted);font-size:.85rem;font-weight:600}form input,form textarea{display:block;width:100%;margin:.6rem 0 1.2rem;padding:1rem 1.1rem;background:#07131b;color:var(--ink);border:1px solid var(--line);border-radius:12px;font:400 1rem/1.6 Poppins,system-ui,sans-serif}form textarea{min-height:220px;resize:vertical}.check{display:flex!important;gap:.8rem;align-items:flex-start}.check input{width:auto;margin:.35rem 0}.square-preview{width:min(100%,420px);border:1px solid var(--line);border-radius:18px;overflow:hidden}.square-preview img{width:100%;height:100%;object-fit:cover}.generation-note{max-width:280px;text-align:center;color:var(--violet)}.context-state{margin:1rem 0;padding:1rem;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}@media(max-width:800px){main{padding:8rem 1.3rem 5rem}.side{inset:0 0 auto;width:auto;height:auto;padding:.6rem;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.side a{white-space:nowrap;padding:.55rem .75rem}.side-brand{margin:0;font-size:1rem!important}.standard{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}

.piece{border:1px solid var(--line);padding:2.2rem;margin:2.5rem 0;background:rgba(11,32,38,.82);border-radius:18px}.verbatim{white-space:pre-wrap;tab-size:4;overflow-wrap:break-word;font-size:1.25rem;line-height:1.9}
