@charset "UTF-8";
:root{color-scheme:light;--page:#f5f3ef;--body:#eee9df;--ink:#504c43;--muted:#958b7b;--gold:#a48b5d;--brown:#40392f;--pressed:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;font-synthesis:none;color:var(--ink);background:var(--page)}
*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.45}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b39b6e;outline-offset:5px}button,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{display:block}button svg{width:22px;height:22px;fill:currentColor}button{border:0}button[hidden],[hidden]{display:none!important}.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.app-shell{width:min(1232px,calc(100% - 64px));margin:auto}.app-header{height:122px;display:flex;justify-content:space-between;align-items:center;padding:0 6px}.wordmark{font-size:48px;font-weight:400;letter-spacing:.14em;line-height:1;color:#59442c}.wordmark span{display:block;font-size:11px;letter-spacing:.36em;margin:12px 0 0 3px}.header-actions{display:flex;align-items:center;gap:17px}.connection{background:linear-gradient(#faf9f5,#efede7);border:1px solid #d9d0c0;border-radius:13px;min-height:42px;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:12px;box-shadow:0 1px 0 #fff inset}.connection svg{width:16px;height:19px;color:#7d6a50}.connection i{width:7px;height:7px;background:#bfb7a8;border-radius:50%;margin-left:8px}.connection i.connected{background:#83a183;box-shadow:0 0 0 2px #8ca58c14}.settings-button{font-size:23px;background:none;color:#9a907e;padding:8px}.deck{position:relative;width:calc(100% - 128px);margin:0 64px;border-radius:35px;padding:21px 32px 19px;background:radial-gradient(ellipse at 15% 10%,#fffdf6ad,transparent 50%),linear-gradient(145deg,#f6f0e3,#e9e1d2 95%);border:1px solid #cdbfa7;box-shadow:0 2px 2px #fffaf1 inset,2px 0 0 #fff9 inset,-2px 0 0 #baa98a40 inset,0 -4px 2px #b9a58440 inset,0 13px 16px -12px #65523b80,0 30px 34px -30px #5e4d3bb3;isolation:isolate}.deck:before{content:"";position:absolute;inset:5px;border:1px solid #fff7;border-radius:30px;pointer-events:none}.deck:after{content:"";position:absolute;bottom:-6px;left:7%;right:7%;height:7px;z-index:-2;background:linear-gradient(90deg,#d6c7ad 0 8%,transparent 8% 92%,#d6c7ad 92%);border-radius:0 0 5px 5px}.brand-engraving{height:25px;display:flex;align-items:center;gap:10px;font-family:Georgia,serif;color:var(--gold);font-size:11px;letter-spacing:.04em;margin:0 20px 11px;text-shadow:0 1px #fff9}.brand-engraving svg{width:16px;height:18px;fill:var(--gold)}.power{margin-left:auto;font:7px -apple-system,sans-serif;letter-spacing:.18em;color:#988b73;display:flex;align-items:center;gap:5px}.power:before{content:"";width:3px;height:3px;border-radius:50%;background:#9f947f}.is-playing .power:before{background:#d4a365;box-shadow:0 0 5px #c89546}.machine-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:22px}.transport-column{min-width:0}.well{aspect-ratio:1.69;position:relative;perspective:1200px;background:linear-gradient(145deg,#3f392c,#221f1a);border-radius:20px;border:3px solid #4c3d28;box-shadow:0 0 0 1px #ad8d55,0 3px 5px #1e1914cc inset,0 0 0 5px #a69a7a40 inset;transform-style:preserve-3d;margin-bottom:20px;overflow:visible;z-index:6}.backplate{position:absolute;inset:17px 18px 25px;border-radius:10px;background:linear-gradient(135deg,#aaa08d,#d3c8b1 45%,#a79a80);border:1px solid #6c614c;box-shadow:0 2px 5px #19181155 inset;overflow:hidden}.backplate:before,.backplate:after{content:"";position:absolute;top:6%;bottom:8%;width:5%;border-left:2px solid #eee2c4;border-right:3px solid #776c56;left:5%;border-radius:4px;background:#bdb098}.backplate:after{left:auto;right:5%}.backplate-brand{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);font-size:15px;letter-spacing:.18em;opacity:.25}.drive-spindle{position:absolute;top:45%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#806a42 0 11%,#222019 12% 23%,#7b725e 24% 30%,#26231d 31% 56%,#554b38 57% 73%,#2c2922 74%);box-shadow:0 2px 2px #191711aa,1px 0 2px #e3d5b688 inset}.drive-spindle:after{content:"";position:absolute;inset:25%;border:5px dashed #9b8e72;border-radius:50%}.spindle-left{left:28%}.spindle-right{left:72%}.locating-pin{position:absolute;bottom:15%;width:4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d5c5a5 0 25%,#665b44 28% 60%,#decdaa 65%);box-shadow:0 2px 3px #201c1699}.pin-left{left:15%}.pin-right{right:15%}.head-assembly{position:absolute;bottom:0;left:19%;right:19%;height:22%;display:flex;align-items:flex-end;justify-content:space-around;transform:translateY(11px);transition:transform 100ms}.head-assembly.engaged{transform:translateY(0)}.magnetic-head{width:21%;height:70%;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#645b4c,#ded8c6 48%,#948574);border:2px solid #6b5e49;box-shadow:0 0 3px #231d16}.magnetic-head:after{content:"";display:block;height:100%;width:2px;background:#554c3f;margin:auto}.pinch-roller{width:11%;height:78%;border-radius:5px;background:linear-gradient(90deg,#1e1d19,#464137 40%,#1e1d19);border-top:5px solid #776a53;border-bottom:4px solid #776a53}.capstan{width:3%;height:70%;background:linear-gradient(90deg,#584e3a,#e8d8b2,#5d513c);border-radius:2px}.door-plane{position:absolute;inset:7px 9px 10px;transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform;z-index:8;pointer-events:none}.carrier{position:absolute;inset:0;transform-style:preserve-3d}.guide-rail{position:absolute;top:8%;bottom:4%;width:3%;border-left:2px solid #b9a47a;border-right:2px solid #352b1d;background:linear-gradient(90deg,#30291e,#75603d);border-radius:4px;z-index:11}.rail-left{left:3%}.rail-right{right:3%}.carrier-lip{position:absolute;left:5%;right:5%;height:8%;bottom:2%;background:linear-gradient(#756343,#30281c);border-top:1px solid #c3aa77;border-radius:3px;z-index:12}.deck-tape{position:absolute;width:89%;aspect-ratio:1.6;left:5.5%;top:50%;transform:translateY(-50%);pointer-events:auto;will-change:transform}.deck-tape .tape{width:100%;height:100%}.door-glass{position:absolute;inset:0;z-index:14;border-radius:13px;border:2px solid #8d7347;background:linear-gradient(145deg,#c6a97118 0%,#58472d0a 43%,#edcf9336 44%,#e9cc9220 45%,transparent 65%),linear-gradient(0deg,#21180e3d,#7c603316);box-shadow:0 0 0 3px #241e1677,0 1px 2px #e7d39b99 inset,0 -2px 2px #130f09c7 inset;backdrop-filter:sepia(.12);pointer-events:auto;cursor:pointer}.door-glass:after{content:"";position:absolute;inset:5px;border:1px solid #c3a57235;border-radius:8px}.door-hinge{position:absolute;bottom:-5px;width:7%;height:7px;background:linear-gradient(#d0b37b,#51432a 45%,#b09765);border:1px solid #3f3220;z-index:20;border-radius:2px}.hinge-left{left:11%}.hinge-right{right:11%}.is-open .door-glass{pointer-events:none;background:linear-gradient(135deg,#a48c5a20,#5d432b2b);backdrop-filter:none}.is-open .guide-rail{box-shadow:0 0 2px #c9b281}.latch{position:absolute;width:13%;height:8%;top:-3px;left:43.5%;background:linear-gradient(#584a32,#2c251b 65%,#786040);border:1px solid #a38b5c;box-shadow:0 1px 2px #fff2 inset,0 2px 2px #0008;border-radius:3px 3px 7px 7px;z-index:22}.latch i{display:block;position:absolute;bottom:0;left:6%;right:6%;height:15%;border-radius:0 0 4px 4px;background:#a58a54}.is-open .latch{background:linear-gradient(#8a7751,#49412e);box-shadow:0 1px 1px #fff3 inset}.guide-hint{position:absolute;z-index:50;top:-21%;width:100%;pointer-events:none;opacity:.85}.guide-hint>div{display:flex;align-items:center;justify-content:space-between;width:79%;margin:auto;color:#b59b63;font-size:26px}.guide-hint span{font-size:11px;letter-spacing:.08em;padding:8px 12px;background:#f5f3efed;border:1px solid #cbbc9c;border-radius:20px;color:#7f6b49;box-shadow:0 3px 12px #4d3f2320}.empty-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:3;color:#4f483c;font-size:13px;gap:8px;opacity:.65;transform:translateY(5px)}.empty-hint small{font-size:9px;letter-spacing:.08em}.well-footer{position:absolute;bottom:7px;left:22px;right:22px;display:flex;justify-content:space-between;color:#c5b0837a;font-size:6px;letter-spacing:.14em;pointer-events:none;z-index:21}
.transport-keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#baad93;padding:3px;border-radius:9px;box-shadow:0 0 0 1px #8b7a5e,0 1px 2px #fff8;position:relative;z-index:4}.key{height:83px;padding:3px;background:#dbd2c1;border:1px solid #b9ad97;border-radius:6px;box-shadow:0 1px 0 #fff6;touch-action:none;position:relative}.key-face{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;background:linear-gradient(#f7f2e8,#e9e2d5);border:1px solid #d6cbb8;border-radius:4px;box-shadow:0 2px 2px #4c3a254a,0 1px #fff9 inset;transform:none;transition:box-shadow 80ms;pointer-events:none}.key svg{width:22px;height:22px;fill:#50493d}.key small{font-size:8px;letter-spacing:.13em}.key[data-pressed=true],.key:active{background:#b6aa97;box-shadow:inset 0 2px 2px #5d4c3380}.key[data-pressed=true] .key-face,.key:active .key-face{box-shadow:0 0 0 #0000,0 1px #fff9 inset;transform:none}.key:hover{border-color:#9c8d73}.key:hover .key-face{border-color:#c4b69e}.key:disabled{opacity:1;cursor:default}.sound-column{display:flex;flex-direction:column;min-width:0}.lamp-window{height:138px;border:4px solid #4b3922;border-radius:16px;box-shadow:0 0 0 1px #b6975e,0 0 0 3px #6a533020,0 1px 6px #000 inset;background:radial-gradient(ellipse at 50% 45%,#3a2a14,#201d16 70%);position:relative;overflow:hidden}.lamp-window:after{content:"";position:absolute;inset:6px;border:1px solid #bc92532e;border-radius:9px;background:linear-gradient(145deg,#cfad6b18,transparent 44%,#ccb5810a);pointer-events:none}.glass-screw{position:absolute;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle,#8d7750,#332b1f 70%);border:1px solid #aa8c54}.glass-screw:after{content:"";display:block;position:absolute;left:2px;right:2px;top:2px;height:1px;background:#211a12;transform:rotate(-40deg)}.screw-left{left:7px}.screw-right{right:7px}.counter-block{width:100%;padding:17px 0 0 24%;color:#685e4c}.counter-block>span{font-size:8px;letter-spacing:.1em}.counter-row{display:flex;align-items:center;gap:24px;margin-top:7px}.counter{font-family:"Courier New",monospace;font-size:29px;letter-spacing:.13em;background:repeating-linear-gradient(90deg,transparent 0 31%,#81756450 32% 33%,transparent 34%),linear-gradient(#161512,#333029 45%,#171613 46%);color:#e9e4d9;border:4px solid #6d6049;border-radius:4px;padding:0 5px;line-height:1.04;box-shadow:0 0 0 1px #bdab8a,0 2px 3px #0007 inset;text-shadow:0 1px #000}.counter-reset{width:14px;height:30px;border:2px solid #625642;border-radius:2px;background:linear-gradient(90deg,#1c1c17,#4e493e 45%,#24231d);box-shadow:0 0 0 1px #b3a17e,0 1px 1px #fff4 inset}.speaker-and-volume{display:flex;align-items:flex-end;justify-content:space-between;flex:1;gap:8px;margin:17px 0 0 0}.speaker{width:61%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#343128 0 2.1px,transparent 2.7px) 50% / 9px 9px;mask-image:radial-gradient(circle,#000 0 68%,transparent 69%);-webkit-mask-image:radial-gradient(circle,#000 0 68%,transparent 69%);filter:drop-shadow(0 1px 0 #fff9);margin-bottom:10px}.volume-block{width:39%;text-align:center;padding-top:24px}.dial-scale{width:100%;aspect-ratio:1;position:relative;padding:12%}.dial-scale:before{content:"";position:absolute;inset:3%;border:2px dotted #8b7b5f;border-radius:50%;mask-image:linear-gradient(#000 75%,transparent 75%)}.volume-knob{position:absolute;inset:15%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#857355 0deg 1deg,#cdbb96 1deg 2deg,#a58f6d 2deg 3deg);border:1px solid #a18b67;box-shadow:0 3px 3px #58472c60,0 0 0 2px #dbcba7,0 0 0 3px #7c6b4e70;touch-action:none;cursor:grab}.volume-knob:before{content:"";position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,#dfd3bc,#b8a586 20%,#e6dcc7 42%,#ae9876 65%,#e1d5bc 85%,#dfd3bc);box-shadow:0 0 0 1px #f3e7c9,1px 2px 1px #fff4 inset}.volume-knob:active{cursor:grabbing}.volume-knob i{position:absolute;inset:10%;transform:rotate(40.5deg);z-index:2;pointer-events:none}.volume-knob i:before{content:"";position:absolute;top:0;left:calc(50% - 1px);width:2px;height:24%;border-radius:1px;background:#463d2c;box-shadow:0 1px #fff9}.dial-scale>span{position:absolute;font-size:9px;z-index:2}.tick-zero{left:5%;bottom:5%}.tick-mid{top:-8%;left:50%;transform:translateX(-50%)}.tick-max{right:0;bottom:5%}.volume-block>span{display:block;margin-top:7px;font-size:7px;letter-spacing:.14em}.volume-block>span small{font-size:6px;color:#8e826e;margin-left:3px}.signature-engraving{margin:17px 12px 0;display:flex;align-items:center;gap:20px;color:var(--gold);font-family:Georgia,serif;font-size:9px;letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px #fff8}.jobs-signature{font-family:"Snell Roundhand","Apple Chancery","Brush Script MT",cursive;font-size:23px;font-style:italic;letter-spacing:-.04em}.signature-engraving i{height:14px;width:1px;background:#aa98704d}.playback-footnote{margin:15px 71px 0;display:flex;gap:12px;color:#8c8170;font-size:9px;align-items:center;min-height:17px}.playback-footnote #now-playing{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%}#play-time{font-variant-numeric:tabular-nums}.audio-provenance{margin-left:auto;font-size:7px;letter-spacing:.07em;opacity:.7}.section-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 13px}.section-header h2{font-size:13px;font-weight:400;letter-spacing:.2em;margin:0}.section-header h2 small{font-size:6px;color:#a49885;letter-spacing:.18em;margin-left:12px}.section-header>div{display:flex;align-items:center;gap:18px}.make-button{width:30px;height:30px;border-radius:50%;border:1px solid #d4c7af;background:none;font-size:20px;color:#968468;line-height:1}.subtle-button{background:none;border-bottom:1px solid #c7bca92e;padding:5px 0;font-size:9px;letter-spacing:.04em;color:#978974}.library{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;align-items:start;padding-right:20px}.album-box{aspect-ratio:1.53;position:relative;isolation:isolate;touch-action:none;min-width:0}.paper-tray{position:absolute;inset:3% 0 3% 2%;border:2px solid #beab89;border-radius:3px;background:linear-gradient(135deg,#ede2c7,#d4c4a4);box-shadow:0 3px 5px #5b492c3b,0 0 0 2px #fff8 inset;transform:translateX(calc(var(--drawer,0)*59%));z-index:0;will-change:transform}.paper-tray:before{content:"";position:absolute;inset:6%;border:2px solid #c4b18b;border-radius:9px;background:#ab967440;box-shadow:0 2px 4px #6b543840 inset}.paper-sleeve{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 23%;border:1px solid #c6b496;border-radius:4px;background:#e3d5b8;box-shadow:0 1px 1px #fff9 inset,0 3px 5px #5c47282e,0 -2px 1px #8e755033 inset;overflow:hidden;pointer-events:none}.paper-sleeve:before{content:"";position:absolute;inset:0;z-index:3;background:url('/assets/paper.svg');opacity:.3;mix-blend-mode:multiply;pointer-events:none}.paper-sleeve:after{content:"";position:absolute;inset:0;border:3px solid #f0e4c43d;box-shadow:0 0 0 1px #ac957988 inset;border-radius:3px;z-index:4;pointer-events:none}.album-cover{width:100%;height:100%;object-fit:cover;filter:sepia(.1) saturate(.8) contrast(.94);opacity:.92;background:#ded1b4}.paper-spine{writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;font-family:"Songti SC",Georgia,serif;color:#62523e;background:linear-gradient(90deg,#c6b18d33,#e7d8b933);font-size:11px;letter-spacing:.13em;padding:8px 0;border-left:1px solid #a78c5e55;text-shadow:0 1px #fff5}.paper-spine small{font-size:8px;letter-spacing:.04em;max-height:45%;overflow:hidden}.drawer-handle{position:absolute;z-index:5;width:19px;height:24px;right:-13px;top:calc(50% - 12px);transform:translateX(calc(var(--drawer,0)*calc(var(--box-width,200px)*.59)));border-radius:0 4px 4px 0;border:1px solid #a77b64;background:repeating-linear-gradient(0deg,#ba8e73 0 1px,#ddbaa0 1px 2px);box-shadow:0 2px 2px #4c331e33;cursor:ew-resize;touch-action:none}.drawer-handle:before{content:"";position:absolute;inset:3px;border:1px dashed #f1d4b5;border-radius:0 2px 2px 0;pointer-events:none}.drawer-handle:hover{filter:brightness(1.05)}.tray-tape{position:absolute;z-index:1;inset:8% 6%;width:88%;cursor:grab;touch-action:none}.tray-tape .tape{width:100%;height:100%}.tray-tape:active{cursor:grabbing}.case-caption{display:flex;align-items:baseline;justify-content:space-between;margin-top:7px;font-size:8px;color:#9a8c78;gap:5px;white-space:nowrap}.case-caption strong{font-weight:400;overflow:hidden;text-overflow:ellipsis}.case-caption small{font-size:6px;letter-spacing:.08em;opacity:.7}.album-item{padding-bottom:18px}.album-item.open{z-index:25}.album-item.open .paper-sleeve{box-shadow:0 1px 1px #fff9 inset,0 4px 9px #5c47284a}.instruction-strip{margin:21px 0 13px;display:flex;gap:9px;align-items:flex-start;min-height:32px}.instruction-dot{width:4px;height:4px;margin-top:6px;background:#b4a07c;border-radius:50%;flex-shrink:0}.instruction-strip p{font-size:10px;color:#968976;line-height:1.7;margin:0;letter-spacing:.03em}footer{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid #d8cdbb4d;padding:14px 0 24px;font-size:6px;color:#a49783;letter-spacing:.13em}footer details{text-align:center;font-size:8px;letter-spacing:0}footer summary{cursor:pointer;list-style:none}footer summary::-webkit-details-marker{display:none}.standard-controls{display:flex;gap:5px;margin-top:9px}.standard-controls button{font-size:9px;background:#eee9df;border:1px solid #d9ceba;border-radius:5px;padding:6px 10px;color:#8b7e68}.tape{position:relative;aspect-ratio:1.6;user-select:none;-webkit-user-select:none;cursor:grab;touch-action:none}.tape-shell{display:block;width:100%;height:100%;pointer-events:none;filter:sepia(.12) saturate(.75);-webkit-user-drag:none}.tape-label{position:absolute;left:10%;right:10%;top:12%;height:18%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;color:#514736;pointer-events:none;overflow:hidden}.tape-label strong{display:block;width:100%;font-family:"Songti SC",Georgia,serif;font-weight:500;font-size:clamp(10px,1.7vw,21px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-label small{font-size:clamp(6px,.7vw,9px);letter-spacing:.07em;opacity:.68}.tape-side{position:absolute;left:9%;top:61%;font:clamp(10px,1.6vw,20px) Georgia,serif;color:#6a5d45}.tape-type{position:absolute;right:10%;bottom:24%;font-size:5px;letter-spacing:.04em;color:#867454;text-align:right}.tape-stripe{position:absolute;left:8%;right:8%;top:68%;height:1.9%;background:#b77b57;opacity:.65;pointer-events:none}.reel{position:absolute;top:48%;width:16%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;pointer-events:none;border-radius:50%;box-shadow:0 0 0 2px #9f8b66aa,0 1px 3px #241b12aa}.reel.left{left:28%}.reel.right{left:72%}.reel svg{width:100%;height:100%;animation:reel-spin 4s linear infinite;animation-play-state:paused}.is-playing .deck-tape .reel svg{animation-play-state:running}.is-winding .deck-tape .reel svg{animation-play-state:running;animation-duration:.23s}.is-rewinding .deck-tape .reel svg{animation-direction:reverse}.tray-tape .tape-label{gap:1px}.tray-tape .tape-label strong{font-size:8px}.tray-tape .tape-label small{font-size:4px}.tray-tape .tape-side{font-size:8px}.tray-tape .tape-type{font-size:3px}.tray-tape .reel{box-shadow:0 0 0 1px #9f8b66aa}.floating-tapes{position:fixed;inset:0;pointer-events:none;z-index:80}.floating-tape{position:absolute;transform:translate(-50%,-50%) rotate(var(--angle,0deg));filter:drop-shadow(0 10px 8px #47392150);pointer-events:auto;touch-action:none;cursor:grab;will-change:transform,left,top}.floating-tape.is-held{pointer-events:none;filter:drop-shadow(0 18px 15px #47392166)}.floating-tape .tape-label strong{font-size:clamp(10px,1.7vw,21px)}.hand-tools{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:18px;padding:12px 20px;background:#f8f5eaeF;backdrop-filter:blur(12px);border:1px solid #c8b99c;border-radius:30px;box-shadow:0 6px 18px #4b3a2526;font-size:10px;color:#8c7856;white-space:nowrap;pointer-events:none}.toast{position:fixed;z-index:160;left:50%;bottom:78px;transform:translateX(-50%);padding:12px 20px;border:1px solid #d1c4a9;background:#faf7efed;backdrop-filter:blur(16px);box-shadow:0 5px 22px #4739211c;border-radius:12px;color:#7a694e;max-width:calc(100% - 36px);font-size:12px;line-height:1.6;text-align:center;pointer-events:none}.jam-overlay{position:absolute;inset:0;border-radius:35px;z-index:60;background:#ede6d7eb;backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}.pencil-mark{font-size:70px;color:#ae8c53;transform:rotate(-15deg);line-height:1}.jam-overlay h2{font:italic 34px Georgia,serif;color:#6c5940;font-weight:400;margin:17px 0 8px}.jam-overlay p{font-size:11px;color:#8e7b5e}.jam-overlay button{padding:13px 21px;border:1px solid #b9a57f;border-radius:8px;background:linear-gradient(#e5d6b8,#c6ae80);box-shadow:0 1px #fff8 inset,0 4px 8px #806b3f22;margin-top:13px;font-size:12px}.jam-overlay button span{margin-left:17px;opacity:.7;font-size:10px}.boot{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;color:#8c7859}.boot>span{font-size:45px;letter-spacing:.15em}.boot p{font-size:12px;margin-top:20px}.boot button{padding:10px 20px;border:1px solid #c4b290;border-radius:8px;background:#eee4d0}dialog{border:1px solid #fff8;border-radius:25px;padding:29px;background:linear-gradient(135deg,#fbf8f0,#eee8da);box-shadow:0 20px 80px #3d321f44;color:var(--ink);width:min(520px,calc(100% - 36px));max-height:90vh;overflow:auto}dialog::backdrop{background:#3d362c38;backdrop-filter:blur(6px)}dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}dialog header button{border:0;background:none;color:#a1947d;font-size:24px;padding:0 0 8px 10px}dialog h2{font-size:22px;font-weight:500;margin:8px 0 25px;letter-spacing:-.04em}dialog h3{font-size:12px;font-weight:500;margin:0 0 12px}dialog p{font-size:12px;line-height:1.9;color:#8d806d}.eyebrow{font-size:7px;letter-spacing:.16em;color:#a18e6c}.fine-print{font-size:10px!important;color:#a08f74!important}.primary-button{width:100%;background:linear-gradient(#dcc99f,#c3a66e);color:#5d4b2b;border:1px solid #c8b184;border-radius:10px;padding:13px 17px;box-shadow:0 1px #fff9 inset,0 3px 7px #8b6f3520;font-size:12px}.plain-button{background:transparent;border:1px solid #d2c4a8;border-radius:7px;font-size:10px;padding:8px 12px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #d5c8b033;gap:20px}.setting-row strong{font-size:13px;font-weight:500}.setting-row p{font-size:10px;margin:5px 0 0}.setting-row input[type=range]{width:110px;accent-color:#b79a66}.setting-row input[type=checkbox]{accent-color:#b79a66;transform:scale(1.2)}.settings-dialog>.plain-button{margin:14px 0}.quality-note{padding-top:20px}.quality-note strong{font-size:13px;font-weight:500}.quality-note p{font-size:10px}.keyboard-guide{line-height:2.1;font-size:9px;color:#a08d6f;border-top:1px solid #d5c8b055;padding-top:15px;margin-top:18px}.maker-dialog{width:min(850px,calc(100% - 36px))}.maker-grid{display:grid;grid-template-columns:260px 1fr;gap:28px}.maker-grid label{font-size:9px;color:#9f8d70}.maker-grid input[type=text],.search-row input{width:100%;border:0;border-bottom:1px solid #c6b89d;background:transparent;outline:none;padding:12px 0;color:#6e5d43;font-size:16px}.maker-paper-preview{aspect-ratio:1.6;margin:25px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px;background:linear-gradient(130deg,#d6c69e,#f1e6cb);border:1px solid #baa57b;box-shadow:0 3px 7px #806d4533,0 0 0 3px #ede1c4 inset;font:italic 21px Georgia,serif;color:#7c6845;text-align:center}.maker-paper-preview small{font:6px -apple-system,sans-serif;letter-spacing:.12em}.search-row{display:flex;align-items:center;border-bottom:1px solid #c6b89d;margin:15px 0 8px}.search-row input{font-size:11px;border:0}.search-row button{background:none;font-size:26px;color:#9e8a62;padding:3px 6px}.mix-selected{min-height:95px;max-height:240px;overflow:auto}.mix-available{max-height:225px;overflow:auto}.mix-track{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #d4c5aa30}.mix-track .track-name{flex:1;min-width:0}.mix-track strong{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-track small{font-size:8px;color:#a08d6f}.mix-track button{background:none;font-size:13px;padding:5px;color:#a08d6f}.mix-track .duration{font-size:8px;color:#9b8b70;font-variant-numeric:tabular-nums}.list-empty{font-size:11px;color:#b0a086;padding-top:10px}#mix-total{font-size:9px;color:#a18e6c;font-weight:400;margin-left:10px}@keyframes reel-spin{to{transform:rotate(360deg)}}@keyframes filament{0%{opacity:.25}35%{opacity:.8}65%{opacity:.5}100%{opacity:1}}.is-hidden *{animation-play-state:paused!important}
@media(min-width:1440px){.app-header{height:136px}.deck{padding-top:24px;padding-bottom:21px}.key{height:91px}.lamp-window{height:148px}.speaker-and-volume{margin-top:23px}.counter-block{padding-top:22px}.signature-engraving{margin-top:20px}.section-header{margin-top:25px}.library{gap:20px}}
@media(max-width:1000px){.app-shell{width:calc(100% - 40px)}.deck{width:calc(100% - 40px);margin:0 20px;padding:18px 22px}.app-header{height:105px}.wordmark{font-size:40px}.machine-grid{gap:18px;grid-template-columns:1.8fr 1fr}.brand-engraving{margin-left:12px;font-size:9px}.lamp-window{height:111px}.lamp-wave{gap:3px;padding:16px 18px}.lamp-column{width:5px;background-size:5px 7px;height:calc(var(--height)*7px)}.key{height:69px}.key-face{gap:8px}.key small{font-size:6px}.key svg{width:19px;height:19px}.counter-block{padding-top:12px;padding-left:20%}.counter{font-size:22px}.speaker-and-volume{margin-top:12px}.speaker{background-size:8px 8px;background-image:radial-gradient(circle,#343128 0 1.7px,transparent 2.2px)}.signature-engraving{font-size:7px;margin-left:6px;gap:12px}.jobs-signature{font-size:20px}.playback-footnote{margin-left:24px;margin-right:24px}.paper-spine{font-size:9px}.paper-spine small{font-size:6px}.library{gap:14px}.case-caption{font-size:7px}.lamp-caption{font-size:4px;left:11px;top:8px}}
@media(max-width:700px){.app-shell{width:calc(100% - 24px)}.app-header{height:92px;padding:0 6px}.wordmark{font-size:33px;letter-spacing:.12em}.wordmark span{font-size:8px;letter-spacing:.26em;margin-top:9px}.header-actions{gap:5px}.connection{padding:8px 9px;gap:5px;font-size:9px;border-radius:11px;min-height:35px}.connection svg{width:12px;height:14px}.connection i{margin-left:3px;width:5px;height:5px}.settings-button{font-size:21px;padding:5px}.deck{width:100%;margin:0;padding:17px 15px 16px;border-radius:24px}.deck:before{border-radius:20px}.brand-engraving{margin:0 4px 11px;font-size:8px;gap:7px;height:20px}.brand-engraving svg{width:12px;height:14px}.power{font-size:5px}.machine-grid{display:flex;flex-direction:column;gap:15px}.well{margin-bottom:14px;border-radius:16px}.well-footer{font-size:5px}.key{height:68px}.key-face{gap:8px}.key small{font-size:7px}.key svg{width:19px;height:19px}.transport-keys{gap:4px}.sound-column{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:74px 48px;gap:9px 12px}.lamp-window{height:74px;border-radius:12px;grid-column:1;grid-row:1}.lamp-wave{gap:2px;padding:12px 11px}.lamp-column{width:4px;height:calc(var(--height)*5px);background-size:4px 5px}.lamp-caption{font-size:4px;top:7px;left:11px}.counter-block{grid-column:1;grid-row:2;padding:0 0 0 5px;display:flex;align-items:center;justify-content:space-around;gap:7px}.counter-block>span{font-size:6px;letter-spacing:.05em;white-space:nowrap}.counter-row{margin:0;gap:9px}.counter{font-size:19px;border-width:3px}.counter-reset{width:10px;height:22px}.speaker-and-volume{grid-column:2;grid-row:1 / 3;margin:0;gap:3px;align-items:center}.speaker{width:58%;margin-bottom:0;background-size:6px 6px;background-image:radial-gradient(circle,#343128 0 1.3px,transparent 1.7px)}.volume-block{width:42%;padding-top:7px}.volume-block>span{font-size:5px;letter-spacing:.05em}.volume-block>span small{display:none}.dial-scale>span{font-size:6px}.dial-scale:before{border-width:1px}.volume-knob{box-shadow:0 2px 2px #58472c60,0 0 0 1px #dbcba7,0 0 0 2px #7c6b4e70}.signature-engraving{font-size:6px;margin:15px 2px 0;gap:9px}.jobs-signature{font-size:19px}.signature-engraving i{height:11px}.playback-footnote{margin:13px 6px 0;font-size:8px;gap:6px}.audio-provenance{font-size:5px}.section-header{margin:24px 3px 13px}.section-header h2{font-size:11px}.section-header h2 small{display:none}.subtle-button{font-size:8px}.section-header>div{gap:14px}.make-button{width:25px;height:25px;font-size:18px}.library{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding:0 18px 0 3px}.paper-spine{font-size:12px}.paper-spine small{font-size:8px}.case-caption{font-size:8px}.case-caption small{font-size:6px}.album-item{padding-bottom:0}.instruction-strip{margin-top:23px}.instruction-strip p{font-size:9px}footer{margin-top:5px;gap:6px;font-size:5px}.rust-mark{font-size:5px}.tray-tape .tape-label strong{font-size:9px}.tray-tape .tape-label small{font-size:4px}.guide-hint{top:-19%}.guide-hint span{font-size:9px;padding:6px 9px}.hand-tools{gap:11px;font-size:8px;padding:10px 14px;bottom:15px}.toast{font-size:10px;bottom:62px}.maker-grid{grid-template-columns:1fr;gap:27px}.maker-paper-preview{display:none}.maker-dialog h2{font-size:20px}.mix-selected{max-height:160px}.mix-available{max-height:190px}.jam-overlay{border-radius:24px}.jam-overlay h2{font-size:27px}.empty-hint{font-size:11px}.empty-hint small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reel svg{animation:none!important}.lamp-column{animation:none!important}}
@media(min-width:701px) and (max-height:950px){.app-shell{max-width:1120px}.app-header{height:88px}.wordmark{font-size:38px}.wordmark span{font-size:9px;margin-top:9px}.deck{width:min(940px,calc(100% - 60px));margin:0 auto;padding:15px 23px 14px;border-radius:29px}.deck:before{border-radius:25px}.brand-engraving{height:18px;margin:0 13px 10px;font-size:9px}.brand-engraving svg{width:13px;height:16px}.machine-grid{gap:18px}.well{margin-bottom:13px}.key{height:65px}.key-face{gap:8px}.key small{font-size:7px}.key svg{width:20px;height:20px}.lamp-window{height:109px}.lamp-wave{gap:3px;padding:14px 18px}.lamp-column{width:5px;height:calc(var(--height)*6px);background-size:5px 6px}.counter-block{padding-top:12px;padding-left:22%}.counter{font-size:23px}.counter-row{gap:18px;margin-top:5px}.speaker-and-volume{margin-top:9px}.signature-engraving{margin-top:12px;font-size:7px;gap:14px}.jobs-signature{font-size:20px}.playback-footnote{margin:11px auto 0;width:min(930px,calc(100% - 70px));font-size:8px;min-height:12px}.section-header{margin:17px 0 10px}.library{gap:17px}.case-caption{margin-top:5px}.album-item{padding-bottom:4px}.instruction-strip{margin:16px 0 9px;min-height:22px}.instruction-strip p{font-size:9px}footer{padding-top:10px;padding-bottom:17px}}
/* Apple Useless Case: a smaller object, with room for a handwritten life. */
.app-shell{width:min(1280px,calc(100% - 80px));max-width:1280px}.app-header{height:130px;padding:0}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:34px;letter-spacing:-.055em;line-height:1.15}.wordmark em{font-style:italic;font-weight:400}.wordmark sup{font:10px -apple-system,sans-serif;letter-spacing:0;vertical-align:super;margin-left:2px}.wordmark>span{font-family:-apple-system,"PingFang SC",sans-serif;font-size:10px;letter-spacing:.2em;margin:10px 0 0}.wordmark strong{font-weight:400}.wordmark>span sup{font-size:7px}.header-actions{gap:17px}.connection{font-size:10px;padding:10px 13px}.listening-desk{display:grid;grid-template-columns:minmax(0,800px) minmax(270px,1fr);gap:68px;align-items:start;padding-top:20px}.player-object{min-width:0}.deck{width:100%;margin:0;padding:16px 23px 15px;border-radius:28px}.deck:before{border-radius:24px}.brand-engraving{font-size:8px;height:18px;margin:0 10px 10px;gap:7px}.brand-engraving svg{width:13px;height:15px}.power{font-size:6px}.machine-grid{gap:17px}.well{margin-bottom:13px}.key{height:63px}.key svg{width:19px;height:19px}.key-face{gap:7px}.key small{font-size:6px}.lamp-window{height:94px}.lamp-wave{padding:13px 14px;gap:3px}.lamp-column{width:4px;height:calc(var(--height)*5.5px);background-size:4px 6px}.lamp-caption{font-size:4px;left:12px;top:8px}.counter-block{padding-top:14px;padding-left:20%}.counter-block>span{font-size:7px}.counter{font-size:22px}.counter-row{margin-top:5px;gap:15px}.counter-reset{width:11px;height:26px}.speaker-and-volume{margin-top:14px;gap:15px}.speaker{background-size:7px 7px;background-image:radial-gradient(circle,#343128 0 1.5px,transparent 2px)}.volume-block>span{font-size:6px}.signature-engraving{margin:12px 6px 0;font-size:6px;gap:12px}.jobs-signature{font-size:20px}.signature-engraving i{height:12px}.playback-footnote{width:auto;min-height:15px;margin:13px 4px 0;font-size:8px;gap:8px}.audio-provenance{font-size:6px}.well-footer{font-size:5px}.backplate-brand{font-size:15px}.empty-hint{font-size:12px}.empty-hint small{font-size:8px}.section-header{margin-top:52px}.library{gap:30px}.collection-section{max-width:100%}.paper-companion{position:relative;margin:26px 7px 0 0;min-height:400px;padding:36px 29px 27px;background:linear-gradient(115deg,#faf6dfdd,#ece3c3b0),url('/assets/paper.svg');border:1px solid #e5dcc2;box-shadow:1px 5px 8px #6151300e,5px 16px 24px -15px #5e503947;transform:rotate(1.1deg);color:#5a5a6c}.paper-companion:before{content:"";position:absolute;top:-12px;left:37%;height:27px;width:82px;transform:rotate(-5deg);background:linear-gradient(80deg,#ddd4ae50,#e2d7af95,#ddd4ae55);clip-path:polygon(2% 0,100% 5%,98% 95%,0 100%)}.paper-meta{display:flex;justify-content:space-between;gap:8px;color:#a49978;font-size:7px;letter-spacing:.12em}.paper-companion h2{font-family:"Xingkai SC","STXingkai","Kaiti SC",KaiTi,cursive;font-size:27px;font-weight:400;line-height:1.6;margin:27px 0 2px;letter-spacing:.03em}.paper-byline{font-family:"Kaiti SC",KaiTi,serif;font-size:13px;margin:0 0 17px;color:#a19780}.handwriting{font-family:"Xingkai SC","STXingkai","Kaiti SC",KaiTi,"Bradley Hand",cursive;font-size:23px;line-height:1.85;letter-spacing:.025em;white-space:pre-wrap;color:#666477;font-weight:400}.paper-companion .handwriting{font-size:23px;line-height:2;min-height:190px;max-height:340px;overflow:auto;scrollbar-width:thin}.paper-body.unwritten,.unwritten{color:#a49c8b;font-size:20px!important}.paper-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px}.paper-actions button{background:none;font-size:10px;color:#8e8270;padding:7px 0;border-bottom:1px solid #b8ac8e66}.paper-actions span{font-size:7px;color:#b0a68e}.paper-rule{margin-top:20px;width:38px;border-top:1px solid #b7ab8d77}.menu-anchor{position:relative}.menu-toggle{background:none;font-size:20px;font-weight:300;color:#8d806b;padding:10px 5px 10px 12px}.main-menu{position:absolute;right:0;top:47px;z-index:130;width:290px;padding:17px 9px 8px;border:1px solid #dfd7c5;border-radius:15px;background:#faf7eff5;backdrop-filter:blur(20px);box-shadow:0 14px 35px #5b4c3326,0 1px #fff inset;transform-origin:top right}.menu-caption{display:block;padding:1px 11px 12px;font-size:7px;letter-spacing:.16em;color:#a89b83}.main-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;text-align:left;border-radius:7px;padding:13px 11px;background:none}.main-menu button:hover,.main-menu button:focus-visible{background:#e9e1d350}.main-menu button span{color:#b2a58e;font-size:10px}.main-menu button:last-child{border-top:1px solid #d9cfbc55;margin-top:7px;color:#a39780;font-size:10px}.paper-input,.gift-message{display:block;resize:vertical;width:100%;min-height:260px;padding:15px;border:1px solid #daceb5;border-radius:3px;background:#f8f2df;color:#666477;outline-offset:4px;font-size:22px;margin:14px 0 20px}.gift-message{min-height:130px}.field-label,.receipt-form label{display:block;font-size:10px;color:#9a8b72;margin:14px 0}select,.receipt-form input{display:block;width:100%;border:1px solid #d4c6ab;border-radius:6px;background:#faf6eb;padding:11px;color:#6e6049;font:12px -apple-system,sans-serif;margin:7px 0;min-width:0}.gift-link{width:100%;min-height:65px;font-size:10px;resize:vertical;margin:15px 0 10px;padding:10px;border:1px solid #d4c6ab;background:#fff9ea;border-radius:6px}.gift-dedication{font-size:23px!important;line-height:1.9}.service-readout{font:12px/2.3 -apple-system,sans-serif;color:#96815c;white-space:pre-line;padding:15px 20px;border:1px solid #d6c7a8;border-radius:8px;background:#eee5d23d}.service-card{border-bottom:1px solid #dacfb966;padding:20px 0}.service-card h3{margin-bottom:6px}.service-card p{margin:6px 0 15px;font-size:11px}.empty-receipts{border:1px dashed #ccbea4;padding:26px;text-align:center;margin:10px 0 25px}.empty-receipts>span{font-size:9px;letter-spacing:.2em;color:#b5a489}.empty-receipts small{font-size:10px;color:#b3a48d}.receipt{padding:15px 0;border-bottom:1px dashed #d0c2a5;display:grid;grid-template-columns:1fr auto;gap:9px}.receipt>span{font-size:9px;color:#a59578;grid-column:1 / 3}.receipt strong{font-size:12px;font-weight:400}.receipt small{font-size:11px;color:#9b8763}.receipt-form{padding-top:15px}.letter-dialog{width:min(590px,calc(100% - 36px));padding:35px}.letter-body{font-size:24px;padding:8px 7px 27px;line-height:2}.letter-dialog>p:last-child{padding-top:20px}.is-hidden .paper-companion{animation:none}
@media(min-width:1450px){.app-shell{width:min(1400px,calc(100% - 140px))}.listening-desk{grid-template-columns:minmax(0,870px) minmax(290px,1fr);gap:100px}.paper-companion{margin-top:37px}.app-header{height:150px}}
@media(min-width:701px) and (max-width:1120px){.app-shell{width:calc(100% - 64px)}.listening-desk{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:30px}.deck{padding:14px 15px}.machine-grid{gap:12px}.lamp-window{height:72px}.lamp-wave{gap:2px;padding:10px}.lamp-column{width:3px;background-size:3px 4px;height:calc(var(--height)*4px)}.key{height:52px}.key small{font-size:5px}.key svg{width:15px;height:15px}.counter{font-size:16px}.counter-block>span{font-size:5px}.counter-block{padding-top:8px}.speaker-and-volume{gap:8px}.paper-companion{padding:25px 20px;min-height:350px;margin-top:10px}.paper-companion h2{font-size:23px}.paper-companion .handwriting{font-size:20px;min-height:170px}.signature-engraving{font-size:5px;gap:6px}.jobs-signature{font-size:16px}.library{gap:22px}.wordmark{font-size:30px}.header-actions{gap:8px}}
@media(max-width:700px){.app-shell{width:calc(100% - 32px)}.app-header{height:105px;gap:10px}.wordmark{font-size:25px;white-space:nowrap}.wordmark>span{font-size:8px;letter-spacing:.08em;margin-top:8px}.wordmark sup{font-size:7px}.wordmark>span sup{font-size:6px}.connection{font-size:0;padding:9px;gap:0;min-height:34px}.connection svg{width:14px;height:17px}.connection i{width:5px;height:5px;margin-left:6px}.header-actions{gap:6px}.menu-toggle{font-size:18px;padding:8px 2px 8px 7px}.main-menu{width:280px}.listening-desk{display:flex;flex-direction:column;padding-top:5px;gap:34px}.player-object{width:100%}.deck{padding:17px 15px 16px;border-radius:24px}.machine-grid{gap:15px}.sound-column{grid-template-rows:74px 48px}.key{height:61px}.key small{font-size:6px}.lamp-window{height:74px}.speaker-and-volume{margin:0;gap:3px}.counter-block{padding:0 0 0 5px}.counter-row{margin:0;gap:9px}.counter{font-size:19px}.counter-block>span{font-size:6px}.signature-engraving{font-size:6px}.jobs-signature{font-size:19px}.volume-block>span{font-size:5px}.paper-companion{width:calc(100% - 18px);align-self:center;margin:0 0 0 4px;min-height:310px;padding:29px 29px 23px;transform:rotate(.7deg)}.paper-companion .handwriting{font-size:23px;min-height:130px;max-height:300px}.paper-companion h2{font-size:27px;margin-top:22px}.section-header{margin-top:33px}.library{gap:25px 29px}.paper-actions{margin-top:15px}.letter-dialog{padding:25px}.letter-body{font-size:22px}.backplate-brand{font-size:14px}.empty-hint{font-size:11px}.empty-hint small{font-size:7px}}
@media(min-width:1121px){.app-shell{width:min(1240px,calc(100% - 100px))}.app-header{height:115px}.listening-desk{grid-template-columns:minmax(0,740px) minmax(280px,1fr);gap:85px;padding-top:15px}.paper-companion{margin-top:25px;padding:27px 24px 24px;min-height:370px}.paper-companion h2{font-size:23px;margin-top:22px}.paper-companion .handwriting{font-size:20px;line-height:1.9;max-height:275px;min-height:175px}.paper-actions{margin-top:17px}.section-header{margin-top:38px}}
.dialog-feedback{font-size:11px!important;line-height:1.7!important;padding:10px 12px;border-left:2px solid #ba9f72;background:#e8dfcc55;color:#8b704b!important}.dialog-feedback:empty{display:none}
/* Keep the entire first cassette shelf within a normal desktop viewport. */
@media(min-width:901px){
 .app-shell{width:min(1160px,calc(100% - 80px))}
 .app-header{height:clamp(66px,10svh,84px)}
 .wordmark{font-size:30px}
 .listening-desk{--player-width:clamp(430px,calc((100svh - 320px)*1.55),680px);grid-template-columns:minmax(0,var(--player-width)) minmax(240px,1fr);gap:clamp(30px,4.5vw,64px);padding-top:4px;align-items:start}
 .deck{padding:13px 19px 12px;border-radius:25px}
 .deck:before{border-radius:21px}
 .brand-engraving{height:16px;margin:0 8px 8px;font-size:7px}
 .brand-engraving svg{width:11px;height:13px}
 .machine-grid{gap:14px}
 .well{margin-bottom:11px}
 .key{height:clamp(44px,7svh,58px)}
 .key-face{gap:6px}.key svg{width:17px;height:17px}.key small{font-size:6px}
 .lamp-window{height:clamp(65px,11svh,86px)}
 .lamp-wave{padding:10px 12px;gap:2px}
 .lamp-column{width:3px;background-size:3px 5px;height:calc(var(--height)*5px)}
 .counter-block{padding-top:10px;padding-left:18%}
 .counter-block>span{font-size:6px}.counter{font-size:19px}.counter-row{gap:12px;margin-top:4px}.counter-reset{height:23px;width:10px}
 .speaker-and-volume{margin-top:10px;gap:12px}
 .signature-engraving{margin:10px 4px 0;gap:10px;font-size:6px}.jobs-signature{font-size:18px}
 .playback-footnote{margin:10px 3px 0;min-height:13px;font-size:7px}.audio-provenance{font-size:5px}
 .paper-companion{width:min(100%,340px);height:clamp(275px,calc(100svh - 365px),390px);min-height:0;margin:18px 0 0;padding:23px 23px 20px;display:flex;flex-direction:column}
 .paper-companion h2{font-size:22px;line-height:1.5;margin:19px 0 2px;flex-shrink:0}
 .paper-companion .handwriting{min-height:0;max-height:none;flex:1;overflow:auto;font-size:19px;line-height:1.85}
 .paper-byline{margin-bottom:10px;font-size:12px}.paper-actions{flex-shrink:0;margin-top:12px}.paper-rule{flex-shrink:0;margin-top:12px}
 .section-header{margin:23px 0 12px;min-height:28px}.section-header h2{font-size:12px}.section-header h2 small{font-size:7px}
 .library{gap:24px;padding-right:18px}.album-item{padding-bottom:0}.case-caption{margin-top:6px;font-size:8px}.case-caption small{font-size:6px}
 .instruction-strip{margin:14px 0 8px;min-height:20px}.instruction-strip p{font-size:9px}
 footer{padding:10px 0 15px}
}
@media(min-width:901px) and (max-height:700px){
 .app-shell{width:min(1060px,calc(100% - 72px))}.wordmark{font-size:27px}.wordmark>span{font-size:8px;margin-top:7px}
 .brand-engraving{font-size:6px}.key{height:44px}.key svg{width:15px;height:15px}.key small{font-size:5px}
 .speaker{background-size:6px 6px;background-image:radial-gradient(circle,#343128 0 1.3px,transparent 1.7px)}
 .section-header{margin-top:18px}.library{gap:22px}.paper-companion{margin-top:12px;padding:19px 21px 17px}.paper-companion h2{font-size:20px;margin-top:14px}.paper-companion .handwriting{font-size:18px}.paper-meta{font-size:6px}
}
.paper-actions a{font-size:7px;color:#a3967d;border-bottom:1px solid #b8ac8e55;white-space:nowrap}.paper-actions:has(a:not([hidden])) #paper-status{margin-right:auto}.automatic-lyrics{white-space:pre-wrap;scroll-behavior:smooth}.lyric-line{display:block;line-height:1.9;margin:0 0 5px;opacity:.68;letter-spacing:.035em;transition:opacity .5s,color .5s;font-weight:400}.lyric-line:nth-child(3n+1){padding-left:3px}.lyric-line:nth-child(3n+2){padding-left:7px}.lyric-line.current-line{opacity:1;color:#494961;text-shadow:0 .2px #56536b55}.paper-companion:has(.automatic-lyrics) .paper-actions{gap:8px}.automatic-lyrics .lyric-line{font-family:"Xingkai SC","STXingkai","Kaiti SC",KaiTi,"Bradley Hand",cursive}
/* Small red pilot bulbs belong only to the three transport states. */
.key-face{position:relative}.key-status-light{position:absolute;right:10px;top:9px;width:5px;height:5px;pointer-events:none;border-radius:50%;background:#6e2923;box-shadow:0 1px 2px #311411aa inset,0 0 0 1px #b49b7c55;opacity:.45}
.key[data-pressed=true] .key-status-light{background:#ed4e40;opacity:1;box-shadow:0 0 2px #ffb4a7 inset,0 0 4px #e43b30b0,0 0 10px #e43b3055;animation:transport-breathe 2.2s ease-in-out infinite!important;animation-play-state:running!important}
@keyframes transport-breathe{0%,100%{opacity:.48;box-shadow:0 0 2px #ffb4a7 inset,0 0 3px #e43b3070,0 0 5px #e43b3025}50%{opacity:1;box-shadow:0 0 2px #ffe3d8 inset,0 0 5px #ed4739c0,0 0 13px #e43b3066}}
.note-line{display:block;margin-bottom:7px}.note-signature{display:block;text-align:right;font-size:.78em;line-height:1.8;margin-top:13px;letter-spacing:.015em;white-space:nowrap}
@media(max-width:700px){.key-status-light{right:8px;top:8px;width:4px;height:4px}}
/* The active pilot is a persistent status signal, including when other decorative motion is reduced. */
.is-hidden .key[data-pressed=true] .key-status-light{animation-play-state:paused!important}
/* An actual self-hosted childlike hand, including every character in the default note. */
.paper-companion .handwriting,.paper-companion .lyric-line,.paper-companion h2,#paper-input{font-family:'Useless Child Hand',cursive;font-weight:400;font-style:normal;font-synthesis:none}
.paper-companion .note-line{line-height:1.75;letter-spacing:.02em}.paper-companion .note-signature{line-height:1.8}

/* Film packs sit under a real paper window; their area follows the shared tape strip. */
.tape-mechanism{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.film-left{r:var(--pack-left-r,26px)}.film-right{r:var(--pack-right-r,13.5px)}.film-pack{stroke:#6b543b;stroke-width:.3}.reel.left svg{animation-duration:var(--left-period,2.73s)}.reel.right svg{animation-duration:var(--right-period,1.42s)}.tape-stripe,.tape-side,.tape-type{z-index:1}.is-winding .deck-tape .reel.left svg{animation-duration:var(--left-period,.11s)}.is-winding .deck-tape .reel.right svg{animation-duration:var(--right-period,.06s)}

.store-actions{display:grid;gap:12px;margin-top:24px}.store-actions .plain-button{padding:13px}

/* Seven identical glass columns, four incandescent reflector cells each. */
.lamp-window{border-width:2px;border-radius:14px;background:radial-gradient(ellipse at 50% 80%,#352519,#171510 75%);box-shadow:0 0 0 1px #c5a878,0 0 0 3px #69513325,0 2px 7px #000b inset}
.lamp-window:after{inset:4px;border-radius:10px;background:linear-gradient(135deg,#f7e2bf20,transparent 24%,transparent 68%,#d0ab7110);box-shadow:0 1px 2px #fff2 inset;z-index:4}
.lamp-wave{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;height:100%;padding:17px 31px 14px;align-items:stretch}
.lamp-column{width:auto;height:auto;min-width:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:2px;padding:2px;border:1px solid #93704742;border-radius:5px;background:linear-gradient(90deg,#080806,#47332070 30%,#1c160f 80%,#090907);box-shadow:1px 1px 2px #0009,0 0 0 1px #070706;position:relative}
.lamp-column:after{content:"";position:absolute;inset:1px;border:1px solid #e1b17c1c;border-radius:3px;pointer-events:none;background:linear-gradient(100deg,#f3d2a516,transparent 38%,#efd7aa08 70%,transparent);z-index:3}
.lamp-cell{--heat:0;position:relative;min-height:0;border:1px solid #9a6d3d36;border-radius:3px;background:linear-gradient(150deg,#a2784822,#271c1033 45%,#6e462019);box-shadow:0 1px 1px #f5c99a12 inset,0 -1px 1px #0008 inset;isolation:isolate}
.lamp-cell:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 3px #ffbd6266 inset;background:linear-gradient(140deg,#ffe6ac18,transparent 55%);opacity:var(--heat);pointer-events:none}
.lamp-halo{position:absolute;inset:-25% -20%;background:radial-gradient(ellipse at 50% 64%,#fff5bd 0%,#ffcd78 13%,#f69b36a0 32%,#bf5f0b44 50%,transparent 72%);opacity:calc(var(--heat)*var(--heat));pointer-events:none}
.lamp-cell svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lamp-leads{fill:none;stroke:#a98859;stroke-width:.65;opacity:.4}
.lamp-filament{fill:none;stroke:#fff5cc;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:var(--heat);filter:drop-shadow(0 0 1px #ffb64d) drop-shadow(0 0 3px #ef8d30)}
@media(max-width:700px){.lamp-wave{padding:10px 17px 9px;gap:4px}.lamp-column{gap:1px;padding:1px;border-radius:3px}.lamp-cell{border-radius:2px}}

/* Bundled Stanford cassette: aged label stock and a facsimile autograph on the tape itself. */
.gift-tape:after{content:"";position:absolute;inset:10% 8% 27%;border-radius:6px;background:url('/assets/paper.svg');opacity:.2;mix-blend-mode:multiply;pointer-events:none;z-index:1}
.gift-tape .tape-label{right:46%;top:13%;height:15%}.gift-tape .tape-label strong{font-size:clamp(8px,1.1vw,16px);color:#675236}.gift-tape .tape-label small{font-size:clamp(5px,.6vw,8px)}
.tape-autograph{position:absolute;right:11%;top:14%;width:33%;height:15%;object-fit:contain;transform:rotate(-4deg);opacity:.77;mix-blend-mode:multiply;z-index:2;pointer-events:none}
.gift-tape .tape-stripe{background:#99714c;opacity:.48}.gift-tape .tape-shell{filter:sepia(.16) saturate(.78)}
@media(min-width:1000px){.library{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tray-tape .gift-tape .tape-label strong{font-size:7px}.tray-tape .gift-tape .tape-label small{font-size:3px}