:root{color-scheme:dark;--bg:#0b1020;--bg-2:#121a33;--card:hsla(0,0%,100%,.04);--line:hsla(0,0%,100%,.1);--text:#eef2ff;--muted:#9aa6c8;--accent:#34e3c0;--accent-2:#f9a03f;--danger:#ff6b81}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1100px 700px at 15% -10%,#1c2a55 0,rgba(28,42,85,0) 55%),radial-gradient(900px 600px at 110% 10%,#2a1c4d 0,rgba(42,28,77,0) 50%),var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.wrap{max-width:1040px;margin:0 auto;padding:28px 20px 80px}.top{align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.brand,.top{display:flex}.brand{font-size:22px;font-weight:800;letter-spacing:-.02em;align-items:center;gap:10px}.brand .dot{color:var(--accent)}.monthnav{display:flex;align-items:center;gap:6px}.navbtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:hsla(0,0%,100%,.04);color:var(--text);font-size:20px;line-height:1;display:grid;place-items:center}.navbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.navbtn:disabled{opacity:.3;cursor:not-allowed}.monthlabel{min-width:168px;text-align:center;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.monthlabel .tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#06231d;background:var(--accent);border-radius:999px;padding:2px 7px}.side{display:flex;flex-direction:column;gap:20px}.log-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.03);color:var(--text)}.log-item:hover{border-color:var(--muted)}.log-item.active{border-color:var(--accent);background:rgba(52,227,192,.08)}.log-month{color:var(--muted);font-size:13px;font-weight:600}.log-gift{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle{color:var(--muted);font-size:15px;margin:0 0 26px;max-width:560px;line-height:1.5}.layout{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:30px;gap:30px;align-items:start}@media (max-width:860px){.layout{grid-template-columns:1fr}}.stage{display:flex;flex-direction:column;align-items:center;gap:22px}.wheelbox{position:relative;width:min(420px,86vw);aspect-ratio:1}.pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:28px solid var(--accent);z-index:5;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 10px hsla(0,0%,100%,.05),0 0 0 14px hsla(0,0%,100%,.08),0 30px 70px rgba(0,0,0,.5)}.wheel svg{display:block;pointer-events:none}.wheel.grab{cursor:-webkit-grab;cursor:grab}.wheel.grab:active{cursor:-webkit-grabbing;cursor:grabbing}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:linear-gradient(160deg,#fff,#cdd6ff);box-shadow:0 6px 18px rgba(0,0,0,.5);display:grid;place-items:center;font-size:26px;z-index:4;pointer-events:none}.spin{border:none;border-radius:999px;padding:15px 40px;font-size:18px;font-weight:800;letter-spacing:.01em;color:#06231d;background:linear-gradient(180deg,#56f0d0,#24c7a5);box-shadow:0 10px 26px rgba(52,227,192,.35);transition:transform .12s ease,filter .12s ease,opacity .12s ease}.spin:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.spin:active:not(:disabled){transform:translateY(1px)}.spin:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.hint{color:var(--muted);font-size:14px;min-height:20px}.hint,.reveal{text-align:center}.reveal{animation:pop .5s cubic-bezier(.2,1.3,.4,1)}.reveal .lead{color:var(--accent);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.14em}.reveal .gift{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:6px}.reveal .note{color:var(--muted);font-size:14px;margin-top:8px}@keyframes pop{0%{transform:scale(.8);opacity:0}}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel h2{margin:0 0 4px;font-size:17px;font-weight:800}.panel .cap{color:var(--muted);font-size:13px;margin:0 0 16px}.addrow{display:flex;gap:8px;margin-bottom:16px}.addrow input{flex:1 1;min-width:0;background:hsla(0,0%,100%,.06);border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--text);font-size:15px;outline:none}.addrow input:focus{border-color:var(--accent)}.addrow button{border:none;border-radius:12px;padding:0 18px;font-weight:700;color:#06231d;background:var(--accent)}.giftlist{display:flex;flex-direction:column;gap:8px}.gift-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.03)}.gift-item.off{opacity:.45}.gift-item .swatch{width:12px;height:12px;border-radius:4px;flex-shrink:0}.gift-item .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:15px}.iconbtn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:9px;padding:5px 10px;font-size:12px;font-weight:700}.iconbtn:hover{color:var(--text);border-color:var(--muted)}.iconbtn.del:hover{color:var(--danger);border-color:var(--danger)}.empty{color:var(--muted);font-size:14px;text-align:center;padding:18px 0}#confetti{position:fixed;inset:0;pointer-events:none;z-index:50}