html{background:var(--bg)} body.telegram-app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
*{box-sizing:border-box} :root{--bg:#10100f;--panel:#181817;--line:#34332f;--muted:#94928b;--text:#f1efe8;--acid:#caff38;--tg-button:#caff38;--tg-button-text:#10100f}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope, sans-serif}main{max-width:1440px;margin:auto;padding:38px 5vw 80px}header{display:flex;justify-content:space-between;align-items:flex-start;padding:34px 0 55px;border-bottom:1px solid var(--line)}.eyebrow,.section-head,.result-top,.env{font:11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}h1{font-size:clamp(48px,7vw,90px);line-height:.98;letter-spacing:-.075em;margin:23px 0}h1 i{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.lead{max-width:470px;color:#aaa99f;line-height:1.7}.secondary{border:1px solid var(--line);background:transparent;color:var(--text);padding:13px 18px;border-radius:3px;cursor:pointer}.workspace{display:block;padding-top:35px}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:22px}.group{margin:24px 0}.group h3{font:11px 'DM Mono',monospace;color:var(--muted);font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.card{background:#1b1b19;border:1px solid transparent;text-align:left;padding:6px;color:var(--text);cursor:pointer;transition:.2s}.card:hover,.card.active{border-color:var(--acid);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(202,255,56,.18),0 10px 28px rgba(0,0,0,.2)}.card img{width:100%;aspect-ratio:2/3;height:auto;object-fit:cover;filter:saturate(.8)}.card strong{display:block;font-size:11px;margin:7px 2px 2px}.card small{display:block;color:var(--muted);font-size:9px;margin:0 2px 5px}.composer{max-width:820px;margin:0 auto 58px}.selected{height:104px;border:1px solid var(--line);background:linear-gradient(120deg,#1c1d18,#151514);margin-bottom:22px;display:flex;align-items:center;padding:14px;gap:17px}.selected img{height:78px;width:78px;object-fit:cover}.selected strong{font-size:19px}.selected p{margin:6px 0;color:var(--muted);font-size:12px}.selected-empty{color:var(--muted);font-size:13px}label{display:block;font:11px 'DM Mono',monospace;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin:22px 0 10px}.emotions{display:flex;gap:7px;flex-wrap:wrap}.emotion{background:transparent;border:1px solid var(--line);color:#c5c3bb;padding:8px 12px;border-radius:99px;font-size:11px;cursor:pointer}.emotion.active{background:var(--acid);color:#171812;border-color:var(--acid)}textarea{width:100%;height:138px;resize:vertical;background:#181817;border:1px solid var(--line);padding:15px;color:var(--text);font:14px/1.6 Manrope;outline:none}textarea:focus{border-color:#858e67}.actions{display:flex;gap:9px;margin-top:12px}.primary,.secondary{padding:13px 16px;font:700 12px Manrope;flex:1}.primary{background:var(--acid);color:#151710;border:0;cursor:pointer}.secondary{cursor:pointer}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.result{margin-top:27px;border:1px solid var(--line);padding:17px;background:#171715}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.result-top button{border:0;background:transparent;color:var(--acid);cursor:pointer;font:11px 'DM Mono',monospace}#resultText{font-size:15px;line-height:1.7;margin-bottom:15px}audio{width:100%;height:38px}.status{color:var(--acid);font-size:12px;min-height:20px}dialog{background:#1a1a18;color:var(--text);border:1px solid var(--line);max-width:430px;width:calc(100% - 32px);padding:30px}dialog::backdrop{background:#000b}.close{float:right;background:none;color:var(--text);border:0;font-size:27px;cursor:pointer}dialog p{color:var(--muted);line-height:1.6;font-size:13px}.env{display:grid;gap:8px}.env span{color:var(--acid);letter-spacing:0;margin-bottom:10px;font-size:12px}@media(max-width:850px){main{padding:20px 18px 50px}header{padding:28px 0 35px}.workspace{display:block;padding-top:35px}.composer{max-width:820px;margin:0 auto 58px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card img{height:112px}}@media(max-width:430px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:125px}.actions{flex-direction:column}header{gap:10px}.settings{font-size:0}.settings span{font-size:18px}}
@media(max-width:760px){main{padding:22px 18px 48px}header{padding:18px 0 32px;display:block}.settings{margin-top:20px}.workspace{display:block;padding-top:35px}.composer{max-width:820px;margin:0 auto 58px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.card img{height:86px}.actions{display:grid;gap:10px}.actions button{width:100%;min-height:48px}.selected{height:112px}.selected img{height:78px;width:78px}h1{font-size:clamp(44px,14vw,72px)}}