:root{--c:#e91e63;--bg:#f0f2f5;--card:#fff;--tx:#1c1e21;--mu:#65676b;--bd:#ddd;--rad:12px;--sh:0 1px 3px #0002;--bw:1px;--ff:system-ui,-apple-system,sans-serif;--btn:var(--c);--btx:#fff;--bbd:none;--bsh:none;--ish:none}
.dark{--bg:#18191a;--card:#242526;--tx:#e4e6eb;--mu:#b0b3b8;--bd:#3a3b3c}
*{box-sizing:border-box}
body{margin:0;font:15px var(--ff);background:var(--pg,var(--bg));color:var(--tx);padding-bottom:70px;overflow-x:hidden;min-height:100vh}
a{color:var(--c)}
html.wait body{visibility:hidden}
header{position:sticky;top:0;z-index:10;background:var(--card);border-bottom:var(--bw) solid var(--bd);display:flex;align-items:center;gap:12px;padding:8px 14px;box-shadow:var(--sh)}
header b{color:var(--c);font-size:20px;flex:1}header nav{display:none;gap:6px}
nav a,.bn a{color:var(--mu);text-decoration:none;padding:8px 12px;border-radius:8px;cursor:pointer;position:relative;text-align:center}
nav a.on,.bn a.on{color:var(--c);font-weight:600}
.bn{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:var(--bw) solid var(--bd);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:10}
.bn a{font-size:12px;flex:1}.bn a span{display:block;font-size:20px}
@media(min-width:800px){header nav{display:flex}.bn{display:none}body{padding-bottom:20px}}
main{max-width:680px;margin:14px auto;padding:0 10px}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1320px;margin:0 auto;padding:0 10px}
.layout aside{display:none}.layout main{width:100%;max-width:680px;margin:14px auto;padding:0}
@media(min-width:1100px){.layout{grid-template-columns:270px minmax(0,680px) 290px;justify-content:center}.layout aside{display:block;position:sticky;top:64px;align-self:start;margin-top:14px;max-height:calc(100vh - 80px);overflow-y:auto}}
.card{background:var(--card);border:var(--bw) solid var(--bd);border-radius:var(--rad);box-shadow:var(--sh);padding:14px;margin-bottom:14px;position:relative}
.card h3{margin:0 0 8px}
input,textarea,select{font:inherit;padding:8px 10px;border:var(--bw) solid var(--bd);border-radius:calc(var(--rad)*.7);background:var(--bg);color:var(--tx);box-shadow:var(--ish);max-width:100%}
select option{color:#000}::placeholder{color:var(--mu)}
button{font:inherit;padding:8px 14px;border-radius:calc(var(--rad)*.7);background:var(--btn);color:var(--btx);border:var(--bbd);box-shadow:var(--bsh);cursor:pointer}
button.g{background:var(--bg);color:var(--tx);border:var(--bw) solid var(--bd)}
textarea,input.w{width:100%}label.mu{display:block;margin-top:8px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>.f{flex:1;min-width:0}
img.av{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--bd);flex:none}img.big{width:110px;height:110px}
.pi{max-width:100%;border-radius:8px;margin-top:8px}.mu{color:var(--mu);font-size:13px}
.hide{display:none!important}.bd{background:#e0245e;color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-style:normal}
.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:50;padding:10px}.modal .card{width:100%;max-width:380px;max-height:90vh;overflow-y:auto}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:80px;background:#222;color:#fff;padding:10px 16px;border-radius:8px;z-index:99}
.msgs{height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:6px}.m{max-width:75%;padding:7px 10px;border-radius:12px;background:var(--bg)}.m.me{align-self:flex-end;background:var(--c);color:#fff}
table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid var(--bd);text-align:left;font-size:13px}.tw{overflow-x:auto}
.side{text-align:center}.cv{height:70px;background:linear-gradient(135deg,var(--c),#ffb3cc);margin:-14px -14px -34px;border-radius:var(--rad) var(--rad) 0 0}.hero .cv{height:130px;margin-bottom:-50px}
.side img.big,.hero img.big{border:4px solid var(--card);position:relative}.si{padding:6px 0;border-bottom:1px dashed var(--bd)}.si a{text-decoration:none;color:var(--tx)}
.kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--bd)}.kv span{color:var(--mu)}.kv b{text-align:right;font-weight:600}
.chip{display:inline-block;background:var(--bg);border:1px solid var(--bd);border-radius:20px;padding:3px 10px;margin:2px;font-size:13px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tile{cursor:pointer;border:3px solid transparent;border-radius:14px;padding:4px;text-align:center}.tile.sel{border-color:var(--c)}
.tprev{padding:10px;border-radius:10px;background:var(--pg,var(--bg));color:var(--tx);font-family:var(--ff);text-align:left}.tprev .card{margin:0 0 6px;padding:8px}
/* ===== THEMES (class t-NAME on body) ===== */
.t-skeuo{--rad:12px;--sh:0 2px 0 #fff9 inset,0 4px 10px #0004;--ff:Georgia,serif;--btn:linear-gradient(var(--c),color-mix(in srgb,var(--c) 65%,#000));--bsh:inset 0 1px 0 #fff7,0 2px 4px #0005;--ish:inset 0 2px 4px #0003}
.t-skeuo:not(.dark){--bg:#e4dccb;--card:linear-gradient(#fdfbf6,#e9e3d6);--pg:linear-gradient(#cfc6b4,#e2dccd);--bd:#b5ab96;--tx:#3b3226;--mu:#7a6e5b}
.t-neumorphism{--rad:20px;--bw:0px}
.t-neumorphism:not(.dark){--bg:#e0e5ec;--card:#e0e5ec;--bd:transparent;--tx:#3d4468;--mu:#7b819e;--sh:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;--ish:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;--bsh:5px 5px 10px #a3b1c6,-5px -5px 10px #fff}
.t-neumorphism.dark{--sh:6px 6px 12px #0c0c0d,-6px -6px 12px #34363a;--ish:inset 3px 3px 6px #0c0c0d,inset -3px -3px 6px #34363a;--bsh:4px 4px 8px #0c0c0d,-4px -4px 8px #34363a;--card:#242526;--bg:#242526}
.t-brutalism{--rad:0px;--bw:3px;--ff:'Courier New',monospace;--btx:#000;--bbd:3px solid #000}
.t-brutalism:not(.dark){--bg:#fffbe6;--card:#fff;--pg:#ffe66d;--bd:#000;--tx:#000;--mu:#333;--sh:6px 6px 0 #000;--bsh:3px 3px 0 #000}
.t-brutalism.dark{--bd:#fff;--sh:6px 6px 0 #fff;--bsh:3px 3px 0 #fff;--bbd:3px solid #fff;--btx:#000}
.t-brutalism header b,.t-brutalism h2,.t-brutalism h3{text-transform:uppercase}
.t-glass{--rad:20px;--sh:0 8px 32px #0003;--bg:rgba(255,255,255,.2);--card:rgba(255,255,255,.16);--bd:rgba(255,255,255,.4);--tx:#fff;--mu:#ece4ff;--pg:linear-gradient(135deg,#667eea,#764ba2 55%,#f093fb);--btn:rgba(255,255,255,.28);--bbd:1px solid rgba(255,255,255,.5)}
.t-glass.dark{--pg:linear-gradient(135deg,#1a1a2e,#16213e 55%,#3a1c71)}
.t-glass .card,.t-glass header,.t-glass .bn{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.t-glass a{color:#fff}.t-glass .m.me{background:rgba(255,255,255,.35)}
.t-lovism{--rad:24px;--ff:Georgia,'Times New Roman',serif;--btn:linear-gradient(135deg,var(--c),#ff8fb1);--sh:0 6px 18px #ff4d8d33}
.t-lovism:not(.dark){--bg:#fff5f8;--card:#fff;--pg:linear-gradient(160deg,#ffe3ec,#fff0f6 50%,#ffd6e7);--bd:#ffc2d6;--tx:#5a2a3c;--mu:#a0627a}
.t-lovism header b::before{content:'♥ '}.t-lovism h2,.t-lovism h3{font-style:italic}.t-lovism .card::after{content:'♥';position:absolute;right:12px;top:8px;color:#ff4d8d55;font-size:14px}
.t-minimal{--rad:4px;--sh:none;--btn:var(--tx);--btx:var(--bg);--ff:Inter,system-ui,sans-serif}
.t-minimal:not(.dark){--bg:#fafafa;--card:#fff;--bd:#e5e5e5;--tx:#111}
.t-future{--rad:6px;--ff:'Segoe UI',system-ui,sans-serif;--bg:#0a0f1e;--card:#101830;--pg:radial-gradient(circle at 20% 0,#14214d,#050814 60%);--bd:#1f3b73;--tx:#d7e6ff;--mu:#7f9cc9;--sh:0 0 14px #00e5ff33;--btn:linear-gradient(90deg,#00e5ff,#7c4dff);--btx:#001018;--bsh:0 0 10px #00e5ff66}
.t-future header b{text-shadow:0 0 10px currentColor;letter-spacing:1px}.t-future a{color:#4dd9ff}