:root{--bg:#f6f7f9;--card:#fff;--text:#1a1c1f;--text-secondary:#6b7280;--border:#e5e7eb;--primary:#3b82f6;--green:#22c55e;--red:#ef4444;--orange:#f59e0b;--tab-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:16px;border:1px solid var(--border);border-radius:12px;padding:12px;width:100%;background:var(--card);color:var(--text)}input:focus,textarea:focus{outline:2px solid var(--primary);border-color:transparent}main.page{max-width:480px;margin:0 auto;padding:16px 16px calc(var(--tab-height) + var(--safe-bottom) + 24px);min-height:100dvh}.page-title{font-size:26px;font-weight:800;margin:8px 0 4px}.page-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:12px}.section-title{font-size:16px;font-weight:700;margin:20px 0 10px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:14px;font-size:16px;font-weight:600;transition:opacity .15s}.btn:active{opacity:.7}.btn-primary{background:var(--primary);color:#fff}.btn-dark{background:#111;color:#fff}.btn-light{background:#eef0f3;color:var(--text)}.btn-green{background:var(--green);color:#fff}.btn:disabled{opacity:.4}.chip{display:inline-block;padding:6px 12px;border-radius:999px;font-size:13px;border:1.5px solid var(--border);background:var(--card);color:var(--text-secondary)}.chip.selected{border-color:var(--primary);color:var(--primary);background:rgba(59,130,246,.08);font-weight:600}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;z-index:100}.tabbar-inner{max-width:480px;margin:0 auto;display:flex;flex:1 1}.tab-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--text-secondary);text-decoration:none}.tab-item .tab-icon{font-size:22px;line-height:1}.tab-item.active{color:var(--primary);font-weight:700}.sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:20px 16px calc(24px + var(--safe-bottom));max-height:85dvh;overflow-y:auto;animation:sheet-up .25s ease-out}@keyframes sheet-up{0%{transform:translateY(40%);opacity:.5}to{transform:translateY(0);opacity:1}}.sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.counter-btn{width:52px;height:52px;border-radius:50%;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center}