.kiosk{--k-bg: #000;--k-indigo: #0b0c1c;--k-deep: #12142f;--k-surface: rgba(12, 14, 36, .9);--k-ink: #eef0f7;--k-muted: #9aa0bd;--k-accent: #19e3c2;--k-warn: #ffb86b;--k-ease: cubic-bezier(.16, 1, .3, 1);--k-line: rgba(154, 160, 189, .22);--k-gutter: 40px;font-family:Inter,system-ui,-apple-system,sans-serif}.kiosk .tile{display:block;flex-direction:row;transform:none;border-radius:5px}.kiosk .tile:after{content:none}.kiosk .tile-box{display:block;gap:0;flex:none;border-top:0}.kiosk .tile-save{padding:0;gap:0;font-size:inherit;letter-spacing:normal;text-transform:none;font-weight:400}.kiosk [hidden]{display:none!important}.kiosk button{cursor:pointer;border:0;background:none;padding:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kiosk button:disabled{cursor:default;opacity:.35}.kiosk button svg{pointer-events:none}.kiosk svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.kiosk ::selection{background:#19e3c233;color:var(--k-ink)}.kiosk .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kiosk .kicker{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--k-accent)}.kiosk .mono{font-variant-numeric:tabular-nums}main.kiosk{position:relative;z-index:8;margin:144px var(--k-gutter) 40px}.kiosk .masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.kiosk .masthead-title{min-width:0}.kiosk .masthead-sub{margin:11px 0 0;font-size:13px;font-weight:300;line-height:1.5;color:var(--k-muted);text-wrap:pretty}.kiosk .masthead h1{font-size:clamp(44px,5.5vw,80px);font-weight:300;letter-spacing:-.02em;line-height:1.06;margin:0}.kiosk .edition-count{font-size:12px;color:#c1c6d8;white-space:nowrap;font-weight:400}.kiosk .list-toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;min-height:48px;border:1px solid var(--k-line);border-radius:4px;font-size:13px;white-space:nowrap;background:#0b0c1c88}.kiosk .list-toggle svg{width:16px;height:16px;color:var(--k-muted)}.kiosk .list-toggle[aria-pressed=true]{border-color:#19e3c277;color:var(--k-accent);background:#19e3c209}.kiosk .list-toggle[aria-pressed=true] svg{color:var(--k-accent)}.kiosk .list-toggle:hover{border-color:#9aa0bd66}.kiosk .list-count{color:var(--k-muted);font-size:12px;min-width:1ch}.kiosk .collection-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;border-top:1px solid var(--k-line);padding-top:18px}.kiosk .collection-label{font-size:12px;color:var(--k-muted);letter-spacing:.02em}.kiosk .collection-context{font-size:11px;color:var(--k-muted);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.kiosk .edition-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:stretch}.kiosk .tile{min-width:0;position:relative;isolation:isolate;background:var(--k-indigo);border:1px solid #ffffff14;border-radius:5px;overflow:hidden;min-height:clamp(520px,45vw,690px)}.kiosk .tile-link{display:block;position:relative;height:100%;min-height:inherit;overflow:hidden}.kiosk .tile-link:focus-visible{outline-offset:-6px;border-radius:5px}.kiosk .tile-art{position:absolute;inset:0;background:linear-gradient(145deg,#12142f,#070810 75%);overflow:hidden;view-transition-name:none}.kiosk .tile-art img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .9s var(--k-ease)}.kiosk .tile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03050ced,#0406109e 27%,#04061026 53%,#04061008 65%,#03050cab 89%,#03050cf5);pointer-events:none}.kiosk .tile:hover .tile-art img{transform:scale(1.035)}.kiosk .tile-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px 0}.kiosk .tile-top-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kiosk .edition-no{font-size:12px;color:#c7cbde;letter-spacing:.06em}.kiosk .draft{font-size:10px;letter-spacing:.06em;line-height:1;padding:5px 7px;border:1px solid #ffb86b66;color:var(--k-warn);border-radius:2px;background:#17100aa3}.kiosk .tile-box{position:relative;z-index:1;padding:27px 30px 0}.kiosk .tile-title{font-size:clamp(34px,3.65vw,57px);line-height:1.06;letter-spacing:-.025em;font-weight:600;margin:0;max-width:19ch;text-wrap:balance;color:var(--k-ink)}.kiosk .tile:not(:first-child) .tile-title{font-size:clamp(30px,2.7vw,43px);max-width:19ch}.kiosk .tile-date{display:block;margin-top:21px;font-size:11px;letter-spacing:.05em;color:#b7bdd0}.kiosk .tile-floor{position:absolute;bottom:0;left:0;right:0;z-index:1;min-height:80px;padding:0 92px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(180deg,transparent,#03050c88)}.kiosk .open-label{display:flex;align-items:center;gap:11px;font-size:14px;white-space:nowrap}.kiosk .open-label svg{width:19px;height:19px;color:var(--k-accent);transition:transform .35s var(--k-ease)}.kiosk .tile:hover .open-label svg{transform:translate(4px)}.kiosk .read-meta{font-size:11px;color:#c1c6d8;line-height:1.5;text-align:right;white-space:nowrap}.kiosk .read-meta span{display:block}.kiosk .state-copy{color:var(--k-accent);font-variant-numeric:tabular-nums;font-size:11px}.kiosk .tile-save{position:absolute;z-index:4;right:22px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff29;border-radius:50%;background:#0b0c1c5e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--k-ink)}.kiosk .tile-save svg{width:17px;height:17px}.kiosk .tile-save:hover{border-color:#9aa0bd;background:#0b0c1cbf}.kiosk .tile-save[aria-pressed=true]{color:var(--k-accent);border-color:#19e3c277;background:#061b1dcc}.kiosk .tile-save[aria-pressed=true] svg{fill:#19e3c222}.kiosk .tile-progress{position:absolute;z-index:5;bottom:0;left:0;right:0;height:2px;pointer-events:none;background:#ffffff06}.kiosk .tile-progress span{display:block;width:100%;height:100%;background:var(--k-accent);transform:scaleX(var(--progress, 0));transform-origin:left}.kiosk .tile-summary{position:absolute;z-index:2;bottom:80px;left:0;right:0;padding:24px 30px 18px;background:linear-gradient(180deg,#03050c00,#03050ceb 30%);opacity:0;transform:translateY(10px);transition:opacity .3s var(--k-ease),transform .4s var(--k-ease);pointer-events:none}.kiosk .tile-summary p{font-size:17px;font-weight:300;line-height:1.55;max-width:54ch;margin:14px 0 0;color:#e0e3ee}.kiosk .tile-link:focus-visible .tile-summary{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.kiosk .tile-link:hover .tile-summary{opacity:1;transform:none}}.kiosk .audio-badge{position:absolute;bottom:91px;left:30px;z-index:3;display:flex;align-items:center;gap:7px;font-size:11px;color:#d6dbea;pointer-events:none;transition:opacity .25s}.kiosk .audio-badge svg{width:13px;height:13px;color:var(--k-accent)}.kiosk .tile-link:focus-visible .audio-badge{opacity:0}@media(hover:hover)and (pointer:fine){.kiosk .tile-link:hover .audio-badge{opacity:0}}.kiosk .empty-state{min-height:390px;padding:70px 32px;display:grid;place-content:center;text-align:center;border:1px solid var(--k-line);background:linear-gradient(145deg,#111328,#070810);border-radius:5px}.kiosk .empty-state svg{margin:0 auto 25px;width:27px;height:27px;color:var(--k-muted)}.kiosk .empty-state h2{font-size:34px;line-height:1.1;letter-spacing:-.02em;font-weight:300;margin:0 0 15px}.kiosk .empty-state p{font-size:17px;font-weight:300;line-height:1.6;margin:0 auto 25px;color:var(--k-muted);max-width:33ch}.kiosk .empty-state button{justify-self:center;font-size:14px;min-height:44px;color:var(--k-accent);border-bottom:1px solid #19e3c24d}.kiosk .toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%);max-width:calc(100vw - 32px);padding:14px 20px;border:1px solid var(--k-line);border-radius:5px;background:var(--k-surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:13px;line-height:1.5;box-shadow:0 10px 30px #0008;text-align:center}.kiosk[data-layout=front]{--cover-w-max: clamp(300px, 38vw, 460px);--cover-h-fit: clamp(400px, calc(100svh - 420px) , 640px);--cover-h: min(var(--cover-h-fit), calc(var(--cover-w-max) / .72));--cover-w: min(var(--cover-w-max), calc(var(--cover-h) * .86));position:relative;isolation:isolate;margin-top:128px;margin-bottom:0;padding-bottom:clamp(22px,3svh,44px)}.kiosk[data-layout=front]:before{content:"";position:absolute;inset:0 calc(var(--k-gutter) * -1);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 38% at 50% 55%,#12142f80 0%,#12142f33 45%,transparent 100%)}.kiosk[data-layout=front] .masthead{margin-bottom:20px}.kiosk[data-layout=front] .masthead h1{font-size:clamp(44px,4.4vw,64px)}.kiosk[data-layout=front] .collection-bar{padding-top:14px;margin-bottom:0}.kiosk[data-layout=front] .edition-grid{display:flex;flex-direction:row;position:relative;align-items:center;width:calc(100% + var(--k-gutter) * 2);margin-inline:calc(var(--k-gutter) * -1);gap:56px;padding:20px max(0px,calc((100vw - var(--cover-w)) / 2)) 64px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;background:transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.kiosk[data-layout=front] .edition-grid::-webkit-scrollbar{display:none}.kiosk[data-layout=front] .edition-grid[data-enhanced]{display:block;height:calc(var(--cover-h) + 96px);padding:0;overflow:clip;perspective:1600px}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile{position:absolute;left:50%;top:28px;margin-left:calc(var(--cover-w) * -.5);border-radius:14px;transform-origin:50% 72%;backface-visibility:hidden;will-change:transform}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile-link{cursor:grab}.kiosk[data-layout=front] .edition-grid[data-enhanced].is-dragging .tile-link{cursor:grabbing}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #9aa0bd20;pointer-events:none;z-index:7}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile-summary{display:none}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile-link:after{content:"";position:absolute;inset:0;z-index:6;background:#03050c;opacity:0;transition:opacity .45s var(--k-ease);pointer-events:none}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile[data-active=false] .tile-link:after{opacity:.58}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile-save{transition:opacity .45s var(--k-ease),border-color .25s,background .25s}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile[data-active=false] .tile-save{opacity:.35}.kiosk[data-layout=front] .tile[data-held=true]{border-color:#c0c9e055;box-shadow:0 40px 72px -22px #000e,0 12px 24px -8px #000b}.kiosk[data-layout=front] .tile[data-active=false] .tile-save{pointer-events:none}.kiosk[data-layout=front] .tile{flex:0 0 var(--cover-w);width:var(--cover-w);height:var(--cover-h);min-height:0;border:1px solid #a7b1d02e;border-radius:10px;scroll-snap-align:center;box-shadow:0 26px 34px -12px #000c,0 44px 75px -34px #000,inset 0 1px #ffffff1a;transform:perspective(1500px) translate3d(var(--deck-shift, 0px),var(--float-y, 0px),0) rotateY(var(--float-tilt, 0deg)) scale(var(--float-scale, 1));opacity:var(--float-opacity, 1);transform-origin:center;will-change:transform}.kiosk[data-layout=front] .tile-link{height:100%;min-height:0}.kiosk[data-layout=front] .tile .tile-title{font-size:clamp(26px,calc(var(--cover-w) * .097),45px);max-width:19ch;text-shadow:0 1px 26px #03050ca6}.kiosk[data-layout=front] .tile-top{padding:27px 27px 0}.kiosk[data-layout=front] .tile-box{padding:25px 27px 0}.kiosk[data-layout=front] .tile-floor{padding-left:27px;padding-right:88px}.kiosk[data-layout=front] .tile-summary{padding-inline:27px}.kiosk[data-layout=front] .tile-art img{object-position:center;transform:none}.kiosk[data-layout=front] .tile:not([data-active=true]) .tile-summary{opacity:0;transform:translateY(10px)}.kiosk[data-layout=front] .audio-badge{left:27px}.kiosk .edition-grid[data-enhanced]{cursor:grab;scroll-snap-type:none;scroll-behavior:auto!important;touch-action:pan-y pinch-zoom;overflow-anchor:none}.kiosk .edition-grid[data-enhanced] .tile-link{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:pan-y pinch-zoom}.kiosk .edition-grid[data-enhanced] img{-webkit-user-drag:none}.kiosk .edition-grid.is-moving .tile-summary{opacity:0!important}.kiosk .edition-grid.is-moving .tile-link{cursor:grab}.kiosk .edition-grid.is-dragging{scroll-snap-type:none!important;cursor:grabbing}.kiosk .edition-grid.is-dragging .tile-link{cursor:grabbing}.kiosk .edition-grid.is-dragging .tile-summary{opacity:0!important}.kiosk .stream-tools{display:flex;align-items:center;justify-content:center;gap:20px;margin:0}.kiosk .stream-tools button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--k-line);border-radius:50%;background:#0b0c1c77}.kiosk .stream-tools button:hover:not(:disabled){border-color:#9aa0bd77;color:var(--k-accent)}.kiosk .stream-tools [data-step="-1"] svg{transform:rotate(180deg)}.kiosk .deck-position{display:flex;align-items:center;gap:12px;min-width:154px;justify-content:center;font-size:12px;color:var(--k-muted);font-variant-numeric:tabular-nums}.kiosk .deck-position [data-deck-current]{color:var(--k-ink)}.kiosk .deck-meter{width:70px;height:1px;background:#9aa0bd33;overflow:hidden}.kiosk .deck-meter span{display:block;height:100%;background:var(--k-accent);transform:scaleX(var(--deck-progress, 0));transform-origin:left}.kiosk[data-layout=stream] .masthead h1{font-size:34px}.kiosk[data-layout=stream] .masthead{align-items:center}.kiosk[data-layout=stream] .edition-grid{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#40455f transparent;position:relative;padding-top:16px;padding-bottom:32px}.kiosk[data-layout=stream] .tile{flex:0 0 320px;min-height:450px;scroll-snap-align:start;border-radius:8px;box-shadow:0 16px 25px -14px #000;transform:translate3d(var(--deck-shift, 0px),0,0)}.kiosk[data-layout=stream] .tile-link{min-height:inherit}.kiosk[data-layout=stream] .tile-title,.kiosk[data-layout=stream] .tile:first-child .tile-title{font-size:30px}.kiosk[data-layout=stream] .tile-top{padding:24px 24px 0}.kiosk[data-layout=stream] .tile-box{padding:23px 24px 0}.kiosk[data-layout=stream] .tile-floor{padding-left:24px;padding-right:78px}.kiosk[data-layout=stream] .tile-save{right:16px}.kiosk[data-layout=stream] .audio-badge{left:24px}.kiosk[data-layout=stream] .tile-summary{padding-inline:24px}.kiosk[data-layout=stream] .tile-summary p{font-size:15px}.kiosk[data-layout=stream] .read-meta{font-size:10px}.kiosk[data-layout=stream] .edition-grid[data-enhanced]{scroll-snap-type:x mandatory;touch-action:pan-x pan-y pinch-zoom}.kiosk[data-layout=stream] .edition-grid[data-enhanced] .tile-link{touch-action:pan-x pan-y pinch-zoom}@media(max-width:1100px){.kiosk .masthead h1{font-size:60px}.kiosk .edition-grid{grid-template-columns:1.15fr 1fr;gap:16px}.kiosk .tile{min-height:560px}.kiosk .tile-top{padding:24px 24px 0}.kiosk .tile-box{padding:25px 24px 0}.kiosk .tile-title{font-size:42px}.kiosk .tile:not(:first-child) .tile-title{font-size:34px}.kiosk .tile-floor{padding-left:24px;padding-right:80px}.kiosk .tile-save{right:18px}.kiosk .audio-badge{left:24px}.kiosk .tile-summary{padding-inline:24px}}@media(max-width:760px){.kiosk{--k-gutter: 16px}main.kiosk{margin-top:calc(111px + env(safe-area-inset-top,0px));margin-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.kiosk .masthead{gap:12px;margin-bottom:23px;align-items:center}.kiosk .masthead h1{font-size:45px;letter-spacing:-.035em}.kiosk .masthead-sub{margin-top:8px;font-size:12px}.kiosk .edition-count{font-size:11px}.kiosk .list-toggle{padding:0 12px;min-height:44px;font-size:12px;gap:7px}.kiosk .list-toggle svg{width:15px;height:15px}.kiosk .list-count{font-size:11px}.kiosk .collection-bar{margin-bottom:16px;padding-top:15px}.kiosk .collection-label{font-size:12px}.kiosk .collection-context{font-size:10px;letter-spacing:.11em}.kiosk .tile-date{margin-top:18px}.kiosk .open-label{font-size:14px;gap:9px}.kiosk .read-meta{font-size:11px}.kiosk .tile:hover .tile-art img{transform:none}.kiosk .tile-summary{padding-inline:22px}.kiosk .tile-link:focus-visible .tile-summary{display:none}.kiosk .empty-state{padding:50px 24px;min-height:360px}.kiosk .empty-state h2{font-size:30px}.kiosk[data-layout=front]{--cover-w-max: min(340px, calc(100vw - 88px) );--cover-h-fit: clamp(360px, calc(100svh - 450px) , 530px);--cover-h: min(var(--cover-h-fit), calc(var(--cover-w-max) / .62));margin-top:calc(108px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.kiosk[data-layout=front] .masthead h1{font-size:45px}.kiosk[data-layout=front] .masthead{margin-bottom:19px}.kiosk[data-layout=front] .edition-grid{gap:14px;padding-top:16px;padding-bottom:56px}.kiosk[data-layout=front] .tile .tile-title{font-size:clamp(28px,8.2vw,36px)}.kiosk[data-layout=front] .tile-top,.kiosk[data-layout=front] .tile-box{padding:22px 21px 0}.kiosk[data-layout=front] .tile-floor{padding-left:21px;padding-right:75px;min-height:76px;gap:8px}.kiosk[data-layout=front] .tile-save{right:14px;bottom:16px}.kiosk[data-layout=front] .audio-badge{left:21px;bottom:89px}.kiosk[data-layout=front] .read-meta{font-size:10px}.kiosk[data-layout=front] .open-label{font-size:13px;gap:7px}.kiosk[data-layout=front] .open-label svg{width:16px}.kiosk[data-layout=front] .state-copy{font-size:10px}.kiosk[data-layout=front] .tile-summary{display:none}.kiosk .stream-tools{gap:16px}.kiosk[data-layout=stream] .edition-grid{flex-direction:row;gap:12px}.kiosk[data-layout=stream] .tile{flex-basis:min(310px,calc(100vw - 62px));min-height:445px}.kiosk[data-layout=stream] .tile-title,.kiosk[data-layout=stream] .tile:first-child .tile-title,.kiosk[data-layout=stream] .masthead h1{font-size:30px}.kiosk[data-layout=stream] .masthead-title{max-width:55%}}@media(min-width:761px)and (max-height:860px){.kiosk[data-layout=front]{--cover-h-fit: clamp(340px, calc(100svh - 400px) , 640px);margin-top:108px;padding-bottom:24px}.kiosk[data-layout=front] .masthead h1{font-size:clamp(38px,3.4vw,48px)}.kiosk[data-layout=front] .masthead{margin-bottom:14px}.kiosk[data-layout=front] .collection-bar{padding-top:12px}}@media(max-height:740px){.kiosk[data-layout=front]{--cover-h-fit: clamp(340px, calc(100svh - 400px) , 640px);margin-top:96px;padding-bottom:18px}.kiosk[data-layout=front] .masthead-sub{margin-top:7px;font-size:12px}.kiosk[data-layout=front] .masthead{margin-bottom:10px}.kiosk[data-layout=front] .collection-bar{padding-top:10px}}@media(max-width:760px)and (max-height:740px){.kiosk[data-layout=front]{--cover-h-fit: clamp(280px, calc(100svh - 395px) , 530px);margin-top:calc(96px + env(safe-area-inset-top,0px))}}@media(max-width:360px){.kiosk .masthead h1{font-size:39px}.kiosk .list-toggle{padding-inline:9px}.kiosk .list-toggle>svg{display:none}.kiosk .read-meta{font-size:10px}}@media(prefers-reduced-motion:reduce){.kiosk *,.kiosk *:before,.kiosk *:after{animation:none!important;transition:none!important}.kiosk[data-layout=front] .tile{will-change:auto}}@media print{.kiosk .tile-save,.kiosk .list-toggle,.kiosk .toast,.kiosk .stream-tools{display:none!important}main.kiosk{margin:0}.kiosk .masthead{margin-bottom:20px}.kiosk .tile{break-inside:avoid}.kiosk .tile-summary{display:none}.kiosk[data-layout=front]:before{display:none}.kiosk[data-layout=front] .edition-grid{display:block;width:auto;padding:0;margin:0;overflow:visible;background:none;-webkit-mask-image:none;mask-image:none}.kiosk[data-layout=front] .tile{width:100%;height:500px;margin-bottom:20px;transform:none;opacity:1;box-shadow:none}.kiosk[data-layout=front] .edition-grid[data-enhanced]{height:auto;overflow:visible}.kiosk[data-layout=front] .edition-grid[data-enhanced] .tile{position:static;margin:0 0 20px;transform:none!important;visibility:visible!important}}
