:root{--ink:#09090b;--paper:#f1ead8;--red:#ff3b30;--acid:#d8ff3e;--muted:#918b7e}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);color:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}.site-shell{background:radial-gradient(circle at 72% 40%,#242329 0,#0f0f12 28%,var(--ink) 56%);min-height:100svh;overflow:hidden}.site-header{border-bottom:1px solid #2d2b2a;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,64px);display:flex}.wordmark{border:2px solid var(--red);width:58px;height:48px;color:var(--red);place-content:center;font-family:serif;font-size:13px;font-weight:900;line-height:1.05;display:grid;transform:rotate(-5deg)}.wordmark span{display:block}.header-code,.eyebrow,.privacy-line,.annotation{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.header-code{color:#7b766b;letter-spacing:.12em;font-size:10px}.landing{grid-template-columns:minmax(300px,520px) minmax(340px,1fr);align-items:center;gap:clamp(28px,6vw,100px);width:min(1180px,100% - 40px);min-height:calc(100svh - 72px);margin:0 auto;padding:56px 0 70px;display:grid}.landing-copy{z-index:2;position:relative}.eyebrow{color:var(--red);letter-spacing:.15em;margin:0 0 16px;font-size:11px;font-weight:800}h1{letter-spacing:-.075em;margin:0;font-size:clamp(52px,8vw,108px);font-weight:950;line-height:.88}h1 em{color:var(--acid);font-style:normal}.lede{color:#bbb4a6;max-width:460px;margin:28px 0 0;font-size:clamp(15px,1.6vw,19px);line-height:1.7}.primary-button{color:#fff;background:var(--red);width:min(100%,390px);box-shadow:6px 6px 0 var(--paper);border:0;border-radius:0;margin-top:30px;padding:17px 18px;font-weight:900;transition:transform .16s,box-shadow .16s;display:block}.primary-button:hover{box-shadow:9px 9px 0 var(--paper);transform:translate(-2px,-2px)}.primary-button:focus-visible,.upload-frame:focus-visible,.text-button:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.privacy-line{color:#716d65;max-width:420px;margin-top:20px;font-size:10px;line-height:1.6}.oracle-stage{background:radial-gradient(circle at 50% 45%,#29282f,#111115 52%,#09090b 74%);border:1px solid #2c2b2f;min-height:620px;position:relative;overflow:hidden}.scan-grid{opacity:.32;background-image:linear-gradient(#d8ff3e1f 1px,#0000 1px),linear-gradient(90deg,#d8ff3e1f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 72%);mask-image:radial-gradient(circle,#000 10%,#0000 72%)}.face-shape,.face-placeholder{border:2px solid #8e897e;border-radius:48% 48% 44% 44%;width:180px;height:232px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.face-shape:before,.face-shape:after,.face-placeholder:before,.face-placeholder:after{content:"";border-top:3px solid;width:34px;position:absolute;top:88px}.face-shape:before,.face-placeholder:before{left:30px}.face-shape:after,.face-placeholder:after{right:30px}.face-shape i,.face-placeholder i{border-bottom:3px solid;width:27px;position:absolute;top:128px;left:76px}.face-shape b,.face-placeholder b{border-bottom:2px solid;border-radius:50%;width:55px;height:15px;position:absolute;bottom:47px;left:62px}.face-orbit{border:1px solid #ff3b30b3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:360px;height:360px}.orbit-two{border-color:#d8ff3e38;width:480px;height:480px}.annotation{color:var(--acid);font-size:10px;position:absolute}.annotation-a{top:24%;left:8%}.annotation-b{top:44%;right:6%}.annotation-c{bottom:18%;left:12%}.upload-screen{width:min(560px,100% - 40px);margin:0 auto;padding:36px 0 80px}.text-button{color:#8e887c;background:0 0;border:0;margin-bottom:34px;padding:8px 0}.upload-screen h1{font-size:clamp(42px,8vw,62px);line-height:.95}.upload-intro{color:#aaa396;max-width:500px;line-height:1.7}.upload-frame{color:#8e897e;background:radial-gradient(circle,#29282d,#111114 65%);border:1px dashed #5c5850;width:100%;height:min(48svh,430px);margin-top:24px;padding:0;position:relative;overflow:hidden}.upload-frame img{object-fit:cover;filter:saturate(.78)contrast(1.06);width:100%;height:100%;display:block}.upload-frame.has-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#09090bb3);position:absolute;inset:0}.frame-corner{z-index:2;border-color:var(--red);border-style:solid;width:28px;height:28px;position:absolute}.corner-one{border-width:2px 0 0 2px;top:15px;left:15px}.corner-two{border-width:2px 2px 0 0;top:15px;right:15px}.corner-three{border-width:0 0 2px 2px;bottom:15px;left:15px}.corner-four{border-width:0 2px 2px 0;bottom:15px;right:15px}.upload-hint{z-index:3;color:var(--paper);white-space:nowrap;font-size:12px;font-weight:800;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.requirements{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.requirements span{color:#9d978b;border:1px solid #403d38;padding:7px 9px;font-family:ui-monospace,monospace;font-size:10px}.error-message{color:#ff8d85;font-size:13px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=760px){.site-header{height:62px}.wordmark{width:50px;height:42px;font-size:11px}.landing{grid-template-columns:1fr;align-items:start;min-height:calc(100svh - 62px);padding:48px 0 40px}.landing-copy{padding:0 3px}h1{font-size:clamp(56px,18vw,76px)}.lede{margin-top:22px;font-size:15px}.oracle-stage{display:none}.primary-button{width:calc(100% - 6px)}.upload-screen{padding-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.wordmark{cursor:pointer;background:0 0;padding:0}.primary-button:disabled{opacity:.5;cursor:wait}.scanning-screen{width:min(760px,100% - 40px);min-height:calc(100svh - 72px);margin:0 auto;padding:44px 0 70px}.scanning-screen h1{font-size:clamp(45px,8vw,74px);line-height:.92}.scan-photo{background:#111114;border:1px solid #39373a;width:100%;height:min(44svh,430px);margin:28px 0 22px;position:relative;overflow:hidden}.scan-photo img{object-fit:cover;filter:saturate(.65)contrast(1.12)brightness(.78);width:100%;height:100%;display:block}.scan-photo .scan-grid{z-index:1;opacity:.7;-webkit-mask-image:none;mask-image:none}.scan-laser{z-index:2;background:var(--acid);height:2px;box-shadow:0 0 18px var(--acid);animation:2s ease-in-out infinite alternate scan-pass;position:absolute;top:0;left:0;right:0}@keyframes scan-pass{0%{transform:translateY(35px)}to{transform:translateY(min(40svh,390px))}}.scan-terminal{color:#8f897f;min-height:155px;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.scan-terminal p{margin:0}.scan-terminal .active-log{color:var(--red)}.progress-track{background:#29282a;height:5px;overflow:hidden}.progress-track i{background:var(--red);height:100%;transition:width .45s;display:block}.progress-number{color:#777268;margin-top:10px;font:10px/1.5 ui-monospace,monospace}.result-screen{width:min(920px,100% - 40px);margin:0 auto;padding:50px 0 80px}.result-hero{grid-template-columns:minmax(250px,340px) 1fr;align-items:center;gap:clamp(28px,6vw,70px);display:grid}.result-photo{background:#121216;border:1px solid #39373a;height:420px;position:relative;overflow:hidden}.result-photo img{object-fit:cover;filter:saturate(.72)contrast(1.08);width:100%;height:100%;display:block}.result-photo .scan-grid{z-index:1;opacity:.35;-webkit-mask-image:none;mask-image:none}.result-stamp{z-index:3;border:3px solid var(--red);width:61px;height:61px;color:var(--red);text-align:center;background:#09090bb8;place-content:center;font:900 16px/1.05 serif;display:grid;position:absolute;top:19px;right:19px;transform:rotate(7deg)}.result-heading h1{font-size:clamp(54px,9vw,92px);line-height:.9}.result-verdict{border-left:6px solid var(--red);color:var(--acid);margin:26px 0 0;padding-left:17px;font-size:clamp(19px,2.8vw,29px);font-weight:900;line-height:1.4}.result-verdict span{display:block}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin:44px 0;display:grid}.metric-card{border:1px solid #393631;padding:15px 17px}.metric-card>div:first-child{justify-content:space-between;align-items:center;font:800 12px/1 ui-monospace,monospace;display:flex}.metric-card b{color:var(--acid);font-size:15px}.metric-track{background:#29282a;height:6px;margin-top:12px}.metric-track i{background:var(--acid);height:100%;display:block}.reading-card{background:var(--paper);color:var(--ink);padding:clamp(24px,5vw,48px)}.reading-card>.eyebrow{margin-bottom:24px}.reading-card>p:not(.eyebrow){margin:0 0 18px;font-size:clamp(15px,1.7vw,18px);line-height:1.85}.fate-grid{grid-template-columns:1fr 1fr;gap:13px;margin:28px 0;display:grid}.fate-grid>div{border:2px solid var(--ink);padding:18px}.fate-grid b{color:var(--red);font-size:13px}.fate-grid p{margin:8px 0 0;font-weight:700;line-height:1.65}.reading-card blockquote{border-top:3px solid var(--ink);letter-spacing:-.025em;margin:30px 0 0;padding:21px 0 0;font-size:clamp(20px,3vw,30px);font-weight:950;line-height:1.45}.result-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:28px;display:flex}.result-actions .primary-button{width:auto;min-width:230px;margin:0}.result-actions .text-button{margin:0;padding:14px 4px}.secondary-button{border:1px solid var(--paper);min-width:190px;color:var(--paper);background:0 0;padding:15px 18px;font-weight:850}.secondary-button:hover{color:var(--acid);border-color:var(--acid)}.notice-message{color:var(--acid);font:12px/1.6 ui-monospace,monospace}.result-disclaimer{color:#6f6a62;max-width:720px;margin-top:34px;font:10px/1.7 ui-monospace,monospace}@media (width<=760px){.scanning-screen{min-height:calc(100svh - 62px);padding-top:34px}.scanning-screen h1{font-size:49px}.scan-photo{height:38svh;min-height:300px}.result-screen{padding-top:28px}.result-hero{grid-template-columns:1fr;gap:25px}.result-photo{height:48svh;min-height:360px}.result-heading h1{font-size:58px}.result-verdict{margin-top:20px;font-size:20px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;margin:30px 0}.metric-card{padding:12px 11px}.metric-card>div:first-child{font-size:10px}.metric-card b{font-size:12px}.reading-card{margin:0 -20px;padding:28px 20px}.fate-grid{grid-template-columns:1fr}.result-actions{grid-template-columns:1fr;display:grid}.result-actions .primary-button,.secondary-button{width:calc(100% - 6px)}.result-actions .text-button{justify-self:start}}
