:root{--bg:#F2F6F1;--surface:#FFFFFF;--ink:#16241C;--muted:#56675C;--line:#D5DFD7;--spruce:#1E4A37;--spruce-soft:#E1EBE4;--berry:#B3263E;--berry-soft:#F7E2E6;--gold:#A87A1C;--gold-soft:#F6EBD3;--hero:#173A2B;--hero-ink:#F6F3EA;--hero-muted:#BFD3C6;--snow:#FFFFFF;--knit-a:#B3263E;--knit-b:#173A2B;--knit-dot:#F6F3EA;--tag:#FBF7EE;--tag-ink:#2A2118;--string:#B3263E;--display:"Young Serif", Georgia, "Times New Roman", serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r:14px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0C1611;--surface:#14221B;--ink:#E7EFE9;--muted:#9CB0A3;--line:#26382E;--spruce:#86C9A5;--spruce-soft:#1B3127;--berry:#F07A8E;--berry-soft:#3A1D25;--gold:#E3B654;--gold-soft:#33291A;--hero:#0F2A1F;--hero-ink:#F6F3EA;--hero-muted:#A8C2B2;--snow:#FFFFFF;--knit-a:#C7354D;--knit-b:#0F2A1F;--knit-dot:#EDE6D4;--tag:#EFE7D6;--tag-ink:#2A2118;--string:#F07A8E;color-scheme:dark}}:root[data-theme=dark]{--bg:#0C1611;--surface:#14221B;--ink:#E7EFE9;--muted:#9CB0A3;--line:#26382E;--spruce:#86C9A5;--spruce-soft:#1B3127;--berry:#F07A8E;--berry-soft:#3A1D25;--gold:#E3B654;--gold-soft:#33291A;--hero:#0F2A1F;--hero-ink:#F6F3EA;--hero-muted:#A8C2B2;--snow:#FFFFFF;--knit-a:#C7354D;--knit-b:#0F2A1F;--knit-dot:#EDE6D4;--tag:#EFE7D6;--tag-ink:#2A2118;--string:#F07A8E;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}.gutter{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.col{max-width:640px;margin:0 auto}h1,h2,h3{font-family:var(--display);font-weight:400;text-wrap:balance;margin:0}h2{font-size:1.4rem;line-height:1.2}h3{font-size:1.15rem;line-height:1.25}p{margin:0}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--berry);font-weight:700}.muted{color:var(--muted)}.small{font-size:.875rem}.knit{height:34px;background:radial-gradient(circle,var(--knit-dot) 1.6px,transparent 2.2px) 0 4px/12px 26px repeat-x,linear-gradient(135deg,var(--knit-a) 25%,transparent 25%) -8px 14px/16px 16px repeat-x,linear-gradient(225deg,var(--knit-a) 25%,transparent 25%) -8px 14px/16px 16px repeat-x,linear-gradient(315deg,var(--knit-a) 25%,transparent 25%) 0 14px/16px 16px repeat-x,linear-gradient(45deg,var(--knit-a) 25%,transparent 25%) 0 14px/16px 16px repeat-x,var(--knit-b)}.topbar{background:var(--hero);color:var(--hero-ink)}.topbar .inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}.brand{display:flex;align-items:center;gap:10px;color:var(--hero-ink);text-decoration:none;font-family:var(--display);font-size:1.15rem}.brand svg{flex:none}.back{color:var(--hero-muted);text-decoration:none;font-weight:600;font-size:.9rem}.back:hover{color:var(--hero-ink)}.hero{position:relative;background:var(--hero);color:var(--hero-ink);overflow:hidden}.hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hero .inner{position:relative;padding-block:28px 40px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.hero h1{font-size:clamp(2.2rem,8vw,3.4rem);line-height:1.05}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:var(--hero-muted);max-width:34ch;margin-top:12px;font-size:1.05rem}.baubles{width:120px;height:auto}@media (max-width:520px){.hero .inner{grid-template-columns:1fr}.baubles{display:none}}main{display:flex;flex-direction:column;gap:28px;padding-block:28px 64px}section{display:flex;flex-direction:column;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px}.notice{border-radius:var(--r);padding:14px 16px;background:var(--berry-soft);font-size:.95rem}.notice.calm{background:var(--spruce-soft)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:520px){.choices{grid-template-columns:1fr}}.choice{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s}.choice:hover{border-color:var(--berry);transform:translateY(-2px)}.choice:focus-visible{outline:3px solid var(--berry);outline-offset:2px}.choice .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--berry-soft);color:var(--berry)}.choice.alt .ic{background:var(--gold-soft);color:var(--gold)}.choice strong{font-family:var(--display);font-weight:400;font-size:1.25rem}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}label .hint{font-weight:400;color:var(--muted)}input,textarea,select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%;box-sizing:border-box}textarea{min-height:92px;resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--berry);outline-offset:2px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:480px){.row{grid-template-columns:1fr}}.code-input{font-family:var(--display);font-size:1.4rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}.btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button{font:inherit;font-weight:600;border-radius:999px;padding:11px 22px;border:1px solid transparent;cursor:pointer;background:var(--spruce);color:var(--surface)}button.secondary{background:transparent;color:var(--spruce);border-color:var(--line)}button.danger{background:var(--berry);color:var(--surface)}button.link{background:none;border:none;padding:4px 0;color:var(--berry);text-decoration:underline;text-underline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.status{font-size:.875rem;color:var(--muted);min-height:1.2em}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--spruce-soft);color:var(--spruce);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.chip.berry{background:var(--berry-soft);color:var(--berry)}.chip.gold{background:var(--gold-soft);color:var(--gold)}.chip.dot:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.facts{display:flex;flex-wrap:wrap;gap:8px}.ghead{display:flex;flex-direction:column;gap:10px}.ghead h1{font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.1;color:var(--spruce)}.codebox{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--gold-soft);border-radius:var(--r);padding:12px 16px}.codebox .code{font-family:var(--display);font-size:1.5rem;letter-spacing:.14em;color:var(--ink);-webkit-user-select:all;user-select:all}ol.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:s}ol.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;font-size:.9rem;display:flex;flex-direction:column;gap:6px}ol.steps li:before{content:counter(s);font-family:var(--display);font-size:1.5rem;color:var(--berry);line-height:1}@media (max-width:520px){ol.steps{grid-template-columns:1fr}}ul.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}ul.list li{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:11px 0;border-bottom:1px solid var(--line)}ul.list li:last-child{border-bottom:none}ul.list a{color:var(--ink);text-decoration:none;font-weight:600}ul.list a:hover{color:var(--berry)}.who{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--spruce-soft);color:var(--spruce);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:none}.name{overflow-wrap:anywhere}.tag-hang{display:flex;flex-direction:column;align-items:center;width:100%}.string{width:2px;height:34px;background:var(--string);margin-bottom:-6px}.tag{position:relative;width:min(100%,360px);background:var(--tag);color:var(--tag-ink);padding:48px 24px 24px;box-shadow:0 10px 30px #14281e33;transform-origin:50% -40px;text-align:center;cursor:pointer;border:none;border-radius:0 0 18px 18px;font-weight:400;display:flex;flex-direction:column;gap:10px;clip-path:polygon(18% 0,82% 0,100% 12%,100% 100%,0 100%,0 12%)}.tag:before{content:"";position:absolute;top:16px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px #0000001f}.tag .to{font-family:var(--display);font-size:clamp(1.8rem,8vw,2.4rem);line-height:1.1;overflow-wrap:anywhere}.tag .lbl{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#8a2234;font-weight:700}.tag .wish{white-space:pre-wrap;text-align:left;background:#0000000d;border-radius:8px;padding:12px;font-size:.95rem;overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){.tag{animation:sway 5s ease-in-out infinite}.tag.opening{animation:flip .6s ease-in-out}}@keyframes sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.pairs{display:flex;flex-direction:column;gap:8px}.pair{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);border-radius:10px;padding:8px 12px;font-size:.9rem}.confirm{display:flex;flex-direction:column;gap:10px;background:var(--berry-soft);border-radius:var(--r);padding:14px}footer{font-size:.8rem;color:var(--muted);text-align:center;padding-block:0 32px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0}img{max-width:100%}[hidden]{display:none!important}.topbar .right{display:flex;align-items:center;gap:16px}.prose{display:flex;flex-direction:column;gap:12px;max-width:65ch}.prose h2{margin-top:12px}.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.prose a{color:var(--berry)}.fine{font-size:.8rem;color:var(--muted)}.fine a{color:inherit}