:root{--bg:#faf8f5;--surface:#fff;--ink:#2b2b28;--muted:#6b6a64;--line:#ece7df;--line-strong:#e2dcd2;--sand:#f3efe8;--brand:#4f7d5c;--brand-ink:#3b6047;--brand-soft:#e7f0e9;--brand-mid:#7fa88b;--blue:#2f5d7c;--blue-ink:#23465e;--blue-soft:#e6eff6;--peach:#f2b79f;--peach-ink:#9a4a30;--peach-soft:#fcede5;--purple-ink:#4e4275;--purple-soft:#efeaf6;--danger:#b3261e;--danger-soft:#fbe9e7;--wa:#1e7a45;--star:#8a5a12;--radius:18px;--radius-sm:12px;--font:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--nav-h:70px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-ink)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #0000;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:680px;margin:0 auto;padding:12px 16px;display:flex}.logo{color:var(--ink);align-items:center;gap:8px;display:flex}.logo-mark{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.logo-text{font-family:var(--font-title);letter-spacing:-.5px;font-size:24px;font-weight:800}.icon-btn{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:14px;place-items:center;display:grid;position:relative}.icon-btn .dot{color:#fff;border:2px solid var(--surface);background:#e07a55;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:7px;right:7px}.page{width:100%;max-width:680px;padding:8px 16px calc(var(--nav-h) + 32px);flex:1;margin:0 auto}.page.no-nav{padding-bottom:40px}.bottom-nav{z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{max-width:680px;height:var(--nav-h);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid}.bottom-nav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex;position:relative}.bottom-nav a.active{color:var(--brand);font-weight:800}.bottom-nav .dot{color:#fff;background:#e07a55;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:8px;left:calc(50% + 6px)}h1,h2,h3{margin:0;line-height:1.2}.title{font-family:var(--font-title);letter-spacing:-.5px;font-size:28px;font-weight:800}.subtitle{color:var(--muted);margin:4px 0 0;font-size:16px}.section-title{font-family:var(--font-title);margin:0 0 10px;font-size:19px;font-weight:700}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.mono{font-family:var(--mono)}.center{text-align:center}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.mt{margin-top:16px}.mt-lg{margin-top:28px}.btn{border:1.5px solid var(--line-strong);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:700;transition:transform 50ms,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-ink);color:#fff}.btn-accent{background:var(--peach);border-color:var(--peach);color:var(--ink);font-weight:800}.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff;font-weight:800}.btn-wa:hover{color:#fff;filter:brightness(.95)}.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn-danger{background:var(--surface);color:var(--danger);border-color:#e8b4ae}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-block{width:100%}.btn-lg{border-radius:18px;min-height:56px;font-size:17px}.btn-sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card-link{color:var(--ink);display:block}.card-link:hover{color:var(--ink);border-color:var(--brand-mid)}.card-soft{border:0}.bg-green{background:var(--brand-soft)}.bg-blue{background:var(--blue-soft);color:var(--blue-ink)}.bg-peach{background:var(--peach-soft)}.bg-purple{background:var(--purple-soft);color:var(--purple-ink)}.avatar{background:var(--brand-soft);color:var(--brand);border-radius:30%;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--sand);color:#5a4a42;border-radius:99px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.green{background:var(--brand-soft);color:var(--brand-ink)}.badge.blue{background:var(--blue-soft);color:var(--blue-ink)}.badge.purple{background:var(--purple-soft);color:var(--purple-ink)}.badge.peach{background:var(--peach-soft);color:var(--peach-ink)}.badge.red{background:var(--danger-soft);color:var(--danger)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:40px;color:var(--ink);border-radius:99px;padding:0 14px;font-size:14px;font-weight:700}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:800}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option{border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:16px;align-items:center;gap:10px;min-height:60px;padding:10px 12px;font-weight:700;display:flex}.option.on{background:var(--brand-soft);border:2px solid var(--brand);font-weight:800}.option input{width:22px;height:22px;accent-color:var(--brand);flex-shrink:0;margin:0}.option small{color:var(--muted);font-size:12px;font-weight:600;display:block}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width>=560px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cat-tile{min-height:92px;color:var(--ink);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 6px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.cat-tile:hover{color:var(--ink);filter:brightness(.97)}.cat-tile.c0{background:var(--brand-soft);color:var(--ink)}.cat-tile.c0 svg{color:var(--brand)}.cat-tile.c1{background:var(--blue-soft)}.cat-tile.c1 svg{color:var(--blue)}.cat-tile.c2{background:var(--peach-soft)}.cat-tile.c2 svg{color:var(--peach-ink)}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{font-size:16px;font-weight:800}.field .hint{color:var(--muted);font-size:14px}.input,.select,.textarea{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:16px;width:100%;min-height:54px;padding:0 16px;font-size:17px}.textarea{resize:vertical;min-height:110px;padding:14px 16px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.code-input{font-family:var(--mono);letter-spacing:10px;text-align:center;font-size:28px}.check{align-items:flex-start;gap:10px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand);flex-shrink:0;margin-top:2px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:800}.notice{border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;line-height:1.45;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice.info{background:var(--blue-soft);color:var(--blue-ink)}.notice.ok{background:var(--brand-soft);color:#2e4a36}.notice.warn{background:var(--peach-soft);color:#5a3a2c}.notice.error{background:var(--danger-soft);color:var(--danger)}.avail{grid-template-columns:72px repeat(7,minmax(0,1fr));align-items:center;gap:4px;display:grid}.avail .h{text-align:center;font-size:12px;font-weight:800}.avail .p{color:var(--muted);font-size:12px;font-weight:700}.avail .cell{background:var(--sand);border:0;border-radius:8px;height:32px;padding:0}.avail .cell.on{background:var(--brand-mid)}.avail button.cell{cursor:pointer}.tabs{background:#f0ebe3;border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.tab{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:14px;font-weight:700}.tab.on{background:var(--surface);color:var(--ink);font-weight:800}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.steps span{background:var(--line-strong);border-radius:99px;height:8px}.steps span.on{background:var(--brand)}.modal-backdrop{z-index:50;background:#2b2b2873;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=560px){.modal-backdrop{align-items:center;padding:16px}}.modal{background:var(--surface);width:100%;max-width:520px;max-height:92dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow:auto}@media (width>=560px){.modal{border-radius:24px}}.stars{color:var(--star);font-weight:800}.empty{text-align:center;color:var(--muted);padding:32px 16px}.empty svg{color:var(--line-strong);margin:0 auto 8px}.spinner{border:3px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{background:var(--line);border:0;height:1px;margin:4px 0}.thumb-row{flex-wrap:wrap;gap:8px;display:flex}.thumb{border:1px solid var(--line);background:var(--sand);width:96px;height:96px;color:var(--muted);border-radius:12px;place-items:center;font-size:12px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.hero-band{background:var(--brand-soft);border-radius:0 0 28px 28px;margin:-8px -16px 0;padding:16px 16px 22px}.kv{grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:700}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:200px;height:200px;margin:0 auto;padding:8px}