@layer components{[data-surface=locker]{--leather-900:#130b06;--leather-800:#20160e;--leather-700:#2e2117;--void:#f2ece0;--panel-900:#e7ddca;--panel-800:#dccfba;--panel-700:#cebfa6;--parchment-100:#f0deb7;--parchment-200:#ead09e;--parchment-300:#dbba84;--manila-400:#d0ab73;--manila-500:#b99360;--ink-900:#302016;--ink-600:#5e4f43;--ink-400:#6d6155;--ink-inv-900:#35251b;--ink-inv-600:#544438;--ink-inv-400:#5e5043;--gilt:#73542e;--rust:#923719;--rust-on-panel:#923719;--amber:#9a4900;--ease-paper:cubic-bezier(.22, .68, .28, 1);--ease-mechanism:cubic-bezier(.34, 1.4, .64, 1);--dur-page:.46s;--dur-card:.32s;--dur-latch:.2s;font-family:var(--font-sans), Georgia, serif;--tex-fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.1' intercept='-0.55'/%3E%3CfeFuncG type='linear' slope='2.1' intercept='-0.55'/%3E%3CfeFuncB type='linear' slope='2.1' intercept='-0.55'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23f)'/%3E%3C/svg%3E");--tex-hide:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='1.6' intercept='-0.25'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23h)'/%3E%3C/svg%3E");--tex-foxing:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='x'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.09' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0.3 0.6'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.42 0 0 0 0 0.30 0 0 0 0 0.14 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23x)'/%3E%3C/svg%3E")}@supports (color:lab(0% 0 0)){[data-surface=locker]{--leather-900:lab(3.65607% 2.39991 2.94624);--leather-800:lab(8.28549% 4.38418 6.45076);--leather-700:lab(14.0843% 4.91321 9.14742);--void:lab(93.7016% .242233 6.91409);--panel-900:lab(88.4963% 1.13651 10.7823);--panel-800:lab(83.8524% 1.73098 12.3181);--panel-700:lab(78.0465% 2.60338 14.6394);--parchment-100:lab(89.1673% 2.03833 21.6415);--parchment-200:lab(84.8761% 3.95703 28.7335);--parchment-300:lab(77.4977% 6.61749 32.0864);--manila-400:lab(72.4641% 8.27292 34.2633);--manila-500:lab(63.7964% 9.9718 32.7288);--ink-900:lab(14.0184% 6.82212 9.68376);--ink-600:lab(34.9706% 5.06862 9.59724);--ink-400:lab(41.9667% 3.77299 8.45528);--ink-inv-900:lab(16.3408% 6.77927 9.62265);--ink-inv-600:lab(30.3085% 5.79333 10.1423);--ink-inv-400:lab(34.9954% 4.5085 9.9627);--gilt:lab(38.4282% 10.1368 27.286);--rust:lab(36.279% 37.9674 38.2221);--rust-on-panel:lab(36.279% 37.9674 38.2221);--amber:lab(41.2138% 32.3898 52.2456)}}.dark [data-surface=locker]{--void:#0a0a0a;--panel-900:#131313;--panel-800:#171717;--panel-700:#262626;--ink-inv-900:#f4eee0;--ink-inv-600:#b1b1b1;--ink-inv-400:#868686;--gilt:#a29070;--rust-on-panel:#d66643;--amber:#d38c49}@supports (color:lab(0% 0 0)){.dark [data-surface=locker]{--void:lab(2.75381% 0 0);--panel-900:lab(5.71933% 0 0);--panel-800:lab(7.78201% -.0000149012 0);--panel-700:lab(15.204% 0 -.00000596046);--ink-inv-900:lab(94.2988% .0428557 7.6926);--ink-inv-600:lab(72.16% 0 -.0000119209);--ink-inv-400:lab(55.92% -.0000298023 0);--gilt:lab(60.6739% 3.23948 19.7615);--rust-on-panel:lab(57.0333% 43.2513 41.2632);--amber:lab(64.8005% 23.2913 46.5529)}}.surface{isolation:isolate;transform:rotate(var(--surface-tilt,0deg));position:relative}.surface[data-contain=true]{contain:paint}.surface__sheet{z-index:0;pointer-events:none;background-color:var(--surface-fill,var(--parchment-200));border-radius:var(--surface-radius,2px);box-shadow:inset 0 0 var(--surface-burn-size,44px) var(--surface-burn,#4e30103d);position:absolute;inset:0}.surface__sheet:before{content:"";border-radius:inherit;background-image:var(--surface-grain,var(--tex-fibre));background-size:var(--surface-grain-size,240px);background-position:var(--surface-grain-x,0) var(--surface-grain-y,0);mix-blend-mode:overlay;opacity:var(--surface-grain-opacity,.24);position:absolute;inset:0}.surface__sheet:after{content:"";border-radius:inherit;background-image:radial-gradient(ellipse 55% 42% at var(--surface-mottle-x,20%) var(--surface-mottle-y,14%), var(--surface-stain,#70481a1a), transparent 70%), radial-gradient(ellipse 68% 50% at calc(100% - var(--surface-mottle-x,20%)) calc(100% - var(--surface-mottle-y,14%)), var(--surface-stain,#603c161c), transparent 72%),  radial-gradient(ellipse 116% 90% at 50% 50%, transparent 70%, var(--surface-vignette,#54341233));mix-blend-mode:multiply;opacity:var(--surface-mottle-opacity,1);position:absolute;inset:0}.surface__content{z-index:1;position:relative}.surface[data-lift=soft]{box-shadow:0 6px 18px -10px #140c048c}.surface[data-lift=raised]{box-shadow:0 12px 30px -12px #140c049e,0 2px 6px -2px #140c0466}.surface[data-lift=deep]{box-shadow:0 26px 54px -20px #0c0702bf,0 4px 10px -4px #140c0473}.surface[data-variant=parchment]{--surface-fill:var(--parchment-200)}.surface[data-variant=parchment-light]{--surface-fill:var(--parchment-100);--surface-grain-opacity:.26;--surface-vignette:#54341224}.surface[data-variant=manila]{--surface-fill:var(--manila-400);--surface-grain-opacity:.38;--surface-stain:#603c1621}.surface[data-variant=leather]{--surface-fill:var(--leather-800);--surface-grain:var(--tex-hide);--surface-grain-size:200px;--surface-grain-opacity:.5;--surface-burn:#000000b3;--surface-burn-size:90px;--surface-stain:#00000040;--surface-vignette:#00000080}.surface[data-variant=void]{--surface-fill:var(--void);--surface-grain:var(--tex-hide);--surface-grain-opacity:.28;--surface-burn:#000000d9;--surface-stain:#0000004d;--surface-vignette:#0000008c}.surface[data-variant=index-card]{--surface-fill:var(--parchment-100);--surface-grain-opacity:.24;--surface-burn-size:26px;--surface-vignette:#5434121f;--surface-radius:1px}.surface[data-edge=deckle]{box-shadow:none;filter:drop-shadow(0 8px 14px #140c0480)}.surface[data-edge=deckle] .surface__sheet{filter:url(#locker-deckle)}.surface[data-edge=torn]{box-shadow:none;filter:drop-shadow(0 10px 16px #140c048c)}.surface[data-edge=torn] .surface__sheet{filter:url(#locker-torn)}.surface[data-foxed=true] .surface__sheet{background-image:var(--tex-foxing);background-size:320px;background-position:var(--surface-grain-x,0) var(--surface-grain-y,0);background-blend-mode:multiply}.letterpress{color:var(--ink-900);text-shadow:0 1px #fff6dc61;opacity:.94}.engraved{color:var(--ink-inv-900);text-shadow:0 1px 1px #000000a6}.stencil{color:var(--rust);text-shadow:0 0 1px color-mix(in oklab, var(--rust) 45%, transparent);letter-spacing:.16em;text-transform:uppercase}.type-label{font-family:var(--font-typewriter), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.6875rem;line-height:1.5}.type-caps{font-family:var(--font-sans), Georgia, serif;letter-spacing:.12em;text-transform:lowercase;font-variant-caps:small-caps}.type-quote{font-family:var(--font-sans), Georgia, serif;font-style:italic}.type-display{font-family:var(--font-serif), Georgia, serif}.gilt-rule{color:var(--gilt);align-items:center;gap:.75rem;display:flex}.gilt-rule:before,.gilt-rule:after{content:"";background:linear-gradient(to right, transparent, color-mix(in oklab, var(--gilt) 72%, transparent) 18%, color-mix(in oklab, var(--gilt) 72%, transparent) 82%, transparent);flex:1;height:1px}.folder-tab{background:var(--manila-500);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%);align-items:center;margin-bottom:-1px;padding:.45rem 1.5rem .4rem 1.1rem;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff0d224}.folder-tab[data-align=right]{clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);padding:.45rem 1.1rem .4rem 1.5rem}.chrome-tab{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 100%,0 100%);background:var(--panel-700);color:var(--ink-inv-600);transition:background var(--dur-latch) var(--ease-mechanism), color var(--dur-latch) var(--ease-mechanism), padding var(--dur-latch) var(--ease-mechanism);padding:.5rem 1.15rem .6rem;position:relative}.chrome-tab:hover{color:var(--ink-inv-900);background:color-mix(in oklab, var(--panel-700) 80%, var(--parchment-300))}.chrome-tab[data-active=true]{background:var(--parchment-300);color:var(--ink-900);padding-top:.72rem}.chrome-tab__badge{aspect-ratio:1;background:var(--rust);min-width:1.05em;color:var(--parchment-300);letter-spacing:0;vertical-align:baseline;border-radius:50%;place-content:center;margin-left:.4rem;padding:0 .2em;font-size:.86em;line-height:1;display:inline-grid}.page-edges:before,.page-edges:after{content:"";background:repeating-linear-gradient(to right, var(--parchment-300) 0 1px, color-mix(in oklab, var(--parchment-300) 55%, var(--leather-900)) 1px 2px);border-radius:1px;width:3px;position:absolute;top:6px;bottom:6px}.page-edges:before{left:-3px}.page-edges:after{right:-3px}.book-gutter{pointer-events:none;z-index:3;mix-blend-mode:multiply;background:linear-gradient(90deg,#0000 0%,#180e0529 34%,#140c0494 50%,#180e0529 66%,#0000 100%);width:190px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.coffee-ring{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle,#6c421808 54%,#6c42181f 63%,#54301030 71%,#6c421814 78%,#0000 84%);border-radius:50%;position:absolute}.ring-wear{pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:radial-gradient(circle,#0000 62%,#3c260e24 66%,#3c260e33 70%,#0000 74%);border-radius:50%;position:absolute;inset:6%}.tape{pointer-events:none;-webkit-backdrop-filter:sepia(.35)brightness(1.06);backdrop-filter:sepia(.35)brightness(1.06);background:linear-gradient(#eedeb094,#dcc89466 45%,#eedeb08a);position:absolute;box-shadow:inset 0 1px #fffae673,inset 0 -1px #78603438,0 1px 3px #140c0452}.disc{aspect-ratio:1;background:radial-gradient(circle,#191919 0 17%,#0000 17%),repeating-radial-gradient(circle,#0b0b0b 0 1.5px,#16161a 1.5px 3px);border-radius:50%;position:relative;box-shadow:0 10px 26px -8px #000c,inset 0 0 30px #000000b3;container-type:size}.disc__sheen{pointer-events:none;mix-blend-mode:screen;will-change:transform;background:conic-gradient(#0000 0deg,#ffecc429 18deg,#0000 46deg 172deg,#ffecc421 192deg,#0000 220deg 360deg);border-radius:50%;animation:1.8s linear infinite paused disc-spin;position:absolute;inset:0}.disc[data-spinning=true] .disc__sheen,.disc[data-spinning=true] .disc__label{animation-play-state:running}.disc{transition:transform .7s var(--ease-paper)}.disc[data-spinning=true]{transform:scale(1.015)}.disc__label{text-align:center;letter-spacing:.045em;background:var(--rust);border-radius:50%;place-content:center;padding:9%;font-size:3.6cqw;line-height:1.3;animation:2.4s linear infinite paused disc-spin;display:grid;position:absolute;inset:24%;overflow:hidden;box-shadow:inset 0 0 12px #0006}.disc__title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.disc__artist{-webkit-line-clamp:1;line-clamp:1;opacity:.78;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.disc__year{opacity:.62}.disc__spindle{background:var(--void);border-radius:50%;position:absolute;inset:47.5%;box-shadow:inset 0 1px 2px #000000e6}.disc__arm{transform-origin:92% 8%;opacity:.4;width:58%;transition:transform .9s var(--ease-paper), opacity .6s ease-out;pointer-events:none;z-index:2;color:#aaa39d;color:lab(67.5252% 1.40175 4.34042);filter:drop-shadow(0 2px 3px #0000008c);position:absolute;top:-6%;right:-4%;transform:rotate(-88deg)}.disc[data-spinning=true] .disc__arm{transform:rotate(calc(-55deg + var(--progress,0) * 20deg));opacity:1}@keyframes disc-spin{to{transform:rotate(360deg)}}.waveform{height:34px;position:relative}.waveform__layer{align-items:center;gap:1px;display:flex;position:absolute;inset:0}.waveform__layer--played{clip-path:inset(0 calc(100% - var(--progress,0) * 100%) 0 0)}.waveform__bar{background:var(--ink-400);border-radius:1px;flex:1;min-width:1px}.waveform__layer--played .waveform__bar{background:var(--rust)}.locker-frame{border:1px solid color-mix(in oklab, var(--gilt) 20%, transparent)}.locker-well{background:var(--leather-900);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,inset 0 2px 14px #0000008c}.locker-well img{filter:sepia(.55)contrast(1.15)brightness(.66)saturate(.7);transition:filter var(--dur-card) var(--ease-paper), transform var(--dur-page) var(--ease-paper)}.locker-well:after{content:"";pointer-events:none;background:linear-gradient(#0d0b094d 0%,#0d0b0900 32%,#0d0b099e 100%),radial-gradient(112% 88% at 50% 44%,#0000 42%,#0d0b098c);position:absolute;inset:0}.folder-card{background:color-mix(in oklab, var(--panel-900) 82%, var(--void));border:1px solid color-mix(in oklab, var(--gilt) 15%, transparent);transition:transform var(--dur-card) var(--ease-paper), box-shadow var(--dur-card) var(--ease-paper), border-color var(--dur-card) var(--ease-paper);flex-direction:column;display:flex;position:relative}.folder-card[data-interactive=true]:hover,.folder-card[data-interactive=true]:focus-visible{border-color:color-mix(in oklab, var(--gilt) 38%, transparent);transform:translateY(-3px);box-shadow:0 16px 32px -16px #000000e6}.folder-card[data-interactive=true]:hover .locker-well img,.folder-card[data-interactive=true]:focus-visible .locker-well img{filter:sepia(.42)contrast(1.18)brightness(.86)saturate(.8);transform:scale(1.03)}.folder-card[data-interactive=true]:hover .folder-card__chevron,.folder-card[data-interactive=true]:focus-visible .folder-card__chevron{transform:translate(4px)}.folder-card[data-interactive=true]:hover .folder-card__plate,.folder-card[data-interactive=true]:focus-visible .folder-card__plate{background:var(--manila-400)}.folder-card:focus-visible{outline:1px solid var(--amber);outline-offset:3px}.folder-card__plate{background:var(--manila-500);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background var(--dur-card) var(--ease-paper);padding:.4rem 1.4rem .42rem .9rem;position:absolute;bottom:-1px;left:0}.folder-card__chevron{transition:transform var(--dur-latch) var(--ease-mechanism);display:inline-block}.folder-card[data-sealed=true] .locker-well img{filter:sepia(.6)contrast(.9)brightness(.3)saturate(.4)}.journal{container:journal/inline-size}.journal__body{grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.rail{background:linear-gradient(to bottom, color-mix(in oklab, var(--panel-900) 88%, var(--void)), var(--void));border:1px solid color-mix(in oklab, var(--gilt) 14%, transparent);padding:1rem .75rem 1.25rem}.rail__group{color:var(--rust-on-panel);align-items:center;gap:.5rem;padding:0 .5rem;display:flex}.rail__group:before,.rail__group:after{content:"";background:repeating-linear-gradient(to right, color-mix(in oklab, var(--rust-on-panel) 60%, transparent) 0 3px, transparent 3px 6px);flex:1;height:1px}.rail__row{text-align:left;width:100%;color:var(--ink-inv-600);transition:background var(--dur-latch) var(--ease-mechanism), color var(--dur-latch) var(--ease-mechanism);border-left:2px solid #0000;align-items:center;gap:.6rem;padding:.42rem .6rem;display:flex}.rail__row[data-available=true]:hover{color:var(--ink-inv-900);background:color-mix(in oklab, var(--parchment-300) 10%, transparent)}.rail__row[data-active=true]{color:var(--ink-900);background:var(--parchment-300);border-left-color:var(--gilt);box-shadow:inset 0 1px 3px #1e120859}.rail__row[data-available=false]{color:var(--ink-inv-400);opacity:.55;cursor:default}.rail__row:focus-visible{outline:1px solid var(--amber);outline-offset:-1px}.meter{text-align:center;border:1px solid color-mix(in oklab, var(--gilt) 18%, transparent);background:color-mix(in oklab, var(--panel-900) 70%, transparent);margin-top:1.25rem;padding:.9rem .75rem}.meter__track{background:color-mix(in oklab, var(--gilt) 15%, transparent);height:3px;margin-top:.5rem}.meter__fill{background:var(--amber);height:100%;transition:width var(--dur-page) var(--ease-paper)}.book{background:var(--leather-800);background-image:var(--tex-hide);background-blend-mode:overlay;background-size:200px;padding:1.7rem 1.9rem;position:relative;box-shadow:inset 0 0 90px #000000b3,0 26px 54px -20px #000c}.book__ribbon{background:linear-gradient(to right, color-mix(in oklab, var(--rust) 78%, black), var(--rust) 45%, color-mix(in oklab, var(--rust) 70%, black));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - .7rem),0 100%);pointer-events:none;width:1.1rem;height:calc(100% + 2.4rem);position:absolute;top:0;right:3.5rem;box-shadow:0 6px 12px -4px #000000b3}.spread{perspective:2200px;grid-template-columns:1fr 1fr;display:grid;position:relative}.spread__page{background:var(--parchment-200);background-image:var(--tex-fibre);background-blend-mode:overlay;background-size:240px;height:clamp(18rem,52vh,33rem);position:relative;overflow:hidden}.spread__page-inner{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;height:100%;padding:1.25rem 1.75rem;overflow:hidden auto}.spread__page-inner::-webkit-scrollbar{width:0;height:0}.spread__page:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--parchment-200) 92%, transparent) 72%, var(--parchment-200));height:2.25rem;position:absolute;inset:auto 0 0}@media (min-width:900px) and (max-height:830px){.spread__page{height:auto;min-height:20rem}.spread__page-inner{height:auto;padding:1.25rem 1.5rem;overflow:visible}.spread__page:after{display:none}.tray{padding:.5rem .6rem .55rem}.tray__slot{flex-basis:6rem}}.spread__page[data-side=left]{box-shadow:inset -14px 0 26px -18px #1e1208b3}.spread__page[data-side=right]{transform-origin:0;box-shadow:inset 14px 0 26px -18px #1e1208b3}.spread__sweep{pointer-events:none;opacity:0;background:linear-gradient(100deg,#1e12086b 0%,#1e12080f 38%,#0000 62%);position:absolute;inset:0}.shoulder-chip{min-width:2.35rem;color:var(--ink-inv-600);border:1px solid color-mix(in oklab, var(--gilt) 30%, transparent);background:color-mix(in oklab, var(--panel-700) 70%, transparent);transition:transform var(--dur-latch) var(--ease-mechanism), color var(--dur-latch) var(--ease-mechanism);border-radius:3px;justify-content:center;align-items:center;padding:.3rem .5rem;display:inline-flex;box-shadow:inset 0 1px #fff0d214,0 2px #00000059}.shoulder-chip:hover{color:var(--ink-inv-900)}.shoulder-chip:active{transform:translateY(2px);box-shadow:inset 0 1px #fff0d214}.shoulder-chip:focus-visible{outline:1px solid var(--amber);outline-offset:2px}@container journal (max-width:900px){.journal__body{grid-template-columns:minmax(0,1fr)}.rail{scrollbar-width:none;gap:.4rem;padding:.6rem;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail__group,.meter{display:none}.rail__row{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;flex:none;width:auto}.rail__row[data-active=true]{border-left-color:#0000;border-bottom-color:var(--gilt)}.spread{perspective:none;grid-template-columns:minmax(0,1fr)}.spread__page{height:auto;box-shadow:none;overflow:visible}.spread__page-inner{height:auto;padding:1.5rem 1.35rem;overflow:visible}.spread__page:after{display:none}.spread__page[data-side=right]{border-top:1px dashed color-mix(in oklab, var(--ink-900) 25%, transparent)}.book__ribbon,.book-gutter,.page-edges:before,.page-edges:after,.shoulder-chip,.journal__hint{display:none}.book{padding:.5rem}}.sleeve{aspect-ratio:1;text-align:center;background-color:color-mix(in oklab, var(--leather-800) 84%, var(--rust));background-image:var(--tex-hide);background-blend-mode:overlay;background-size:200px;flex-direction:column;justify-content:center;gap:.6rem;padding:12%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009,0 14px 30px -14px #000c;container-type:inline-size}.sleeve:before{content:"";border:1px solid color-mix(in oklab, var(--gilt) 34%, transparent);pointer-events:none;position:absolute;inset:6%}.sleeve:after{content:"";pointer-events:none;background:radial-gradient(34px at 0 0,#d6be9229,#0000 70%),radial-gradient(26px at 100% 100%,#d6be9221,#0000 70%);position:absolute;inset:0}.sleeve__title{font-family:var(--font-serif), Georgia, serif;letter-spacing:.01em;text-transform:uppercase;color:#e7ddc8;color:lab(88.502% 1.23677 11.5674);text-shadow:0 1px 2px #0009;font-size:9.5cqw;line-height:1.16}.sleeve__artist{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--gilt) 82%, white);font-size:4.4cqw}.sleeve__label{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.16em;color:color-mix(in oklab, var(--gilt) 60%, transparent);font-size:3.2cqw;position:absolute;bottom:7%;left:0;right:0}.record-figure{position:relative}.record-figure__disc{z-index:0;width:100%;position:absolute;top:0;right:0}.record-figure .sleeve{z-index:1}.story-head{color:var(--ink-900);align-items:center;gap:.5rem;display:flex}.print{background:var(--parchment-100);padding:5px;box-shadow:0 3px 9px -3px #140c0480,inset 0 0 0 1px #78542024}.print img{filter:sepia(.62)contrast(1.08)brightness(.86)saturate(.6);width:100%;height:auto;display:block}.print--empty{text-align:center;background:color-mix(in oklab, var(--parchment-300) 45%, transparent);place-content:center;gap:.35rem;padding:.75rem .5rem;display:grid;box-shadow:inset 0 0 0 1px #78542033}.print--empty:before{content:"";border:1px dashed color-mix(in oklab, var(--ink-400) 65%, transparent);border-radius:50%;justify-self:center;width:1.6rem;height:1.6rem;display:block}.monogram{aspect-ratio:1;background:color-mix(in oklab, var(--parchment-300) 62%, var(--manila-500));width:2.15rem;color:var(--ink-600);border-radius:50%;flex:none;place-content:center;align-self:flex-start;display:grid;box-shadow:inset 0 1px 3px #1e120866,0 1px 2px #140c0440}.docket-entry{border-bottom:1px solid color-mix(in oklab, var(--ink-400) 26%, transparent);position:relative}.docket-entry__pull{text-align:left;width:100%;transition:background var(--dur-latch) var(--ease-mechanism), padding-left var(--dur-latch) var(--ease-mechanism);align-items:center;gap:.55rem;padding:.42rem .5rem .42rem .7rem;display:flex}.docket-entry__pull:hover{background:color-mix(in oklab, var(--rust) 7%, transparent);padding-left:.95rem}.docket-entry__pull:focus-visible{outline:1px solid var(--rust);outline-offset:-1px}.docket-entry[data-open=true]{background:linear-gradient(to right, color-mix(in oklab, var(--rust) 8%, transparent), transparent 78%)}.docket-entry[data-open=true]:before{content:"";background:var(--rust);width:2px;animation:docket-mark var(--dur-card) var(--ease-mechanism);position:absolute;top:0;bottom:0;left:0}.docket-entry__clue{animation:docket-pull var(--dur-card) var(--ease-paper);padding:0 .7rem .6rem}@keyframes docket-mark{0%{transform-origin:top;transform:scaleY(0)}}@keyframes docket-pull{0%{opacity:0;transform:translateY(-3px)}}.torch-secret{pointer-events:none;z-index:3;max-width:15rem;transition:opacity .22s ease-out;position:absolute}.torch-secret__hand{font-family:var(--font-hand), cursive;color:color-mix(in oklab, var(--ink-900) 78%, var(--rust));text-shadow:0 0 6px color-mix(in oklab, var(--amber) 30%, transparent);font-size:1.05rem;line-height:1.35}.torch-secret__stamp{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--rust);border:1px solid color-mix(in oklab, var(--rust) 55%, transparent);width:fit-content;margin-top:.25rem;padding:.1rem .35rem;font-size:.5rem;display:block;transform:rotate(-3deg)}.pcard{background:var(--board);padding:3.6% 3.6% 0;box-shadow:0 1px 1px #1e120838,0 14px 28px -14px #140c0499;container-type:inline-size}.pcard__plate{aspect-ratio:100/68;position:relative;overflow:hidden}.pcard__art{object-fit:cover;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #00000029}.pcard__scrim{pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--pc-scrim) 0%, transparent) 0%, color-mix(in oklab, var(--pc-scrim) 30%, transparent) 30%, color-mix(in oklab, var(--pc-scrim) 62%, transparent) 52%, color-mix(in oklab, var(--pc-scrim) 84%, transparent) 76%, color-mix(in oklab, var(--pc-scrim) 92%, transparent) 100%);height:62%;position:absolute;inset:auto 0 0}.pcard__lettering{text-align:center;color:var(--board);text-shadow:0 .3cqw .9cqw #000000b8,0 .1cqw .3cqw #00000080;justify-items:center;gap:.4cqw;display:grid;position:absolute;inset:auto 0 5%}.pcard__greeting{font-family:var(--font-serif), Georgia, serif;opacity:.92;font-size:4.4cqw;font-style:italic;line-height:1}.pcard__place{font-family:var(--font-display), Georgia, serif;letter-spacing:.02em;text-transform:uppercase;font-size:12cqw;line-height:.95}.pcard__region{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;opacity:.85;font-size:2.9cqw}.pcard__margin{color:color-mix(in oklab, var(--pc-ink) 72%, transparent);justify-content:space-between;align-items:baseline;gap:2cqw;padding:2.6cqw .4cqw 3cqw;display:flex}.pcard__caption{font-family:var(--font-serif), Georgia, serif;min-width:0;font-size:3.1cqw;font-style:italic;line-height:1.3}.pcard__album{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.16em;flex:none;font-size:2.6cqw}.pback{aspect-ratio:100/66;background:var(--parchment-200);background-image:var(--tex-fibre);background-blend-mode:overlay;color:var(--ink-900);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink-400) 30%, transparent), 0 1px 1px #1e120833, 0 14px 28px -14px #140c048c;background-size:200px;padding:4cqw 4.5cqw 3cqw;position:relative;container-type:inline-size}.pback__heading{letter-spacing:.34em;color:var(--ink-600);font-size:3.4cqw}.pback__printer{letter-spacing:.16em;color:var(--ink-400);margin-top:.6cqw;font-size:2cqw}.pback__body{grid-template-columns:1fr 1px .86fr;gap:0 4cqw;margin-top:3cqw;display:grid}.pback__body:before{content:"";background:color-mix(in oklab, var(--ink-400) 45%, transparent);grid-column:2}.pback__message{grid-column:1;min-width:0}.pback__hand{font-family:var(--font-hand), cursive;color:color-mix(in oklab, var(--ink-900) 88%, var(--rust));font-size:4.2cqw;line-height:1.45}.pback__sign{font-family:var(--font-hand), cursive;color:var(--ink-600);margin-top:2cqw;font-size:3.6cqw}.pback__address{grid-column:3;align-self:center;gap:3.4cqw;min-width:0;display:grid}.pback__addr-line{font-family:var(--font-hand), cursive;border-bottom:1px solid color-mix(in oklab, var(--ink-400) 38%, transparent);color:color-mix(in oklab, var(--ink-900) 88%, var(--rust));padding-bottom:1cqw;font-size:3.6cqw;line-height:1.15}.pback__addr-line[data-first]{font-size:4cqw}.pback__foot{letter-spacing:.14em;color:var(--ink-400);font-size:1.9cqw;position:absolute;bottom:2.4cqw;left:4.5cqw;right:4.5cqw}.pback__franking{width:32cqw;height:22cqw;position:absolute;top:3.6cqw;right:4cqw}.pstamp-mount{filter:drop-shadow(0 .3cqw .5cqw #28160466);width:13.5cqw;position:absolute;top:0;right:0}.pstamp{width:100%;height:auto;display:block}.pmark{aspect-ratio:1;text-align:center;width:19cqw;color:var(--ink-900);opacity:.42;mix-blend-mode:multiply;pointer-events:none;border:.5cqw solid;border-radius:50%;place-content:center;gap:.5cqw;display:grid;position:absolute;top:5cqw;right:10.5cqw;box-shadow:inset 0 0 0 1.2cqw #0000,inset 0 0 0 1.6cqw;-webkit-mask:radial-gradient(130% 130% at 66% 28%,#000 40%,#00000080 74%,#0000002e 100%);mask:radial-gradient(130% 130% at 66% 28%,#000 40%,#00000080 74%,#0000002e 100%)}.pmark span{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:1.9cqw;line-height:1.35;display:block}.pmount{padding:1.1rem;position:relative}.pmount:before,.pmount:after,.pmount>.pmount__corner{content:"";pointer-events:none;background:linear-gradient(135deg, color-mix(in oklab, var(--leather-900) 88%, black) 0 50%, transparent 50%);opacity:.75;width:1.55rem;height:1.55rem;position:absolute}.pmount:before{top:.35rem;left:.35rem}.pmount:after{top:.35rem;right:.35rem;transform:rotate(90deg)}.pmount>.pmount__corner[data-c=bl]{bottom:.35rem;left:.35rem;transform:rotate(-90deg)}.pmount>.pmount__corner[data-c=br]{bottom:.35rem;right:.35rem;transform:rotate(180deg)}.tray{background:linear-gradient(to bottom, color-mix(in oklab, var(--panel-900) 85%, var(--void)), var(--void));border:1px solid color-mix(in oklab, var(--gilt) 14%, transparent);padding:.7rem .7rem .75rem}.tray__strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:.6rem;padding:.25rem;display:flex;overflow-x:auto}.tray__strip::-webkit-scrollbar{display:none}.tray__strip{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.25rem calc(100% - 1.25rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.25rem calc(100% - 1.25rem),#0000)}.tray__slot{scroll-snap-align:start;text-align:left;background:color-mix(in oklab, var(--panel-800) 55%, transparent);min-width:0;transition:border-color var(--dur-latch) var(--ease-mechanism), transform var(--dur-card) var(--ease-paper), background var(--dur-latch) var(--ease-mechanism);border:1px solid #0000;flex:0 0 7.25rem;padding:.4rem;position:relative}.tray__slot[data-locked=false]:hover{border-color:color-mix(in oklab, var(--gilt) 35%, transparent);transform:translateY(-3px)}.tray__slot[data-active=true]{border-color:var(--gilt);background:color-mix(in oklab, var(--parchment-300) 12%, transparent)}.tray__slot[data-locked=true]:hover{border-color:color-mix(in oklab, var(--rust) 45%, transparent)}.tray__slot[data-locked=true]:hover .tray__sealed{box-shadow:inset 0 1px 0 #fff0d20d, inset 0 0 24px #00000059, 0 0 0 1px color-mix(in oklab, var(--rust) 30%, transparent)}.tray__slot:focus-visible{outline:1px solid var(--amber);outline-offset:2px}.tray__sealed{aspect-ratio:1;background:color-mix(in oklab, var(--panel-900) 88%, var(--void));place-content:center;display:grid;position:relative;box-shadow:inset 0 1px #fff0d20d,inset 0 0 24px #00000059}.tray__sealed:before{content:"";border:1px dashed color-mix(in oklab, var(--gilt) 18%, transparent);position:absolute;inset:14%}@container journal (max-width:900px){.tray__slot{flex-basis:7.5rem}.waveform__bar:nth-child(2n){display:none}.waveform{height:28px}.player{flex-wrap:wrap;row-gap:.35rem}.player__clock{text-align:right;order:3;width:100%}}@media (prefers-reduced-motion:reduce){[data-surface=locker] *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.disc__sheen,.disc__label{animation:none}.disc__arm{transition:none}}}