@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#05070d;--panel:#0b1020;--paper:#f3f6ed;--muted:#9ca8b7;--line:rgba(215,229,237,.16);--cyan:#34e4e7;--emerald:#22d69a;--citrine:#f7d55b;--violet:#a975ff;--garnet:#ec4c71}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--paper);background:radial-gradient(circle at 90% 10%,rgba(90,43,168,.28),transparent 25%),radial-gradient(circle at 10% 30%,rgba(0,158,137,.16),transparent 28%),var(--ink);font:16px/1.65 Manrope,Arial,sans-serif}.topbar{height:62px;padding:0 clamp(20px,4vw,64px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font:500 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.topbar a{color:inherit;text-decoration:none}.topbar span{color:var(--muted)}.masthead{max-width:1280px;margin:auto;min-height:430px;padding:70px clamp(20px,5vw,70px);display:grid;grid-template-columns:110px 1fr 280px;gap:36px;align-items:center;position:relative}.masthead:after{content:"";position:absolute;inset:auto 5% 0;height:1px;background:linear-gradient(90deg,var(--emerald),var(--cyan),var(--violet),var(--garnet),transparent)}.seal{width:92px;height:190px;border:1px solid var(--cyan);display:grid;place-items:center;text-align:center;color:var(--cyan);font:600 3rem/1 Playfair Display,serif;box-shadow:inset 0 0 35px rgba(52,228,231,.09),0 0 40px rgba(52,228,231,.08)}.seal small{font:1rem DM Mono}.kicker{margin:0 0 14px;color:var(--citrine);font:500 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.16em}.masthead h1{font:600 clamp(4rem,8vw,7.5rem)/.78 Playfair Display,Georgia,serif;letter-spacing:-.055em;margin:0;background:linear-gradient(110deg,#fff,var(--cyan) 40%,var(--violet) 74%,var(--garnet));-webkit-background-clip:text;color:transparent}.lede{font:1.2rem Playfair Display,serif;color:#cbd6df;margin:24px 0 0}.principle{border-left:2px solid var(--citrine);padding:8px 0 8px 20px}.principle span{display:block;color:var(--muted);font:.68rem DM Mono;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.principle strong{font:600 1.15rem/1.45 Playfair Display,serif}.modebar{position:sticky;top:0;z-index:10;max-width:1160px;margin:0 auto;background:rgba(5,7,13,.92);backdrop-filter:blur(18px);border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.mode{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:18px 14px;text-align:left;font:600 .82rem Manrope;cursor:pointer}.mode:last-child{border:0}.mode b{color:var(--cyan);font:.65rem DM Mono;margin-right:9px}.mode:hover,.mode.active{background:linear-gradient(115deg,rgba(52,228,231,.12),rgba(169,117,255,.1));color:#fff;box-shadow:inset 0 -2px var(--cyan)}.view{max-width:1160px;margin:0 auto;padding:72px 0 100px}.section-intro{display:grid;grid-template-columns:1fr 2fr;gap:14px 50px;margin-bottom:36px}.section-intro .kicker{grid-row:1/3}.section-intro h2{font:600 clamp(2.5rem,5vw,4.7rem)/.96 Playfair Display,serif;letter-spacing:-.035em;margin:0}.section-intro h2 em{color:var(--cyan)}.section-intro>p:last-child{max-width:720px;color:#b7c2cc;margin:7px 0}.decoder-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:linear-gradient(135deg,rgba(17,26,49,.9),rgba(7,10,18,.92));box-shadow:0 45px 130px rgba(0,0,0,.45)}.case-input,.case-output{padding:clamp(24px,4vw,48px)}.case-input{border-right:1px solid var(--line)}label>span,.case-input label{display:block;font:.7rem DM Mono;text-transform:uppercase;letter-spacing:.12em;color:var(--citrine);margin-bottom:9px}textarea,input,select{width:100%;border:1px solid var(--line);background:#050912;color:#fff;padding:15px;font:inherit;border-radius:0}textarea{resize:vertical;font-size:1.1rem;line-height:1.6}textarea:focus,input:focus,select:focus{outline:2px solid rgba(52,228,231,.5);border-color:var(--cyan)}.quick-cases{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.quick-cases button{border:1px solid var(--line);color:var(--muted);background:transparent;padding:6px 10px;cursor:pointer}.quick-cases button:hover{color:#fff;border-color:var(--violet)}.primary{border:0;background:linear-gradient(90deg,var(--citrine),#ff9b55);color:#080808;padding:15px 20px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.primary:hover{filter:brightness(1.1)}.privacy{color:#8794a3;font-size:.78rem}.empty-state{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-state span{font-size:4rem;color:var(--violet)}.empty-state h3{color:#fff;margin:4px}.empty-state p{max-width:350px}.tone-report{border-left:3px solid var(--cyan);padding:16px 20px;background:rgba(52,228,231,.07);margin-bottom:20px}.tone-report small,.evidence small{font:.66rem DM Mono;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tone-report h3{margin:4px 0;color:var(--cyan)}.evidence{border-top:1px solid var(--line);padding:16px 0}.evidence-head{display:flex;justify-content:space-between;gap:10px}.evidence strong{color:var(--citrine);font-size:1.25rem}.badge{border:1px solid rgba(236,76,113,.5);color:#ff8daa;padding:2px 7px;font:.62rem DM Mono;text-transform:uppercase;height:max-content}.evidence p{margin:6px 0;color:#c5cdd5}.evidence em{color:var(--muted);font-size:.84rem}.caution{color:#ffcf83;font-size:.8rem;border-top:1px solid var(--line);padding-top:15px}.toolbar{display:grid;grid-template-columns:2fr 1fr 140px;gap:12px;align-items:end;margin:25px 0}.counter{border:1px solid var(--line);padding:9px 14px;display:flex;gap:9px;align-items:center;min-height:58px}.counter strong{color:var(--cyan);font:600 1.6rem Playfair Display}.counter span{font:.65rem DM Mono;text-transform:uppercase;color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.file{position:relative;border:1px solid var(--line);padding:24px;background:linear-gradient(145deg,rgba(16,25,44,.86),rgba(7,9,17,.9));min-height:260px}.file:before{content:attr(data-index);position:absolute;right:16px;top:14px;color:#536170;font:.66rem DM Mono}.file h3{font:600 2rem Playfair Display;margin:0;color:var(--citrine)}.file .expansion{color:#fff;font-weight:600;margin:4px 0 14px}.file dl{margin:0}.file dt{font:.62rem DM Mono;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-top:10px}.file dd{margin:1px 0;color:#aeb9c4;font-size:.86rem}.file .flag{display:inline-block;color:#ff91a7;border:1px solid rgba(236,76,113,.38);padding:2px 6px;margin-top:14px;font:.6rem DM Mono;text-transform:uppercase}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.emoji-card{border:1px solid var(--line);padding:22px;background:linear-gradient(150deg,rgba(16,25,44,.9),rgba(8,10,18,.92));min-height:290px}.glyph{font-size:3.6rem;line-height:1}.emoji-card h3{font:600 1.2rem Playfair Display;margin:14px 0 2px}.official{font:.65rem DM Mono;text-transform:uppercase;color:var(--muted)}.emoji-card p{font-size:.84rem;color:#b8c1cb}.emoji-card b{color:var(--cyan)}.trial-card{max-width:820px;margin:auto;border:1px solid var(--line);padding:clamp(24px,5vw,55px);background:radial-gradient(circle at 90% 0,rgba(169,117,255,.17),transparent 35%),var(--panel)}.trial-top{display:flex;justify-content:space-between;font:.7rem DM Mono;text-transform:uppercase;color:var(--muted)}.progress{height:3px;background:#232c3e;margin:15px 0 36px}.progress i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:.3s}.trial-context{color:var(--citrine);font:.8rem DM Mono}.trial-card h3{font:600 clamp(1.8rem,4vw,3rem)/1.15 Playfair Display}.answers{display:grid;gap:9px}.answer{border:1px solid var(--line);background:#090e1a;color:#dbe2e8;text-align:left;padding:15px 18px;font:inherit;cursor:pointer}.answer:hover{border-color:var(--cyan)}.answer.correct{border-color:var(--emerald);background:rgba(34,214,154,.12)}.answer.wrong{border-color:var(--garnet);background:rgba(236,76,113,.12)}.verdict{margin-top:20px}.verdict button{margin-top:12px}.field-note{max-width:1160px;margin:0 auto 80px;padding:45px;border:1px solid rgba(247,213,91,.3);background:linear-gradient(120deg,rgba(247,213,91,.08),rgba(169,117,255,.08));display:grid;grid-template-columns:1fr 2fr;gap:10px 40px}.field-note h2{font:600 2.4rem/1.1 Playfair Display;margin:0}.field-note>p:not(.kicker){color:#bac5cf;margin:0}.source-links{grid-column:2;display:flex;gap:18px;flex-wrap:wrap}.source-links a{color:var(--cyan);font:.72rem DM Mono;text-transform:uppercase}footer{border-top:1px solid var(--line);padding:30px clamp(20px,4vw,64px);display:flex;justify-content:space-between;color:var(--muted);font:.7rem DM Mono;text-transform:uppercase;letter-spacing:.08em}footer a{color:#fff}@media(max-width:900px){.masthead{grid-template-columns:70px 1fr}.seal{width:60px}.principle{grid-column:2}.section-intro{grid-template-columns:1fr}.section-intro .kicker{grid-row:auto}.view{padding-left:20px;padding-right:20px}.file-grid{grid-template-columns:repeat(2,1fr)}.emoji-grid{grid-template-columns:repeat(2,1fr)}.field-note{margin-left:20px;margin-right:20px}}@media(max-width:650px){.topbar span,.topbar a:last-child{display:none}.masthead{min-height:auto;padding-top:50px;grid-template-columns:1fr}.seal{display:none}.principle{grid-column:auto}.modebar{grid-template-columns:1fr 1fr;position:relative;margin:0 14px}.mode{padding:13px 10px}.decoder-grid{grid-template-columns:1fr}.case-input{border-right:0;border-bottom:1px solid var(--line)}.toolbar{grid-template-columns:1fr}.file-grid,.emoji-grid{grid-template-columns:1fr}.field-note{grid-template-columns:1fr;padding:28px}.source-links{grid-column:auto}.masthead h1{font-size:3.8rem}footer{display:block}.view{padding-top:52px}}