:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--surface-2: #f2f1ec;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--border: rgba(11, 11, 11, .12);--accent: #2a78d6;--accent-ink: #fff;--accent-soft: rgba(42, 120, 214, .1);--good: #006300;--good-bg: #eef6ee;--bad: #d03b3b;--bad-bg: #fdecec;--warn-bg: #fff6e0;--warn-border: #eda100;--warn-fg: #8a6100;--hover: rgba(11, 11, 11, .04);--chip: rgba(11, 11, 11, .06);--overlay: rgba(11, 11, 11, .35);--shadow: 0 2px 12px rgba(11, 11, 11, .1);--radius: 12px}:root[data-theme=dark]{color-scheme:dark;--page: #131311;--surface: #1d1d1a;--surface-2: #262622;--ink: #f2f1ec;--ink-2: #b5b3aa;--muted: #8f8d85;--border: rgba(242, 241, 236, .14);--accent: #6ba3e8;--accent-ink: #10161f;--accent-soft: rgba(107, 163, 232, .18);--good: #3fbf72;--good-bg: #16281c;--bad: #e57373;--bad-bg: #2c1a1a;--warn-bg: #322708;--warn-border: #b98a1e;--warn-fg: #e3b341;--hover: rgba(242, 241, 236, .07);--chip: rgba(242, 241, 236, .1);--overlay: rgba(0, 0, 0, .6);--shadow: 0 2px 14px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3{line-height:1.25;margin:0 0 .4em}h1{font-size:1.6rem}h2{font-size:1.25rem}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}.topbar .spacer{flex:1}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:6px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-size:.95rem}.topbar nav a:hover{background:var(--hover)}.topbar nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:20px 16px 32px}.page-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head .spacer{flex:1}button,.btn{font:inherit;font-weight:600;padding:9px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation}button:hover:not(:disabled),.btn:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:default}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled),.btn.primary:hover{background:var(--accent);filter:brightness(1.08)}button.ghost{background:transparent;border-color:transparent;color:var(--ink-2);padding:6px 10px}button.danger{color:var(--bad);border-color:var(--bad);background:transparent}button.link{display:inline;padding:0;border:none;background:none;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline}button.small{padding:5px 10px;font-size:.87rem;border-radius:8px}label{display:block;font-size:.87rem;font-weight:600;color:var(--ink-2);margin-bottom:5px}input,textarea,select{font:inherit;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}input,textarea{font-size:16px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{margin-bottom:14px}.field-row{display:flex;gap:10px;flex-wrap:wrap}.field-row>*{flex:1;min-width:140px}.hint{font-size:.83rem;color:var(--muted);margin-top:5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}a.card{display:block;color:inherit;text-decoration:none}a.card:hover{background:var(--hover)}.card-title{font-weight:700;font-size:1.05rem}.stack{display:flex;flex-direction:column;gap:4px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--chip);color:var(--ink-2);font-size:.8rem;font-weight:600;white-space:nowrap}.chip.reserved{background:var(--good-bg);color:var(--good)}.chip.draft{background:var(--warn-bg);color:var(--warn-fg)}.chip.archived{background:var(--chip);color:var(--muted)}.banner{padding:12px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:.95rem}.banner.error{background:var(--bad-bg);color:var(--bad)}.banner.info{background:var(--accent-soft);color:var(--accent)}.banner.warn{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-border)}.empty{text-align:center;color:var(--muted);padding:48px 16px}.muted{color:var(--muted)}.price{font-weight:700;white-space:nowrap}.list-hero{position:relative;overflow:hidden;border-radius:var(--radius);padding:26px 22px;margin-bottom:20px;color:#fff;background:linear-gradient(120deg,#7c3aed,#e94f6b,#f5a524,#2a78d6);background-size:300% 300%;box-shadow:var(--shadow)}.list-hero h1,.list-hero p{color:#fff;position:relative;z-index:1}.list-hero p{margin:0;opacity:.92}.list-hero .row{position:relative;z-index:1;margin-top:10px}.list-hero .chip{background:#ffffff38;color:#fff}.hero-gift{display:inline-block;font-size:1.9rem;margin-right:8px;vertical-align:-4px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.hero-actions .sort-select{width:auto;flex:0 0 auto;padding:9px 12px;font-size:.95rem}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:100}.confetti i{position:absolute;top:45%;left:50%;border-radius:2px;opacity:0}.wish{display:flex;gap:14px;align-items:flex-start}.wish-image{width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.wish-body{flex:1;min-width:0}.wish-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wish-links a{font-size:.87rem;padding:3px 10px;border-radius:999px;background:var(--chip);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wish.taken .wish-body{opacity:.6}.wish-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.reorder{display:inline-flex;gap:4px}.reorder button{min-width:34px;padding:5px 8px;font-size:1rem;line-height:1}.wish-slot{position:relative}.wish.dragging{z-index:5;box-shadow:var(--shadow);border-color:var(--accent);cursor:grabbing}.drag-handle{align-self:stretch;min-width:26px;padding:0 4px;border:none;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;cursor:grab;touch-action:none}.drag-handle:hover{color:var(--ink-2);background:transparent}.drag-handle:active{cursor:grabbing}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;z-index:40;padding:0}.modal{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);width:100%;max-width:620px;max-height:92dvh;overflow-y:auto;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}@media(min-width:640px){.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:var(--radius)}}.modal h2{margin-bottom:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.centered{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-box{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center}.login-box form{text-align:left;margin-top:18px}.login-box button[type=submit]{width:100%;margin-top:4px}.code-input{text-align:center;letter-spacing:8px;font-size:24px!important;font-weight:700}@media(prefers-reduced-motion:no-preference){.list-hero{animation:hero-drift 14s ease-in-out infinite}.hero-gift{animation:gift-bounce 2.4s ease-in-out infinite}.wish-slot{opacity:0;animation:wish-in .45s ease-out forwards;animation-delay:calc(var(--i, 0) * 70ms)}.wish:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.wish{transition:transform .15s ease,box-shadow .15s ease}.confetti i{animation:confetti-fly 1.8s cubic-bezier(.15,.6,.4,1) forwards}.chip.reserved{animation:pop-in .35s ease-out}}@keyframes hero-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gift-bounce{0%,20%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-7px) rotate(-8deg)}15%{transform:translateY(-3px) rotate(6deg)}}@keyframes wish-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes confetti-fly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@media(max-width:599px){main{padding:16px 12px calc(16px + env(safe-area-inset-bottom))}.topbar nav{display:none}.tab-bar{position:sticky;bottom:0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;border-radius:0;background:none;color:var(--muted);font-size:.7rem;font-weight:600;text-decoration:none}.tab-item.active{color:var(--accent)}.tab-icon{font-size:1.3rem;line-height:1}}@media(min-width:600px){.tab-bar{display:none}}