@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f3f8ef;background:#092019;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c9ef72;outline-offset:3px}.shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0}.camera-stage{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 42%,#26473a,#07150f 72%)}#camera,#frozen-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#frozen-frame,.frozen #camera{display:none}.frozen #frozen-frame{display:block}.still-image #frozen-frame{object-fit:contain}.camera-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,17,12,.72),transparent 26%,transparent 53%,rgba(2,17,12,.88))}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;padding:calc(18px + env(safe-area-inset-top)) 26px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:9px;font:700 20px Space Grotesk,sans-serif;letter-spacing:-.04em}.brand-mark{width:18px;height:18px;background:#c9ef72;border-radius:5px 5px 5px 1px;transform:rotate(-18deg)}.brand small{color:#c9ef72;font:600 10px Space Grotesk,sans-serif;letter-spacing:.12em;margin-left:2px}.status{padding:8px 11px;border:1px solid #e1efe464;border-radius:999px;background:#0c241ccc;font-size:11px;white-space:nowrap}.empty-state{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 22px 250px}.empty-state[hidden]{display:none}.focus-corners{width:min(45vw,250px);height:min(32vw,180px);border:2px solid #c9ef72;border-radius:20px;opacity:.55;box-shadow:0 0 40px #c9ef7233;margin-bottom:34px}h1{font:600 clamp(34px,4vw,64px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:0 0 16px}.empty-state p{max-width:340px;line-height:1.6;color:#d1e3d8;margin:0 0 26px}.primary-button{color:#132818;background:#c9ef72;border:0;border-radius:999px;padding:15px 27px;font-weight:700;box-shadow:0 10px 35px #c9ef7240}.image-button{color:#d9ecda;border-bottom:1px solid #d9ecda88;padding:10px 2px 3px;margin-top:11px;font-size:13px;cursor:pointer}.overlays{position:absolute;inset:0;z-index:2;pointer-events:none}.price-overlay{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);padding:5px 12px;border:2px solid #e5ff9a;border-radius:9px;background:#d6f78d;color:#152617;box-shadow:0 6px 20px #001b0fa8;font:700 clamp(15px,2vw,24px) "Space Grotesk",sans-serif;white-space:nowrap}.bottom-panel{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:12px 24px calc(19px + env(safe-area-inset-bottom))}.readout{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#d3e6d7;margin-bottom:14px}.toolbar{display:flex;align-items:end;justify-content:center;gap:12px;padding:14px;background:#163025e6;border:1px solid #c7e7c646;border-radius:18px;box-shadow:0 16px 40px #00150e77}.toolbar label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a5c7b2}.toolbar select{width:100%;color:#f4ffe7;background:transparent;border:0;border-bottom:1px solid #b6ceae88;border-radius:0;padding:5px 0 7px;font-size:16px;font-weight:700}.toolbar option{background:#173226}.exchange-arrow{align-self:center;font-size:24px;color:#c9ef72}.icon-button{border:1px solid #b5d5b57a;background:#2a4936;color:#fff;padding:10px 14px;border-radius:11px;font-size:13px;white-space:nowrap}.privacy-note{font-size:11px;color:#bcd1c2;margin:12px 0 2px;text-align:center}.attribution{display:block;text-align:center;font-size:10px;color:#bcd1c2}.eval-panel{padding:28px 22px;background:#edf2e8;color:#1b3425;display:flex;flex-direction:column;gap:16px}.eval-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font:700 20px Space Grotesk,sans-serif}.eval-heading span:last-child{font:600 11px DM Sans,sans-serif;color:#4d7057;text-align:right}.eval-panel p{color:#526b58;margin:0;font-size:13px;line-height:1.55}.trial-controls,.result-controls{display:flex;flex-wrap:wrap;gap:7px}.trial-controls input{width:100%;padding:11px 12px;border:1px solid #b8cabb;border-radius:9px;background:#fff}.eval-panel button{border:1px solid #b2c7b1;border-radius:9px;background:#fff;color:#1b3425;padding:10px 11px;font-weight:700;font-size:12px}.trial-controls button{width:100%;background:#163c2b;color:#fff}.result-controls button{flex:1}.metrics{display:grid;gap:1px;background:#cbdbcb;border:1px solid #cbdbcb;border-radius:12px;overflow:hidden}.metrics div{display:flex;align-items:baseline;justify-content:space-between;background:#fff;padding:12px}.metrics span{color:#66806d;font-size:12px}.metrics strong{font:700 18px Space Grotesk,sans-serif}.eval-panel .message{color:#9d4918;min-height:20px}@media(max-width:800px){.shell{display:block}.camera-stage{min-height:100dvh}.eval-panel{min-height:350px}.topbar{padding-left:16px;padding-right:16px}.bottom-panel{padding-left:12px;padding-right:12px}.toolbar{gap:8px;padding:12px}.toolbar select{font-size:14px}.icon-button{padding:9px}.readout{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important}}