:root{--bg: #0e1116;--panel: rgba(20, 24, 32, .92);--accent: #4f8cff;--accent-press: #3a6fd0;--text: #f2f5fa;--muted: #9aa6b8;--danger: #ff6b6b;--radius: 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overscroll-behavior:none}#ar-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}#overlay{position:relative;z-index:1;height:100%}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.screen[hidden]{display:none}.screen[data-screen=bootstrap],.screen[data-screen=capture]{align-items:center;justify-content:center}.panel{width:min(440px,100%);max-height:100%;overflow-y:auto;background:var(--panel);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:12px}h1{margin:0;font-size:1.6rem}h2{margin:0;font-size:1.3rem}.hint{margin:0;color:var(--muted);font-size:.9rem}.status{margin:0;color:var(--accent);font-size:.85rem;min-height:1.1em}.result{margin:0;font-size:.9rem;line-height:1.4;white-space:pre-wrap}input[type=url]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2a313d;background:#11151c;color:var(--text);font-size:1rem}button{flex:1;padding:13px 16px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .12s ease,opacity .12s ease}button:active{background:var(--accent-press)}button.secondary{background:#232a35}button:disabled{opacity:.4;cursor:not-allowed}.row{display:flex;gap:10px}#image-preview{width:100%;max-height:38vh;object-fit:contain;border-radius:10px;background:#000}.ar-screen{justify-content:space-between;pointer-events:none}.ar-screen .ar-dock{pointer-events:auto}.ar-screen .ar-top,.ar-screen .ar-info{pointer-events:none}.ar-top{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.ar-banner{margin:0;padding:10px 14px;background:var(--panel);border-radius:10px;font-size:.9rem;text-align:center}.ar-info{display:flex;flex-direction:column;align-items:center;max-width:100%}.ar-exercise-name{margin:0;display:inline-block;padding:6px 12px;background:var(--panel);border-radius:999px;font-size:1rem;font-weight:700}.ar-info.show-instructions .ar-instructions{display:block}.ar-instructions{display:none;margin:8px 0 0;padding:12px 16px;max-height:30vh;overflow-y:auto;background:var(--panel);border-radius:var(--radius);font-size:.9rem;line-height:1.4;color:var(--muted);white-space:pre-wrap;pointer-events:auto}.ar-dock{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:8px}.drawer-handle{align-self:center;width:auto;flex:none;padding:9px 22px;border-radius:999px;background:var(--panel);font-size:.9rem}.ar-controls{display:flex;flex-direction:column;gap:10px;overflow:hidden;max-height:0;opacity:0;transform:translateY(8px);transition:max-height .25s ease,opacity .2s ease,transform .25s ease}.ar-dock.open .ar-controls{max-height:70vh;opacity:1;transform:translateY(0)}.ar-dock.open .drawer-handle{visibility:visible}.ar-start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:none;border-radius:0;background:var(--bg);color:var(--text);font-size:1.4rem;font-weight:700}.ar-start-overlay small{font-size:.85rem;font-weight:400;color:var(--muted)}.ar-start-overlay[hidden]{display:none}