:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:manipulation;width:100%;height:100%}body{-webkit-user-select:none;user-select:none;margin:0;position:fixed;inset:0;overflow:hidden}button{font:inherit}.ar-experience{background:radial-gradient(circle at 50% 42%,#ffffff1a,#0000 38%),#050505;width:100vw;height:100svh;min-height:100svh;position:relative;overflow:hidden}.camera-feed,.ar-canvas{width:100%;height:100%;position:absolute;inset:0}.camera-feed{object-fit:cover;opacity:0;transition:opacity .36s}.camera-ready .camera-feed{opacity:1}.ar-canvas{z-index:1;pointer-events:auto;touch-action:none}.ar-experience:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000003d,#0000 24%),linear-gradient(#0000 58%,#000000b8);position:absolute;inset:0}.brand-mark{width:clamp(112px,26vw,176px);height:auto;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:3;filter:drop-shadow(0 8px 22px #0000008f);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.final-copy{width:min(920px,100% - 28px);left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:3;text-align:center;text-wrap:balance;text-shadow:0 2px 24px #000000d9;opacity:0;transition:opacity .52s,transform .52s;position:absolute;transform:translate(-50%)translateY(12px)}.reveal-complete .final-copy{opacity:1;transform:translate(-50%)translateY(0)}.final-copy p,.final-copy a{letter-spacing:0;margin:0;display:block}.final-copy p{font-size:clamp(1.75rem,6.8vw,4.7rem);font-weight:950;line-height:1.02}.final-copy a{color:#ff6f55;text-underline-offset:.16em;margin-top:10px;font-size:clamp(1rem,3.8vw,2rem);font-weight:900;line-height:1.1;text-decoration:none}.final-copy a:active,.final-copy a:hover{text-decoration:underline}.camera-fallback,.reveal-control{z-index:4;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.operation-control{right:max(14px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top));z-index:4;pointer-events:none;position:absolute}.operation-control[hidden],.simulation-controls[hidden],.sim-open[hidden],.camera-fallback[hidden],.reveal-control[hidden]{display:none}.reveal-control{background:radial-gradient(circle,#00000057,#0000 42%);align-content:center}.start-ar,.reveal-model,.operation-step{color:#101010;cursor:pointer;pointer-events:auto;background:#ffffffeb;border:1px solid #ffffff59;border-radius:8px;min-width:154px;min-height:54px;padding:0 20px;font-weight:900;box-shadow:0 18px 54px #00000073}.reveal-model{color:#141414;background:#fffffff5;min-width:172px;min-height:58px;font-size:1.05rem;box-shadow:0 22px 68px #00000080,0 0 38px #ffffff2e}.reveal-model:active{transform:scale(.98)}.operation-step{color:#111;background:#ffffffe6;min-width:132px;min-height:44px;padding:0 14px;font-size:.86rem;box-shadow:0 14px 42px #00000061}.operation-step:active{transform:scale(.98)}.simulation-mode .brand-mark,.simulation-mode .final-copy,.simulation-mode .reveal-control,.simulation-mode .operation-control{display:none}.simulation-mode .ar-experience:after{background:linear-gradient(#0000 64%,#0003)}.simulation-controls{width:min(880px,100% - 24px);left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;touch-action:auto;background:#0e1213b8;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr)) repeat(4,auto);align-items:end;gap:10px;padding:10px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 16px 44px #00000057}.simulation-controls label{color:#ffffffd1;gap:6px;font-size:.72rem;font-weight:800;display:grid}.simulation-controls input{accent-color:#d8e0e3;pointer-events:auto;touch-action:pan-x;width:100%}.sim-reset,.sim-operation,.sim-action,.sim-open{color:#101010;pointer-events:auto;touch-action:manipulation;background:#ffffffe6;border:1px solid #ffffff42;border-radius:8px;min-height:36px;padding:0 12px;font-weight:900}.sim-action{min-width:74px}.sim-operation{min-width:132px}.sim-open{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:4;position:absolute;box-shadow:0 14px 38px #00000057}@media (orientation:landscape) and (height<=560px){.final-copy p{font-size:clamp(1.35rem,4.4vw,2.6rem)}.final-copy a{font-size:clamp(.95rem,2.4vw,1.3rem)}.operation-control{top:max(12px, env(safe-area-inset-top))}}@media (width<=620px){.simulation-controls{grid-template-columns:1fr}.sim-reset,.sim-operation,.sim-action{width:100%}}
