:root{color-scheme:dark;font-family:Epilogue,sans-serif;font-weight:400;line-height:1.6;--bg-obsidian: #030305;--bg-panel: rgba(15, 15, 20, .4);--border-glass: rgba(255, 255, 255, .08);--accent-gold: #D4AF37;--accent-cyan: #00E5FF;--text-main: #F4F4F5;--text-muted: #A1A1AA;--safe-top: max(1.5rem, env(safe-area-inset-top));--safe-bottom: max(1.5rem, env(safe-area-inset-bottom))}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg-obsidian);color:var(--text-main);-webkit-font-smoothing:antialiased}h1,h2,h3,.logo span,.beacon-overline{font-family:Syne,sans-serif;font-weight:800}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.hidden{display:none!important}.app-shell{position:relative;width:100%;height:100%}.ar-container{position:absolute;inset:0;z-index:0}.ambient-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;transition:opacity .8s ease}[data-ar-state=live] .ambient-bg{opacity:0}.orb{position:absolute;border-radius:50%;filter:blur(120px);mix-blend-mode:screen;opacity:.5;animation:float 20s infinite ease-in-out alternate}.orb-1{width:50vw;height:50vw;background:#2d0a4e;top:-10%;left:-10%;animation-delay:0s}.orb-2{width:40vw;height:40vw;background:#064551;bottom:10%;right:-5%;animation-delay:-5s}.orb-3{width:60vw;height:60vw;background:#141103;bottom:-20%;left:20%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-50px) scale(1.1)}}.noise-overlay{position:absolute;inset:0;background:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');opacity:.04;mix-blend-mode:overlay}.ui-layer{position:absolute;inset:0;z-index:9999;display:flex;flex-direction:column;pointer-events:none}.top-nav{padding:var(--safe-top) 1.5rem 0;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.logo{display:flex;align-items:center;gap:.75rem;color:var(--text-main);text-shadow:0 0 20px rgba(255,255,255,.2)}.logo-icon{width:24px;height:24px;color:var(--accent-gold)}.logo span{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.status-pill{font-size:.85rem;padding:.4rem 1rem;border-radius:99px;background:var(--bg-panel);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-muted);box-shadow:0 4px 12px #0003;transition:all .3s ease}.status-pill[data-tone=pending]{border-color:#d4af3766;color:var(--accent-gold);box-shadow:0 0 15px #d4af3733}.status-pill[data-tone=success]{border-color:#00e5ff66;color:var(--accent-cyan);box-shadow:0 0 15px #00e5ff33}.status-pill[data-tone=error]{border-color:#ff505066;color:#ff5050;box-shadow:0 0 15px #ff505033}.idle-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 1.5rem var(--safe-bottom);gap:3rem;pointer-events:auto;transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}[data-ar-state=live] .idle-content{opacity:0;transform:translateY(20px);pointer-events:none}.hero{max-width:38rem;display:flex;flex-direction:column;gap:1.25rem}.hero .title{font-size:clamp(2.5rem,9vw,4.5rem);line-height:1.05;background:linear-gradient(135deg,#FFF 30%,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 4px 30px rgba(212,175,55,.1);margin-bottom:.5rem}.hero .subtitle{font-size:1.05rem;color:var(--text-muted);max-width:32ch;line-height:1.5}.action-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;font-weight:600;padding:1rem 1.75rem;border-radius:100px;transition:all .3s cubic-bezier(.16,1,.3,1)}.primary-btn{background:var(--text-main);color:var(--bg-obsidian);box-shadow:0 0 #fff3}.primary-btn:hover:enabled{transform:scale(1.02);box-shadow:0 0 30px #ffffff4d}.primary-btn:disabled{opacity:.6;cursor:wait}.primary-btn svg{width:1.25rem;height:1.25rem}.secondary-btn{background:var(--bg-panel);border:1px solid var(--border-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-main)}.secondary-btn:hover{background:#28283280;border-color:#fff3}.showcase{display:flex;flex-direction:column;gap:1.25rem}.showcase-header{display:flex;justify-content:space-between;align-items:center}.showcase-header h2{font-size:1.2rem;letter-spacing:.05em;color:var(--text-main)}.scanner-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass) 10%,var(--border-glass) 90%,transparent);margin-left:1.5rem;position:relative}.scanner-line:after{content:"";position:absolute;top:-1px;left:0;width:30px;height:3px;background:var(--accent-cyan);border-radius:99px;box-shadow:0 0 10px var(--accent-cyan);animation:scan 4s ease-in-out infinite alternate}@keyframes scan{0%{left:0%}to{left:calc(100% - 30px)}}.card-track{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem;scroll-snap-type:x mandatory}.card-track::-webkit-scrollbar{display:none}.totem-card{position:relative;min-width:16.5rem;padding:1.25rem;border-radius:20px;background:var(--bg-panel);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scroll-snap-align:start;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.totem-card:hover{border-color:#fff3;transform:translateY(-2px)}.totem-card-bg{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 60%);pointer-events:none;transition:all .5s ease}.totem-index{font-family:Syne,sans-serif;font-weight:800;font-size:2.8rem;line-height:1;color:#ffffff0d;position:absolute;top:1rem;right:1rem}.totem-info{position:relative;z-index:1}.totem-info strong{display:block;font-size:1.15rem;margin-bottom:.25rem;font-weight:600}.totem-info small{color:var(--text-muted);font-size:.85rem}.totem-status{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.status-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.status-text{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.totem-card[data-loading=true] .status-dot{background:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold);animation:pulse-dot 1s infinite alternate}.totem-card[data-loading=true] .totem-card-bg{background:radial-gradient(circle at top right,rgba(212,175,55,.15),transparent 60%)}.totem-card[data-loaded=true] .status-dot{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.totem-card[data-active=true]{border-color:#00e5ff80;background:#00e5ff14}.totem-card[data-active=true] .totem-card-bg{background:radial-gradient(circle at top right,rgba(0,229,255,.2),transparent 70%)}@keyframes pulse-dot{0%{opacity:.4}to{opacity:1}}.live-controls{position:absolute;top:auto;bottom:var(--safe-bottom);right:1.5rem;display:flex;flex-direction:column;gap:1rem;pointer-events:auto;opacity:0;transform:translate(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}[data-ar-state=live] .live-controls{opacity:1;transform:translate(0)}.round-btn{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;color:var(--text-main);box-shadow:0 8px 24px #0000004d;transition:all .3s ease}.round-btn svg{width:1.5rem;height:1.5rem}.round-btn:hover:enabled{background:#32323c99;transform:scale(1.05)}.danger-btn:hover:enabled{background:#ff505033;border-color:#ff505080;color:#ff5050}.beacon-panel{position:absolute;top:auto;bottom:var(--safe-bottom);left:1.5rem;right:6rem;pointer-events:none;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1) .1s}[data-ar-state=live] .beacon-panel{opacity:1;transform:translateY(0)}.beacon-content{background:var(--bg-panel);border:1px solid var(--border-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:1.1rem;border-radius:20px;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #0006}.beacon-ring{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-cyan);animation:spin 2s linear infinite}.beacon-text{display:flex;flex-direction:column}.beacon-overline{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:.15rem}.beacon-text strong{font-size:1.05rem;color:var(--text-main);margin-bottom:.15rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.beacon-text p{font-size:.8rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.hero .title{font-size:5.5rem}.idle-content{padding-left:4rem;padding-right:4rem;padding-bottom:4rem;justify-content:center}.top-nav{padding:2.5rem 4rem 0}.card-track{margin:0;padding-left:0;padding-right:0}.beacon-panel{bottom:2.5rem;left:4rem;max-width:24rem}.live-controls{bottom:2.5rem;right:4rem}}