:root{color:#162029;background:#f5f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{min-height:42px;border:1px solid #243447;border-radius:8px;padding:0 16px;background:#fff;color:#162029;font:inherit;font-weight:800;cursor:pointer}button:disabled{cursor:wait;opacity:.6}.secondary-action{border-color:#b27d32;background:#fff7ed;color:#7c4a03}.display-shell{min-height:100vh;padding:24px}.display-shell.live{padding:0;background:#26313a}.stage{min-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.waiting-stage{width:min(1120px,100%);margin:0 auto}.display-header,.status-row{display:flex;align-items:center}.display-header{justify-content:space-between;gap:24px}.display-brand-block{min-width:0}.brand-lockup{display:flex;align-items:center;gap:clamp(14px,2vw,22px);margin-bottom:0}.brand-lockup-icon{width:clamp(60px,7vw,88px);height:clamp(60px,7vw,88px);flex:0 0 auto;border-radius:18px;box-shadow:0 10px 26px #08253a38}.brand-lockup-name{transform:translateY(-1px)}.brand-lockup-name strong{display:block;color:#08253a;font-size:clamp(2rem,4.1vw,3.35rem);font-weight:900;line-height:.98}.brand-lockup-name span{display:block;color:#b27d32;margin-top:6px;font-size:clamp(.86rem,1.5vw,1.18rem);font-weight:900;letter-spacing:.1em}.eyebrow{margin:0 0 6px;color:#be123c;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h2,p{margin-top:0}h2{margin-bottom:10px;font-size:clamp(2.2rem,7vw,6rem);line-height:1;letter-spacing:0}.status-row{flex-wrap:wrap;gap:10px;justify-content:flex-end;border:1px solid #d8dee4;border-radius:8px;padding:10px;background:#fff;font-weight:800}.status-dot{width:13px;height:13px;border-radius:999px;background:#f59e0b}.status-dot.bound{background:#16a34a}.status-dot.locked{background:#2563eb}.status-dot.expired,.status-dot.ended{background:#dc2626}.status-dot.online{background:#16a34a}.status-dot.connecting,.status-dot.offline{background:#f59e0b}.live-stage{position:relative;min-height:100vh}.pdf-stage{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#26313a}.pdf-stage canvas{display:block;max-width:100%;max-height:100%;background:#fff;box-shadow:0 16px 40px #0000002e;transform-origin:center;transition:none;will-change:transform}.photo-media-image{display:block;max-width:100vw;max-height:100vh;object-fit:contain;transform-origin:center;transition:none;will-change:transform}.audio-viz-frame{position:relative;display:grid;gap:0;margin:0;transform-origin:center;will-change:transform}.audio-viz-canvas{display:block;width:min(92vw,1280px);max-height:78vh;border:1px solid rgb(246 207 120 / 22%);border-radius:10px;box-shadow:0 24px 64px #0006}.audio-viz-title{position:absolute;bottom:4%;left:50%;transform:translate(-50%);max-width:80%;overflow:hidden;color:#ffe09ae5;font-size:clamp(.95rem,1.8vw,1.3rem);font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.photo-media-video{display:block;max-width:100vw;max-height:100vh;object-fit:contain;background:#020617;transform-origin:center;transition:none;will-change:transform}.story-ending-frame{max-width:100vw;max-height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.6vh,28px);transform-origin:center;transition:none;will-change:transform}.story-ending-image{max-height:calc(100vh - 112px);transform:none}.story-ending-caption{max-width:min(92vw,1100px);color:#f8fafc;font-size:clamp(1.05rem,2.2vw,2rem);font-weight:800;line-height:1.32;text-align:center;text-shadow:0 3px 16px rgb(0 0 0 / 48%)}.story-display-grid{width:min(96vw,1500px);min-height:min(76vh,820px);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:min(2vw,24px);align-items:center;justify-items:center;padding:min(3vw,40px);transform-origin:center;transition:none;will-change:transform}.story-display-grid.count-1{grid-template-columns:minmax(0,1fr)}.story-display-grid figure{width:100%;height:100%;min-height:min(44vh,520px);margin:0;display:grid;place-items:center}.story-display-grid img{max-width:100%;max-height:100%;border-radius:8px;background:#111827;object-fit:contain;box-shadow:0 16px 40px #0000003d}.photo-display-marker{position:absolute;z-index:4;width:min(3.5vw,36px);height:min(3.5vw,36px);min-width:17px;min-height:17px;border:min(.4vw,4px) solid #ffffff;border-radius:999px;background:#ef0000;opacity:.72;box-shadow:0 0 0 min(.65vw,9px) #ef00003d,0 7px 20px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.timeline-display-overlay{position:absolute;z-index:6;display:grid;place-items:center;border:1px solid rgb(125 211 252 / 88%);border-radius:8px;background:#0284c7e0;padding:clamp(8px,1.5vw,18px) clamp(12px,2vw,26px);color:#fff;font-size:clamp(1.2rem,3vw,3.4rem);font-weight:900;line-height:1.18;overflow-wrap:anywhere;text-align:center;text-shadow:0 2px 10px rgb(0 0 0 / 28%);transition:opacity .26s ease;pointer-events:none}.timeline-display-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#020617;pointer-events:none;transition:opacity .42s ease}.empty-state{position:relative;z-index:7;max-width:760px;padding:28px;text-align:center;color:#fff}.audio-hidden-player{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.audio-status-strip{position:absolute;bottom:18px;left:50%;z-index:6;transform:translate(-50%);max-width:min(80vw,720px);overflow:hidden;border:1px solid rgb(227 176 87 / 45%);border-radius:999px;background:#041420c7;padding:10px 22px;color:#ffe09a;font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:800;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.empty-state .eyebrow{color:#67e8f9}.error-state .eyebrow,.error{color:#b91c1c}.error-state p:last-child{margin-bottom:0;overflow-wrap:anywhere}.live-overlay{position:absolute;right:16px;bottom:16px;z-index:8;display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:min(720px,calc(100vw - 32px));border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#162029db;padding:10px 12px;color:#fff;font-size:.88rem;font-weight:800;overflow:hidden;pointer-events:auto;transition:max-width .16s ease,padding .16s ease,border-radius .16s ease}.live-overlay.collapsed{gap:0;max-width:46px;border-radius:999px;padding:8px}.media-activation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;place-items:center;background:radial-gradient(circle at center,#0f172a61,#020617c7),#02061794;padding:28px;pointer-events:auto}.media-activation-card{width:min(560px,100%);border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#162029f0;padding:clamp(22px,4vw,34px);color:#f8fafc;text-align:center;box-shadow:0 24px 70px #00000061}.media-activation-card h2{margin:0 0 12px;font-size:clamp(2rem,5vw,4rem)}.media-activation-card p{margin:0 auto 18px;max-width:440px;color:#cbd5e1;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700}.media-activation-card button{min-width:min(260px,100%);border-color:#fde68a;background:#edc87c;color:#162029}.media-activation-card .error{margin:14px auto 0;color:#fecaca}.status-toggle{display:grid;width:28px;min-height:28px;place-items:center;border:0;border-radius:999px;background:transparent;padding:0}.status-toggle .status-dot{width:15px;height:15px}.overlay-action{min-height:32px;border-color:#ffffff47;background:#ffffff1f;padding:0 10px;color:#fff;font-size:.82rem}.overlay-action.danger{border-color:#fecaca73;background:#b91c1c;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#000000ad;padding:20px}.qr-modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #d8dee4;border-radius:8px;background:#fff;padding:18px;color:#162029;box-shadow:0 24px 70px #00000052}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-modal h2{margin:0;font-size:1.7rem;line-height:1.1}.icon-button{width:42px;padding:0}.modal-qr-area{display:grid;justify-items:center;gap:12px;padding:18px 0;text-align:center}.modal-qr-area img,.qr-placeholder{width:min(320px,70vw);aspect-ratio:1;border:1px solid #d8dee4;border-radius:8px;background:#fff;padding:12px}.qr-placeholder{display:grid;place-items:center}.qr-placeholder .status-dot{width:22px;height:22px}.qr-modal .token{width:100%;font-size:.82rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end}.secondary{border-color:#d8dee4;background:#fff}.qr-area{align-self:center;display:grid;justify-items:center;gap:16px;text-align:center}.qr-area img{width:min(420px,76vw);aspect-ratio:1;border:1px solid #d8dee4;border-radius:8px;background:#fff;padding:14px}.summary{margin:0 auto;max-width:880px;color:#243447;font-size:clamp(1.35rem,2vw,2rem);font-weight:850;line-height:1.55}.notice{margin:0 auto;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;padding:10px 12px;color:#166534;font-weight:800}.wake-lock-notice{width:min(760px,100%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;padding:10px 12px;color:#166534;text-align:left}.wake-lock-notice.requesting{border-color:#bae6fd;background:#f0f9ff;color:#075985}.wake-lock-notice.attention{border-color:#fde68a;background:#fffbeb;color:#92400e}.wake-lock-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#1665341a}.wake-lock-icon svg{width:20px;height:20px;fill:currentColor}.wake-lock-notice strong,.wake-lock-notice p{display:block;margin:0}.wake-lock-notice p{margin-top:2px;font-size:.82rem;font-weight:700}.wake-lock-action{min-height:36px;border-color:currentColor;background:transparent;padding:0 11px;color:inherit;font-size:.78rem}.wake-lock-live-status{color:#bbf7d0}.wake-lock-live-status.requesting{color:#bae6fd}.wake-lock-live-status.attention{color:#fde68a}.token{width:min(760px,100%);margin:0 auto;border:1px solid #d8dee4;border-radius:8px;background:#fff;padding:12px;color:#243447;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.waiting-token-wrap{width:min(860px,92vw);display:grid;gap:8px;justify-items:center}.waiting-token-label{color:#526171;font-size:clamp(1rem,1.25vw,1.25rem);font-weight:800;line-height:1.4}.waiting-token{width:100%;padding:clamp(16px,2vw,24px) clamp(18px,3vw,36px);border-color:#aeb9c4;color:#10283a;font-size:clamp(2.5rem,5vw,5rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.16em;line-height:1.1;overflow-wrap:normal;white-space:nowrap}.error{margin:0;overflow-wrap:anywhere}@media(max-width:720px){.display-shell{padding:14px}.stage{min-height:calc(100vh - 28px)}.display-header{align-items:stretch;flex-direction:column}.waiting-stage .status-row,.waiting-stage button,.waiting-token-wrap{width:100%}.waiting-token{padding-inline:14px;font-size:clamp(1.8rem,9vw,3.4rem);letter-spacing:.1em}.wake-lock-notice{grid-template-columns:auto minmax(0,1fr)}.wake-lock-action{width:100%;grid-column:1 / -1}.live-overlay button,.qr-modal button{width:auto}}