:root{--bg: #05070a;--text: #f3efe6;--muted: #9aa1ac;--accent: #e8a94b;--panel: rgba(9, 12, 16, .78);--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Noto Naskh Arabic,Noto Sans Arabic,sans-serif;user-select:none;-webkit-user-select:none;cursor:none}.kiosk{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg)}.core-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.attract-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;letter-spacing:.32em;animation:breathe 6s ease-in-out infinite;pointer-events:none}.wordmark-line{display:block;font-size:4.4vh;font-weight:300;opacity:.9}.wordmark-line.accent{color:var(--accent);font-weight:600;font-size:3.2vh;margin-top:.6vh}@keyframes breathe{0%,to{opacity:.72;letter-spacing:.32em}50%{opacity:1;letter-spacing:.36em}}.result-layer{position:absolute;inset:0;animation:result-in .9s cubic-bezier(.2,.8,.2,1) both}@keyframes result-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.result-image-wrap{position:absolute;inset:0}.result-image{width:100%;height:100%;object-fit:cover;animation:slow-drift 24s ease-in-out infinite alternate}@keyframes slow-drift{0%{transform:scale(1.03) translate3d(-.6%,-.4%,0)}to{transform:scale(1.08) translate3d(.6%,.4%,0)}}.result-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,#0000 42%,#040609f0 96%)}.result-brand{position:absolute;top:4vh;inset-inline-start:4vw;display:flex;align-items:center;gap:1.2vh}.brand-bar{display:block;width:.42vh;height:3.4vh;background:var(--accent);border-radius:.2vh}.brand-text{letter-spacing:.28em;font-size:1.9vh;color:#f3efe6e6}.result-content{position:absolute;inset-inline-start:4vw;inset-inline-end:24vw;bottom:6vh}.result-layer.composed .result-brand,.result-layer.composed .result-content,.result-layer.composed .qr-panel{inset-inline-start:auto;inset-inline-end:auto;top:auto;bottom:auto}.result-layer.composed .result-content{display:flex;align-items:center}.result-layer.composed .qr-frame{width:100%;height:auto;aspect-ratio:1 / 1}.suggestions{list-style:none;margin:0;padding:0;display:flex;gap:3vw}.suggestions li{display:flex;align-items:center;gap:1.1vw;font-size:2.1vh;color:#f0ece2f0;max-width:26vw;line-height:1.35;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.suggestions li svg{color:var(--accent);flex:0 0 auto;width:3.4vh;height:3.4vh}@keyframes rise{0%{opacity:0;transform:translateY(1.6vh)}to{opacity:1;transform:none}}.qr-panel{position:absolute;inset-inline-end:4vw;bottom:6vh;transform-origin:100% 100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}[dir=rtl] .qr-panel{transform-origin:0% 100%}.qr-frame{background:#fff;padding:1.1vh;border-radius:1.2vh;box-shadow:0 1.4vh 4vh #00000080;width:15vh;height:15vh;display:grid;place-items:center}.qr-frame svg{width:100%;height:100%;display:block}.qr-phase .qr-panel{transform:scale(1.75) translateY(-2vh)}.qr-phase .suggestions{opacity:.35;transition:opacity .6s ease}.caption{position:absolute;left:50%;bottom:6vh;transform:translate(-50%);font-size:2.4vh;letter-spacing:.04em;color:#f3efe6d1;background:var(--panel);padding:1vh 2.4vh;border-radius:999px;border:1px solid var(--line);backdrop-filter:blur(6px);max-width:70vw;text-align:center}.state-presenting .caption,.state-qr .caption{bottom:26vh}.state-offline .core-canvas{filter:saturate(.72)}.link-state{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dev-simulator{position:absolute;top:2vh;right:2vh;width:340px;max-height:92vh;overflow:auto;background:#080a0ef5;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:12px;color:#d8dbe0;cursor:default;user-select:text;box-shadow:0 24px 60px #0009}.dev-simulator header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dev-simulator button{background:#1a1f27;color:#e6e9ee;border:1px solid #2b323c;border-radius:7px;padding:6px 10px;font-size:12px;cursor:pointer}.dev-simulator button:hover{background:#232a33}.dev-grid{display:grid;grid-template-columns:88px 1fr;gap:4px 8px;margin:0 0 12px}.dev-grid dt{color:#8891a0}.dev-grid dd{margin:0;overflow-wrap:anywhere}.dev-grid .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.dev-grid .warn{color:#e8a94b}.meter{display:block;height:8px;background:#1a1f27;border-radius:4px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);transition:width 90ms linear}.dev-actions,.dev-script{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dev-script button{text-align:start;max-width:100%}.dev-say{display:flex;gap:6px}.dev-say input{flex:1;background:#11161d;border:1px solid #2b323c;border-radius:7px;color:#e6e9ee;padding:7px 9px;font-size:12px}@media(prefers-reduced-motion:reduce){.attract-wordmark,.result-image,.result-layer,.suggestions li{animation:none!important}}.result-layer-placeholder{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:2}.result-composition,.result-composition>svg{display:block;width:100%;height:100%}