@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";@font-face{font-family:Sunset Script;src:url(/assets/SunsetScript-DLLfcYrn.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#f1f4f3;--ink:#1f2a2c;--ink-hover:#34444a;--ink-soft:#5f7173;--accent:#0f766e;--muted:#718386;--muted-strong:#3f5457;--panel:#e3e9e8;--glow:#dde8e6;--card-paper:#fbf8f2;--card-ink:#2a3038;--font-hand:"Sunset Script", cursive;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{overscroll-behavior:none;place-items:center;min-height:100svh;margin:0;display:grid;overflow:hidden}#root{display:contents}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main{width:min(100%,720px);height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vh,20px);display:flex}#stage{background:radial-gradient(ellipse at 50% 54%, var(--glow) 0%, transparent 64%);flex:auto;place-items:center;width:100%;min-height:0;display:grid;position:relative}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}#loading{text-align:center;width:100%;color:var(--muted);z-index:1;pointer-events:none;font-size:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tap-prompt{text-align:center;pointer-events:none;flex:none;place-items:center;min-height:32px;display:grid}.tap-prompt__text{color:var(--muted-strong);font-size:15px;animation:.4s both tap-prompt-in;display:inline-block}.tap-prompt__text--punch{color:var(--accent);font-size:22px;font-weight:700;animation:.42s cubic-bezier(.2,1.6,.4,1) both tap-prompt-punch}@keyframes tap-prompt-in{0%{opacity:0;transform:translateY(4px)}}@keyframes tap-prompt-punch{0%{opacity:0;transform:scale(1.9) rotate(var(--punch-tilt))}35%{opacity:1;transform:scale(.88) rotate(calc(var(--punch-tilt) * -.5))}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.tap-prompt__text,.tap-prompt__text--punch{animation:none}}.tap-hint{min-height:20px;color:var(--muted);text-align:center;flex:none;font-size:13px}.reset-button{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:10;width:56px;height:56px;box-shadow:none;color:var(--muted);cursor:pointer;opacity:1;background:0 0;border:none;border-radius:0;place-items:center;padding:0;transition:opacity .25s,transform .2s,color .2s;display:grid;position:fixed;transform:scale(1)}.reset-button:hover{color:var(--muted-strong);filter:none;transform:scale(1.08)}.reset-button:active{box-shadow:none;transform:scale(.94)}.reset-button:disabled{opacity:0;pointer-events:none;transform:scale(.9)}.reset-button svg{filter:none;flex:none;width:34px;height:34px}@media (width<=600px){main{width:100%;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));gap:4px}}@media (height<=500px){main{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.cp-root{--label-bg:#f6f2e9;--label-border:#f6f2e980;--label-catalogue:#25211db3;--label-ink:#25211d;--label-kicker:#25211dd9;--label-stripe-one:#22c55e;--label-stripe-two:#14b8a6;--label-stripe-three:#3b82f6;--progress-thumb-border:#f6f2e9;--reel-teeth:#1b1a18;--reel-tooth-stroke:#11100f;isolation:isolate;background:var(--panel);width:100%;min-height:500px;color:var(--ink);box-sizing:border-box;border-radius:13px;place-items:center;padding:64px 32px;display:grid;position:relative;overflow:hidden;container-type:inline-size}.cp-root *,.cp-root :before,.cp-root :after{box-sizing:border-box}.dark .cp-root,.cp-root--dark{--label-bg:#dc2626;--label-border:#25211d26;--label-stripe-one:#fff;--label-stripe-two:#fff;--label-stripe-three:#fff;--progress-thumb-border:#25211d;--reel-teeth:#e7e5e4;--reel-tooth-stroke:#a8a29e}.cp-wrap{width:100%;max-width:530px}.cp-backdrop{z-index:-1;filter:blur(26px)saturate(1.25)brightness(.9);background-position:50%;background-size:cover;animation:.45s ease-out both cp-backdrop-in;position:absolute;inset:-48px}@keyframes cp-backdrop-in{0%{opacity:0}}.cp-shell{aspect-ratio:1.58;--left-tape-scale:1;--reel-rotation:0deg;--right-tape-scale:.6;background:linear-gradient(165deg,#373735 0%,#20201f 52%,#0e0e0d 100%);border:1px solid #050505;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 28px 48px #0000003d,0 8px 16px #0000002e,inset 0 2px 1px #fff3,inset 0 -3px 3px #000000bd;container-type:inline-size}.cp-shell-inner-border{pointer-events:none;border:1px solid #ffffff1f;border-radius:13px;position:absolute;inset:6px;box-shadow:inset 0 0 0 1px #0000009e}.cp-shell-texture{pointer-events:none;opacity:1;mix-blend-mode:multiply;position:absolute;inset:0}.cp-screw{z-index:3;aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#5f5f5c,#30302e 48%,#171716 78%);border:1px solid #060606;border-radius:50%;width:3.3%;position:absolute;box-shadow:inset 0 1px 1px #ffffff42,0 1px 1px #00000061}.cp-screw--tl{top:4%;left:2.53%}.cp-screw--tr{top:4%;right:2.53%}.cp-screw--bl{bottom:4%;left:2.53%}.cp-screw--br{bottom:4%;right:2.53%}.cp-screw-slot{background:#1d1d1b;border-radius:999px;height:14%;position:absolute;top:50%;left:18%;right:18%;transform:translateY(-50%);box-shadow:inset 0 1px 1px #000000d1,0 1px #ffffff1a}.cp-screw-slot--a{transform:translateY(-50%)rotate(45deg)}.cp-screw-slot--b{transform:translateY(-50%)rotate(-45deg)}.cp-label{z-index:1;--label-gutter:clamp(6px, 3.6cqw, 16px);overflow-clip-margin:border-box;background:var(--label-bg);color:var(--label-ink);border:4px solid #0000;border-radius:9px;flex-direction:column;display:flex;position:absolute;inset:9.5% 8.5% 24%;overflow:clip;box-shadow:inset 0 0 12px #5c4a311f;container-type:inline-size}.cp-label-header{z-index:2;margin:var(--label-gutter) var(--label-gutter) 0;flex-shrink:0;justify-content:space-between;align-items:stretch;display:flex;position:relative}.cp-label-titles{align-content:space-between;row-gap:clamp(3px,1.8cqw,8px);min-width:0;display:grid}.cp-archive{z-index:2;text-transform:uppercase;letter-spacing:.12em;color:var(--label-kicker);justify-content:space-between;align-items:baseline;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(8px,2.5cqw,11px);font-weight:700;line-height:1;display:flex;position:relative}.cp-track-title{z-index:2;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(12px,4.6cqw,20px);font-weight:600;line-height:1;display:block;position:relative;overflow:hidden}.cp-label-meta{text-transform:uppercase;flex-shrink:0;align-content:space-between;justify-items:end;row-gap:clamp(3px,1.8cqw,8px);margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;line-height:1;display:grid}.cp-side{background:var(--label-ink);color:var(--label-bg);letter-spacing:.08em;text-box:trim-both cap alphabetic;border-radius:999px;padding:.5em .72em .5em .8em;font-size:clamp(8px,2.5cqw,11px);line-height:1}.cp-catalogue{color:var(--label-catalogue);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(7px,2.2cqw,10px)}.cp-mid{min-height:12cqw;margin:var(--label-gutter) 0 clamp(4px, 1.8cqw, 8px);flex:1 1 0;position:relative}.cp-stripes{grid-template-rows:repeat(3,1fr);row-gap:4px;height:58%;display:grid;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.cp-stripe--one{background:var(--label-stripe-one)}.cp-stripe--two{background:var(--label-stripe-two)}.cp-stripe--three{background:var(--label-stripe-three)}.cp-window{--reel-window-color:#1b1a18;z-index:3;box-shadow:0 0 0 4px var(--label-border), inset 0 3px 8px #00000094;background-color:#1b1a18;background-image:linear-gradient(#ffffff21,#0000 45%);border-radius:999px;position:absolute;inset:0 17.5%;overflow:hidden;container-type:size}.cp-window-texture{pointer-events:none;opacity:.25;mix-blend-mode:multiply;position:absolute;inset:0}.cp-tape-area{z-index:2;background-color:#393631;background-image:linear-gradient(#ffffff1a,#0000 42%);border:2px solid #11100f;border-radius:3px;justify-content:space-evenly;align-items:center;display:flex;position:absolute;inset:12% 28%;overflow:hidden;box-shadow:inset 0 3px 6px #000000b8,0 0 0 2px #ffffff14}.cp-tape-pack{aspect-ratio:1;will-change:transform;background:repeating-radial-gradient(circle,#050505 0 2px,#171717 2px 4px);border:1px solid #0d0a08;border-radius:50%;height:360%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 5px #000000b3,0 1px 2px #00000080}.cp-tape-pack--left{transform:translate(-50%, -50%) scale(var(--left-tape-scale));left:calc(50cqh - 28cqw)}.cp-tape-pack--right{transform:translate(-50%, -50%) scale(var(--right-tape-scale));left:calc(72cqw - 50cqh)}.cp-divider{z-index:1;background:#e0d7c347;width:2px;height:42%;position:relative}.cp-reel{z-index:3;aspect-ratio:1;width:78cqh;position:absolute;top:50%;transform:translate(-50%,-50%)}.cp-reel--left{left:50cqh}.cp-reel--right{left:calc(100% - 50cqh)}.cp-reel-svg{transform-origin:50%;transform:rotate(var(--reel-rotation));will-change:transform;border-radius:50%;position:absolute;inset:0}.cp-reel-hub{fill:#d9d6d0}.cp-reel-tooth{fill:var(--reel-teeth);stroke:var(--reel-tooth-stroke);stroke-width:1.25px;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #00000052)}.cp-reel-ring{fill:none;stroke:var(--reel-window-color);stroke-width:3px}.cp-progress{z-index:5;margin:0 var(--label-gutter) var(--label-gutter);flex-shrink:0;row-gap:clamp(2px,1.4cqw,6px);display:grid;position:relative}.cp-slider-control{cursor:pointer;touch-action:none;align-items:center;width:100%;height:clamp(16px,5.4cqw,24px);display:flex}.cp-slider-control[data-disabled]{cursor:default}.cp-slider-track{background:color-mix(in srgb, var(--label-ink) 28%, transparent);border-radius:999px;width:100%;height:3px;position:relative;transform:translateY(2px)}.cp-slider-indicator{background:var(--label-ink);border-radius:999px;height:100%}.cp-slider-thumb{border:2px solid var(--progress-thumb-border);background:#fff;border-radius:50%;outline:none;width:13px;height:13px;box-shadow:0 1px 4px #25211d61}.cp-slider-thumb:has(:focus-visible){outline-offset:3px;outline:2px solid #25211d}.cp-times{z-index:2;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(10px,2.8cqw,12px);line-height:1.3;display:flex;position:relative}.cp-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cp-label-border{pointer-events:none;z-index:10;border-radius:inherit;border:4px solid var(--label-border);position:absolute;inset:-4px}.cp-controls{z-index:4;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);background:#63635e33;grid-template-columns:1fr auto 1fr;place-items:center;column-gap:clamp(6px,1.5cqw,10px);height:16%;padding-left:12%;padding-right:12%;display:grid;position:absolute;bottom:3.5%;left:27%;right:27%;box-shadow:inset 0 3px 8px #00000080}.cp-btn{aspect-ratio:1;cursor:pointer;color:#fdfdfc;border:1px solid;border-radius:50%;place-items:center;padding:0;transition:background-color .15s ease-out,opacity .15s ease-out,transform .15s ease-out;display:grid}.cp-btn svg{width:50%;height:50%;display:block}.cp-btn:active{transform:scale(.96)}.cp-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.cp-btn:disabled{cursor:not-allowed;opacity:.45}.cp-btn:disabled:active{transform:scale(1)}.cp-btn--small{background:#63635e;border-color:#82827c;width:clamp(20px,6.5cqw,32px);box-shadow:0 2px 5px #00000047,inset 0 1px #fff3}.cp-btn--small:hover{background:#7c7b74}.cp-btn--play{background:#8d8d86;border-color:#bcbbb580;width:clamp(24px,8.2cqw,43px);box-shadow:0 3px 8px #00000052,inset 0 1px #ffffff40}.cp-btn--play svg{width:42%;height:42%}.cp-btn--play:hover{background:#82827c}.cp-error{text-align:center;color:#b91c1c;margin-top:12px;font-size:14px}.dark .cp-error,.cp-root--dark .cp-error{color:#f87171}@media (width<=560px){.cp-root{min-height:480px;padding:48px 14px}.cp-shell{border-radius:12px}.cp-label{border-radius:6px}}@media (prefers-reduced-motion:reduce){.cp-reel-svg{transform:none!important}.cp-btn{transition-duration:.01ms}.cp-backdrop{animation:none}}.song-list{width:100%}.song-list-heading{letter-spacing:-.01em;color:var(--ink);margin:0 0 4px;padding-inline:4px;font-size:15px;font-weight:600;line-height:1.3}.song-list-viewport{--song-gap:12px;--song-inset:4px;--song-inset-top:8px;--song-fade:44px;--song-fade-start:black;--song-fade-end:black;position:relative;container-type:inline-size}.song-list-viewport[data-fade-start]{--song-fade-start:transparent}.song-list-viewport[data-fade-end]{--song-fade-end:transparent}.song-list-track{gap:var(--song-gap);padding:var(--song-inset-top) var(--song-inset) 6px;scroll-padding-inline:var(--song-inset);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, var(--song-fade-start), black var(--song-fade), black calc(100% - var(--song-fade)), var(--song-fade-end));mask-image:linear-gradient(to right, var(--song-fade-start), black var(--song-fade), black calc(100% - var(--song-fade)), var(--song-fade-end));margin:0;list-style:none;display:flex;overflow-x:auto}.song-list-track::-webkit-scrollbar{display:none}.song-list-item,.song-list-arrow{--song-visible:3.25;--song-card-w:calc((100cqw - var(--song-inset) - var(--song-gap) * (var(--song-visible) - .25)) / var(--song-visible))}.song-list-item{flex:0 0 var(--song-card-w);scroll-snap-align:start;min-width:0}.song-card{width:100%;color:var(--ink);text-align:left;background:0 0;border:none;row-gap:2px;padding:0;display:grid}.song-card:focus-visible{outline:none}.song-card-cover{aspect-ratio:1;background:#d9e2e0;border-radius:10px;margin-bottom:8px;transition:box-shadow .18s ease-out,transform .18s ease-out;display:block;overflow:hidden;box-shadow:0 0 0 1px #1f2a2c14,0 6px 14px #1f2a2c1f}.song-card-cover img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.song-card:hover .song-card-cover{transform:translateY(-2px)}}.song-card:active .song-card-cover{transform:scale(.98)}.song-card:focus-visible .song-card-cover{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.song-card[aria-current] .song-card-cover{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink), 0 6px 14px #1f2a2c2e}.song-card-title,.song-card-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-card-title{letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.3}.song-card-artist{color:var(--ink-soft);font-size:12px;line-height:1.3}.song-card[aria-current] .song-card-title{color:var(--accent)}.song-list-arrow{top:calc(var(--song-inset-top) + var(--song-card-w) / 2);z-index:1;background:var(--ink);width:34px;height:34px;color:var(--bg);border:none;border-radius:50%;place-items:center;padding:0;transition:background-color .15s ease-out,transform .15s ease-out;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 4px 12px #1f2a2c47}.song-list-arrow--prev{left:4px}.song-list-arrow--next{right:4px}.song-list-arrow:hover{background:var(--ink-hover)}.song-list-arrow:active{transform:translateY(-50%)scale(.94)}@container (width>=480px){.song-list-item,.song-list-arrow{--song-visible:4.25}}@media (prefers-reduced-motion:reduce){.song-card-cover,.song-list-arrow{transition-duration:.01ms}.song-card:hover .song-card-cover{transform:none}}.cassette-page{z-index:20;overscroll-behavior:contain;padding:max(84px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg);view-transition-name:cassette-page;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cassette-page:focus{outline:none}.cassette-page-player{flex:auto;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,560px,max(480px,100dvh - 240px));min-height:0;max-height:780px;display:grid}.cassette-page-title{letter-spacing:-.01em;text-align:center;text-wrap:balance;color:var(--ink);margin:0 0 clamp(16px,7dvh,64px);font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,6.4vw,34px);font-weight:600;line-height:1.2}.cassette-page-title em{color:var(--accent);font-style:italic}.cassette-page .cp-root{min-height:0;padding:24px 32px;container-type:size}.cassette-page .cp-wrap{width:min(100%,158cqh)}.cassette-page .song-list{margin-top:clamp(16px,4dvh,36px)}.cassette-page-back{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));width:56px;height:56px;color:var(--muted);background:0 0;border:none;place-items:center;padding:0;transition:transform .2s,color .2s;display:grid;position:fixed}.cassette-page-back:hover{color:var(--muted-strong);transform:scale(1.08)}.cassette-page-back:active{transform:scale(.94)}@media (width<=600px){.cassette-page{padding-top:calc(20px + env(safe-area-inset-top))}.cassette-page-player{max-height:none}.cassette-page-back{top:calc(12px + env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));width:44px;height:44px}.cassette-page-title{text-align:left;padding-left:40px;font-size:clamp(20px,5.8vw,28px)}.cassette-page .cp-root{padding:24px 10px}}::view-transition-new(cassette-page){animation:.42s cubic-bezier(.22,1,.36,1) both cassette-page-in}::view-transition-old(cassette-page){animation:.3s cubic-bezier(.64,0,.78,0) both cassette-page-out}@keyframes cassette-page-in{0%{opacity:0;transform:translateY(28px)scale(.97)}}@keyframes cassette-page-out{to{opacity:0;transform:translateY(20px)scale(.98)}}@media (prefers-reduced-motion:reduce){::view-transition-new(cassette-page){animation:none}::view-transition-old(cassette-page){animation:none}}.gc-root{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.gc-stage{background:radial-gradient(ellipse at 50% 50%, var(--glow) 0%, transparent 64%);width:100%;height:min(72svh,640px)}.gc-actions{gap:10px;display:flex}.gc-toggle{color:var(--muted-strong);background:#fbfdfc;border:1.5px solid #c3d3d1;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.gc-toggle:hover{background:#e6efed}.gc-toggle:active{transform:scale(.96)}.gc-toggle--primary{border-color:var(--ink);background:var(--ink);color:var(--bg)}.gc-toggle--primary:hover{border-color:var(--ink-hover);background:var(--ink-hover)}.card-page{z-index:20;overscroll-behavior:contain;padding:max(84px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg);view-transition-name:card-page;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.card-page:focus{outline:none}.card-page-card{width:min(100%,720px)}.card-page-back{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));width:56px;height:56px;color:var(--muted);background:0 0;border:none;place-items:center;padding:0;transition:transform .2s,color .2s;display:grid;position:fixed}.card-page-back:hover{color:var(--muted-strong);transform:scale(1.08)}.card-page-back:active{transform:scale(.94)}@media (width<=600px){.card-page{padding-top:max(76px, env(safe-area-inset-top))}}::view-transition-new(card-page){animation:.42s cubic-bezier(.22,1,.36,1) both card-page-in}::view-transition-old(card-page){animation:.3s cubic-bezier(.64,0,.78,0) both card-page-out}@keyframes card-page-in{0%{opacity:0;transform:translateY(28px)scale(.97)}}@keyframes card-page-out{to{opacity:0;transform:translateY(20px)scale(.98)}}@media (prefers-reduced-motion:reduce){::view-transition-new(card-page){animation:none}::view-transition-old(card-page){animation:none}}.card-reader{z-index:30;padding:max(16px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));background:var(--bg);view-transition-name:card-reader;flex-direction:column;display:flex;position:fixed;inset:0}.card-reader:focus{outline:none}.card-reader-count{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end;margin:0;padding-right:10px;font-size:14px;font-weight:600}.card-reader-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:auto;min-height:0;display:flex;overflow:auto hidden}.card-reader-track::-webkit-scrollbar{display:none}.card-reader-slide{padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;place-items:center;display:grid;container-type:size}.card-reader-page{aspect-ratio:441/664;background:var(--card-paper);border-radius:12px;width:min(100cqw,66.4157cqh);position:relative;overflow:hidden;box-shadow:0 1px 2px #1f2a2c14,0 12px 32px -8px #1f2a2c2e;container-type:size}.card-reader-art{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.card-reader-message{overscroll-behavior:contain;height:100%;color:var(--card-ink);font-family:var(--font-hand);padding:8cqh 10cqw;font-size:5cqw;line-height:1.4;overflow-y:auto}.card-reader-message:focus-visible{outline:2px solid var(--accent);outline-offset:-6px;border-radius:12px}.card-reader-message h2{margin:0 0 .5em;font-size:1.3em;font-weight:400;line-height:1.2}.card-reader-message p{margin:0 0 .55em}.card-reader-message .card-reader-signoff{text-align:right;margin:.8em 0 0}.card-reader-signature{font-size:1.3em}.card-reader-more{background:linear-gradient(transparent, var(--card-paper) 72%);pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:flex-end;height:20cqh;padding-bottom:3cqh;transition:opacity .25s,visibility .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.card-reader-more.is-visible{opacity:1;visibility:visible}.card-reader-more-btn{width:40px;height:40px;color:var(--muted-strong);pointer-events:auto;background:#fbfdfc;border:1.5px solid #c3d3d1;border-radius:50%;place-items:center;padding:0;animation:1.6s ease-in-out infinite card-reader-nudge;display:grid}@keyframes card-reader-nudge{50%{transform:translateY(4px)}}.card-reader-bar{padding:12px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.card-reader-back{width:48px;height:48px;color:var(--muted);background:0 0;border:none;justify-self:start;place-items:center;padding:0;transition:transform .2s,color .2s;display:grid}.card-reader-back:hover{color:var(--muted-strong);transform:scale(1.08)}.card-reader-back:active{transform:scale(.94)}.card-reader-nav{align-items:center;gap:16px;display:flex}.card-reader-arrow{width:44px;height:44px;color:var(--muted-strong);background:#fbfdfc;border:1.5px solid #c3d3d1;border-radius:50%;place-items:center;padding:0;transition:background .2s,opacity .2s,transform .2s;display:grid}.card-reader-arrow:hover:not(:disabled){background:#e6efed}.card-reader-arrow:active:not(:disabled){transform:scale(.94)}.card-reader-arrow:disabled{opacity:.35;cursor:default}.card-reader-dots{display:flex}.card-reader-dot{background:radial-gradient(circle,#c3d3d1 4px,#0000 4.5px);border:none;width:24px;height:24px;padding:0}.card-reader-dot[aria-current]{background:radial-gradient(circle, var(--ink) 4px, transparent 4.5px)}::view-transition-new(card-reader){animation:.42s cubic-bezier(.22,1,.36,1) both card-page-in}::view-transition-old(card-reader){animation:.3s cubic-bezier(.64,0,.78,0) both card-page-out}@media (prefers-reduced-motion:reduce){.card-reader-more-btn{animation:none}::view-transition-new(card-reader){animation:none}::view-transition-old(card-reader){animation:none}}