*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--bg: #f7fbff;--surface: #ffffff;--surface-strong: #edf7f6;--ink: #17212b;--ink-soft: #5c6c7a;--primary: #007c89;--primary-dark: #005d66;--accent: #ffb547;--accent-dark: #b35f00;--danger: #b42318;--ring: #17212b;--border: #c9dde3;--shadow: 0 18px 50px rgba(17, 38, 54, .14)}html,body{min-height:100%;overflow-x:hidden}body{background:linear-gradient(135deg,rgba(0,124,137,.12),transparent 42%),radial-gradient(circle at 90% 8%,rgba(255,181,71,.24),transparent 22rem),var(--bg);color:var(--ink);font-family:Fredoka,Trebuchet MS,sans-serif;-webkit-tap-highlight-color:rgba(0,124,137,.18);touch-action:manipulation}button,a{font:inherit}button:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.skip-link{background:var(--ink);border-radius:0 0 8px 8px;color:#fff;left:1rem;padding:.7rem 1rem;position:fixed;top:0;transform:translateY(-120%);transition:transform .16s ease;z-index:100}.skip-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px;transform:translateY(0)}#app{display:flex;flex-direction:column;min-height:100dvh}#topbar{align-items:center;display:flex;gap:.75rem;padding:calc(.8rem + env(safe-area-inset-top)) 1rem .8rem;position:relative;z-index:10}#topbar h1{color:var(--ink);font-size:clamp(1.25rem,4vw,1.8rem);font-weight:700;line-height:1.05;text-wrap:balance}#back-btn{background:var(--surface);border:2px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);color:var(--ink);cursor:pointer;min-height:48px;min-width:72px;padding:.45rem 1rem;transition:transform .12s ease,box-shadow .12s ease,background-color .16s ease}#back-btn:hover{background:var(--surface-strong)}#back-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}#screen{flex:1;overflow-y:auto;position:relative;--ar-edge: 1rem;--ar-top: calc(1rem + env(safe-area-inset-top)) ;--ar-bottom: calc(1rem + env(safe-area-inset-bottom)) ;--ar-control: 56px;--ar-glow: 0 10px 30px rgba(0, 0, 0, .35)}.home-shell{margin-inline:auto;max-width:1100px;padding:.5rem 1rem 2rem;width:100%}.scanner-panel{align-items:end;background:linear-gradient(135deg,#fffffff5,#edf7f6f5),repeating-linear-gradient(90deg,transparent 0 24px,rgba(0,124,137,.05) 24px 25px);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:1.25rem;grid-template-columns:1fr auto;margin:.25rem 0 1rem;overflow:hidden;padding:1.25rem}.eyebrow{color:var(--primary-dark);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin-bottom:.45rem;text-transform:uppercase}.scanner-panel h2{font-size:clamp(1.35rem,5vw,2.45rem);line-height:1.05;max-width:13ch;text-wrap:balance}.panel-copy{color:var(--ink-soft);font-size:1rem;line-height:1.5;margin-top:.65rem;max-width:42rem}.deck-stats{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(80px,1fr))}.deck-stats div{background:var(--ink);border-radius:8px;color:#fff;min-width:86px;padding:.85rem;text-align:center}.deck-stats dt{font-size:1.55rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.deck-stats dd{color:#ffffffb8;font-size:.8rem;margin-top:.25rem}.visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.deck-search{margin:0 0 1rem}.deck-search-field{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #11263617;display:grid;gap:.6rem;grid-template-columns:auto 1fr auto;padding:.15rem .9rem;transition:border-color .14s ease,box-shadow .14s ease}.deck-search-field:focus-within{border-color:var(--primary);box-shadow:0 12px 30px #007c8929}.deck-search-icon{color:var(--primary);display:flex}.deck-search input{background:none;border:0;color:var(--ink);font-family:inherit;font-size:1.05rem;font-weight:500;min-width:0;outline:none;padding:.85rem 0}.deck-search input::placeholder{color:var(--ink-soft);opacity:1}.deck-search input::-webkit-search-cancel-button{appearance:none}.deck-search-clear{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;color:var(--ink-soft);cursor:pointer;font-size:.95rem;height:30px;line-height:1;width:30px}.deck-search-clear:hover{background:var(--ink);border-color:var(--ink);color:#fff}.deck-search-status{color:var(--ink-soft);font-size:.88rem;font-weight:600;min-height:1.2rem;padding:.35rem .2rem 0}.deck-search-reset{background:var(--primary);border:0;border-radius:8px;box-shadow:0 4px 0 var(--primary-dark);color:#fff;cursor:pointer;font-weight:600;margin-top:.4rem;padding:.7rem 1.1rem}.deck-search-reset:active{box-shadow:0 1px 0 var(--primary-dark);transform:translateY(3px)}.category-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.category-tile{--tile: var(--surface);align-items:start;animation:pop-in .32s ease-out both;animation-delay:var(--d, 0ms);background:var(--tile);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #11263617;color:var(--ink);cursor:pointer;display:grid;gap:.6rem;min-height:220px;padding:.75rem;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.category-tile:hover{border-color:var(--primary);box-shadow:0 14px 34px #007c8929;transform:translateY(-2px)}.category-tile:active{box-shadow:0 5px 14px #1126361f;transform:translateY(1px)}.tile-thumb{align-items:center;aspect-ratio:4 / 3;background:var(--surface-strong);border:1px solid var(--border);border-radius:7px;color:var(--primary-dark);display:flex;font-size:2rem;font-weight:700;justify-content:center;overflow:hidden;width:100%}.tile-thumb img{height:100%;object-fit:cover;pointer-events:none;width:100%}.tile-name{font-size:1.12rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.category-tile small{color:var(--ink-soft);font-size:.9rem;font-weight:600}.tile-matches{border-top:1px dashed var(--border);color:var(--primary-dark);font-size:.82rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere;padding-top:.45rem}.tile-warning{align-self:end;background:#fff4d6;border:1px solid #ffd98a;border-radius:999px;color:var(--accent-dark);display:inline-flex;font-size:.78rem;font-weight:700;justify-self:start;padding:.25rem .55rem}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notice{color:var(--ink-soft);display:grid;gap:.75rem;line-height:1.6;margin:2rem auto;max-width:680px;padding:2rem 1.25rem;place-items:center;text-align:center}.notice h2{color:var(--ink);font-size:clamp(1.4rem,5vw,2rem);line-height:1.1;text-wrap:balance}.notice code{background:#e7f2f5;border-radius:6px;color:var(--primary-dark);font-size:.92em;padding:.1rem .35rem}.notice.error{color:var(--danger)}.loader{animation:spin .85s linear infinite;border:4px solid #d7e9ee;border-radius:999px;border-top-color:var(--primary);height:42px;width:42px}@keyframes spin{to{transform:rotate(360deg)}}#ar-container{background:#0f171d;inset:0;isolation:isolate;overflow:hidden;position:absolute;touch-action:none;user-select:none;-webkit-user-select:none}.ar-top-stack{align-items:center;display:flex;flex-direction:column;gap:.5rem;left:50%;max-width:calc(100vw - 9rem);pointer-events:none;position:absolute;top:var(--ar-top);transform:translate(-50%);z-index:5}.scan-hint{background:#fffffff0;border:1px solid rgba(23,33,43,.2);border-radius:999px;box-shadow:var(--ar-glow);color:var(--ink);font-size:1rem;font-weight:700;overflow-wrap:anywhere;padding:.75rem 1.1rem;text-align:center}.gesture-pill{background:#0f171dd1;border:1px solid rgba(255,255,255,.24);border-radius:999px;box-shadow:var(--ar-glow);color:#fff;font-size:.9rem;font-weight:600;overflow-wrap:anywhere;padding:.5rem .9rem;text-align:center;transition:background-color .16s ease,border-color .16s ease}.gesture-pill[data-mode=rotate],.gesture-pill[data-mode=pinch]{background:#007c89eb;border-color:#ffffff73}.gesture-pill[data-mode=move]{background:var(--accent);border-color:var(--ink);color:var(--ink);font-weight:700}.ar-audio-btn,.ar-reset-btn,.ar-pin-btn{bottom:var(--ar-bottom);position:absolute;touch-action:manipulation}.ar-audio-btn{align-items:center;background:var(--accent);border:2px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink),var(--ar-glow);color:var(--ink);cursor:pointer;display:flex;font-size:1.5rem;height:var(--ar-control);justify-content:center;left:var(--ar-edge);line-height:1;padding:0;transition:opacity .16s ease,transform .12s ease,box-shadow .12s ease;width:var(--ar-control);z-index:6}.ar-audio-btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink),var(--ar-glow);transform:translateY(4px)}.ar-audio-btn:disabled{box-shadow:none;cursor:default;opacity:.4}.ar-reset-btn{background:#fffffff0;border:2px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink),var(--ar-glow);color:var(--ink);cursor:pointer;font-size:.95rem;font-weight:700;min-height:var(--ar-control);min-width:76px;padding:.5rem 1rem;right:var(--ar-edge);transition:background-color .16s ease,opacity .16s ease,transform .12s ease,box-shadow .12s ease;z-index:6}.ar-reset-btn:hover:not(:disabled){background:var(--surface-strong)}.ar-reset-btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink),var(--ar-glow);transform:translateY(4px)}.ar-reset-btn:disabled{box-shadow:none;cursor:default;opacity:.45}.ar-pin-btn{background:var(--accent);border:2px solid var(--ink);border-radius:999px;box-shadow:0 6px 0 var(--ink),var(--ar-glow);color:var(--ink);cursor:pointer;font-size:1.05rem;font-weight:700;left:50%;max-width:calc(100vw - 2 * var(--ar-edge) - var(--ar-control) - 76px - 1.5rem);min-height:var(--ar-control);overflow:hidden;padding:.6rem 1.3rem;text-overflow:ellipsis;transform:translate(-50%);transition:opacity .16s ease,box-shadow .12s ease;white-space:nowrap;z-index:7}.ar-pin-btn:active:not(:disabled){box-shadow:0 2px 0 var(--ink),var(--ar-glow);transform:translate(-50%,4px)}.ar-pin-btn:disabled{cursor:default;opacity:.4}.ar-unpin-btn{background:var(--surface)}.ar-help-btn{align-items:center;background:#0f171dd1;border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:var(--ar-glow);color:#fff;cursor:pointer;display:flex;font-size:1.45rem;font-weight:700;height:48px;justify-content:center;line-height:1;padding:0;position:absolute;right:var(--ar-edge);top:var(--ar-top);touch-action:manipulation;transition:background-color .16s ease,transform .12s ease;width:48px;z-index:8}.ar-help-btn:hover{background:#007c89eb}.ar-help-btn:active{transform:scale(.92)}.ar-help-btn[aria-expanded=true]{background:var(--accent);border-color:var(--ink);color:var(--ink)}.ar-help-sheet{align-items:center;background:#090f149e;display:flex;inset:0;justify-content:center;padding:calc(var(--ar-top) + 3.5rem) 1rem calc(var(--ar-bottom) + 1rem);position:absolute;z-index:20}.ar-help-panel{background:var(--surface);border:2px solid var(--ink);border-radius:22px;box-shadow:0 22px 60px #0006;max-height:100%;max-width:26rem;overflow-y:auto;padding:1.15rem 1.15rem 1.35rem;position:relative;width:100%}.ar-help-title{color:var(--ink);font-size:1.3rem;font-weight:700;margin-bottom:.9rem;padding-right:2.75rem}.ar-help-close{background:var(--surface-strong);border:2px solid var(--ink);border-radius:999px;color:var(--ink);cursor:pointer;font-size:1rem;height:40px;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;touch-action:manipulation;width:40px}.ar-help-close:active{transform:scale(.92)}.ar-help-list{display:grid;gap:.55rem;list-style:none}.ar-help-list+.ar-help-list{border-top:2px dashed var(--border);margin-top:.85rem;padding-top:.85rem}.ar-help-row{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;display:flex;gap:.75rem;padding:.6rem .75rem}.ar-help-icon{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex:none;font-size:1.4rem;height:44px;justify-content:center;line-height:1;width:44px}.ar-help-text{display:grid;gap:.1rem}.ar-help-text strong{color:var(--ink);font-size:1rem;font-weight:700}.ar-help-text span{color:var(--ink-soft);font-size:.85rem;line-height:1.3}.model-loading{background:var(--accent);border:1px solid rgba(23,33,43,.18);border-radius:999px;box-shadow:var(--ar-glow);color:var(--ink);font-size:.95rem;font-weight:700;padding:.6rem 1rem;text-align:center}@media (max-width: 400px){#screen{--ar-edge: .6rem}.ar-pin-btn{font-size:.95rem;padding:.6rem .85rem}.ar-reset-btn{font-size:.9rem;min-width:68px;padding:.5rem .75rem}}@media (max-width: 640px){.scanner-panel{align-items:stretch;grid-template-columns:1fr}.scanner-panel h2{max-width:16ch}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-height:190px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}