:root{--ui-bg:#1224429e;--ui-text:#fff;--accent-a:#ff7eb3;--accent-b:#ffb347;--safe-b:env(safe-area-inset-bottom,0px)}#controls{pointer-events:none;z-index:5;color:var(--ui-text);font:600 15px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0}#controls>*{pointer-events:auto}.rail{right:12px;top:calc(12px + env(safe-area-inset-top,0px));flex-direction:column;gap:10px;transition:opacity .5s;display:flex;position:fixed}.rail.hidden{opacity:0;pointer-events:none}.round{cursor:pointer;color:#fff;background:var(--ui-bg);-webkit-backdrop-filter:blur(8px);border:0;border-radius:50%;width:48px;height:48px;font-size:21px;line-height:1;box-shadow:0 2px 10px #00000040}.round:active{transform:scale(.93)}.round:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.btn:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.tpl:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.gtab:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.round.primary{color:#3a1230;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));-webkit-backdrop-filter:none;width:56px;height:56px;font-size:25px;box-shadow:0 4px 16px #ff7eb373,0 2px 8px #00000040}.round.pulse{animation:2.4s ease-in-out 3 pulse}@keyframes pulse{0%,to{box-shadow:0 4px 16px #ff7eb373,0 2px 8px #00000040}50%{box-shadow:0 4px 30px #ffb347f2,0 2px 8px #00000040}}.rail{align-items:center}@media (max-height:560px){.rail{max-height:calc(100vh - 20px - env(safe-area-inset-top,0px));overscroll-behavior:contain;right:calc(10px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px));direction:rtl;flex-wrap:wrap;place-content:flex-start;gap:8px;overflow-y:auto}.rail>*{direction:ltr}.round{width:42px;height:42px;font-size:18px}.round.primary{width:48px;height:48px;font-size:21px}}@media (prefers-reduced-motion:reduce){.round.pulse{animation:none}}.chip{left:12px;top:calc(12px + env(safe-area-inset-top,0px));background:#b03c3cd9;border-radius:999px;padding:8px 14px;font-size:13px;transition:opacity .4s;position:fixed}.chip.hidden{opacity:0;pointer-events:none}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);color:#1c2a44;background:#0812288c;justify-content:center;align-items:center;padding:16px;font:400 16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;animation:.2s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{background:#fffaf3;border-radius:22px;width:min(440px,100%);max-height:90vh;padding:22px 22px 18px;animation:.25s ease-out rise;overflow:auto;box-shadow:0 20px 60px #00000073}.modal-card h2{margin:0 0 10px;font-size:21px}.modal-card p{margin:8px 0}.modal-card ul{margin:8px 0;padding-left:20px}.modal-card li{margin:6px 0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;color:#1c2a44;background:#e9e1d4;border:0;border-radius:999px;padding:12px 20px;font:600 15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn.primary{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));color:#3a1230}.btn.danger{color:#8c1c13;background:#f6d9d6}.btn:active{transform:scale(.96)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (max-width:520px){.modal-backdrop{align-items:flex-end;padding:0}.modal-card{width:100%;padding-bottom:calc(18px + var(--safe-b));border-radius:22px 22px 0 0}}.modal-card.wide{flex-direction:column;width:min(600px,100%);display:flex;overflow:hidden}.modal-card.wide>.guide-panel,.modal-card.wide>.tpl-grid,.modal-card.wide>.tpl-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.modal-card.wide>.modal-actions{flex:none}.muted{color:#5b6a85;font-size:15px}.tpl-body{padding-right:4px}.tpl-body .guide-tabs{grid-template-columns:repeat(2,auto);justify-content:start;margin-top:12px}.tpl-group{margin:18px 0 0;font-size:16px}.tpl-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:max-content;align-content:start;gap:10px;margin-top:12px;display:grid}@media (min-width:560px){.tpl-grid{grid-template-columns:repeat(3,1fr)}}.tpl{color:#1c2a44;cursor:pointer;background:#fff;border:2px solid #eadfcb;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:10px 8px 12px;font:600 14px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.tpl:hover{border-color:#ffb347}.tpl:active{transform:scale(.97)}.tpl img{aspect-ratio:360/330;object-fit:contain;flex:none;width:100%;height:auto}.tpl span{flex:none}.guide-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin:4px 0 14px;display:grid}@media (min-width:560px){.guide-tabs{grid-template-columns:repeat(4,auto);justify-content:start}}.gtab{cursor:pointer;color:#1c2a44;text-align:center;background:#efe7d9;border:0;border-radius:999px;min-height:44px;padding:10px 14px;font:600 14px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.gtab[aria-selected=true]{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));color:#3a1230}.guide-panel{outline:none;padding-right:10px}.guide-panel .lead{margin-top:0;font-size:17px;font-weight:600}.guide-panel h3{margin:20px 0 6px;font-size:16px}.steps{counter-reset:st;margin:8px 0;padding:0;list-style:none}.steps li{counter-increment:st;min-height:28px;margin:10px 0;padding-left:40px;position:relative}.steps li:before{content:counter(st);text-align:center;color:#3a1230;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));border-radius:50%;width:28px;height:28px;font-size:14px;font-weight:700;line-height:28px;position:absolute;top:-1px;left:0}.fixes{margin:6px 0;padding-left:20px}.note{background:#f4ecdd;border-radius:12px;margin:10px 0;padding:10px 14px;font-size:15px}.callout{color:#5c4300;background:#fff1b8;border-radius:12px;margin:16px 0 4px;padding:12px 14px;font-size:15px}.callout.warn{color:#7a2018;background:#fde3df}.guide-art{max-width:280px;margin:10px auto}.guide-art svg{width:100%;height:auto;display:block}.guide-cta{margin:12px 0 4px}.qr{background:#fff;border-radius:12px;margin:12px auto;padding:8px;display:block}.tvhint{font-weight:600;margin-bottom:4px!important}.tvaddr{text-align:center;color:#1c2a44;background:#fff;border:2px solid #ffb347;border-radius:14px;padding:10px 8px 12px;font-family:ui-monospace,Menlo,Consolas,monospace}.tvbase{color:#5b6a85;font-size:17px;font-weight:600}.tvcode{letter-spacing:6px;font-size:40px;font-weight:800;line-height:1.15}.tvnote{color:#5b6a85;font-size:13px;margin-top:6px!important}.linkbox{box-sizing:border-box;color:#1c2a44;background:#fff;border:1px solid #d8cdbb;border-radius:12px;width:100%;padding:10px 12px;font:13px ui-monospace,Menlo,Consolas,monospace}.busy{z-index:15;-webkit-backdrop-filter:blur(6px);color:#fff;background:#08122899;flex-direction:column;justify-content:center;align-items:center;gap:18px;font:600 18px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.busy img{object-fit:contain;border-radius:14px;width:min(46vw,240px);max-height:38vh;animation:2.4s ease-in-out infinite float;box-shadow:0 8px 30px #00000073}.spinner{border:4px solid #ffffff4d;border-top-color:#ffb347;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)rotate(-1.5deg)}}.toast{left:50%;top:calc(18px + env(safe-area-inset-top,0px));z-index:30;color:#fff;background:#122442e0;border-radius:999px;padding:12px 20px;font:600 15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:opacity .4s;position:fixed;transform:translate(-50%)}.toast.hide{opacity:0}.cam{z-index:25;color:#fff;touch-action:none;background:#000;font:600 15px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0}.cam-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cam-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cam-x{left:14px;top:calc(14px + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;width:46px;height:46px;font-size:20px;position:absolute}.cam-hint{left:70px;right:14px;top:calc(14px + env(safe-area-inset-top,0px));box-sizing:border-box;-webkit-backdrop-filter:blur(6px);background:#081024b8;border-radius:23px;align-items:center;gap:10px;min-height:46px;padding:8px 16px;transition:background .25s;display:flex;position:absolute}.cam-hint.ok{background:#187846d9}.cam-dot{background:#ffd166;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #ffd16640}.cam-hint.ok .cam-dot{background:#46e08a;box-shadow:0 0 0 4px #46e08a4d}.cam-bar{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;gap:36px;display:flex;position:absolute}.cam-shutter{cursor:pointer;background:#ffffff2e;border:4px solid #fff;border-radius:50%;width:78px;height:78px;padding:0;position:relative}.cam-shutter:active{transform:scale(.94)}.cam-ring{background:conic-gradient(#46e08a var(--p,0deg), #fff0 0);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;-webkit-mask:radial-gradient(circle,#0000 0,#0000 calc(50% - 5px),#000 calc(50% - 4px));mask:radial-gradient(circle,#0000 0,#0000 calc(50% - 5px),#000 calc(50% - 4px))}.cam-ring.on{opacity:1}.cam-shutter:after{content:"";background:#fff;border-radius:50%;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.cam-side{color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;width:52px;height:52px;font-size:22px}.cam-side.hidden{visibility:hidden}.cam-side.active{background:#ffd166}.cam-tap{position:absolute;top:78px;bottom:130px;left:0;right:0}.cam-focus-ring{opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;position:absolute}.cam-focus-ring.go{animation:.9s ease-out focus}@keyframes focus{0%{opacity:1;transform:scale(1.5)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.cam-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.cam-flash.go{animation:.35s ease-out shot}@keyframes shot{0%{opacity:.85}to{opacity:0}}.home{z-index:10;justify-content:center;align-items:center;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.home-card{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);background:#10203e8c;border-radius:26px;width:min(460px,100%);padding:28px 26px;box-shadow:0 16px 50px #0006}.home-card h1{margin:0 0 10px;font-size:32px}.home-card p{margin:0 0 18px;font-size:17px;line-height:1.45}.home-card ol{text-align:left;counter-reset:s;margin:0 0 22px;padding:0;list-style:none}.home-card li{counter-increment:s;margin:10px 0;padding-left:40px;font-size:16px;position:relative}.home-card li:before{content:counter(s);text-align:center;color:#3a1230;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));border-radius:50%;width:28px;height:28px;font-weight:700;line-height:28px;position:absolute;top:-2px;left:0}.home-card .btn{padding:15px 28px;font-size:17px}.home-links{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.link{color:#ffffffd9;cursor:pointer;background:0 0;border:0;padding:6px 10px;font:500 14px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;text-decoration:underline}.bad{color:#b3261e;min-height:1.3em;font-size:14px}.switch-row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;font-weight:600;display:flex}.switch-row.vol{margin-top:4px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#cfc6b6;border-radius:999px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:#2fbf71}.switch:checked:after{transform:translate(22px)}.switch:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.volume:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.volume{accent-color:#f0764a;flex:1;max-width:220px;height:44px}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.tv-hint{z-index:6;color:#fff;background:var(--ui-bg);white-space:nowrap;pointer-events:none;border-radius:999px;padding:14px 28px;font:600 26px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:opacity 1s;position:fixed;bottom:5%;left:50%;transform:translate(-50%)}.tv-hint.gone{opacity:0}
