:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef6ff;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,var(--glow, #164e63),transparent 48%),var(--bg, #07111f);transition:.5s;background-attachment:fixed}button,select,input{font:inherit}.shell{width:min(940px,calc(100% - 28px));margin:auto;padding:48px 0 70px}.hero{text-align:center;margin-bottom:30px}.eyebrow{letter-spacing:.35em;text-transform:uppercase;font-size:.72rem;opacity:.6}.hero h1{font-size:clamp(2.4rem,8vw,5.2rem);letter-spacing:-.055em;margin:.12em 0}.hero p{opacity:.72;margin:0}.panel{background:color-mix(in srgb,var(--panel, #0d1c2d) 88%,transparent);border:1px solid color-mix(in srgb,var(--accent, #67e8f9) 25%,transparent);box-shadow:0 24px 80px #0007;border-radius:24px;padding:22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.themes{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.theme{border:1px solid #ffffff1d;background:#ffffff08;color:inherit;padding:14px 8px;border-radius:14px;cursor:pointer}.theme.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 14%,transparent)}.theme span{display:block;font-size:1.4rem}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.control{background:#0002;padding:13px;border-radius:13px}.control label{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:7px}.control input,.control select{width:100%;background:#0003;color:inherit;border:1px solid #ffffff20;border-radius:8px;padding:9px}.generate{width:100%;border:0;border-radius:13px;padding:15px;font-weight:800;letter-spacing:.08em;background:var(--accent);color:var(--buttonText, #06121b);cursor:pointer}.results{display:grid;gap:10px;margin-top:20px}.result{display:flex;align-items:center;gap:12px;background:#0003;border:1px solid #ffffff12;border-radius:13px;padding:14px}.phrase{font-family:SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;flex:1}.copy{border:1px solid #ffffff20;background:#ffffff08;color:inherit;border-radius:9px;padding:8px 11px;cursor:pointer}.meta{text-align:center;font-size:.8rem;opacity:.6;margin-top:18px}.strength{font-size:.8rem;opacity:.58;margin-top:4px}.theme-nato{--bg: #06101a;--panel: #0a1b29;--accent: #62d9ff;--glow: #0c4a6e }.theme-mythology{--bg: #171009;--panel: #24180e;--accent: #e5b85c;--glow: #6b3d13;--buttonText: #251707 }.theme-astronomy{--bg: #070817;--panel: #101126;--accent: #b8a7ff;--glow: #312e81 }.theme-wizarding{--bg: #170b13;--panel: #271321;--accent: #e9a6c8;--glow: #701a4c }.theme-mixed{--bg: #091410;--panel: #10251d;--accent: #77e2ad;--glow: #14532d }@media(max-width:700px){.shell{padding-top:28px}.themes{grid-template-columns:repeat(2,1fr)}.themes .theme:last-child{grid-column:1/-1}.controls{grid-template-columns:1fr 1fr}.panel{padding:15px}.result{align-items:flex-start}.hero h1{font-size:3.3rem}}@media(max-width:430px){.controls{grid-template-columns:1fr}.result{flex-wrap:wrap}.copy{width:100%}}body{position:relative;overflow-x:hidden}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.9}.shell{position:relative;z-index:1}.scene>div{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .65s ease}.explainer{margin:14px 0 4px;padding:14px 16px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--panel) 72%,transparent);border-radius:4px 12px 12px 4px;line-height:1.55;font-size:.92rem;opacity:.82}.phrase-wrap{flex:1;min-width:0}.security{margin-top:9px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.security-line{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;font-size:.72rem;opacity:.7}.security-line b{color:var(--accent)}.strength-meter{height:5px;margin-top:6px;border-radius:999px;overflow:hidden;background:#ffffff12}.strength-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c98a2c,#c7b642,#70a94c,#3ccf75);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}.attack-note{margin:16px auto 0;max-width:720px;text-align:center;font-size:.72rem;line-height:1.45;opacity:.48}.theme-nato{--bg:#020904;--panel:#07140b;--accent:#63ff87;--glow:#064b1d;--buttonText:#021106}.theme-nato .radar{opacity:.42;background-image:repeating-radial-gradient(circle at 78% 34%,transparent 0,transparent 52px,rgba(76,255,113,.08) 53px,transparent 54px,transparent 105px),repeating-linear-gradient(0deg,transparent 0,transparent 49px,rgba(76,255,113,.06) 50px,transparent 51px),repeating-linear-gradient(90deg,transparent 0,transparent 49px,rgba(76,255,113,.06) 50px,transparent 51px)}.theme-mythology{--bg:#18130d;--panel:#282015;--accent:#e2c07a;--glow:#72572c;--buttonText:#251707}.theme-mythology .temple{opacity:.12;background-image:linear-gradient(90deg,transparent 0%,rgba(230,214,181,.12) 18%,transparent 32%,transparent 68%,rgba(230,214,181,.12) 82%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(217,198,159,.1) 20%,transparent 24%,transparent 82%,rgba(217,198,159,.08) 86%,transparent 100%)}.theme-astronomy{--bg:#020718;--panel:#08152c;--accent:#83b7ff;--glow:#0b2d6f}.theme-astronomy .planet{opacity:.32;background-image:radial-gradient(circle at 15% 18%,#fff 0,#fff 1px,transparent 2px),radial-gradient(circle at 72% 12%,#fff 0,#fff 1px,transparent 2px),radial-gradient(circle at 43% 40%,#9fc5ff 0,#9fc5ff 1px,transparent 2px),radial-gradient(circle at 85% 64%,#fff 0,#fff 1px,transparent 2px),radial-gradient(circle at 22% 72%,#fff 0,#fff 1px,transparent 2px)}.theme-astronomy .planet:after{content:"";position:absolute;width:72vmin;height:72vmin;right:-22vmin;bottom:-30vmin;border-radius:50%;background:radial-gradient(circle at 32% 28%,#365c9e,#12244e 42%,#050a19 69%,#02040b);box-shadow:-20px -18px 70px #5488e644,inset 18px 15px 50px #87b4ff1c}.theme-wizarding{--bg:#160d07;--panel:#29170d;--accent:#e3a85e;--glow:#6f3b14;--buttonText:#211105}.theme-wizarding .study{opacity:.16;background-image:radial-gradient(circle at 78% 31%,rgba(255,189,91,.32) 0%,rgba(225,124,39,.12) 8%,transparent 23%),linear-gradient(165deg,transparent 0%,transparent 66%,rgba(10,5,2,.66) 67%,rgba(10,5,2,.66) 100%)}.theme-wizarding .study:before{content:"";position:absolute;right:10%;bottom:18%;width:30%;height:15%;background-image:linear-gradient(8deg,#080401 0%,#080401 34%,transparent 35%),linear-gradient(-5deg,#0c0703 0%,#0c0703 52%,transparent 53%);filter:drop-shadow(0 -18px 14px #d17b2517)}.theme-wizarding .study:after{content:"";position:absolute;right:20%;bottom:28%;width:6px;height:80px;background:#160b04;border-radius:50% 50% 8% 8%;box-shadow:0 -18px 16px 5px #ffb34733}.theme-mixed{--bg:#08120f;--panel:#10251d;--accent:#77e2ad;--glow:#14532d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:center/cover no-repeat;opacity:.58;transition:background-image .5s ease,opacity .5s ease}.theme-nato .scene:before{background-image:linear-gradient(#00150655,#00100699),url(/backgrounds/nato-radar.svg);opacity:.72}.theme-mythology .scene:before{background-image:linear-gradient(#1c130688,#1b1309b8),url(/backgrounds/mythology-temple.svg);opacity:.68}.theme-astronomy .scene:before{background-image:linear-gradient(#01071755,#01071788),url(/backgrounds/astronomy-planet.svg);opacity:.82}.theme-wizarding .scene:before{background-image:linear-gradient(#16090466,#12060299),url(/backgrounds/wizard-study.svg);opacity:.86}.theme-wizarding{--bg:#100602;--panel:#241207;--accent:#d99a4e;--glow:#4d250b;--buttonText:#1c0c03}.theme-wizarding .panel{background:color-mix(in srgb,#261307 90%,transparent)}.theme-wizarding .study{opacity:.22}.phrase-row{display:flex;align-items:center;gap:10px}.phrase-row .phrase{flex:1}.reveal{border:0;background:transparent;color:inherit;opacity:.62;cursor:pointer;padding:6px 8px;border-radius:8px}.reveal:hover,.reveal:focus-visible{opacity:1;background:#ffffff0d}.hidden-phrase{letter-spacing:.08em}.pattern-warning{color:#f3c969}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 75%,white);outline-offset:3px}@media(forced-colors:active){button,.panel,.control,.result{border:1px solid ButtonText}}.download-all{display:block;margin:14px auto 0;padding:10px 16px;border:1px solid var(--accent);border-radius:10px;color:inherit;background:transparent;cursor:pointer}.download-warning{font-size:.72rem;text-align:center;opacity:.65;margin:8px auto 0;max-width:650px}.reveal svg{display:block}@media(prefers-reduced-motion:reduce){.theme-nato .scene:before{animation:none}}