:root{--studio-ink:#17120d;--studio-ink-soft:#5d5146;--studio-cream:#fff9ef;--studio-canvas:#f6ead8;--studio-panel:#fffcf6e0;--studio-line:#3826121f;--studio-line-strong:#3826123d;--studio-gold:#b4782f;--studio-rose:#c25a46;--studio-moss:#4d6b4a;--studio-night:#201914;--studio-shadow:0 26px 90px #2b1c0c38;--studio-radius-xl:30px;--studio-radius-lg:22px;--studio-radius-md:16px;--studio-radius-sm:12px;--card-face-width:340px;--card-face-ratio:1.5;--card-face-radius:16px;--card-paper-shadow:0 2px 4px #20160c2e, 0 12px 26px #20160c33, 0 28px 58px #20160c3d;--card-fold-shadow:3px 3px 7px #20160c29, 6px 16px 34px #20160c38;--card-stock-color:#fcf8ee;--card-stock-image:radial-gradient(ellipse at 50% 12%, #fffcf580, transparent 46%), radial-gradient(circle at 18% 72%, #5a3e240d, transparent 28%), radial-gradient(circle at 1px 1px, #46301c0e .55px, transparent .7px);--card-stock-size:auto, auto, 4px 4px}.card-content{isolation:isolate;border-radius:var(--studio-radius-xl);background:linear-gradient(180deg, #ffffff5c, transparent 24%), var(--paper-color);max-width:500px;box-shadow:0 1px 0 #ffffffc2 inset, var(--studio-shadow);border:1px solid #ffffffad;padding:40px 28px 34px;position:relative}.card-content:before{content:"";z-index:-1;pointer-events:none;border:1px solid #593a1d14;border-radius:22px;position:absolute;inset:14px}.card-header{margin-bottom:34px;position:relative}.to-tag{background:#ffffff8a;border:1px solid #3826121f;box-shadow:inset 0 1px #ffffffb8}.card-music-host{z-index:4;pointer-events:none;justify-content:center;max-width:min(260px,100% - 16px);margin-bottom:10px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}:is(.card-music-host:empty,.card-music-host[hidden],.card-stage:has(>.card-wrapper[data-face=cardfront]) .card-music-host,.card-stage:has(>.card-wrapper[data-face=cardback]) .card-music-host){display:none}.card-music-host .music-pill-top{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff9ef;cursor:pointer;background:#fff9ef24;border:1px solid #fffcf533;border-radius:999px;align-items:center;gap:8px;max-width:100%;margin:0;padding:4px 12px 4px 4px;display:inline-flex;box-shadow:0 8px 24px #100a062e}.card-music-host .music-pill-top img{object-fit:cover;border-radius:999px;flex-shrink:0;width:22px;height:22px}.card-music-host .music-pill-top .mp-icon{color:#201914;background:#fff9efeb;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.card-music-host .music-pill-top .mp-text{min-width:0;overflow:hidden}.card-music-host .music-pill-top .mp-name{color:#fff9ef;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.card-music-host .music-pill-top .mp-artist{color:#fff9ef9e;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:10px;font-weight:400;line-height:1.2;overflow:hidden}.card-music-host .music-pill-empty{background:#fff9ef24}.card-music-host .music-pill-empty:hover{background:#fff9ef38}.card-title{letter-spacing:-.035em;text-wrap:balance;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(30px,7.5vw,42px);line-height:1.08}.card .sentiment{box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;padding:0}.card .sentiment p{color:var(--studio-ink,#17120d);white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-style:normal;font-weight:400;line-height:1.45}.card .sentiment-long p{font-size:18px}.theme-noir .sentiment p{color:#a0a0a0!important}.card.is-sentiment-layout .inside-left-greeting,.card.is-sentiment-layout .inside-left-page .zone-hint,.card.is-sentiment-layout .zone-signature,.card.is-sentiment-layout .signature{display:none}.photo-block.polaroid,.zone-photo.polaroid{box-sizing:border-box;width:80%;margin-left:auto;margin-right:auto}.content-block.is-placed{box-sizing:border-box;z-index:2;pointer-events:none;margin:0;position:absolute}.face-blocks .content-block.is-placed>*{pointer-events:auto}.face-blocks .content-block.is-placed>:is(.text-block,.sentiment){pointer-events:none}.card .block-ink{vertical-align:top;pointer-events:auto;max-width:100%;display:inline-block}.face-blocks{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-ink{object-fit:fill;pointer-events:none;z-index:8;width:100%;height:100%;position:absolute;inset:0}.card.is-homepage-letter .face-blocks :is(.text-block,.zone-text .content){white-space:pre-line;line-height:1.3}.card.is-homepage-letter .face-blocks [data-block-id=home-letter-why] :is(.text-block,.content){line-height:1.15}.card.is-homepage-letter .face-blocks :is([data-block-id=home-letter-closing],[data-block-id=home-letter-signoff]) :is(.text-block,.content){line-height:1}.card.is-homepage-letter :is([data-block-id=home-dog-photo],[data-block-id=home-park-photo]) .photo-print{width:100%;padding:7px 7px 19px}.card.is-homepage-letter :is([data-block-id=home-dog-photo],[data-block-id=home-park-photo]) .photo-print img{aspect-ratio:1;object-fit:cover}.face-blocks .zone{margin-top:0;margin-bottom:0}.face-blocks .text-block{margin:0}.face-blocks .zone-text.filled{min-height:0;display:block}.face-blocks .zone-text .content,.face-blocks .text-block{overflow-wrap:anywhere;width:100%;padding:0;line-height:1.5}.face-blocks .zone-sticky,.face-blocks .sticky-block{justify-content:center;align-items:center;min-height:100px;display:flex}.face-blocks .zone-sticky .content,.face-blocks .sticky-block p{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.5}.face-blocks .zone-photo-grid,.face-blocks .photo-grid{gap:8px;padding:12px}.face-blocks .zone-photo .photo-caption,.face-blocks .photo-block .photo-caption{padding:8px 4px 4px;font-size:14px}.face-blocks .zone-photo.polaroid .photo-caption,.face-blocks .photo-block.polaroid .photo-caption{padding:8px 0 0}.face-blocks .zone-handwriting.filled,.face-blocks .handwriting-block{background:0 0;border:0;min-height:0;padding:0}.face-blocks .zone-handwriting img,.face-blocks .handwriting-block img{width:100%;max-height:none;display:block}body.is-drawing .page-ink{visibility:hidden}body.is-drawing .editor-add-chip{visibility:hidden;pointer-events:none}.inside-left-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:36px 24px 16px;display:flex}.inside-left-greeting{color:var(--studio-ink,#17120d);margin:0;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(26px,7vw,34px);line-height:1.15}.inside-left-page .to-tag{display:none}.card-back-face{--card-back-ink:#17120d;box-sizing:border-box;color:var(--card-back-ink);background-color:var(--card-stock-color,#f3ead8);background-image:linear-gradient(270deg, #3e5c7617, transparent 14%), var(--card-stock-image);background-size:auto, var(--card-stock-size);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:22px 20px 18px;display:flex;position:absolute;inset:0}.card-back-plate{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:22px;display:flex}.card-back-seal{border:1px solid #17120d52;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:10px;display:grid;box-shadow:inset 0 0 0 2.5px #17120d1a}.card-back-seal svg{display:block}.card-back-logo{color:var(--card-back-ink);font:700 26px/1 Caveat,cursive}.card-back-tagline{color:#17120db8;letter-spacing:.04em;margin:8px 0 0;font:italic 9px/1.35 Libre Baskerville,Georgia,serif}.card-back-footer{justify-content:space-between;align-items:flex-end;gap:12px;width:100%;display:flex}.card-back-sku{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.card-back-barcode{align-items:stretch;height:22px;display:flex}.card-back-barcode i{background:var(--card-back-ink);flex:none;height:100%;display:block}.card-back-imprint{color:#17120db8;letter-spacing:.04em;text-align:right;flex-direction:column;align-items:flex-end;gap:3px;font:9px/1.35 Libre Baskerville,Georgia,serif;display:flex}.card-back-imprint span{color:var(--card-back-ink);font:10px/1.4 Inter,sans-serif}.card-face-dots{z-index:2;justify-content:center;align-items:center;gap:3px;min-height:22px;display:flex;position:relative}.card-face-dot{appearance:none;cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0;position:relative}.card-face-dot:after{content:"";background:#ffffff61;border-radius:50%;width:6px;height:6px;transition:width .2s,height .2s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-face-dot.is-active:after{background:#0095f6;width:7px;height:7px}.card-face-dots[data-mode=spread] .card-face-dot[data-pair=left],.card.is-extra-spread .inside-left-greeting,.card.is-extra-spread .inside-left-page .zone-hint,.card.is-extra-spread .card-header,.card.is-extra-spread .zone-signature,.card.is-extra-spread .signature,.card.is-extra-spread #edgeDecorTop,.card.is-extra-spread #edgeDecorBottom,.card.is-extra-spread #edgeDecorSides,.card.is-extra-spread #edgeDecorScatter{display:none}.signature{text-align:left;margin-top:28px}.signature-text{color:var(--studio-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:13px}.signature-name{letter-spacing:-.04em;text-align:left;margin-top:6px;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(28px,7vw,38px)}.signature-drawn-img{max-height:50px;margin-top:4px;display:block}.signature-tagline{color:var(--studio-ink-soft);margin-top:8px;font-size:13px}.zone-sticky,.sticky-block{background-image:linear-gradient(#ffffff52,#0000 34%),repeating-linear-gradient(#0000 0 26px,#2818080b 26px 27px);border:0;border-radius:0;padding:18px 16px 16px 24px;position:relative;transform:rotate(-1.5deg);box-shadow:inset 0 1px #ffffff61,1px 2px #2818080a,3px 7px 16px #28180829}.zone-sticky:after,.sticky-block:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#e8d29659,#fff4c4d1 18%,#fffadcb3 50%,#fff0b4d6 82%,#e8d29659);width:18px;height:56px;position:absolute;top:22%;left:2px;transform:rotate(-8deg);box-shadow:inset 0 0 0 1px #ffffff8c,0 1px 2px #2818082e}.block-wrapper.block-type-sticky{border-radius:0;overflow:visible}.content-block:has(.sticky-block){border-radius:0;overflow:visible}@media (width<=900px){.card-content{border-radius:var(--studio-radius-lg);width:100%;max-width:none;padding:28px 18px 26px;box-shadow:inset 0 1px #ffffffb8,0 16px 48px #2b1c0c33}.card-content:before{border-radius:17px;inset:10px}.card-header{margin-bottom:24px}.card-title{letter-spacing:-.04em;font-size:clamp(30px,10vw,40px)}}.photo-block.photo-print{--photo-print-shadow:2px 4px 9px #17120d26;box-sizing:border-box;width:100%;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:0;position:relative;transform:none}.photo-block.photo-print img{object-fit:contain;border-radius:0;width:100%;height:auto;max-height:none;display:block}.photo-block.photo-print .photo-caption{text-align:center;overflow-wrap:anywhere;margin:0;padding:8px 0 0;font:16px/1.3 Caveat,cursive}.photo-block.photo-print--polaroid{width:80%;box-shadow:var(--photo-print-shadow);background:#fffefa;padding:12px 12px 30px}.photo-block.photo-print--polaroid img{aspect-ratio:auto;object-fit:contain;height:auto}.photo-block.photo-print--film{color:#e7bf73;background:#242323;padding:12px 18px 18px;box-shadow:2px 4px 8px #17120d30}.photo-block.photo-print--film:before,.photo-block.photo-print--film:after{content:"";background:repeating-linear-gradient(#f3ead8 0 7px,#0000 7px 13px);width:7px;position:absolute;top:7px;bottom:7px}.photo-frame-number{text-align:right;color:#e7bf73;font:8px/12px monospace;display:block}.photo-print-empty{text-align:center;place-content:center;min-height:110px;font:18px/1.3 Caveat,cursive;display:grid}.zone.zone-photo-print{cursor:pointer;background:0 0;border:0;min-height:0;padding:0;overflow:visible}.photo-frame-options{gap:8px;margin-bottom:14px;display:flex}.photo-frame-options button{color:#191b33;cursor:pointer;background:#fff;border:1px solid #bfc0d0;border-radius:8px;flex:1;padding:10px 6px;font:600 12px Inter,sans-serif}.photo-frame-options button[aria-pressed=true]{color:#2445ef;background:#eef;border-color:#2445ef}#photoEditPreview.has-photo{background:#eeece5;height:auto;min-height:160px;padding:16px}#photoEditPreview .photo-print{max-width:200px}#photoEditPreview .photo-print img{max-height:210px}.photo-block.photo-print--film{background:linear-gradient(90deg,#604323 0%,#211c16 8% 92%,#78512b 100%);border:1px solid #60472d;padding:7px 17px 11px;box-shadow:1px 3px 5px #17120d2b}.photo-block.photo-print--film:before,.photo-block.photo-print--film:after{background:repeating-linear-gradient(#eee6ce 0 6px,#0000 6px 11px);width:8px;top:5px;bottom:5px}.photo-block.photo-print--film:before{left:3px}.photo-block.photo-print--film:after{right:3px}.photo-block.photo-print--film .photo-frame-number{color:#d6a866;font-size:7px;line-height:10px}.card .photo-block.photo-print--plain,#photoEditPreview .photo-block.photo-print--plain{box-shadow:var(--photo-print-shadow);border-radius:0}.card .photo-block.photo-print--plain img{border-radius:0}.card .zone.zone-photo-print--plain{border-radius:0;overflow:visible}#photoEditPreview[data-frame=plain].has-photo{border-radius:0}body .card :is(.zone-sticky,.sticky-block){box-sizing:border-box;background-image:linear-gradient(#4238170d 0 19px,#ffffff12 20px,#0000 55%);border:0;border-radius:1px 1px 9px;justify-content:center;align-items:center;min-height:130px;padding:28px 18px 22px;display:flex;transform:rotate(-1deg);box-shadow:0 1px 2px #30271616,2px 5px 7px #30271621}body .card :is(.zone-sticky,.sticky-block):before{content:"";height:1px;box-shadow:none;pointer-events:none;background:#55471d0a;border:0;position:absolute;top:19px;left:0;right:0;transform:none}body .card :is(.zone-sticky,.sticky-block):after{content:"";width:16px;height:16px;box-shadow:none;pointer-events:none;background:linear-gradient(135deg,#0000 48%,#fffcdf80 50%,#695d2820 100%);border-radius:0 0 8px;position:absolute;inset:auto 0 0 auto;transform:none}body .card :is(.zone-sticky .content,.sticky-block p){text-align:left;color:#393b30;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin:0;font-size:20px;line-height:1.4}body .card .zone-sticky .placeholder{color:#555746;font:20px/1.4 Caveat,cursive}.carousel-block,.zone-carousel{background:#1a1a1a;border-radius:4px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d}.carousel-block:before,.zone-carousel:before{content:"35mm";color:#ffa50080;letter-spacing:1px;z-index:4;font-family:monospace;font-size:7px;position:absolute;top:2px;right:8px}.film-edge{z-index:3;background:#2a2a2a;flex-direction:row;justify-content:space-evenly;align-items:center;height:18px;padding:0 12px;display:flex;position:absolute;left:0;right:0}.film-edge.top{top:0}.film-edge.bottom{bottom:0}.sprocket-hole{background:#0a0a0a;border-radius:1px;width:8px;height:12px;box-shadow:inset 0 1px 2px #000c}.carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;cursor:grab;background:#1a1a1a;gap:12px;margin:26px 24px;padding:10px 16px;display:flex;position:relative;overflow:auto hidden}.carousel-affordance{z-index:5;color:#ffffffe0;letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;background:#0f0f0fc2;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 56px);padding:6px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000047}.carousel-affordance-swipe:before{content:"↔";opacity:.85;margin-right:5px}.carousel-affordance-dot{color:#ffffff6b}.carousel-track:has(+.carousel-caption){margin-bottom:4px}.carousel-track:active{cursor:grabbing}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:center;cursor:zoom-in;background:#fff;border-radius:4px;flex:0 0 85%;padding:6px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d}.carousel-slide img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.4)contrast(1.05)brightness(.95);border-radius:2px;width:100%;height:auto;min-height:120px}.carousel-zoom-cue{z-index:2;color:#fff;letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;background:#0000009e;border-radius:999px;padding:5px 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.carousel-slide:hover .carousel-zoom-cue,.carousel-slide:focus-within .carousel-zoom-cue,.carousel-slide:active .carousel-zoom-cue{opacity:1;transform:translateY(0)}@media (hover:none){.carousel-zoom-cue{opacity:1;transform:none}}.carousel-caption{text-align:center;color:#fffc;z-index:4;background:0 0;margin:0 24px;padding:4px 16px 26px;font-family:Patrick Hand,cursive;font-size:14px;position:relative}.carousel-dots{display:none}.carousel-dot{cursor:pointer;background:#503c2899;border:1px solid #ffa5004d;border-radius:2px;width:10px;height:10px;transition:all .2s;box-shadow:inset 0 1px 2px #0006}.carousel-dot:hover{background:#ffa50080;border-color:#ffa50099}.carousel-dot.active{background:#ffa500cc;border-color:#ffc864b3;transform:scale(1.15);box-shadow:inset 0 1px 2px #0000004d,0 0 6px #ffa50066}.photo-lightbox{z-index:10000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;background:#000000eb;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.photo-lightbox.active{opacity:1;visibility:visible}.photo-lightbox img{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;max-width:92vw;max-height:88vh;transition:transform .3s,opacity .3s;transform:scale(.92);box-shadow:0 8px 40px #0009}.photo-lightbox.active img{opacity:1;transform:scale(1)}.photo-lightbox-close{color:#fff;text-align:center;cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:40px;transition:background .2s;position:absolute;top:16px;right:16px}.photo-lightbox-close:hover{background:#ffffff4d}.photo-lightbox-counter{color:#ffffffb3;letter-spacing:1px;font-family:monospace;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.photo-lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-lightbox-nav:hover{background:#ffffff40}.photo-lightbox-nav.prev{left:12px}.photo-lightbox-nav.next{right:12px}.photo-lightbox-nav.hidden{display:none}.card .film-strip{box-sizing:border-box;width:min(100%, calc(340px / var(--film-count)));background:#242323;border:1px solid #423c30;border-radius:2px;min-width:48px;max-width:180px;margin:0 auto;padding:14px 15px;position:relative;box-shadow:2px 4px 8px #17120d35}.card .film-strip:before,.card .film-strip:after{content:"";pointer-events:none;background:repeating-linear-gradient(#f3ead8 0 7px,#0000 7px 13px);border-radius:1px;width:6px;position:absolute;top:8px;bottom:8px}.card .film-strip:before{left:4px}.card .film-strip:after{right:4px}.card .film-frames{flex-direction:column;gap:11px;display:flex}.card .film-frame{color:#e7bf73;background:#111;border:0;border-radius:0;width:100%;margin:0;padding:0;display:block;position:relative}.card button.film-frame{cursor:zoom-in}.card .film-frame img{aspect-ratio:4/3;object-fit:cover;border-radius:0;width:100%;display:block}.card .film-empty{color:#e7bf73;text-align:center;place-content:center;min-height:145px;font:16px/1.4 Caveat,cursive;display:grid}.card .zone-film{cursor:pointer;background:0 0;border:0;padding:0}.card .film-frame:focus-visible{outline-offset:3px;outline:2px solid #2445ef}.cassette{text-align:center;background:linear-gradient(145deg,#4a4a4a 0%,#3a3a3a 30%,#2a2a2a 70%,#1a1a1a 100%);border:2px solid #555;border-radius:12px;padding:14px;position:relative;box-shadow:0 4px 12px #0006,inset 0 2px #ffffff1f,inset 0 -2px #0003}.cassette__window{background:linear-gradient(#1a1a1a 0%,#0d0d0d 100%);border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;gap:75px;margin-bottom:12px;padding:10px 16px;display:flex;position:relative;box-shadow:inset 0 3px 6px #00000080}.cassette__reel{background:linear-gradient(135deg,#666 0%,#444 40%,#333 60%,#222 100%);border:3px solid #555;border-radius:50%;width:44px;height:44px;position:relative;box-shadow:inset 0 2px 4px #00000080,0 2px 3px #0000004d}.cassette__reel:before{content:"";background:linear-gradient(135deg,#333 0%,#1a1a1a 100%);border:2px solid #444;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px #00000080}.cassette__reel:after{content:"";border:2px dashed #ffffff0f;border-radius:50%;position:absolute;inset:7px}.cassette__tape{background:linear-gradient(sienna 0%,#8b4513 30%,#654321 70%,#4a3520 100%);border-radius:2px;height:8px;position:absolute;top:50%;left:24%;right:24%;transform:translateY(-50%);box-shadow:0 2px 3px #0006}.cassette__label{color:#333;text-align:center;background:#fffffff2;border:none;border-radius:4px;width:100%;margin-bottom:12px;padding:6px 12px;font-family:Patrick Hand,cursive;font-size:14px;display:block;box-shadow:inset 0 1px 2px #00000014}.cassette__label::placeholder{color:#888}.cassette__vu-meter{display:none}.cassette__vu-bar{opacity:.7;background:#c41e3a;border-radius:2px;width:10px;height:18px;transition:opacity .1s}.cassette__vu-bar:first-child{animation-delay:0s}.cassette__vu-bar:nth-child(2){animation-delay:50ms}.cassette__vu-bar:nth-child(3){animation-delay:.1s}.cassette__vu-bar:nth-child(4){animation-delay:.15s}.cassette__vu-bar:nth-child(5){animation-delay:.2s}.cassette__time,.cassette__status,.cassette__progress,.cassette__progress-bar{display:none}.cassette__play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c41e3a,#a51c30);border:none;border-radius:6px;width:33%;padding:10px;font-size:14px;font-weight:600;transition:transform .1s;display:inline-block;box-shadow:0 3px 10px #c41e3a66}.cassette__play-btn:active{transform:scale(.98)}@keyframes cassetteReelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes cassetteVuBounce{0%,to{opacity:.6;-webkit-transform:scaleY(.5)}50%{opacity:1;-webkit-transform:scaleY(1)}}@keyframes cassetteVuBounce{0%,to{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.cassette__reel{animation:1s linear infinite paused cassetteReelSpin}.cassette--playing .cassette__reel{animation-play-state:running}.cassette--playing .cassette__vu-bar{opacity:1;animation:.3s infinite cassetteVuBounce}.cassette--recording .cassette__reel{animation-play-state:running}.cassette--recording .cassette__vu-bar{animation:.3s infinite cassetteVuBounce}.cassette--recording .cassette__status{color:#c41e3a}.card .cassette{background:#d8d2c4;border:1px solid #8e897e;border-radius:7px;padding:12px;box-shadow:2px 4px 8px #17120d30,inset 0 0 0 3px #e9e4da}.card .cassette__label{box-sizing:border-box;color:#332f2a;background:#fcf8ee;border-bottom:3px solid #cc654d;border-radius:2px;padding:5px 8px;font:20px/1.25 Caveat,cursive}.card .cassette__window{background:#393833;border:1px solid #777266;border-radius:20px;gap:clamp(10px,8vw,50px);padding:8px;box-shadow:inset 0 2px 4px #0004}.card .cassette__reel{background:#ddd7c9;border-color:#aaa394;flex-shrink:0;width:34px;height:34px}.card .cassette__play-btn{color:#332f2a;background:#fcf8ee;border:1px solid #8e897e;border-radius:3px;width:auto;min-width:76px;padding:7px 14px;font-family:Inter,sans-serif;box-shadow:0 2px #8e897e}.card .cassette__placeholder{cursor:default;box-shadow:none;background:0 0;border-color:#0000;display:inline-block}