:root{color:#51350f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f0e1;font-family:system-ui,Noto Sans TC,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #ffd985}.stage{background:#f7f0e1;position:fixed;inset:0;overflow:hidden}.stage canvas{touch-action:manipulation;width:100%;height:100%;display:block}.stage video{display:none}.stage.preview{background:radial-gradient(at 50% 38%,#fff9e8 0,#e8c982 45%,#987026 100%)}.controls{inset:auto 0 max(22px,env(safe-area-inset-bottom));z-index:3;pointer-events:none;justify-content:center;align-items:center;gap:40px;display:flex;position:absolute}.controls button{pointer-events:auto}.icon{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0004;border:1px solid #ffffff65;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.shutter{background:0 0;border:3px solid #fff;border-radius:50%;width:76px;height:76px;padding:5px;box-shadow:0 2px 12px #0005}.shutter:before{content:"";background:#fff;border-radius:50%;width:100%;height:100%;display:block}.shutter:active:before{transform:scale(.92)}.launch{width:68px;height:68px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden{display:none!important}.flash{pointer-events:none;opacity:0;z-index:5;background:#f9e8c8;transition:opacity .45s;position:absolute;inset:0}.flash.on{opacity:1}dialog{color:#51350f;background:#fff9ee;border:1px solid #e4be7080;border-radius:18px;width:calc(100% - 32px);max-width:420px;max-height:94svh;padding:20px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a}dialog img{object-fit:contain;border-radius:8px;width:100%;max-height:70svh;display:block}dialog p{font-size:16px;line-height:1.8}dialog .row{justify-content:center;gap:25px;margin-top:20px;display:flex}dialog a{text-decoration:none}.retry{color:#322610;background:#eed99d;border:1px solid #d9ba70;border-radius:10px;padding:12px 22px;font-size:16px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}button:disabled{opacity:.3;pointer-events:none}.guidance{top:max(24px,env(safe-area-inset-top));box-sizing:border-box;color:#3b2c13;text-align:center;pointer-events:none;z-index:4;background:#fff3dfed;border-radius:14px;width:max-content;max-width:calc(100% - 48px);padding:12px 18px;font-size:16px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #0002}.live{bottom:max(24px,env(safe-area-inset-bottom));color:#382708;z-index:4;background:#f6dfaa;border:1px solid #d7aa51;border-radius:24px;padding:12px 22px;font-size:16px;position:absolute;left:50%;transform:translate(-50%)}.stage:not([data-phase=armed]) .live{display:none}.controls{justify-content:center;gap:16px;padding:0 18px}.photo-action{pointer-events:auto;color:#fff5dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#211b14b8;border:1px solid #fff3;border-radius:12px;min-height:52px;padding:12px 18px;font-size:16px}.controls #switch{right:20px;top:max(24px,env(safe-area-inset-top));position:fixed}.controls #replay{right:20px;top:max(86px,calc(env(safe-area-inset-top) + 62px));width:38px;height:38px;position:fixed}.controls .shutter{flex-shrink:0}@media (width>=600px){.stage{max-width:480px;margin:auto}.controls #switch,.controls #replay{position:absolute}}.controls{bottom:max(28px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:14px;padding:0 14px;display:grid}.photo-action{white-space:nowrap;background:#27231fc4;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:60px;padding:12px 8px;font-weight:600;display:flex}.photo-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:27px;height:27px}.controls #switch{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;position:absolute;top:auto;bottom:calc(100svh - 110px);right:20px}.controls #switch svg{width:31px;height:31px}.controls #replay{opacity:.65;width:32px;height:32px;position:absolute;top:auto;bottom:82px;right:22px}.shutter{width:78px;height:78px}body{background:radial-gradient(at 20% 0,#fffdf8,#f1e2c3 70%,#dfc58e)}.guidance{color:#70480e;background:linear-gradient(135deg,#fffdf6f5,#fff0cdf2);border:1px solid #d9b36680;box-shadow:0 4px 20px #81541016}.live,.retry{color:#4c2e06;background:linear-gradient(135deg,#ffe6a4,#e9b74c 55%,#c88b25);border:1px solid #c28b35;box-shadow:0 3px 12px #98601630}.photo-action{color:#fff6de;background:linear-gradient(135deg,#76521acf,#493112d9);border:1px solid #eccc8980;box-shadow:0 3px 12px #48300e24}.icon{color:#8b601b;background:#fff8e2d9;border-color:#d9b567}.controls #switch{color:#fff7e4;filter:drop-shadow(0 1px 3px #62430b)}.shutter{background:#ecd09333;border-color:#fff9e9;box-shadow:0 0 0 1px #bd8b39,0 3px 18px #79531940}.shutter:before{background:linear-gradient(145deg,#fffef9,#ffefc6)}dialog{border-color:#d5ad60;box-shadow:0 12px 50px #61431840}dialog::backdrop{background:#35260db3}button:focus-visible,a:focus-visible{outline-color:#b77a12}.controls{justify-content:center;gap:0;display:flex}.controls .shutter{flex:0 0 78px}