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