:root{--ink:#14161a;--ink-soft:#3a3f47;--muted:#6b7280;--paper:#f4f5f2;--surface:#fff;--edge:#e3e4e0;--accent:#0b5b3f;--accent-soft:#e7efea;--t-occasion:#f7f2e9;--e-occasion:#eadfc9;--t-style:#eef3ef;--e-style:#d6e3da;--t-details:#edf0f4;--e-details:#d5dde6;--r:14px;--navh:60px;--dur:.16s}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.scroll,.fade-in{animation:.18s both fadeIn}@media (prefers-reduced-motion:reduce){.scroll,.fade-in{animation:none}}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--edge);z-index:5;background:#f4f5f2eb;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700;display:flex}.mark{background:var(--accent);color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.pill{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.pill .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.scroll{width:100%;max-width:440px;padding:24px 18px calc(var(--navh) + env(safe-area-inset-bottom) + 10px);flex:1;margin:0 auto}.actionbar{bottom:var(--navh);background:linear-gradient(180deg, #f4f5f200 0%, var(--paper) 34%);z-index:4;width:100%;max-width:440px;margin:0 auto;padding:14px 18px 18px;position:sticky}.bottomnav{z-index:6;height:var(--navh);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--edge);background:#f4f5f2f0;width:100%;max-width:440px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.navitem{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.navitem svg{width:21px;height:21px;transition:transform var(--dur) ease}.navitem[aria-current=page]{color:var(--ink);font-weight:600}.navitem:active svg{transform:scale(.9)}h2.h{letter-spacing:-.03em;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(22px,5.2vw,27px);font-weight:600;line-height:1.14}p.sub{color:var(--muted);margin-top:8px;font-size:14.5px}.sec{background:var(--tint);border:1px solid var(--tedge);border-radius:var(--r);margin-top:18px;padding:18px;box-shadow:0 1px 3px #14161a08}.sec--occasion{--tint:var(--t-occasion);--tedge:var(--e-occasion)}.sec--style{--tint:var(--t-style);--tedge:var(--e-style)}.sec--details{--tint:var(--t-details);--tedge:var(--e-details)}.sec-head{align-items:center;gap:9px;margin-bottom:15px;display:flex}.num{background:var(--ink);color:#fff;border-radius:7px;flex:none;place-items:center;width:21px;height:21px;font-size:11.5px;font-weight:600;display:grid}.sec-head h3{letter-spacing:-.01em;font-size:15px;font-weight:600}input[type=text],textarea{width:100%;font:inherit;background:var(--surface);border:1px solid var(--edge);color:var(--ink);transition:border-color var(--dur) ease, box-shadow var(--dur) ease;border-radius:10px;padding:13px 14px;font-size:16px}input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #14161a0f}textarea{resize:none;height:70px;line-height:1.45}.hint{color:var(--muted);justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;display:flex}.tagrow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{background:var(--surface);border:1px solid var(--edge);color:var(--ink-soft);white-space:nowrap;transition:border-color var(--dur) ease, background-color var(--dur) ease, color var(--dur) ease, transform .12s ease;border-radius:999px;padding:7px 12px;font-size:13.5px}.tag[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:500}.tag:active{transform:scale(.96)}@media (hover:hover){.tag:not([aria-pressed=true]):hover{border-color:var(--ink-soft)}}.catrow{align-items:baseline;gap:8px;margin:16px 0 10px;display:flex}.catrow span{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.catrow i{background:var(--tedge);flex:1;height:1px;display:block}.styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}@media (min-width:520px){.styles{grid-template-columns:repeat(3,minmax(0,1fr))}}.st{text-align:left;background:var(--surface);border:1px solid var(--edge);transition:border-color var(--dur) ease, box-shadow var(--dur) ease, transform .12s ease;border-radius:11px;padding:12px 13px;position:relative}.st b{letter-spacing:-.01em;font-size:14px;font-weight:600;display:block}.st small{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.st[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.st[aria-pressed=true]:after{content:"";background:var(--ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'><path d='M1 4.6L3.4 7L8 1.8' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 9px no-repeat;border-radius:50%;width:15px;height:15px;position:absolute;top:9px;right:9px}.st:disabled{opacity:.5}.st:not(:disabled):active{transform:scale(.985)}@media (hover:hover){.st:not(:disabled):not([aria-pressed=true]):hover{border-color:var(--muted)}}.btn{background:var(--ink);color:#fff;width:100%;transition:transform .12s ease, filter var(--dur) ease, opacity var(--dur) ease;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:16px;font-weight:600;display:flex}.btn:disabled{opacity:.45}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--edge);font-weight:500}.btn.quiet{color:var(--muted);background:0 0;padding:11px;font-size:14.5px;font-weight:500}.btn+.btn{margin-top:9px}.btn small{opacity:.62;font-size:13px;font-weight:400}.btn:not(:disabled):active{transform:scale(.98)}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.06)}.btn.ghost:not(:disabled):hover{filter:none;background:var(--paper)}}.note{color:#7a3b1e;background:#fbefea;border:1px solid #f0d8cb;border-radius:11px;margin-bottom:14px;padding:12px 14px;font-size:14px}.fieldlabel{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:12.5px;display:flex}.suggestcta{text-align:left;color:var(--accent);transition:opacity var(--dur) ease;align-items:center;gap:7px;margin-bottom:9px;font-size:13px;font-weight:600;display:inline-flex}.suggestcta:disabled{opacity:.6}.suggestcta .dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;animation:1.8s ease-out infinite ctapulse}@keyframes ctapulse{0%{box-shadow:0 0 #0b5b3f73}70%{box-shadow:0 0 0 7px #0b5b3f00}to{box-shadow:0 0 #0b5b3f00}}@media (hover:hover){.suggestcta:not(:disabled):hover{opacity:.82}}@media (prefers-reduced-motion:reduce){.suggestcta .dot{animation:none}}.spellhint{text-align:left;color:var(--ink-soft);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:2px;font-size:12.5px}.suggesterror{color:var(--muted);margin-top:8px;font-size:12.5px}.msg-suggestions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.msg-suggestion{text-align:left;background:var(--surface);border:1px solid var(--edge);color:var(--ink);transition:border-color var(--dur) ease, transform .12s ease;border-radius:10px;padding:11px 13px;font-size:13.5px;line-height:1.45}.msg-suggestion:active{transform:scale(.985)}@media (hover:hover){.msg-suggestion:hover{border-color:var(--ink-soft)}}.status{text-align:center;color:var(--muted);margin-top:15px;font-size:14px}.frame{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--edge);border-radius:13px;width:100%;position:relative;overflow:hidden}.sweep{opacity:.32;background:#d9c089;height:8%;transition:opacity .26s;animation:4.2s cubic-bezier(.45,0,.55,1) infinite alternate press;position:absolute;bottom:0;left:0;right:0}@keyframes press{0%{height:8%}to{height:92%}}.shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff47 50%,#0000 58%) 0 0/260% 100%;transition:opacity .26s;animation:2.8s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-140% 0}}@media (prefers-reduced-motion:reduce){.sweep{height:55%;animation:none}.shimmer{animation:none;opacity:0!important}}.cap{color:var(--muted);gap:16px;padding:16px 0 0;font-size:12.5px;display:flex}.cap b{color:var(--ink);font-weight:600}.btnrow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btnrow .btn+.btn{margin-top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:520px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.thumb{aspect-ratio:3/4;border:1px solid var(--edge);transition:transform .12s ease, opacity var(--dur) ease;background:repeating-linear-gradient(135deg,#efede7 0 9px,#e6e3db 9px 18px);border-radius:10px;display:block;overflow:hidden}.thumb:active{transform:scale(.97)}.thumb img{transition:opacity .22s}