:root{--bg: #f7f1e3;--surface: #fffaf0;--ink: #1d3b2f;--muted: #5b6b62;--accent: #a7741d;--line: #e2d5b6;--primary: #1d3b2f;--on-primary: #fffaf0;--radius: 14px;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);min-height:100dvh}button,input{font:inherit;color:inherit}.page{max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.head{text-align:center;margin:4px 0 14px}.head h1{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.01em}.head p{margin:4px auto 0;max-width:34ch;color:var(--muted);font-size:.92rem;line-height:1.45}.cf{--cf-w: min(64vw, 300px, 36.8vh);margin:0 -16px}@supports (height: 1dvh){.cf{--cf-w: min(64vw, 300px, 36.8dvh)}}.cf-stage{position:relative;height:calc(var(--cf-w) * 1.25 * 1.2 + 16px);perspective:calc(var(--cf-w) * 3.4);overflow:hidden;touch-action:pan-y;cursor:grab;outline:none;-webkit-user-select:none;user-select:none}.cf-stage.is-dragging{cursor:grabbing}.cf-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--accent);border-radius:12px}.cf-card{position:absolute;left:50%;top:12px;width:var(--cf-w);height:calc(var(--cf-w) * 1.25);margin-left:calc(var(--cf-w) / -2);will-change:transform;-webkit-tap-highlight-color:transparent;-webkit-box-reflect:below 6px linear-gradient(transparent 74%,rgba(255,255,255,.3))}.cf-card canvas{display:block;width:100%;height:100%;border-radius:10px;box-shadow:0 14px 28px -14px #1d3b2f8c,0 0 0 1px #1d3b2f14;pointer-events:none}.cf-card:not(.is-front){cursor:pointer}.cf-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;margin-top:2px}.cf-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent}.cf-arrow svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cf-arrow:active{transform:scale(.94)}.cf-label{display:grid;justify-items:center;min-width:150px}.cf-name{font-weight:800;font-size:1rem}.cf-count{font-size:.78rem;color:var(--muted)}.controls{margin-top:18px;display:grid;gap:14px}.field>span{font-size:.85rem;font-weight:700;margin-bottom:6px;padding:0}.field{display:grid}.field input{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:16px}.field input::placeholder{color:#9aa49d}.field input:focus{outline:none;border-color:var(--ink)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.btn{min-height:52px;border-radius:var(--radius);font-weight:700;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:progress}.btn-primary{background:var(--primary);color:var(--on-primary);border:0}.btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.note{margin:0;text-align:center;font-size:.8rem;color:var(--muted)}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%,16px);max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--on-primary);font-size:.9rem;font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%)}.foot{margin-top:28px;text-align:center;font-size:.8rem;color:var(--muted)}.foot p{margin:2px 0}.foot .brand{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;color:inherit;text-decoration:none;font-weight:600}.foot .brand img{display:block;height:45px;width:auto}@media (prefers-reduced-motion: reduce){*{transition:none!important}}