@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Public+Sans:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#f4f5f2;--surface:#fff;--surface-2:#eef0eb;--surface-3:#e5e8e1;--ink:#192431;--ink-soft:#414c5c;--muted:#6c7687;--line:#d8ddd3;--line-2:#c8cfc2;--accent:#0589ad;--accent-ink:#00546d;--accent-soft:#dff3f7;--accent-line:#9cd8e4;--pink:#d20c72;--pink-dark:#9f0756;--green:#13a538;--orange:#f28b19;--signal:#b13b39;--shadow:0 1px 2px #141e280a,0 6px 20px #141e280f;--radius:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10161a;--surface:#182027;--surface-2:#202a31;--surface-3:#28333b;--ink:#e9ede9;--ink-soft:#b6c0c6;--muted:#89959e;--line:#2a353d;--line-2:#37444d;--accent:#28b5d3;--accent-ink:#bceef7;--accent-soft:#103540;--accent-line:#246273;--shadow:0 1px 2px #0000004d,0 8px 26px #00000057}}:root[data-theme=dark]{--bg:#10161a;--surface:#182027;--surface-2:#202a31;--surface-3:#28333b;--ink:#e9ede9;--ink-soft:#b6c0c6;--muted:#89959e;--line:#2a353d;--line-2:#37444d;--accent:#28b5d3;--accent-ink:#bceef7;--accent-soft:#103540;--accent-line:#246273;--shadow:0 1px 2px #0000004d,0 8px 26px #00000057}*{box-sizing:border-box}html{min-width:320px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Public Sans,system-ui,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}h1,h2,h3,h4{margin:0;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:600;line-height:1.15}p{margin:0}.mono{font-family:IBM Plex Mono,monospace}:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px;border-radius:5px}.masthead{border-bottom:1px solid var(--line);background:var(--surface);z-index:30;position:sticky;top:0}.mast-inner{align-items:center;gap:14px;max-width:1200px;margin:auto;padding:10px 22px;display:flex}.brand-logo{object-fit:cover;object-position:center;background:#fff;border-radius:8px;width:105px;height:54px}.brand{min-width:235px}.brand h1{font-size:1.16rem}.brand .sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.67rem}.main-nav{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:4px;margin-left:auto;padding:4px;display:flex}.main-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-weight:600}.main-nav button.active{background:var(--pink);color:#fff}.theme-btn{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-soft);cursor:pointer;border-radius:9px;gap:6px;padding:8px 11px;display:flex}.intro{max-width:1200px;margin:auto;padding:26px 22px 6px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--pink);margin-bottom:9px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600}.intro h2{letter-spacing:-.02em;font-size:1.75rem}.intro p{color:var(--ink-soft);max-width:75ch;margin-top:8px}.formula{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.formula span{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);border-radius:7px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:.73rem}.formula span:nth-child(4n+1) b{color:var(--pink)}.formula span:nth-child(4n+2) b{color:var(--accent)}.formula span:nth-child(4n+3) b{color:var(--green)}.formula span:nth-child(4n) b{color:var(--orange)}.layout{grid-template-columns:1fr 420px;align-items:start;gap:22px;max-width:1200px;margin:auto;padding:22px;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.step-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.step-num{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-ink);border:1px solid var(--accent-line);border-radius:8px;place-items:center;font-family:IBM Plex Mono,monospace;font-weight:600;display:grid}.step-head h3{font-size:1.12rem}.step>.hint{color:var(--muted);margin:2px 0 16px 42px;font-size:.88rem}.field-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.lab{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;display:block}.field-row .lab{margin-top:0}.field-help{color:var(--muted);margin:0 0 10px;font-size:.84rem}.txt,select{width:100%;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-2);resize:vertical;border-radius:10px;padding:11px 13px;font-size:.95rem}.txt:focus,select:focus{border-color:var(--accent);background:var(--surface);outline:none}textarea.txt{min-height:66px;line-height:1.5}.txt.tall{min-height:96px}.chips{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:.85rem;font-weight:500;transition:all .12s}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.dim{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:12px;padding:15px}.dim-top{align-items:baseline;gap:9px;margin-bottom:3px;display:flex}.dim-tag{color:#fff;background:linear-gradient(120deg,var(--accent),var(--pink));border-radius:6px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:600}.dim-top h4{font-size:1rem}.dim .desc{color:var(--muted);margin:0 0 11px;font-size:.83rem}.deliv-grid{flex-wrap:wrap;gap:8px;display:flex}.deliv{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;border-radius:11px;flex:120px;padding:12px 13px}.deliv[aria-pressed=true]{border-color:var(--pink);background:color-mix(in srgb,var(--pink) 10%,var(--surface))}.deliv .dt{gap:7px;font-size:.95rem;font-weight:600;display:flex}.deliv .dd{color:var(--muted);margin-top:3px;font-size:.78rem;display:block}.preview-col{position:sticky;top:88px}.preview-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pv-head{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:10px;padding:14px 16px;display:flex}.pv-head h3{font-size:1rem}.dot{background:var(--pink);border-radius:50%;width:9px;height:9px}.pv-body{max-height:54vh;padding:6px 16px 16px;overflow:auto}.pv-block{border-bottom:1px dashed var(--line);padding:12px 0}.pv-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:.66rem;font-weight:600}.pv-text{white-space:pre-wrap;word-wrap:break-word;font-size:.9rem}.pv-text.empty{color:var(--muted);font-style:italic}.pv-actions{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:.88rem;font-weight:600;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary.ok{background:var(--green)}.btn.share{background:var(--pink);color:#fff}.btn-ghost{background:var(--surface);color:var(--muted);border:1px solid var(--line-2)}.pv-note{color:var(--muted);padding:0 16px 15px;font-size:.76rem}.community{max-width:1200px;min-height:70vh;margin:0 auto;padding:22px}.community-hero{background:linear-gradient(120deg,#052f42,var(--accent) 58%,var(--pink));color:#fff;border-radius:15px;padding:28px 30px;position:relative;overflow:hidden}.community-hero:after{content:"";border:26px solid #ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-50px}.community-hero .eyebrow{color:#ffd138}.community-hero h2{font-size:1.7rem}.community-hero p{color:#ffffffd1;margin-top:7px}.search-panel{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--pink);border-radius:12px;margin-top:16px;padding:18px 20px}.search-panel .lab{margin-top:0}.filters{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.result-title{justify-content:space-between;align-items:center;min-height:60px;display:flex}.result-title button{color:var(--pink);cursor:pointer;background:0 0;border:0;text-decoration:underline}.community-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.community-card{background:var(--surface);border:1px solid var(--line);min-height:260px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:16px;display:flex}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top span{background:var(--accent-soft);color:var(--accent-ink);border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:600}.card-top time{color:var(--muted);font-size:.7rem}.community-card h3{margin:12px 0 4px}.community-card>p{color:var(--pink);font-size:.84rem;font-weight:600}.community-card small{color:var(--muted);margin:8px 0}.community-card em{color:var(--muted);margin-top:auto;font-size:.72rem}.card-buttons{gap:7px;margin-top:12px;display:flex}.empty{text-align:center;border:1px dashed var(--line-2);color:var(--muted);border-radius:12px;flex-direction:column;gap:4px;padding:38px;display:flex}.backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a141ca8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--pink);border-radius:14px;width:min(610px,100%);max-height:calc(100vh - 36px);padding:24px;position:relative;overflow:auto;box-shadow:0 24px 70px #0000004d}.modal h2{margin:3px 35px 8px}.modal>p{color:var(--muted);font-size:.87rem}.close{background:var(--surface-2);width:34px;height:34px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:1.4rem;position:absolute;top:11px;right:13px}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.notice{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:.84rem}.notice.error{color:#821827;background:#f7e4e5}.notice.success{color:#185d32;background:#e2f3e8}.detail{width:min(760px,100%)}.detail textarea{min-height:360px;margin-top:14px}.detail>p{color:var(--pink);font-weight:600}footer{border-top:1px solid var(--line);margin-top:8px}.foot-inner{max-width:1200px;color:var(--muted);justify-content:space-between;margin:auto;padding:20px 22px;font-size:.8rem;display:flex}@media (width<=940px){.layout{grid-template-columns:1fr}.preview-col{position:static}.pv-body{max-height:none}.community-grid{grid-template-columns:repeat(2,1fr)}.mast-inner{flex-wrap:wrap}.main-nav{order:3;margin-left:119px}.theme-btn{margin-left:auto}}@media (width<=620px){.mast-inner{gap:8px;padding:9px 13px}.brand-logo{width:86px;height:48px}.brand{flex:1;min-width:0}.brand .sub,.theme-btn span{display:none}.main-nav{order:3;width:100%;margin:0}.main-nav button{flex:1}.intro,.layout,.community{padding-left:13px;padding-right:13px}.field-row,.filters,.community-grid{grid-template-columns:1fr}.step>.hint{margin-left:0}.preview-col{position:static}.formula span{font-size:.67rem}.modal{padding:20px 15px}}