:root{--bg:#F6F2FC;--surface:#fff;--ink:#1C1428;--muted:#6D6382;--line:#E6DDF3;--side:#24103F;--side2:#5A23A0;--g4:#CDB0FF;--grad-a:#4B16B0;--grad-b:#8E4DFF;--accent:#7B2FF7;--accent-soft:#EEE4FF;--accent-ink:#5212C2;--ok:#1F8A5B;--ok-soft:#DDF3E8;--warn:#B86E00;--warn-soft:#FCEFD6;--bad:#C23B2E;--bad-soft:#FAE1DE;
--fd:"Bricolage Grotesque",Arial,sans-serif;--fb:"Figtree",system-ui,sans-serif;--fm:"JetBrains Mono",ui-monospace,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#120B1D;--surface:#1C1329;--ink:#F3EEFB;--muted:#A99CC0;--line:#33264A;--side:#0D0716;--side2:#3D1773;--accent:#B98BFF;--accent-soft:#2E1B4D;--accent-ink:#DCC6FF;--ok:#4CC58B;--ok-soft:#14301F;--warn:#F0AE45;--warn-soft:#352610;--bad:#F27466;--bad-soft:#3A1A16;color-scheme:dark}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--fb)}
button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:var(--ink)}
.splash{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--side2),var(--side))}
.odyn{font-family:Jost,Arial,sans-serif;font-weight:300;letter-spacing:.32em;font-size:34px;color:#F7F0FF}
.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
aside{background:linear-gradient(180deg,var(--side2),var(--side) 60%);color:#F7F0FF;padding:24px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}
aside .odyn{font-size:26px}aside small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#B9A6D6;margin-top:6px}
nav{display:flex;flex-direction:column;gap:4px}
nav button{all:unset;cursor:pointer;padding:10px 12px;border-radius:8px;color:#B9A6D6;font-weight:600}
nav button[aria-current]{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 3px 0 0 var(--g4)}
nav button:focus-visible{outline:2px solid var(--g4)}
.who{margin-top:auto;font-size:12.5px;color:#B9A6D6}
main{padding:28px 32px 80px;min-width:0}
h1{font-family:var(--fd);font-size:clamp(24px,3.4vw,34px);margin:0 0 4px;letter-spacing:-.02em}
h2{font-family:var(--fd);font-size:18px;margin:0}
.sub{color:var(--muted);margin:4px 0 0}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}
.ph{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.btn{cursor:pointer;border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:8px;font-weight:600}
.btn.primary{background:linear-gradient(120deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff}
.btn:disabled{opacity:.5}.btn.sm{padding:5px 10px;font-size:13px}
.btn.danger{color:var(--bad)}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field label{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.field input,.field select,.field textarea,.inp{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 11px;width:100%;min-width:0}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.list{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 4px;border-top:1px solid var(--line);cursor:pointer;align-items:center}
.row:first-child{border-top:0}.row:hover{background:var(--bg)}.row b{display:block}.row small{color:var(--muted)}
.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap}
.ok{color:var(--ok);background:var(--ok-soft)}.warn{color:var(--warn);background:var(--warn-soft)}.bad{color:var(--bad);background:var(--bad-soft)}
.tabs{display:flex;gap:4px;background:var(--line);padding:4px;border-radius:10px;margin-bottom:16px;overflow-x:auto}
.tabs button{border:0;background:transparent;border-radius:7px;padding:8px 14px;font-weight:700;cursor:pointer;white-space:nowrap}
.tabs button[aria-pressed=true]{background:var(--surface);color:var(--accent-ink)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font-weight:600;font-size:13px}
.chip[aria-pressed=true]{background:linear-gradient(120deg,var(--grad-a),var(--grad-b));color:#fff;border-color:transparent}
.sess{margin-bottom:14px}
.exr{display:grid;grid-template-columns:minmax(150px,1fr) repeat(6,70px) 30px;gap:6px;align-items:end;padding:6px 0;border-top:1px solid var(--line)}
.exr .field label{font-size:10px}.exr input{padding:6px 7px;font-size:13.5px}
.x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px}
@media (max-width:700px){.exr{grid-template-columns:repeat(6,minmax(0,1fr))}.exr .exn{grid-column:1/-1}.exr .x{grid-column:6}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
.card h3{margin:0 0 4px;font-size:16px}.presc{font-family:var(--fm);font-size:12.5px;color:var(--muted)}
.sets{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.set{display:grid;grid-template-columns:34px 1fr 1fr;gap:8px;align-items:center}.set span{font-family:var(--fm);font-size:12px;color:var(--muted)}
.hint{font-size:12.5px;color:var(--accent-ink);background:var(--accent-soft);border-radius:8px;padding:6px 10px;margin-top:8px}
.msgs{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;padding:4px}
.bub{max-width:80%;padding:9px 12px;border-radius:12px;font-size:14.5px;white-space:pre-wrap}
.bub.me{align-self:flex-end;background:linear-gradient(120deg,var(--grad-a),var(--grad-b));color:#fff;border-bottom-right-radius:4px}
.bub.them{align-self:flex-start;background:var(--bg);border-bottom-left-radius:4px}.bub time{display:block;font-size:11px;opacity:.7}
.compose{display:flex;gap:8px;margin-top:10px}.compose textarea{flex:1;resize:vertical}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tile{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:100px}
.tile:hover{border-color:var(--accent)}.tile b{font-family:var(--fd);font-size:18px}.tile small{color:var(--muted)}
.xr{display:grid;grid-template-columns:28px minmax(0,1fr) 120px 130px;gap:10px;align-items:center;padding:6px 12px;border-top:1px solid var(--line);font-size:14px}
.xr small{color:var(--muted);font-size:12px}
.vb{width:26px;height:26px;border-radius:6px;border:1px dashed var(--line);background:var(--bg);cursor:pointer;color:var(--muted)}
.vb.on{border:0;background:linear-gradient(120deg,var(--grad-a),var(--grad-b));color:#fff}
@media (max-width:640px){.xr{grid-template-columns:28px minmax(0,1fr)}.xr small{grid-column:2}}
.fam{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent-ink);background:var(--bg);padding:7px 12px}
svg.chart{width:100%;height:auto}svg.chart text{fill:var(--muted);font:10px var(--fm)}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}td{padding:8px;border-bottom:1px solid var(--line)}
.tw{overflow-x:auto}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,var(--side2),var(--side))}
.login .panel{width:min(400px,100%);display:flex;flex-direction:column;gap:12px}
.login .odyn{color:var(--ink);font-size:30px;text-align:center}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:600;max-width:calc(100% - 32px);z-index:9}
.empty{color:var(--muted);padding:12px 4px}
@media (max-width:760px){.app{grid-template-columns:1fr}aside{position:sticky;height:auto;padding:12px 16px;gap:8px;z-index:5;flex-direction:row;align-items:center;flex-wrap:wrap}aside .who,aside small{display:none}aside .odyn{font-size:20px}nav{flex-direction:row;overflow-x:auto;width:100%}nav button{white-space:nowrap;padding:8px 10px}main{padding:18px 16px 80px}}
.h3{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);margin:14px 0 8px}
.vol{display:flex;flex-direction:column;gap:6px}.vrow{display:grid;grid-template-columns:130px minmax(0,1fr) 64px 100px;gap:8px;align-items:center;font-size:13px}
.vbar{height:9px;border-radius:99px;background:var(--bg);overflow:hidden}.vbar i{display:block;height:100%;background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}
.vrow b{font-family:var(--fm);font-size:12px;text-align:right}@media (max-width:600px){.vrow{grid-template-columns:100px minmax(0,1fr) 56px}.vrow .pill{display:none}}
.macro{display:flex;gap:6px;overflow-x:auto}.mb{min-width:150px;background:var(--bg);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;position:relative}.mb .x{position:absolute;top:2px;right:4px}
.kp{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}.kp div{background:var(--bg);border-radius:10px;padding:10px 12px}.kp span{display:block;font-size:12px;color:var(--muted)}.kp b{font-family:var(--fd);font-size:20px}
.kp.big div{background:var(--surface);border:1px solid var(--line)}.kp.big b{font-size:30px}.okk b{color:var(--ok)}.warnk b{color:var(--warn)}.badk b{color:var(--bad)}
.pipe{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;overflow-x:auto;margin-top:14px}.pcol{background:var(--accent-soft);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}
.lcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.lcard small{color:var(--muted)}.lcard small.late{color:var(--bad)}
.week{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;margin-top:14px;overflow-x:auto}.day{padding:10px;min-height:110px}.ap{background:var(--accent-soft);border-radius:8px;padding:6px 8px;margin-top:6px;font-size:13px;position:relative}.ap span{font-family:var(--fm);font-weight:700}.ap small{display:block;color:var(--muted)}.ap .x{position:absolute;top:0;right:2px;font-size:14px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.vgrid figure{margin:0}.vgrid video{width:100%;border-radius:10px;background:#000;aspect-ratio:9/16;object-fit:cover}.vgrid figcaption{font-size:12.5px;margin-top:4px}
.quote{font-family:var(--fd);font-size:17px;color:var(--accent-ink);margin:4px 0 6px}
.trow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);cursor:pointer}
.trow input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none}
.post{border-top:1px solid var(--line);padding:10px 0}
.cmp{position:relative;max-width:420px;margin:10px auto 0;border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:var(--line)}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp img.after{clip-path:inset(0 0 0 var(--x))}
.cmp .cl,.cmp .cr{position:absolute;top:8px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:3px 8px;border-radius:99px}
.cmp .cl{left:8px}.cmp .cr{right:8px}
details>summary{list-style-position:outside}
.exr .exnote{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;gap:6px}
.exr .exnote textarea{resize:vertical;min-height:34px;font-size:13px;padding:6px 8px}
.exr .exnote input{font-size:13px}
@media (max-width:700px){.exr .exnote{grid-template-columns:1fr}}
.exnotes{background:var(--accent-soft);border-radius:10px;padding:8px 10px;margin:6px 0 4px;font-size:13.5px}
.exnotes p{margin:2px 0}
.exn{position:relative}
.sug{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(30,10,60,.18);max-height:300px;overflow:auto;margin-top:3px}
.sug button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.sug button:hover,.sug button:active{background:var(--accent-soft)}
.sug small{color:var(--muted);font-size:12px;white-space:nowrap}
@media (max-width:760px){.app{grid-template-columns:minmax(0,1fr)}aside,main{min-width:0;max-width:100vw}nav{min-width:0}.chips{flex-wrap:wrap}}
/* ===== Palette ODYN · notte indaco-blu (dalla foto dei fiori) ===== */
:root,:root:not([data-theme]){--bg:#06061A;--surface:#0F1030;--ink:#ECEBFF;--muted:#9D9CD3;--line:#25265C;--side:#03030E;--side2:#1D1A68;--g4:#BBB9EE;
--grad-a:#5B3FC4;--grad-m:#3F4CC3;--grad-b:#1C79E9;--accent:#8C9BFF;--accent-soft:#1B1D57;--accent-ink:#C9C7F5;
--ok:#4CC58B;--ok-soft:#10301F;--warn:#F0AE45;--warn-soft:#34260F;--bad:#F27466;--bad-soft:#3A1A1C;color-scheme:dark}
body{background:radial-gradient(1100px 700px at 85% -10%,rgba(91,63,196,.28),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(28,121,233,.18),transparent 60%),var(--bg);background-attachment:fixed}
aside{background:linear-gradient(180deg,#2A1F86 0%,#16186A 30%,#06061C 75%,#03030E 100%)}
.splash,.login{background:radial-gradient(600px 500px at 75% 15%,rgba(91,63,196,.55),transparent 65%),radial-gradient(600px 500px at 15% 85%,rgba(28,121,233,.40),transparent 65%),#03030E}
.btn.primary,.chip[aria-pressed=true],.bub.me,.vb.on{background:linear-gradient(120deg,var(--grad-a),var(--grad-m) 55%,var(--grad-b));color:#fff;border-color:transparent;box-shadow:0 6px 22px rgba(63,76,195,.35)}
.vbar i{background:linear-gradient(90deg,var(--grad-a),var(--grad-m),var(--grad-b))}
.panel,.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),var(--surface);border-color:var(--line)}
.inp,input,select,textarea{background:#090A24;color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:#6E6DA6}
.tabs{background:#14164A}.tabs button{color:var(--muted)}.tabs button[aria-pressed=true]{background:linear-gradient(120deg,var(--grad-a),var(--grad-b));color:#fff}
.btn{background:#14163F;color:var(--ink);border-color:var(--line)}
.quote{color:#B7B5F7}
.login .odyn,.odyn{background:linear-gradient(90deg,#C9C7F5,#8C9BFF 50%,#5B96F2);-webkit-background-clip:text;background-clip:text;color:transparent}
.toast{background:#ECEBFF;color:#06061A}
.sug{background:#0F1030}
.exnotes{background:#16184F}
.hint{background:#14164A;color:var(--accent-ink)}
.swl{font-size:11px;font-weight:700;color:var(--accent);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:1px 7px;margin-left:6px;white-space:nowrap}
.modal{position:fixed;inset:0;z-index:50;background:rgba(3,3,14,.8);display:grid;place-items:center;padding:12px;backdrop-filter:blur(4px)}
.vbox{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.vbox iframe{width:100%;height:min(72vh,640px);border:0;display:block;background:#fff}
.exr .setgrid{grid-column:1/-1;display:grid;gap:4px;margin-top:2px}
.exr .setgrid .sh,.exr .setgrid .srow{display:grid;grid-template-columns:34px repeat(5,minmax(0,1fr)) 28px;gap:6px;align-items:center}
.exr .setgrid .sh span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.exr .setgrid .srow b{font-size:12.5px;color:var(--muted)}
.exr .setgrid .addst{justify-self:start;margin-top:2px}
.exr{grid-template-columns:1fr 30px!important}
.exr .exn{grid-column:1!important}
.exr{grid-template-columns:1fr auto!important}
.exctl{display:flex;gap:2px;align-items:center;align-self:end;padding-bottom:4px}
.exctl .x[disabled]{opacity:.25;cursor:default}
.exctl .lk{filter:grayscale(1);opacity:.5}.exctl .lk.on{filter:none;opacity:1}
.gtag{font:700 12px var(--fm);color:var(--accent);min-width:22px;text-align:center}
.card.ingrp{border-left:3px solid var(--accent)}
.gbadge{font-size:12px;color:var(--accent-ink);background:var(--accent-soft);border-radius:8px;padding:4px 8px;margin-bottom:6px;display:inline-block}
.vlist{display:grid;gap:8px;margin-top:8px}
.lcard.late{border-left:3px solid var(--bad)}
.dp{width:min(560px,94vw);max-height:88vh;overflow:auto}
.dp .row{cursor:pointer}
.dp2{width:min(480px,94vw);max-height:90vh;overflow:auto;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.dphead{position:relative;padding:22px 22px 18px;color:#fff;background:radial-gradient(400px 200px at 90% 0%,rgba(28,121,233,.55),transparent 70%),linear-gradient(135deg,#5B3FC4,#3F4CC3 55%,#1C79E9)}
.dphead small{opacity:.8;text-transform:capitalize;font-size:13px}.dphead h2{margin:2px 0 14px;font-size:24px;color:#fff}
.dpx{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.15);border:0;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}
.dpstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dpstats div{background:rgba(255,255,255,.14);border-radius:12px;padding:8px 10px}
.dpstats b{display:block;font-size:20px}.dpstats span{font-size:11.5px;opacity:.85}
.dpbody{padding:16px 18px 18px;display:grid;gap:18px}
.dpsec h3{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dpitem,.dpexp{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#14163F;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:6px;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.dpitem:hover,.dpexp:hover{border-color:var(--accent)}
.dpitem .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);flex:none}
.dpitem.late .ic{background:var(--bad-soft)}.dpitem.risk .ic{background:var(--warn-soft)}.dpitem.msg .ic,.dpitem.ck .ic{background:#10304A}
.dpitem .tx,.dpexp .tx{flex:1}.ar{color:var(--muted)}
.dpgh{display:flex;justify-content:space-between;align-items:baseline}.dpgh span{font-weight:700;color:var(--accent)}
.dpbar{height:6px;border-radius:99px;background:#14163F;overflow:hidden;margin-bottom:8px}.dpbar i{display:block;height:100%;background:linear-gradient(90deg,#5B3FC4,#1C79E9);transition:width .3s}
.dpgoal{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer;border-bottom:1px solid var(--line)}
.dpgoal input{display:none}.dpgoal .ck{width:20px;height:20px;border-radius:6px;border:2px solid var(--accent);flex:none}
.dpgoal.ok .ck{background:linear-gradient(135deg,#5B3FC4,#1C79E9);border-color:transparent;box-shadow:inset 0 0 0 3px var(--surface)}
.dpgoal .tx{flex:1;font-size:14px}.dpgoal.ok .tx{text-decoration:line-through;opacity:.55}
.dpdel{background:none;border:0;color:var(--muted);cursor:pointer;font-size:16px;opacity:.5}.dpdel:hover{opacity:1}
.dpadd{display:flex;gap:6px;margin-top:8px}.dpadd input{flex:1;background:#090A24;border:1px dashed var(--line);border-radius:10px;padding:8px 10px;color:var(--ink);font:inherit}
.dpadd button{width:38px;border-radius:10px;border:0;background:var(--accent-soft);color:var(--accent-ink);font-size:18px;cursor:pointer}
.dpexp .dt{width:42px;text-align:center;line-height:1.1;background:var(--accent-soft);border-radius:9px;padding:4px 0;font-size:11px;color:var(--accent-ink);text-transform:uppercase}.dpexp .dt b{display:block;font-size:16px;color:var(--ink)}
.dpempty{padding:12px;border-radius:12px;background:#14163F;color:var(--muted);font-size:14px;text-align:center}
.dpgo{width:100%;padding:13px;border:0;border-radius:12px;color:#fff;font:700 15px var(--fb);cursor:pointer;background:linear-gradient(120deg,#5B3FC4,#3F4CC3 55%,#1C79E9);box-shadow:0 8px 24px rgba(63,76,195,.4)}
.dpdet summary{list-style:none;cursor:pointer}.dpdet summary::-webkit-details-marker{display:none}
.dpdet .chev{display:inline-block;transition:transform .2s;margin-left:4px}.dpdet:not([open]) .chev{transform:rotate(-90deg)}
.dpadd select{flex:1;background:#090A24;border:1px dashed var(--line);border-radius:10px;padding:9px 10px;color:var(--ink);font:inherit;cursor:pointer}
.dpitem{cursor:pointer}
.dpwa{font:700 11px var(--fb);color:#fff;background:#25D366;border-radius:8px;padding:5px 8px;text-decoration:none}
.dpsoc{display:flex;gap:8px;margin:-4px 0 12px}.dpsoc a{flex:1;text-align:center;padding:8px;border-radius:10px;color:#fff;font:700 13px var(--fb);text-decoration:none}
.dpsoc .wa{background:#25D366}.dpsoc .ig{background:linear-gradient(45deg,#F58529,#DD2A7B 50%,#8134AF)}
.srbtn{margin-top:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:9px 12px;text-align:left;font:inherit;cursor:pointer;display:flex;justify-content:space-between}.srbtn small{opacity:.6}
aside .who{margin-top:10px}
@media (max-width:760px){.srbtn{margin:0;padding:6px 10px}}