@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@1,9..144,500;1,9..144,600&display=swap");:root{--bg:#07111a;--surface:rgba(18,32,42,0.72);--surface-2:rgba(26,44,54,0.6);--text:#eafdfb;--muted:#8fb6b8;--accent:#0abab5;--accent-2:#5eead4;--gold:#ffd166;--good:#4ade80;--line:rgba(255,255,255,0.08);--glow:0 0 40px rgba(10,186,181,0.4)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(900px 520px at 50% -8%,#0c3a3a 0,rgba(12,58,58,0) 60%),radial-gradient(700px 480px at 90% 12%,#0a2e3e 0,rgba(10,46,62,0) 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.wrap{max-width:600px;margin:0 auto;padding:52px 18px 90px}.hero{text-align:center;margin-bottom:30px}.hero h1{font-size:clamp(52px,14vw,76px);font-weight:700;letter-spacing:-3px;line-height:.95;background:linear-gradient(135deg,#fff 30%,var(--accent) 75%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 30px rgba(10,186,181,.25))}.hero p{color:var(--muted);margin-top:14px;font-size:16px;line-height:1.5;max-width:30ch;margin-left:auto;margin-right:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 30px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);animation:rise .5s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.drop{border:1.5px dashed rgba(255,255,255,.18);border-radius:18px;padding:46px 22px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s;color:var(--text)}.drop.over,.drop:hover{border-color:var(--accent);background:rgba(10,186,181,.06);transform:translateY(-1px)}.drop b{color:var(--accent);font-weight:600}.drop small{display:block;color:var(--muted);margin-top:10px;font-size:13px}.ocr-row{text-align:center;margin-top:14px}.ocr-or{display:block;color:var(--muted);font-size:12px;letter-spacing:1px;margin-bottom:10px}.ocr-btn{border:1.5px dashed var(--accent);background:rgba(10,186,181,.08);color:var(--accent);border-radius:14px;padding:11px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.ocr-btn:hover{background:rgba(10,186,181,.16)}.ocr-hint{display:block;color:var(--muted);font-size:12px;margin-top:8px}.thumbs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.thumb{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 9px;font-size:11px;color:var(--muted)}.code-box{margin-top:14px;text-align:center}.code-box summary{color:var(--muted);font-size:13px;cursor:pointer;list-style:none}.code-box summary:hover{color:var(--accent)}.code-row{display:flex;gap:8px;margin-top:10px}.code-row .pw-input{margin:0;flex:1 1}.code-row .ocr-btn{margin:0;white-space:nowrap}.legal{max-width:720px;margin:0 auto;padding:48px 22px 80px;line-height:1.6;color:var(--text)}.legal h1{font-family:var(--display,inherit);margin-bottom:6px}.legal h2{margin:28px 0 8px;font-size:19px;color:var(--accent-2,#5eead4)}.legal li,.legal p{color:#c9d6d4;font-size:15px}.legal ul{padding-left:20px;margin:8px 0}.legal .eff{color:var(--muted);font-size:13px;margin-bottom:24px}.legal a{color:var(--accent)}.legal .back{margin-top:36px}.story{position:fixed;inset:0;z-index:100;cursor:pointer;background:linear-gradient(160deg,#07201f,#04100f);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-bars{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:6px}.story-bars span{flex:1 1;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}.story-bars span.on{background:var(--accent)}.story-close{position:absolute;top:28px;right:20px;background:none;border:none;color:rgba(255,255,255,.7);font-size:26px;cursor:pointer;line-height:1}.story-card{animation:storyIn .35s ease;max-width:520px}@keyframes storyIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.story-emoji{font-size:64px;margin-bottom:18px}.story-big{font-family:var(--display,inherit);font-weight:800;color:#fff;line-height:1.05;font-size:clamp(48px,13vw,96px);margin-bottom:18px;word-break:break-word}.story-label{color:var(--accent-2,#5eead4);font-size:clamp(18px,5vw,26px);font-weight:600}.story-sub{color:#9fb3b1;font-size:16px;margin-top:10px}.story-card .btn{margin-top:30px}.story-hint{position:absolute;bottom:28px;color:rgba(255,255,255,.4);font-size:14px}.words-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.words-name{font-weight:600;color:var(--accent);margin-bottom:8px;font-size:14px}.words-col .chips{justify-content:flex-start}.words-col .chip b{color:var(--accent);font-weight:700}.read-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.read-list li{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 14px;font-size:14.5px;line-height:1.45;color:var(--text)}.btn{display:inline-block;margin-top:20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04201f;border:none;border-radius:999px;padding:15px 34px;font:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--glow),0 8px 20px -6px rgba(10,186,181,.5);transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 55px rgba(10,186,181,.5),0 12px 26px -6px rgba(10,186,181,.6)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.choose{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.choose.sub{margin-top:-4px}.radio{display:flex;align-items:flex-start;gap:12px;background:var(--surface-2);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}.radio.on{border-color:var(--accent);background:rgba(10,186,181,.08)}.radio input{accent-color:var(--accent);width:18px;height:18px;margin-top:2px;flex:none}.radio span{display:flex;flex-direction:column;gap:2px}.radio b{font-weight:600;font-size:15px}.radio em{font-style:normal;color:var(--muted);font-size:12.5px;line-height:1.4}.ent-warn{background:rgba(255,209,102,.1);border:1px solid rgba(255,209,102,.3);border-radius:12px;padding:12px 15px;margin-bottom:16px;font-size:12.5px;line-height:1.55;text-align:center}.ent-warn,.ent-warn b{color:var(--gold)}.facts-hint{background:rgba(10,186,181,.08);border:1px solid rgba(10,186,181,.25);border-radius:12px;padding:12px 15px;margin-bottom:16px;color:var(--muted);font-size:12.5px;line-height:1.55;text-align:center}.facts-hint b{color:var(--accent)}.vs-head,.vs-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px}.vs-head{padding-bottom:11px;margin-bottom:2px;border-bottom:1px solid var(--line);font-weight:700}.vs-head span:first-child{text-align:left}.vs-head span:last-child{text-align:right}.vs-row{padding:11px 0;border-bottom:1px solid var(--line)}.vs-row:last-child{border-bottom:none}.vs-row b{font-size:18px;font-weight:600;color:var(--muted)}.vs-row b:first-child{text-align:left}.vs-row b:last-child{text-align:right}.vs-row b.lead{color:var(--accent)}.vs-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.fact-note{font-size:12.5px;line-height:1.6;margin-top:6px}.fact-note,.steps{color:var(--muted)}.steps{font-size:13.5px;margin-top:24px;line-height:1.75}.steps code{background:var(--surface-2);padding:2px 7px;border-radius:7px;color:var(--gold);font-size:12.5px}.error{color:var(--accent);margin-top:16px;font-weight:600}.error,.notice{text-align:center}.notice{margin-top:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:15px 17px;color:var(--muted);font-size:12.5px;line-height:1.65}.notice b{color:var(--text)}.banner{background:linear-gradient(135deg,rgba(10,186,181,.18),rgba(94,234,212,.12));border:1px solid rgba(10,186,181,.4);border-radius:16px;padding:15px 18px;margin-bottom:18px;text-align:center;font-weight:600;animation:rise .4s ease both}.analyzing{text-align:center;padding:50px 26px}.spin{width:46px;height:46px;margin:0 auto 22px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ana-step{font-size:18px;font-weight:600;min-height:24px;transition:opacity .2s}.ana-bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:24px auto 0;max-width:280px}.ana-bar>div{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{margin-left:-40%}to{margin-left:100%}}.score-ring{text-align:center;padding:16px 0 6px}.score-num{font-size:86px;font-weight:700;line-height:1;letter-spacing:-3px;background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.verdict{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:27px;font-weight:600;margin-top:8px}.meter{height:12px;background:var(--surface-2);overflow:hidden;margin:22px 0 4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.meter,.meter>div{border-radius:999px}.meter>div{height:100%;background:linear-gradient(90deg,var(--good),var(--gold),var(--accent));box-shadow:0 0 16px rgba(10,186,181,.5);transition:width .8s cubic-bezier(.2,.8,.2,1)}.tldr{color:var(--muted);font-size:15.5px;line-height:1.6;margin-top:16px;text-align:center}.section{margin-top:30px}.section h3{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:13px;font-weight:600}.flag{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:12px;padding:15px 17px;margin-bottom:11px;transition:transform .15s}.flag:hover{transform:translateX(2px)}.flag.low{border-left-color:#8b8fa3}.flag.medium{border-left-color:var(--gold)}.flag.high{border-left-color:var(--accent-2)}.flag.nuclear{border-left-color:var(--accent)}.flag .title{font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px}.flag .sev{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;flex:none}.flag .quote{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--gold);margin:9px 0;font-size:14.5px;line-height:1.45}.flag .why{color:var(--muted);font-size:13.5px;line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:13.5px;color:var(--muted)}.chip.good{color:var(--good);border-color:rgba(74,222,128,.25)}.people{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.person{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:17px}.person .pname{font-weight:600}.person .pscore{font-size:36px;font-weight:700;letter-spacing:-2px;background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.person .pnote{color:var(--muted);font-size:13px}.advice{background:linear-gradient(135deg,rgba(255,209,102,.1),rgba(10,186,181,.07));border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:30px;line-height:1.55}.advice b{color:var(--gold)}.paywall{margin-top:26px;background:linear-gradient(160deg,rgba(10,186,181,.12),var(--surface-2));border:1px solid rgba(255,209,102,.25);border-radius:20px;padding:28px 22px;text-align:center}.paywall .lock{font-size:21px;font-weight:700}.paywall .pw-sub{color:var(--muted);margin-top:6px;font-size:14px}.pw-list{list-style:none;margin:18px auto;max-width:340px;text-align:left}.pw-list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}.pw-list li:last-child{border-bottom:none}.pw-input{width:100%;max-width:320px;margin:10px auto 0;display:block;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px;color:var(--text);font:inherit;font-size:16px;text-align:center;transition:border-color .15s}.pw-input::placeholder{color:var(--muted)}.pw-input:focus{outline:none;border-color:var(--accent)}.pw-fine{color:var(--muted);font-size:12px;margin-top:13px}.share-btn{margin-top:16px;border:1.5px solid var(--accent);background:rgba(10,186,181,.1);color:var(--accent);border-radius:999px;padding:12px 24px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.share-btn:hover{background:rgba(10,186,181,.2);transform:translateY(-1px)}.share-msg{color:var(--accent);font-size:13px;margin-top:10px}.switch-mode{text-align:center;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.vs-strip{margin:18px 0 4px;text-align:center;font-size:17px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px}.vs-strip b{color:var(--accent);font-size:22px;font-weight:700;margin:0 4px}.again{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:11px 22px;cursor:pointer;margin-top:24px;font:inherit;font-size:14px;transition:border-color .15s,color .15s}.again:hover{border-color:var(--accent);color:var(--text)}.footer{text-align:center;font-size:12px;margin-top:34px;line-height:1.7}.footer,.footer a{color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:var(--accent)}@media (max-width:480px){.hero h1{letter-spacing:-2px}.people{grid-template-columns:1fr}.card{padding:20px}}.info-wrap{position:relative;display:inline-block}.info-btn{background:none;border:none;cursor:pointer;padding:0 0 0 4px;font-size:.82em;line-height:1;color:#5eead4;opacity:.75;vertical-align:middle}.info-btn:hover{opacity:1}.info-bubble{bottom:calc(100% + 8px);z-index:60;width:max-content;max-width:240px;text-align:left;background:#0b3b38;color:#e7fbf6;border:1px solid #155e57;border-radius:12px;padding:10px 28px 10px 12px;font-size:12.5px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;box-shadow:0 8px 24px rgba(0,0,0,.45);white-space:normal}.info-bubble,.info-bubble:after{position:absolute;left:50%;transform:translateX(-50%)}.info-bubble:after{content:"";top:100%;border:6px solid transparent;border-top-color:#0b3b38}.info-x{position:absolute;top:4px;right:6px;background:none;border:none;color:#9fe9dd;font-size:16px;line-height:1;cursor:pointer;padding:0}.dial{margin:14px 0 10px;padding:12px 14px;background:#0e2522;border:1px solid #16433d;border-radius:14px}.dial-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9fe9dd;margin-bottom:8px}.dial-top b{color:#e7fbf6;font-size:14px}.dial-range{width:100%;accent-color:#2dd4bf;height:22px;cursor:pointer}.dial-scale{display:flex;justify-content:space-between;font-size:11px;color:#5a8a83;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.archetype{margin:16px auto 4px;max-width:380px;text-align:center;background:linear-gradient(160deg,#0e2e2a,#0b211f);border:1px solid #1c5049;border-radius:16px;padding:14px 16px}.arch-tag{font-size:11px;letter-spacing:.12em;color:#5eead4;font-weight:700}.arch-name{font-size:22px;font-weight:800;color:#fff;margin:4px 0 6px}.arch-blurb{font-size:13.5px;line-height:1.45;color:#c9e7e2;margin:0}.personas{margin:14px 0 10px}.personas-q{font-size:13px;color:#9fe9dd;margin-bottom:8px;text-align:center}.persona-row{display:flex;gap:8px}.persona{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#0e2522;border:1.5px solid #16433d;border-radius:14px;padding:12px 6px;cursor:pointer;color:#cfeee9;transition:border-color .15s,background .15s}.persona.on,.persona:hover{border-color:#2dd4bf}.persona.on{background:#123a35}.persona-emoji{font-size:26px}.persona b{font-size:13.5px;color:#fff}.persona em{font-size:11px;color:#8fc7bf;font-style:normal;text-align:center}.awards{display:flex;flex-direction:column;gap:8px}.award{display:flex;align-items:center;gap:12px;background:#0e2522;border:1px solid #16433d;border-radius:12px;padding:10px 12px}.award-emoji{font-size:24px;flex-shrink:0}.award-title{font-size:13.5px;font-weight:700;color:#fff}.award-win{font-size:12.5px;color:#9fe9dd;margin-top:1px}.award-win span{color:#7fb8b0}.vip-add{display:flex;gap:8px;margin:14px 0}.vip-add .pw-input{flex:1 1}.vip-new{background:#0e3a34;border:1px solid #1f7a6e;border-radius:12px;padding:12px 14px;margin:10px 0;cursor:pointer;color:#e7fbf6}.vip-new b{color:#5eead4;font-size:1.1em;letter-spacing:.02em}.vip-msg{color:#5eead4;font-size:13px;margin:6px 0}.vip-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.vip-table td,.vip-table th{text-align:left;padding:8px 6px;border-bottom:1px solid #1a3d39}.vip-table th{color:#9fe9dd;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.vip-table td.code{font-family:ui-monospace,monospace;color:#5eead4;cursor:pointer}.vip-table tr.off{opacity:.5}.pw-have{font-size:13px;color:#9fb3b1;margin:6px 0 0;text-align:center}.linkish{background:none;border:none;padding:0;color:#5eead4;cursor:pointer;font:inherit;text-decoration:underline}.vip-textarea{width:100%;box-sizing:border-box;background:#0e2522;color:#e7fbf6;border:1px solid #16433d;border-radius:12px;padding:10px 12px;font:inherit;margin:8px 0;resize:vertical}.vip-results{margin:10px 0;font-size:13px;line-height:1.6}.vip-results b{color:#e7fbf6}