.moments{--bg:#0b0f1a;--surface:#151a28;--border:#262d40;--text:#f8fafc;--muted:#a1a8b8;--brand:#f97316;--danger:#f87171;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Kanit,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.moments main{max-width:560px;margin:0 auto;padding:24px 16px 64px}.moments h1{margin:8px 0 12px;font-family:Caprasimo,serif;font-size:clamp(2rem,8vw,2.75rem);line-height:1.05}.moments p.lead{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.5}.moments .muted{color:var(--muted)}.moments .small{font-size:.85rem}.moments a{color:inherit}.moments .btn{background:var(--brand);color:#0b0f1a;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.moments .btn:disabled{opacity:.6;cursor:wait}.moments .btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.moments .stack{flex-direction:column;gap:12px;display:flex}.moments .row{gap:12px;display:flex}.moments .row>*{flex:1;min-width:0}.moments label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}.moments input,.moments textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;width:100%;min-width:0;padding:12px 14px}.moments textarea{resize:vertical;min-height:84px}.moments .error{color:var(--danger);font-weight:600}.moments .panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px}.moments .card{aspect-ratio:9/16;border-radius:28px;flex-direction:column;width:100%;max-width:360px;margin:0 auto;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3}.moments .card-top{justify-content:space-between;align-items:center;display:flex}.moments .card-badge{letter-spacing:.08em;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.moments .card-number{letter-spacing:-.03em;font-size:1.6rem;font-weight:800}.moments .card-number small{opacity:.7;font-size:.9rem}.moments .card-emoji{margin-top:auto;font-size:4.5rem}.moments .card-title{letter-spacing:-.03em;margin:12px 0 8px;font-size:2.1rem;font-weight:800;line-height:1}.moments .card-tagline{opacity:.85;margin:0;font-weight:500}.moments .card-caption{margin:16px 0 0;font-size:1.05rem;font-weight:600;line-height:1.3}.moments .card-bottom{opacity:.9;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;font-size:.8rem;font-weight:600;display:flex}.moments .qr{background:#fff;border-radius:16px;width:100%;max-width:280px;margin:0 auto;padding:12px}.moments .grid-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.moments .grid-cards .card{border-radius:16px;padding:12px}.moments .grid-cards .card-title{font-size:1rem}.moments .grid-cards .card-emoji{font-size:2rem}.moments .grid-cards .card-number{font-size:1rem}.moments .grid-cards .card-number small{display:none}.moments .grid-cards .card-badge{padding:4px 6px;font-size:.55rem}.moments .grid-cards .card-tagline,.moments .grid-cards .card-caption{display:none}.moments .grid-cards .card-bottom{font-size:.6rem}.moments .grid-cards a{text-decoration:none}.moments .list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.moments .list li{background:var(--bg);border-radius:12px;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.moments .mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}