:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:#edf3ff;background:#0d1420;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 0,#344b6850,transparent 50%),radial-gradient(ellipse at 85% 85%,#25375055,transparent 65%),#0d1420}button,input,textarea,select{font:inherit;color:inherit}button{border:1px solid #bed7ff24;border-radius:100px;padding:10px 18px;background:#c5ddff08;cursor:pointer;transition:.2s}button:hover{background:#b9d3ff18;border-color:#bed7ff66}button:disabled{opacity:.45;cursor:wait}.primary{background:#abc8ed20;border-color:#c6deff55}input,textarea,select{width:100%;padding:13px 16px;background:#07101e55;border:1px solid #c2d5ff22;border-radius:18px;outline:none}input:focus,textarea:focus,select:focus{border-color:#adceffaa;box-shadow:0 0 0 3px #b0cfff0d}label{display:block;color:#b5c8e2;font-size:12px;line-height:1.6;margin:20px 0 0}label input,label textarea{margin-top:7px;font-size:14px}textarea{resize:vertical;min-height:100px}.shell{display:grid;grid-template-columns:330px minmax(0,1fr);max-width:1440px;min-height:100vh;margin:auto}aside{padding:36px 24px;background:#14203165;border-right:1px solid #bdd7ff0c;display:flex;flex-direction:column;gap:18px}header{display:flex;gap:17px;align-items:center;margin:0 0 16px}header img{width:56px;height:56px;filter:drop-shadow(0 0 16px #89b8ff44)}h1{font-size:27px;font-weight:400;letter-spacing:4px;margin:0}header span{font-size:11px;color:#99acc6;letter-spacing:1px}nav{display:flex;gap:5px;flex-wrap:wrap}nav button{font-size:12px;padding:8px 11px;border-color:transparent}.chosen{background:#b9d3ff18;border-color:#bed7ff33}nav span{opacity:.6;margin-left:5px}.filter{margin:0}.filter select{margin-top:5px}#list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 440px);overflow:auto;min-height:120px}.entry{text-align:left;border-radius:23px;padding:14px 17px;width:100%}.entry strong{display:block;font-weight:500;overflow-wrap:anywhere}.entry small{display:block;margin-top:6px;color:#a3b8d4;line-height:1.5;overflow-wrap:anywhere}.entry.selected{background:#9dbde323;border-color:#adcfff77}aside footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;text-align:center;font-size:11px;color:#8096b4}.workspace{padding:40px clamp(24px,5vw,85px)}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bbcce4;font-size:12px}#status{overflow-wrap:anywhere;line-height:1.6}#sync{color:#a5bcdb;font-size:12px;line-height:1.7;min-height:22px}h2{font-size:32px;line-height:1.25;font-weight:400;letter-spacing:.2px;margin:15px 0 28px}h3{font-weight:500;font-size:18px;margin-top:0}.eyebrow{font-size:10px;letter-spacing:3px;color:#a5bbd8;margin-top:40px}#title{font-size:20px;background:transparent;padding:13px 0;border-radius:0;border:0;border-bottom:1px solid #adc8ef33}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-action{display:flex;gap:6px;align-items:center}.field-action input{min-width:0}.field-action button{font-size:11px;padding:9px 12px;margin-top:7px}#generate{font-size:12px;margin-top:12px}.actions{display:flex;gap:12px;margin-top:25px}.muted{font-size:12px;line-height:1.8;color:#8fa5c2}#welcome{text-align:center;max-width:500px;margin:12vh auto}#welcome p{color:#a8bdd8;line-height:1.9}.aura{margin:0 auto 35px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#f1f9ff,#aacdeb 25%,#658cb7 45%,#1b3556 72%,#789dcc);box-shadow:0 0 100px #80b5f033,inset -10px -10px 25px #172c50}.status-card{border:1px solid #c0d6ff1c;border-radius:30px;padding:28px;margin:20px 0;background:#a9c9fa05;line-height:1.8;color:#bacce5}[hidden]{display:none!important}:focus-visible{outline:2px solid #b6d2f5;outline-offset:4px}@media(max-width:800px){.shell{grid-template-columns:260px minmax(0,1fr)}aside{padding:24px 15px}.workspace{padding:28px 20px}.pair{grid-template-columns:1fr;gap:0}.field-action{flex-wrap:wrap}.field-action input{flex-basis:100%}h2{font-size:25px}}@media(max-width:570px){.shell{display:block}aside{border:0}#list{max-height:230px}header{margin:0}aside footer{flex-direction:row;align-items:center}#welcome{margin:30px auto}}
