:root{--bg:#F2F3F5;--surface:#FFFFFF;--ink:#111318;--text:#2A2E37;--muted:#5B6170;--line:#E6E8EC;--accent:#FF4D2E;--accent-ink:#C7361A;--on-accent:#FFFFFF;--accent-soft:#FFF0EC;--chip:#F2F3F5;--ok:#1F7A4D;--ok-soft:#DDF1E6;--warn:#8A5A00;--warn-soft:#FBEFD5;--bad:#B4232F;--bad-soft:#FBE3E5;--f-ui:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-read:"Source Serif 4",Georgia,"Times New Roman",serif;--nav-h:64px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0F1013;--surface:#1A1C21;--ink:#F2F3F5;--text:#D9DCE2;--muted:#9CA2AE;--line:#2A2D34;--accent:#FF5A3C;--accent-ink:#FF8A73;--on-accent:#FFFFFF;--accent-soft:#3A1F19;--chip:#24262C;--ok:#5CC48D;--ok-soft:#173326;--warn:#E8B44E;--warn-soft:#3A2E18;--bad:#F07A88;--bad-soft:#3A1C22;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%}.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.narrow{max-width:720px}main{padding-block:18px 60px;min-height:60vh}.muted{color:var(--muted)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.top{justify-content:space-between;gap:12px;padding-block:10px}.logo,.top{display:flex;align-items:center}.logo{gap:10px;text-decoration:none}.logo img{width:38px;height:38px;border-radius:11px}.logo b{font-weight:800;font-size:20px;letter-spacing:-.02em}.nav{display:flex;gap:6px;align-items:center}.nav a{text-decoration:none;padding:9px 14px;border-radius:999px;font-weight:600}.nav a:hover{background:var(--chip)}.nav a.cta{background:var(--accent);color:var(--on-accent)}.nav a.cta:hover{background:var(--accent-ink)}.nav .me{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px}.bottomnav{display:none}@media (max-width:760px){.nav{display:none}.logo b{font-size:18px}.bottomnav{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(8px,env(safe-area-inset-left,0px))}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;font-weight:600;color:var(--muted);text-decoration:none;padding:4px 0}.bottomnav a.on{color:var(--accent-ink)}.bottomnav a.plus span.big{width:54px;height:40px;border-radius:14px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}body{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px))}footer{padding-bottom:12px}}h2.page{font-weight:800;font-size:clamp(24px,5vw,32px);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}.btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.accent,.btn.gold{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.danger{color:var(--bad)}.btn.small{padding:5px 12px;font-size:13px}.btn.soft{background:var(--chip);border-color:transparent}.btn.like[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-soft);border-color:transparent}svg.i{width:18px;height:18px;flex:none}.chip{border:1px solid var(--line);background:var(--surface);padding:6px 13px;border-radius:999px;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;display:inline-block}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.wait{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.feat{background:var(--accent-soft)}.cat,.pill.feat{color:var(--accent-ink)}.cat{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}.av,.cat{font-weight:700}.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#fff;flex:none}.meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.meta .who{display:flex;flex-direction:column;min-width:0}.meta .who b{color:var(--ink);font-size:15px}.stats{display:flex;gap:14px;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-wrap:wrap}.stats span{display:inline-flex;align-items:center;gap:5px}.box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.error{background:var(--bad-soft);color:var(--bad);border-radius:10px;font-weight:600}.error,.info{padding:10px 14px}.info{background:var(--accent-soft);border-radius:12px;font-size:14px}input[type=text],select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%}textarea{min-height:260px;resize:vertical;font-family:var(--f-read);font-size:17px;line-height:1.6}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-weight:700;font-size:14px}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.check{display:flex;gap:10px;align-items:flex-start}.check input{margin-top:4px;accent-color:var(--accent)}.layout{display:grid;grid-template-columns:240px minmax(0,1fr) 290px;grid-gap:24px;gap:24px;align-items:start}.side{position:-webkit-sticky;position:sticky;top:80px;display:flex;flex-direction:column;gap:4px}.side a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;font-weight:600}.side a.on,.side a:hover{background:var(--surface)}.side a.on{color:var(--accent-ink)}.side .label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:16px 12px 4px}.side .dot{width:10px;height:10px;border-radius:50%;flex:none}.right{position:-webkit-sticky;position:sticky;top:80px;gap:14px}.right,.right .box{display:flex;flex-direction:column}.right .box{gap:12px}.right h3{margin:0;font-size:16px}.rank{display:flex;gap:12px;align-items:baseline;text-decoration:none}.rank b.n{color:var(--accent);font-size:18px;width:16px;flex:none}.rank span{display:flex;flex-direction:column}.rank span b{font-size:14px}.rank span small{color:var(--muted);font-size:12.5px}.feed{display:flex;flex-direction:column;gap:12px;min-width:0}@media (max-width:1080px){.layout{grid-template-columns:220px minmax(0,1fr)}.right{display:none}}@media (max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.side{display:none}main.feedmain{padding-top:10px}}.composer{background:var(--surface);border-radius:16px;padding:12px 14px;gap:12px;text-decoration:none;border:1px solid var(--line)}.composer,.composer .fake{display:flex;align-items:center}.composer .fake{flex:1 1;min-width:0;height:42px;border-radius:999px;background:var(--chip);padding:0 18px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer .mic{width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.bubbles{display:none;gap:12px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}.bubbles a{display:flex;flex-direction:column;align-items:center;gap:4px;width:62px;flex:none;text-decoration:none;font-size:11.5px;font-weight:600}.bubbles .ring{width:58px;height:58px;border-radius:50%;padding:2px;border:2px solid var(--line)}.bubbles a.on .ring{border-color:var(--accent)}.bubbles .ring span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}@media (max-width:760px){.bubbles{display:flex}}.tabs{display:flex;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.tabs a{padding:12px 0;font-weight:700;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}.tabs a.on{color:var(--ink);border-bottom-color:var(--accent)}.post{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px 4px;display:flex;flex-direction:column;gap:10px}.post h3{margin:0;font-size:18px;line-height:1.3}.post h3 a{text-decoration:none}.post h3 a:hover{text-decoration:underline}.post p.ex{margin:0;color:var(--text);font-size:15.5px;line-height:1.55}.post p.ex a{color:var(--muted);font-weight:700;text-decoration:none}.post .counts{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:10px}.post .counts .h{display:inline-flex;align-items:center;gap:6px}.post .counts .h i{width:20px;height:20px;border-radius:50%;background:var(--accent);display:grid;place-items:center}.acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.act{padding:10px 0;display:flex;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:0;border-radius:10px}.act:hover{background:var(--chip)}.act[aria-pressed=true]{color:var(--accent)}@media (max-width:420px){.act{font-size:12.5px;gap:4px}.act svg.i{width:16px;height:16px}}.empty{text-align:center;padding:48px 16px;display:grid;grid-gap:12px;gap:12px;justify-items:center}.empty h3{font-size:22px;margin:0}.reader{max-width:700px;margin:0 auto;display:grid;grid-gap:16px;gap:16px}.reader h2{font-weight:800;font-size:clamp(26px,5vw,36px);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}.author{display:flex;align-items:center;gap:10px}.back{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;flex:none}.audio{background:var(--accent-soft);border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px;border:0;text-align:left;width:100%}.audio .play{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none}.audio .t{flex:1 1;display:flex;flex-direction:column;gap:6px;min-width:0}.audio .bar{height:4px;border-radius:2px;background:color-mix(in srgb,var(--accent) 25%,transparent);overflow:hidden}.audio .bar i{display:block;height:100%;background:var(--accent);transition:width .3s}.audio small{font-size:12.5px;font-weight:600;color:var(--muted)}.progress{display:flex;gap:6px}.progress button{flex:1 1;border:0;height:5px;border-radius:3px;background:var(--line);padding:0}.progress button.on{background:var(--accent)}.part{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.part .lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);font-weight:700}.part h4{font-size:21px;margin:4px 0 12px}.part p{font-family:var(--f-read);font-size:18px;line-height:1.7;margin:0 0 14px;color:var(--text)}.part p:last-child{margin-bottom:0}.actionbar{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;align-items:center;gap:8px}.actionbar .btn{padding:9px 13px}@media (max-width:440px){.actionbar .copy{display:none}.actionbar{gap:6px}}.actionbar .next{margin-left:auto}@media (max-width:760px){.actionbar{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px))}}.comments{display:grid;grid-gap:10px;gap:10px}.comments h5{font-size:18px;margin:8px 0 0}.cm{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:grid;grid-gap:2px;gap:2px}.cm .h{display:flex;justify-content:space-between;gap:8px;align-items:center}.cm p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.addc{display:flex;gap:8px}.addc input{flex:1 1;min-width:0}.compose{display:grid;grid-gap:18px;gap:18px}.tip{display:flex;gap:12px;align-items:flex-start;background:var(--accent-soft);border-radius:14px;padding:12px 14px;font-size:14px}.tip .mic{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none}.counter{font-size:13px;color:var(--muted);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter.low{color:var(--warn)}.list{grid-gap:12px;gap:12px}.item,.list{display:grid}.item{grid-gap:10px;gap:10px}.item .h{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.item h3{font-size:18px;margin:0}.item details summary{cursor:pointer;color:var(--accent-ink);font-weight:600}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline input[type=text]{flex:1 1;min-width:200px;width:auto}.tabrow{display:flex;gap:6px;flex-wrap:wrap}.auth{max-width:440px;margin:20px auto;display:grid;grid-gap:16px;gap:16px;text-align:center;justify-items:center}.auth>*{width:100%}.auth img.big{width:84px;height:84px;border-radius:22px}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:16px}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;z-index:40;font-weight:600}footer{font-size:13px;padding-block:20px 30px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}footer,footer a{color:var(--muted)}@media (max-width:560px){.row2{grid-template-columns:1fr}}.react{position:relative;display:contents}.acts .react{display:flex}.acts .react>.act{width:100%}.emo{font-size:17px;line-height:1}.picker{position:absolute;bottom:calc(100% + 6px);left:0;z-index:25;display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 8px;box-shadow:0 8px 24px rgba(17,19,24,.16)}.actionbar .react{display:inline-flex;position:relative}.picker button{border:0;background:none;border-radius:14px;padding:4px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:52px}.picker button span{font-size:28px;line-height:1.1;transition:transform .12s}.picker button small{font-size:10.5px;font-weight:700;color:var(--muted);white-space:nowrap}.picker button:focus-visible span,.picker button:hover span{transform:scale(1.25)}.picker button.on{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){.picker button span{transition:none}}.rx{align-items:center;gap:6px}.rx,.rx .stack{display:inline-flex}.rx .stack span{width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--surface);display:grid;place-items:center;font-size:14px;margin-left:-6px}.rx .stack span:first-child{margin-left:0}.rxlist{display:flex;gap:8px;flex-wrap:wrap}.rxlist span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--chip);color:var(--text)}.badge.conseil{background:#E3EEFB;color:#1F4E8C}.badge.reveler{background:#EFE6FA;color:#5B2E91}.badge.denoncer{background:var(--bad-soft);color:var(--bad)}.badge.inspirer{background:var(--ok-soft);color:var(--ok)}@media (prefers-color-scheme:dark){.badge.conseil{background:#1B2A40;color:#9CC3F5}.badge.reveler{background:#2A1F3A;color:#C9A8F2}}.badges{display:flex;gap:6px;flex-wrap:wrap}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.choices button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px;display:grid;grid-gap:2px;gap:2px}.choices button b{font-size:15px}.choices button small{color:var(--muted);font-size:13px}.choices button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}@media (max-width:480px){.choices{grid-template-columns:1fr}}.first{background:var(--surface);border:1px solid var(--line);padding:28px 22px;display:grid;grid-gap:16px;gap:16px;text-align:center;justify-items:center}.first,.first img{border-radius:20px}.first img{width:72px;height:72px}.first h2{margin:0;font-size:clamp(22px,4.5vw,28px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.first p{margin:0;color:var(--muted);max-width:48ch}.first .choices{width:100%;text-align:left}.first .choices a{text-decoration:none;border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:14px;display:grid;grid-gap:2px;gap:2px}.first .choices a:hover{border-color:var(--accent)}.first .choices a b{font-size:15px}.first .choices a small{color:var(--muted);font-size:13px}.log{display:grid;grid-gap:8px;gap:8px}.log .ev{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:grid;grid-gap:4px;gap:4px}.log .ev .h{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:13.5px}.log .ev code{padding:1px 6px;border-radius:6px}.log .ev code,.log pre{font-size:12px;background:var(--chip)}.log pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;border-radius:8px;max-height:240px;overflow:auto}.voices{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.voices label{font-weight:700}.voices select{width:auto;max-width:100%;padding:6px 10px;font-size:13.5px}.voices select#voix{flex:1 1;min-width:160px}.profile{justify-items:center;grid-gap:8px;text-align:center;padding:26px 18px}.kpis,.profile{display:grid;gap:8px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;width:100%;margin-top:8px}.kpis div{background:var(--bg);border-radius:14px;padding:12px 6px;display:grid;grid-gap:2px;gap:2px}.kpis b{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpis span{font-size:12.5px;color:var(--muted);font-weight:600}@media (max-width:420px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn.big{width:100%;padding:15px 18px;font-size:17px;font-weight:800;border-radius:14px}.linkbtn{background:none;border:0;padding:4px 0;color:var(--accent-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}.linkbtn:disabled{color:var(--muted);text-decoration:none;cursor:not-allowed}.modal-back{position:fixed;inset:0;z-index:60;background:rgba(17,19,24,.55);display:grid;place-items:center;padding:16px;animation:fade .15s ease-out}.modal{position:relative;width:100%;max-width:420px;background:var(--surface);border-radius:22px;padding:28px 22px 22px;display:grid;grid-gap:14px;gap:14px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:up .2s ease-out;max-height:calc(100dvh - 32px);overflow:auto}.modal h2{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.modal p{margin:0}.modal .small{font-size:12.5px}.modal .field{text-align:left}.modal-logo{width:64px;height:64px;border-radius:18px;justify-self:center}.modal-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:var(--chip);color:var(--ink);display:grid;place-items:center}@media (max-width:560px){.modal-back{place-items:end center;padding:0}.modal{max-width:none;border-radius:22px 22px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom, 0px));animation:sheet .22s ease-out}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sheet{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.modal,.modal-back{animation:none}}.navbtn{background:none;border:0;padding:9px 14px;border-radius:999px;font-weight:600}.navbtn:hover{background:var(--chip)}.bottomnav button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;font-weight:600;color:var(--muted);background:none;border:0;padding:4px 0}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.tablebox{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}.utable{width:100%;border-collapse:collapse;font-size:14px;min-width:820px}.utable td,.utable th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.utable th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg);position:-webkit-sticky;position:sticky;top:0}.utable tr:last-child td{border-bottom:0}.utable td.num,.utable th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.utable .mono{font-size:13px;color:var(--text)}.utable a{font-weight:700;text-decoration:none}