@font-face{font-family:Mulish;src:url(/fonts/Mulish-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--font-sans: "Mulish", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-display: "Mulish", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--cyan-50: #00D4F0;--cyan-100: #00D4F0;--cyan-200: #00D4F0;--cyan-300: #00D4F0;--cyan-400: #00D4F0;--cyan-500: #00D4F0;--cyan-600: #00D4F0;--cyan-700: #00D4F0;--cyan-800: #00D4F0;--cyan-900: #00D4F0;--ink-0: #FFFFFF;--ink-50: #F7F8F8;--ink-100: #ECEDEE;--ink-200: #D5D7D8;--ink-300: #BEC1C3;--ink-400: #9BA0A2;--ink-500: #818688;--ink-600: #676C6F;--ink-700: #444444;--ink-800: #2A2E30;--ink-900: #171A1C;--ink-950: #141B1F;--ink-1000: #000000;--alpha-ink-04: rgba(20, 27, 31, .04);--alpha-ink-08: rgba(20, 27, 31, .08);--alpha-ink-17: rgba(20, 27, 31, .17);--alpha-ink-35: rgba(20, 27, 31, .35);--alpha-ink-65: rgba(20, 27, 31, .65);--success-50: #EBFBEC;--success-500: #24CC2A;--success-700: #0F7F14;--warning-50: #FFF6E0;--warning-500: #F5A623;--warning-700: #8F5A00;--critical-50: #FEEBEE;--critical-500: #F5899B;--critical-600: #E25767;--critical-700: #B31E34;--info-50: #EAF1FF;--info-500: #4C7CF5;--info-700: #002B80;--deco-pink-50: #FDE8EC;--deco-pink-500: #F5899B;--deco-pink-700: #B3243C;--deco-purple-50: #EDE4FE;--deco-purple-500: #8A38F5;--deco-purple-700: #4C1ABF;--deco-orange-50: #FFEDD8;--deco-orange-500: #F07F12;--deco-orange-700: #8F3D00;--deco-blue-50: #E3EEFF;--deco-blue-500: #4C7CF5;--deco-blue-700: #002B80;--background-page: var(--ink-100);--background-neutral-default: var(--ink-0);--background-neutral-hovered: var(--ink-50);--background-neutral-pressed: var(--ink-100);--background-gray-default: var(--ink-100);--background-gray-hovered: var(--ink-200);--background-alpha-default: var(--alpha-ink-04);--background-alpha-hovered: var(--alpha-ink-08);--background-alpha-pressed: var(--alpha-ink-17);--background-disabled: var(--ink-100);--background-brand-default: var(--cyan-400);--background-brand-hovered: #00D4F0;--background-brand-pressed: var(--cyan-700);--background-brand-subtle-default: var(--cyan-100);--background-brand-subtle-hovered: var(--cyan-200);--background-brand-subtle-pressed: var(--cyan-300);--background-plain-hovered: var(--ink-100);--background-plain-pressed: var(--ink-200);--background-success-default: var(--success-500);--background-success-subtlest: var(--success-50);--background-warning-default: var(--warning-500);--background-warning-subtle: #FFEFCB;--background-warning-subtlest: var(--warning-50);--background-critical-default: var(--critical-600);--background-critical-subtlest: var(--critical-50);--background-deco-pink-default: var(--deco-pink-500);--background-deco-pink-subtlest: var(--deco-pink-50);--background-deco-purple-default: var(--deco-purple-500);--background-deco-purple-subtlest:var(--deco-purple-50);--background-deco-orange-default: var(--deco-orange-500);--background-deco-orange-subtlest:var(--deco-orange-50);--background-deco-blue-default: var(--deco-blue-500);--background-deco-blue-subtlest: var(--deco-blue-50);--text-default: var(--ink-900);--text-subtle: var(--ink-600);--text-subtlest: var(--ink-500);--text-disabled: var(--ink-300);--text-alpha: var(--alpha-ink-65);--text-brand: var(--cyan-500);--text-brand-darker: var(--cyan-600);--text-deco-inverse: var(--ink-0);--text-success: var(--success-700);--text-warning: var(--warning-700);--text-critical: var(--critical-700);--text-deco-pink: var(--deco-pink-700);--text-deco-purple: var(--deco-purple-700);--text-deco-orange: var(--deco-orange-700);--text-deco-blue: var(--deco-blue-700);--icon-default: var(--ink-900);--icon-subtle: var(--ink-600);--icon-subtlest: var(--ink-400);--icon-disabled: var(--ink-300);--icon-brand: var(--cyan-600);--icon-deco-inverse: var(--ink-0);--icon-deco-pink: var(--deco-pink-700);--icon-deco-purple: var(--deco-purple-700);--icon-deco-orange: var(--deco-orange-700);--icon-deco-blue: var(--deco-blue-700);--border-default: var(--alpha-ink-17);--border-hovered: var(--alpha-ink-35);--border-pressed: var(--ink-950);--border-disabled: var(--ink-200);--border-critical: var(--critical-600);--border-focus: var(--cyan-300);--fg1: var(--text-default);--fg2: var(--text-subtle);--fg3: var(--text-subtlest);--bg1: var(--background-neutral-default);--bg2: var(--background-page);--bg3: var(--background-alpha-default);--accent: var(--cyan-400);--accent-ink: var(--cyan-600);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--shadow-xs: 0 1px 2px rgba(20,27,31,.04);--shadow-sm: 0 1px 3px rgba(20,27,31,.06), 0 1px 2px rgba(20,27,31,.04);--shadow-md: 0 4px 16px rgba(20,27,31,.08);--shadow-lg: 0 12px 32px rgba(20,27,31,.12);--shadow-focus: 0 0 0 4px var(--background-brand-subtle-pressed);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-med: .18s;--dur-slow: .24s}html{font-family:var(--font-sans);color:var(--text-default)}.text-Heading-XLarge{font:800 48px/52px var(--font-display);letter-spacing:-.01em}.text-Heading-Large{font:800 32px/40px var(--font-display);letter-spacing:-.01em}.text-Heading-Medium{font:700 24px/32px var(--font-display);letter-spacing:-.005em}.text-Heading-Small{font:700 20px/28px var(--font-display)}.text-Heading-XSmall{font:700 16px/24px var(--font-display)}.text-Body-Large{font:400 18px/28px var(--font-sans)}.text-Body-Default{font:400 16px/24px var(--font-sans)}.text-Body-Strong{font:700 16px/24px var(--font-sans)}.text-Body-Small{font:400 14px/20px var(--font-sans)}.text-Body-Small-Strong{font:700 14px/20px var(--font-sans)}.text-Body-XSmall{font:400 12px/16px var(--font-sans)}.text-Label-Medium{font:700 14px/20px var(--font-sans);letter-spacing:.01em}.text-Label-Small{font:700 12px/16px var(--font-sans);letter-spacing:.02em;text-transform:none}.text-Tab-Default{font:700 12px/16px var(--font-sans)}h1{font:800 32px/40px var(--font-display);color:var(--text-default);letter-spacing:-.01em;margin:0}h2{font:700 24px/32px var(--font-display);color:var(--text-default);letter-spacing:-.005em;margin:0}h3{font:700 20px/28px var(--font-display);color:var(--text-default);margin:0}h4{font:700 16px/24px var(--font-display);color:var(--text-default);margin:0}p{font:400 16px/24px var(--font-sans);color:var(--text-default);margin:0}small{font:400 12px/16px var(--font-sans);color:var(--text-subtle)}code,pre{font-family:var(--font-mono);font-size:13px}a{color:var(--text-brand-darker);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}html,body{margin:0;padding:0;min-height:100vh;background:var(--background-page);color:var(--text-default);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 24px 56px;position:relative;overflow:hidden}.ambient{position:absolute;top:120px;left:50%;transform:translate(-50%);width:min(720px,100%);height:480px;background:radial-gradient(closest-side,#00d4f038,#00d4f000 70%),radial-gradient(closest-side at 30% 60%,#00d4f02e,#00d4f000 70%);pointer-events:none;z-index:0;filter:blur(2px)}.topbar{width:100%;max-width:640px;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;position:relative;z-index:1}.topbar .brand{display:flex;align-items:center;color:var(--ink-950)}.topbar .brand .brand-mark{height:48px;display:block}.topbar .date{font:400 14px/20px var(--font-sans);color:var(--text-subtle)}.headline{width:100%;max-width:640px;text-align:left;margin-bottom:24px;position:relative;z-index:1}.headline h1{font:800 36px/44px var(--font-display);letter-spacing:-.015em;color:var(--ink-950);margin:0 0 12px}.headline h1 .accent{color:#00d4f0;white-space:nowrap}.headline p{font:400 16px/24px var(--font-sans);color:var(--text-subtle);max-width:520px}.panel{width:100%;max-width:640px;background:#fff;border:1px solid var(--border-default);border-radius:20px;box-shadow:0 1px #fff9 inset,0 24px 56px #141b1f14,0 4px 16px #141b1f0f;position:relative;z-index:1;overflow:hidden}.panel-strip{height:8px;background:linear-gradient(90deg,var(--cyan-400) 0%,var(--cyan-500) 50%,var(--cyan-600) 100%);position:relative}.panel-strip:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background-image:radial-gradient(circle at 7px 0,var(--background-page) 4px,transparent 4.5px);background-size:14px 14px;background-repeat:repeat-x}.panel-body{padding:32px 32px 28px}.gift-kind{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;margin-bottom:20px;border-radius:999px;background:#00d4f0;color:#fff;font:800 11px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 4px 12px #00d4f052}.gift-kind i{font-size:16px;color:#fff}.summary{padding:18px 20px;background:linear-gradient(135deg,#00d4f00f,#00d4f00a);border:1px solid var(--alpha-ink-08);border-radius:var(--radius-lg);margin-bottom:24px}.summary .for{font:700 11px/14px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:6px}.summary .recipient-name{font:800 22px/28px var(--font-display);color:var(--ink-950);letter-spacing:-.005em}.code-row+.code-row{margin-top:14px}.code-row .label{font:700 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:6px;display:flex;align-items:center;gap:6px}.code-row .label i{font-size:14px;color:var(--icon-subtle)}.field{display:flex;align-items:center;gap:8px;background:var(--alpha-ink-04);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px;transition:border-color var(--dur-med) var(--ease-standard),background-color var(--dur-med) var(--ease-standard);position:relative}.field:hover{border-color:var(--alpha-ink-35)}.field.is-locked{background:var(--alpha-ink-08)}.field .value{flex:1;font-family:var(--font-mono);font-size:18px;line-height:24px;letter-spacing:.06em;color:var(--ink-950);-webkit-user-select:all;user-select:all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:filter var(--dur-med) var(--ease-standard),opacity var(--dur-med) var(--ease-standard)}.field.is-locked .value{filter:blur(7px);opacity:.55;-webkit-user-select:none;user-select:none}.field .value.is-pin{letter-spacing:.32em}.icon-btn{border:1px solid transparent;background:transparent;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--icon-default);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);flex-shrink:0}.icon-btn:hover{background:var(--alpha-ink-08)}.icon-btn:active{background:var(--alpha-ink-17)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--background-brand-subtle-pressed)}.icon-btn:disabled{color:var(--icon-disabled);cursor:not-allowed}.icon-btn i{font-size:20px}.icon-btn.copied{color:var(--success-700)}.panel-cta{margin-top:24px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:var(--radius-pill);padding:12px 22px;font:700 14px/20px var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn-primary{background:var(--background-brand-default);color:var(--ink-950);box-shadow:0 4px 12px #00d4f052}.btn-primary:hover{background:var(--background-brand-hovered);color:#fff}.btn-primary:active{background:var(--background-brand-pressed);color:#fff}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px var(--background-brand-subtle-pressed)}.btn-ghost{background:transparent;color:var(--text-default);border-color:var(--border-default)}.btn-ghost:hover{background:var(--background-alpha-hovered);border-color:var(--alpha-ink-35)}.btn-ghost:active{background:var(--background-alpha-pressed)}.panel-cta .helper{font:400 13px/18px var(--font-sans);color:var(--text-subtle);flex:1;min-width:220px}.panel-howto{margin-top:28px;padding-top:24px;border-top:1px dashed var(--alpha-ink-17)}.panel-howto h3{font:700 12px/16px var(--font-sans);color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}.panel-howto ol{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:10px}.panel-howto li{counter-increment:step;font:400 14px/20px var(--font-sans);color:var(--text-default);display:flex;gap:12px;align-items:flex-start}.panel-howto li:before{content:counter(step);width:22px;height:22px;border-radius:999px;background:var(--ink-950);color:#fff;font:700 12px/22px var(--font-sans);text-align:center;flex-shrink:0}.panel-howto li>span{flex:1;min-width:0}.panel-howto a{color:var(--text-brand-darker);font-weight:700}.signature{width:100%;max-width:640px;margin-top:28px;text-align:center;color:var(--text-subtle);font:400 13px/20px var(--font-sans);position:relative;z-index:1}.signature .line{display:block;width:32px;height:1px;background:var(--alpha-ink-17);margin:0 auto 12px}.signature strong{color:var(--ink-950);font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink-950);color:#fff;padding:10px 16px;border-radius:999px;font:700 13px/20px var(--font-sans);display:inline-flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-standard),transform var(--dur-med) var(--ease-standard);z-index:50;box-shadow:var(--shadow-md)}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast i{color:var(--success-500);font-size:18px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#141b1f8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modal-fade var(--dur-med) var(--ease-out)}.modal-card{position:relative;width:min(420px,100%);background:#fff;border:1px solid var(--border-default);border-radius:20px;box-shadow:0 1px #fff9 inset,0 24px 56px #141b1f2e,0 4px 16px #141b1f1a;padding:28px;animation:modal-pop var(--dur-slow) var(--ease-out)}.modal-close{position:absolute;top:12px;right:12px}.modal-icon{width:56px;height:56px;border-radius:999px;background:#00d4f01f;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.modal-icon i{font-size:28px;color:#00d4f0}.modal-card h3{font:800 22px/28px var(--font-display);color:var(--ink-950);letter-spacing:-.005em;margin:0 0 6px}.modal-card p{font:400 14px/20px var(--font-sans);color:var(--text-subtle);margin:0 0 18px}.modal-input-wrap{display:flex;align-items:center;gap:8px;background:var(--alpha-ink-04);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 10px 8px 12px;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.modal-input-wrap:hover{border-color:var(--alpha-ink-35)}.modal-input-wrap:focus-within{border-color:#00d4f0;box-shadow:0 0 0 4px #00d4f02e}.modal-input-wrap.is-error{border-color:var(--critical-600);box-shadow:0 0 0 4px #e557672e;animation:modal-shake .32s var(--ease-out)}.modal-input-icon{font-size:18px;color:var(--icon-subtle);flex-shrink:0}.modal-input{flex:1;min-width:0;border:0;outline:0;padding:6px 0;background:transparent;font:400 16px/24px var(--font-sans);color:var(--ink-950);letter-spacing:.04em}.modal-input::placeholder{color:var(--text-subtlest);letter-spacing:0}.modal-card .modal-error{font:700 13px/18px var(--font-sans);color:var(--critical-600);margin:8px 0 0;display:flex;align-items:center;gap:6px}.modal-card .modal-error[hidden]{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:30}.confetti span{position:absolute;top:-20px;width:8px;height:12px;border-radius:2px;opacity:.95;will-change:transform,opacity;animation:fall 2.8s var(--ease-out) forwards}@keyframes fall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:1}to{transform:translate3d(var(--dx, 0),110vh,0) rotate(var(--rot, 540deg));opacity:.6}}@media (max-width: 520px){.headline h1{font-size:26px;line-height:32px}.panel-body{padding:24px 20px 22px}.topbar{margin-bottom:24px}}