*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0b0d10;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#app{position:fixed;inset:0}#ar-stage{position:absolute;inset:0;overflow:hidden;background:linear-gradient(140deg,#0b0d10,#111821 52%,#0b0d10)}#ar-stage.is-camera-active{background:#000}#ar-stage>.camera-feed{position:absolute!important;z-index:0!important;display:block;object-fit:cover;transform:translateZ(0);background:#000}#ar-stage>.ar-render-layer{z-index:1!important;background:transparent!important;transform:translateZ(0)}#ar-stage>.ar-css-layer{z-index:2!important;pointer-events:none;transform:translateZ(0)}.top-bar{position:fixed;top:max(14px,env(safe-area-inset-top));left:0;right:0;z-index:6;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.status{max-width:min(520px,calc(100vw - 32px));min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0a0d12b8;color:#f8fafc;box-shadow:0 10px 36px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;line-height:1.35;font-size:14px}.status[data-state=tracking]{border-color:#22c55e8c}.status[data-state=error]{border-color:#f87171b3}.start-panel{position:fixed;inset:0;z-index:5;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:20px;padding:max(76px,calc(env(safe-area-inset-top) + 64px)) 22px max(28px,env(safe-area-inset-bottom));background:linear-gradient(#080a0d4d,#080a0de6),#0b0d10;transition:opacity .18s ease,visibility .18s ease}.start-panel.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.scan-guide{position:fixed;inset:0;z-index:4;display:none;grid-template-rows:minmax(0,1fr) auto minmax(72px,.42fr);justify-items:center;align-items:center;padding:max(72px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));pointer-events:none}.scan-guide.is-active{display:grid}.scan-frame{position:relative;width:min(72vw,42vh,380px);aspect-ratio:846 / 1200;border:1px solid rgba(255,255,255,.34);border-radius:6px;background:#ffffff05;box-shadow:0 0 0 999px #04070b2e}.scan-frame span{position:absolute;width:30px;height:30px;border-color:#f59e0b;border-style:solid}.scan-frame span:nth-child(1){top:-2px;left:-2px;border-width:3px 0 0 3px;border-top-left-radius:6px}.scan-frame span:nth-child(2){top:-2px;right:-2px;border-width:3px 3px 0 0;border-top-right-radius:6px}.scan-frame span:nth-child(3){right:-2px;bottom:-2px;border-width:0 3px 3px 0;border-bottom-right-radius:6px}.scan-frame span:nth-child(4){bottom:-2px;left:-2px;border-width:0 0 3px 3px;border-bottom-left-radius:6px}.scan-guide.is-tracking .scan-frame span{border-color:#22c55e}.scan-guide.is-missing .scan-frame span{border-color:#fbbf24}.scan-guide-text{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:8px;background:#0a0d12ad;color:#f8fafc;font-size:14px;line-height:1.35;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cover-preview{align-self:end;width:min(42vh,70vw,340px);max-height:58vh;aspect-ratio:846 / 1200;object-fit:cover;border-radius:6px;box-shadow:0 26px 80px #0000006b}.start-copy{width:min(520px,100%);text-align:center}.start-copy h1{margin:0 0 8px;font-size:clamp(28px,5vw,44px);line-height:1.05;font-weight:760;letter-spacing:0}.start-copy p{margin:0;color:#cbd5e1;font-size:15px;line-height:1.6}.primary-button,.icon-button{border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#101418;background:#f59e0b;cursor:pointer;touch-action:manipulation}.primary-button{width:min(320px,100%);min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;font-weight:700;font-size:17px}.primary-button.is-loading:before{width:17px;height:17px;flex:0 0 17px;border:2px solid rgba(16,20,24,.28);border-top-color:#101418;border-radius:50%;content:"";animation:button-spin .72s linear infinite}.primary-button:disabled,.icon-button:disabled{cursor:wait;opacity:.58}.controls{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:6;display:flex;gap:10px}.start-panel:not(.is-hidden)~.controls{display:none}.icon-button{min-width:64px;min-height:42px;padding:0 14px;background:#f8fafce6;font-size:14px}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.primary-button.is-loading:before{animation-duration:1.4s}}@media(min-width:760px){.start-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(280px,380px) minmax(320px,520px);align-items:center;justify-content:center;column-gap:48px;padding-left:44px;padding-right:44px}.cover-preview{grid-row:1 / span 2;width:min(34vw,380px);max-height:76vh}.start-copy{align-self:end;text-align:left}.primary-button{align-self:start;justify-self:start}}