.keepsake{--paper:#f4ece0;--paper-bright:#fbf6ec;--paper-shade:#e7dbc9;--paper-edge:#d6c6ae;--ink:#241c14;--ink-soft:#5c4d3c;--ink-faint:#8b7a65;--leather:#6b4a34;--gold:#c08a2e;--gold-soft:#e0b661;--marker:#c2312b;--page:#221c15;--page-soft:#2d251c;--gold-pen:#d9b25f;background-color:var(--paper);color:var(--ink)}.keepsake-night{--paper:#0a0a0e;--paper-shade:#141418;--paper-edge:#2a2a38;--ink:#f5f5f8;--ink-soft:#b8b8c8;--ink-faint:#757588;--gold:#e8913a;--gold-soft:#f5ad4a;--marker:#e04a42;--leather:#3a2a1c;--eyebrow:var(--gold)}.keepsake-night .keepsake-photo,.keepsake-night .k-indexcard,.keepsake-night .k-ticket,.keepsake-night .k-pass,.keepsake-night .k-patch-text{--ink:#241c14;--ink-soft:#5c4d3c;--ink-faint:#8b7a65;--eyebrow:#6b4a34;--paper:#f4ece0}.keepsake-night .keepsake-photo{box-shadow:0 1px 1px #00000080,0 14px 34px -10px #000000bf,0 0 0 1px #f5ad4a0f}.keepsake-night.keepsake-grain,.keepsake-night .keepsake-grain{background-image:radial-gradient(circle at 20% 30%,#f5ad4a0b 0 2px,#0000 2px),radial-gradient(circle at 70% 65%,#f5f5f808 0 1.5px,#0000 2px);background-size:13px 13px,19px 19px}.keepsake-grain{background-image:radial-gradient(circle at 20% 30%,#6b4a340d 0 2px,#0000 2px),radial-gradient(circle at 70% 65%,#241c140a 0 1.5px,#0000 2px);background-size:13px 13px,19px 19px}.keepsake-serif{font-family:var(--font-serif), Georgia, serif;font-variation-settings:"SOFT" 30, "WONK" 1;letter-spacing:-.018em;line-height:.98}.keepsake-hand{font-family:var(--font-hand), ui-rounded, cursive}.keepsake-photo{background:var(--paper-bright);box-shadow:0 1px 1px #241c141f,0 10px 26px -8px #241c1457}.keepsake-tape{background:linear-gradient(100deg,#ffffff8c,#e0b6616b 45%,#ffffff80);box-shadow:0 1px 2px #241c142e}.keepsake-perf{-webkit-mask-image:radial-gradient(circle at 0,#0000 0 6px,#000 6px);mask-image:radial-gradient(circle at 0,#0000 0 6px,#000 6px);-webkit-mask-size:100% 18px;mask-size:100% 18px}.k-headline{font-family:var(--font-display-face), var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:.006em;color:var(--ink);font-weight:700;line-height:.9}.k-wordmark{font-family:var(--font-display-face), var(--font-inter), sans-serif;letter-spacing:.012em;font-weight:700;line-height:1}.k-display{font-family:var(--font-display-face), var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:.008em;color:var(--ink);font-size:clamp(2.2rem,4.5vw,3.7rem);font-weight:700;line-height:.92}.k-eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--eyebrow,var(--leather));align-items:center;gap:.75rem;font-size:11px;font-weight:600;display:flex}.k-eyebrow:before{content:"";background:var(--gold);width:2rem;height:1px}.k-patch-text{font-family:var(--font-display-face), var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:.04em}.k-board{background:linear-gradient(#45454e 0%,#2a2a31 42%,#1a1a1f 100%);border-radius:12px;padding:13px;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -2px 4px #0009,0 34px 70px -28px #000000f2}.k-board-bolt{background:radial-gradient(circle at 34% 30%,#8a8a95 0%,#4a4a54 55%,#23232a 100%);border-radius:9999px;width:7px;height:7px;position:absolute;box-shadow:0 1px 1px #000c,inset 0 0 0 1px #ffffff14}.k-board-screen{background:#0b0b0e;border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 46px #000000f2}.k-board-screen:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0d .5px,#0000 .6px);background-size:3px 3px;position:absolute;inset:0}.k-board-screen:after{content:"";pointer-events:none;background:radial-gradient(120% 60% at 50% 0,#e8913a21 0%,#0000 70%);position:absolute;inset:0}.k-board-led{color:#ffc978;text-shadow:0 0 6px #f5ad4a8c,0 0 20px #e8913a4d}.k-board-led-dim{color:#f3e4cd;text-shadow:0 0 5px #f3e4cd47}.k-board-lamp{background:#ffc978;border-radius:9999px;flex:none;width:5px;height:5px;box-shadow:0 0 6px #f5ad4acc}@keyframes k-strike{0%{opacity:0}30%{opacity:1}38%{opacity:.25}52%{opacity:1}60%{opacity:.5}to{opacity:1}}@keyframes k-lamp-on{0%{opacity:0}to{opacity:1}}[data-lit=false] .k-board-led,[data-lit=false] .k-board-led-dim{opacity:0}[data-lit=true] .k-board-led{animation:.65s step-end both k-strike}[data-lit=true] .k-board-led-dim{animation:.35s ease-out both k-lamp-on;animation-delay:calc(var(--i,0) * 16ms)}@media (prefers-reduced-motion:reduce){[data-lit=true] .k-board-led,[data-lit=true] .k-board-led-dim{opacity:1;animation:none}}.k-board-rule{background:linear-gradient(90deg,#0000,#e8913a80 18% 82%,#0000);height:1px}.k-patch{box-shadow:0 0 0 3px var(--patch-die), 0 7px 16px -7px #000c;border-radius:5px;position:relative}.k-patch:before{content:"";border:1px dashed var(--patch-stitch);opacity:.5;pointer-events:none;border-radius:3px;position:absolute;inset:3px}.k-patch-pill,.k-patch-pill:before{border-radius:9999px}.k-patch-cream{background:var(--paper-bright);color:var(--ink);--patch-stitch:var(--leather);--patch-die:#e3d6c0}.k-patch-leather{background:var(--leather);color:var(--paper-bright);--patch-stitch:var(--gold-soft);--patch-die:var(--paper-bright)}.k-patch-gold{background:linear-gradient(160deg, var(--gold) 0%, var(--gold-soft) 55%, var(--gold) 100%);color:var(--ink);--patch-stitch:var(--ink);--patch-die:var(--paper-bright)}.k-patch-marker{color:var(--paper-bright);--patch-stitch:var(--paper-bright);--patch-die:var(--paper-bright);background:#a8281f}.keepsake-dark{background-color:var(--page);color:var(--paper-bright)}.keepsake-dark .k-display{color:var(--paper-bright)}.keepsake-dark .k-eyebrow{color:var(--gold-pen)}.keepsake-dark .k-eyebrow:before{background:var(--gold-pen)}.keepsake-dark.keepsake-grain{background-image:radial-gradient(circle at 20% 30%,#d9b25f0d 0 2px,#0000 2px),radial-gradient(circle at 70% 65%,#00000080 0 1.5px,#0000 2px);background-size:13px 13px,19px 19px}.k-pagenum{font-family:var(--font-hand), cursive;color:var(--ink-faint);pointer-events:none;font-size:1.15rem;position:absolute;bottom:1.1rem;right:1.4rem}.keepsake-dark .k-pagenum{color:var(--gold-pen);opacity:.7}.k-indexcard{--rule:26px;--tab:var(--marker);background-color:var(--paper-bright);border:1px solid var(--paper-edge);border-top:2px solid var(--tab);border-radius:1px 3px 3px;margin-top:13px;position:relative;box-shadow:inset 0 1px #ffffff59,0 14px 28px -16px #000c}.k-indexcard:before{content:"";background:var(--tab);border-radius:3px 3px 0 0;width:78px;height:13px;position:absolute;top:-13px;left:14px;box-shadow:inset 0 -1px #ffffff2e}.k-indexcard-answer{background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule) - 1px), #6b4a3417 calc(var(--rule) - 1px) var(--rule))}.k-ticket{background:var(--paper-bright);border:1px solid var(--paper-edge);position:relative;box-shadow:0 10px 26px -14px #241c1466;-webkit-mask-image:radial-gradient(circle at 0,#0000 0 5px,#000 5px);mask-image:radial-gradient(circle at 0,#0000 0 5px,#000 5px);-webkit-mask-size:100% 16px;mask-size:100% 16px}.k-ticket-gold{border:2px solid var(--gold);box-shadow:0 0 0 4px #c08a2e1f,0 14px 30px -14px #241c1473}.k-pass{--tear-top:128px;--tear-bot:74px;background:var(--paper-bright);-webkit-mask-image:radial-gradient(circle 9px at left var(--tear-top), transparent 97%, #000 100%), radial-gradient(circle 9px at right var(--tear-top), transparent 97%, #000 100%), radial-gradient(circle 9px at left calc(100% - var(--tear-bot)), transparent 97%, #000 100%), radial-gradient(circle 9px at right calc(100% - var(--tear-bot)), transparent 97%, #000 100%);-webkit-mask-image:radial-gradient(circle 9px at left var(--tear-top), transparent 97%, #000 100%), radial-gradient(circle 9px at right var(--tear-top), transparent 97%, #000 100%), radial-gradient(circle 9px at left calc(100% - var(--tear-bot)), transparent 97%, #000 100%), radial-gradient(circle 9px at right calc(100% - var(--tear-bot)), transparent 97%, #000 100%);mask-image:radial-gradient(circle 9px at left var(--tear-top), transparent 97%, #000 100%), radial-gradient(circle 9px at right var(--tear-top), transparent 97%, #000 100%), radial-gradient(circle 9px at left calc(100% - var(--tear-bot)), transparent 97%, #000 100%), radial-gradient(circle 9px at right calc(100% - var(--tear-bot)), transparent 97%, #000 100%);-webkit-mask-composite:source-in;border-radius:3px;flex-direction:column;display:flex;position:relative;-webkit-mask-composite:source-in;mask-composite:intersect}.k-pass-wrap{filter:drop-shadow(0 14px 20px #00000080);transition:transform .3s cubic-bezier(.2,.9,.3,1.1),filter .3s;position:relative}.k-pass-wrap:hover{filter:drop-shadow(0 22px 28px #0000009e);transform:translateY(-6px)}.k-tkt-bronze{--frame:#8a5a33;--frame-hi:#c9905c}.k-tkt-gold{--frame:#8a6512;--frame-hi:#f2d183}.k-tkt-silver{--frame:#5f5f6e;--frame-hi:#c9c9d6}.k-tkt-steel{--frame:#41505f;--frame-hi:#9aa8b8}.k-tkt-platinum{--frame:#5a5a66;--frame-hi:#e6e6ee}.k-pass{background:linear-gradient(150deg, var(--frame) 0%, var(--frame-hi) 50%, var(--frame) 100%);padding:5px}.k-pass-sheet{border:1px solid var(--frame);background-color:var(--paper-bright);background-image:repeating-radial-gradient(circle at 50% 22%,#0000 0 7px,#6b4a340d 7px 8px),repeating-linear-gradient(46deg,#0000 0 5px,#6b4a3409 5px 6px),repeating-linear-gradient(-46deg,#0000 0 5px,#6b4a3409 5px 6px);flex-direction:column;flex:1;display:flex;position:relative}.k-pass-foil .k-pass-sheet{background-color:#e9c477;background-image:repeating-radial-gradient(circle at 50% 22%,#0000 0 7px,#4a321017 7px 8px),repeating-linear-gradient(46deg,#0000 0 5px,#4a32100f 5px 6px),repeating-linear-gradient(-46deg,#0000 0 5px,#4a32100f 5px 6px),linear-gradient(118deg,#c79a3a 0%,#f7e3a6 26%,#dcae4e 48%,#f9ecc4 68%,#cfa044 100%)}.k-engrave{text-shadow:0 1px #ffffff80,0 -1px #00000029}.k-pass-head{height:var(--tear-top);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:0 .9rem;display:flex}.k-pass-rule{width:100%;color:var(--frame);justify-content:center;align-items:center;gap:.5rem;display:flex}.k-pass-rule:before,.k-pass-rule:after{content:"";opacity:.65;background:currentColor;flex:1;max-width:2.2rem;height:1px}.k-pass-perf{border-top:1px dashed var(--paper-edge)}.k-pass-foot{height:var(--tear-bot);flex-direction:column;justify-content:center;align-items:stretch;gap:.45rem;padding:0 1.05rem;display:flex}.k-pass-foil{box-shadow:0 0 0 1px #f2d1838c}.k-pass-foil .k-pass-sheet{border-color:#4a32108c}@media (prefers-reduced-motion:reduce){.k-pass-wrap,.k-pass-wrap:hover{transition:none;transform:none}}@keyframes k-settle{0%{opacity:0;transform:translateY(14px) rotate(var(--settle-from,-1.5deg)) scale(.985)}to{opacity:1;transform:translateY(0) rotate(var(--settle-to,0deg)) scale(1)}}.k-settle{animation:.65s cubic-bezier(.2,.9,.3,1.05) both k-settle}@media (prefers-reduced-motion:reduce){.k-settle{animation:none}}.k-ticket{transition:transform .28s cubic-bezier(.2,.9,.3,1.1),box-shadow .28s}.k-ticket:hover{box-shadow:0 18px 40px -16px #000000a6;transform:translateY(-6px)rotate(0)!important}.k-ticket-gold:hover{box-shadow:0 0 0 4px #e8913a2e,0 20px 44px -16px #000000b3}.keepsake{--leather-deep:#241a10}.k-backcover{background:radial-gradient(120% 150% at 50% 0,#8a5f366b 0%,#241a1000 58%),linear-gradient(#2b1f13 0%,#1a1209 100%)}.k-backcover-rule{background:linear-gradient(90deg, transparent 0%, var(--gold-soft) 20%, var(--gold) 50%, var(--gold-soft) 80%, transparent 100%);opacity:.6;height:2px}.k-stub{background:var(--leather)}.keepsake-night .k-stub{background:#6b4a34}.k-titanium{background:linear-gradient(145deg,#6a6a72 0%,#3c3c44 12%,#26262c 30%,#1b1b20 70%,#45454d 96%);box-shadow:0 2px 4px #0009,0 24px 60px -18px #000000d9,0 0 0 1px #ffffff0d}.k-devicebtn{background:#4a4a52}.k-cameraglass{background:#101018}.k-field{z-index:0;pointer-events:none;background:var(--page);position:absolute;inset:0;overflow:clip}.k-field-stage{height:100svh;position:sticky;top:0;overflow:clip}.k-field-media{object-fit:cover;width:100%;height:100%}.k-field-scrim{background:linear-gradient(to right, #0a0a0ee6 0%, #0a0a0e85 44%, #0a0a0e14 100%), linear-gradient(to bottom, #0a0a0e6b 0%, #0a0a0e00 30%, #0a0a0e2e 72%, var(--paper) 100%);position:absolute;inset:0}.k-surface{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.k-surface-img{object-fit:cover;transform-origin:50%;width:100%;height:100%;animation:38s ease-in-out infinite alternate k-drift}@keyframes k-drift{0%{transform:scale(1.04)translate(-.8%,.4%)}to{transform:scale(1.12)translate(.8%,-.6%)}}.k-surface-scrim{background:linear-gradient(to bottom, var(--paper) 0, transparent 108px, transparent calc(100% - 108px), var(--paper) 100%), #0a0a0ead;position:absolute;inset:0}.k-surface-deep .k-surface-scrim{background:linear-gradient(to bottom, var(--paper) 0, transparent 64px, transparent calc(100% - 64px), var(--paper) 100%), #0a0a0ecc}@media (prefers-reduced-motion:reduce){.k-surface-img{animation:none}}.k-note-plate{-webkit-backdrop-filter:blur(3px);background:#0a0a0e9e;border-radius:4px}.k-mark{filter:drop-shadow(0 16px 28px #0000008c)}.k-mark-glow{pointer-events:none;background:radial-gradient(circle at 50% 42%,#60a5fa42 0%,#60a5fa14 38%,#60a5fa00 66%);position:absolute;inset:-14%}@keyframes k-float{0%,to{transform:translateY(0) rotate(var(--float-rot,0deg))}50%{transform:translateY(-7px) rotate(var(--float-rot,0deg))}}.k-float{animation:5.5s ease-in-out infinite k-float}@media (prefers-reduced-motion:reduce){.k-float{animation:none}.k-ticket,.k-ticket:hover{transition:none;transform:none!important}}