:root{font-family:Manrope,system-ui,sans-serif;color:#edf2f5;background:#10151b;--bg:#10151b;--panel:#18222b;--line:#2b3943;--muted:#93a3ac;--mint:#8be2c0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -15%,#29403e 0,transparent 43%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1100px,100%);margin:auto;padding:0 28px 36px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--mint);color:var(--mint);font-weight:800;border-radius:9px;transform:rotate(45deg)}.brand b,.brand small{display:block;letter-spacing:.13em}.brand b{font-size:11px}.brand small{font:10px DM Mono,monospace;color:var(--muted);margin-top:4px}.archive-link{border:1px solid var(--line);background:#ffffff08;color:#dce5e8;border-radius:99px;padding:9px 14px;font-size:12px}.archive-link i{font-style:normal;color:var(--mint);margin-left:8px}.hero{padding:54px 0 36px}.kicker,.heading small,.ready,.samples small,.or,.stats small,footer,.count{font:10px DM Mono,monospace;letter-spacing:.12em;color:var(--mint)}.kicker{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #8be2c0}.kicker label{color:#aeb9bf;border:1px solid #53616a;padding:3px 6px;border-radius:4px;font-size:9px}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-.055em;margin:19px 0 13px}.hero h1 em{font-style:normal;color:var(--mint)}.hero>p{font-size:14px;color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:16px}.card,.reveal,.empty,.history article{background:linear-gradient(145deg,#1b252e,#151c23);border:1px solid var(--line);border-radius:15px}.card{padding:22px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.heading h2{font-size:18px;margin:5px 0 0;letter-spacing:-.03em}.ready{border:1px solid #315c4d;border-radius:4px;padding:5px 8px}.camera-frame{height:250px;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at center,#243c3b,#11191f 70%);border:1px solid #354b4d}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aab9bd}.reticle{font-size:56px;color:var(--mint)}.camera-empty p{font-size:11px}.laser{position:absolute;left:8%;right:8%;height:2px;top:20%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:scan 2s ease-in-out infinite alternate}@keyframes scan{to{top:80%}}.center{display:flex;justify-content:center;margin:13px 0}.primary,.secondary{border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700}.primary{background:var(--mint);color:#0d211b;border:1px solid var(--mint)}.secondary{background:#ffffff08;color:#e6edef;border:1px solid #50606a}.secondary:disabled{opacity:.4}.privacy,.evidence{font-size:10px;line-height:1.6;color:#81929a;text-align:center;margin:0}.error{font-size:11px;color:#f1a8a0;text-align:center}.or{display:flex;align-items:center;gap:12px;justify-content:center;margin:21px 0 13px;color:#7e9098;font-size:9px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.manual{display:flex;gap:8px}.manual input{min-width:0;flex:1;background:#0e151b;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:#f1f5f6;font-size:12px;outline:none}.manual input:focus{border-color:var(--mint)}.samples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:18px}.samples small{font-size:9px;color:#84949d;margin-right:3px}.samples button{border:1px solid var(--line);background:#ffffff05;color:#b8c4c9;border-radius:99px;padding:6px 9px;font-size:10px}.samples button:hover{border-color:#668b7d;color:var(--mint)}.glyph{font-size:24px;color:var(--mint)}.analysis{display:flex;flex-direction:column}.analysis-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:260px}.orb{width:74px;height:74px;border:1px solid #527a6b;border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--mint);box-shadow:0 0 35px #70d8ae17,inset 0 0 24px #70d8ae12;margin-bottom:17px}.analysis-state h3{font-size:15px;margin:0 0 8px}.analysis-state p{font-size:11px;line-height:1.7;color:var(--muted);max-width:240px;margin:0}.families{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:15px}.families span{font:9px DM Mono,monospace;color:var(--mint);border:1px solid #35594d;padding:5px 7px;border-radius:5px}.stats{border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats div:last-child{grid-column:1/-1}.stats small,.stats b{display:block}.stats small{font-size:8px;color:#82929b}.stats b{font:12px DM Mono,monospace;margin-top:5px}.notice{background:#3b3223;border:1px solid #6b5839;color:#f0d5a7;padding:10px;border-radius:7px;font-size:10px;line-height:1.5;margin:10px 0}.section{margin-top:34px}.reveal{padding:24px;max-width:640px}.reveal-top{display:flex;justify-content:space-between;font:9px DM Mono,monospace;letter-spacing:.12em;color:var(--mint)}.rarity{font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.common{color:#a8b5bd}.uncommon{color:#8be2c0}.rare{color:#8ebdff}.epic{color:#d6a2ff}.reward-symbol{font-size:54px;color:var(--mint);margin:22px 0 10px}.category{font:10px DM Mono,monospace;color:var(--mint)}.reveal h2{font-size:27px;margin:7px 0}.reveal>p{font-size:12px;color:var(--muted)}.meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:11px 0;font-size:10px}.meta span{font:9px DM Mono,monospace;color:#7f929a}.meta b{text-align:right}.points{display:flex;justify-content:space-between;padding:13px;background:#8be2c010;color:var(--mint);font-size:10px}.evidence{text-align:left;margin-top:13px}.count{font-size:9px;color:#85969d}.empty{padding:28px;text-align:center;color:#85969d;font-size:27px}.empty p{font-size:11px}.history{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history article{padding:13px;display:flex;gap:10px;align-items:center;min-width:0}.history article>span{width:36px;height:36px;flex:none;border-radius:9px;background:#8be2c012;display:grid;place-items:center;color:var(--mint);font-size:19px}.history h3{font-size:11px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history p{font-size:9px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:17px;margin-top:35px;font-size:8px;color:#6f8088}@media(max-width:760px){.shell{padding:0 16px 26px}.topbar{height:65px}.hero{padding:39px 0 28px}.layout{grid-template-columns:1fr}.card{padding:17px}.camera-frame{height:230px}.analysis-state{min-height:190px}.stats{grid-template-columns:1fr 1fr 1fr}.stats div:last-child{grid-column:auto}.history{grid-template-columns:1fr 1fr}footer{gap:12px;flex-direction:column}.reveal{padding:19px}}@media(max-width:390px){.hero h1{font-size:32px}.history{grid-template-columns:1fr}}.collection-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.collection-stats>div{background:#18222b;border:1px solid var(--line);border-radius:10px;padding:13px}.collection-stats b,.collection-stats span{display:block}.collection-stats b{font:20px DM Mono,monospace;color:var(--mint)}.collection-stats span{font:8px DM Mono,monospace;color:var(--muted);letter-spacing:.08em;margin-top:6px}.archive-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 13px}.archive-tabs button{flex:none;border:1px solid var(--line);background:#ffffff06;color:#b8c4c9;border-radius:99px;padding:8px 12px;font-size:10px}.archive-tabs button.active{border-color:var(--mint);background:#8be2c018;color:var(--mint)}@media(max-width:520px){.collection-stats{grid-template-columns:repeat(2,1fr)}}.research-progress{background:#18222b;border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:14px}.research-progress-top{display:flex;justify-content:space-between;gap:10px;font:10px DM Mono,monospace;color:var(--mint)}.research-progress-top b{color:#e7efef}.progress-track{height:6px;background:#0e151b;border-radius:99px;overflow:hidden;margin:10px 0 7px}.progress-track span{display:block;height:100%;background:var(--mint);border-radius:99px;transition:width .25s ease}.research-progress>small{font-size:9px;color:var(--muted)}.camera-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.object-candidates{margin:14px 0 8px;padding:12px;background:#10191f;border:1px solid #385147;border-radius:10px}.candidate-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.candidate-heading b{font-size:11px;color:#e6f1ec}.candidate-heading span{font-size:9px;color:var(--muted)}.candidate{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 11px;margin-top:6px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#e7efef;text-align:left}.candidate:hover{border-color:var(--mint);background:#8be2c010}.candidate span,.candidate b,.candidate small{display:block}.candidate b{font-size:11px;text-transform:capitalize}.candidate small{font-size:9px;color:var(--muted);margin-top:3px;text-transform:capitalize}.candidate strong{font:11px DM Mono,monospace;color:var(--mint)}.retake{width:100%;margin-top:9px}@media(max-width:420px){.camera-actions{flex-direction:column}.camera-actions button{width:100%}.candidate-heading{align-items:flex-start;flex-direction:column;gap:3px}}.topbar-actions{display:flex;align-items:center;gap:8px}.universal-menu{position:relative}.universal-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);background:#ffffff08;color:#dce5e8;border-radius:99px;padding:9px 14px;font-size:12px;white-space:nowrap;touch-action:manipulation}.universal-menu summary::-webkit-details-marker{display:none}.universal-menu[open] summary,.universal-menu summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-color:var(--mint)}.universal-menu nav{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;gap:6px;min-width:210px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#101b21;box-shadow:0 18px 48px #0008}.universal-menu nav a,.universal-menu nav button{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:#ffffff08;color:#e7f2f1;text-align:left;text-decoration:none;font-size:12px;touch-action:manipulation}.universal-menu nav a:hover,.universal-menu nav button:hover,.universal-menu nav a:focus-visible,.universal-menu nav button:focus-visible{outline:2px solid var(--mint);outline-offset:1px;border-color:#527a6b;background:#8be2c012}@media(max-width:480px){.shell{padding-inline:14px}.topbar{gap:8px}.topbar-actions{gap:5px}.universal-menu summary,.archive-link{padding:8px 9px;font-size:10px}.universal-menu nav{right:0;min-width:min(230px,calc(100vw - 28px))}}
