:root{--ink:#14161A;--bg:#F6F7F4;--card:#fff;--line:#E3E5DD;--mut:#6B7078;--acc:#C4D82E;--acc2:#a9bd1c;--bad:#b3261e;--ok:#2d6a2d}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}.wrap{max-width:900px;margin:0 auto;padding:20px 16px 60px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--ink);color:#fff;flex-wrap:wrap}
.logo{font-weight:800;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.dot{width:12px;height:12px;border-radius:4px;background:var(--acc)}
.top nav{display:flex;gap:4px;flex-wrap:wrap}.top nav a{color:#d9dcd2;text-decoration:none;padding:6px 12px;border-radius:999px;font-size:15px}
.top nav a.on{background:var(--acc);color:var(--ink);font-weight:600}.top nav a.muted{color:#8f948a}
.imp{background:#fff3b0;padding:8px 16px;font-size:14px;text-align:center}
h1{font-size:26px;line-height:1.2;margin:8px 0 4px}h2{font-size:18px;margin:28px 0 10px}.sub{color:var(--mut);margin:0 0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 12px}
.card h3{margin:0 0 4px;font-size:17px}.card p{margin:6px 0;color:#3a3e45}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grow{flex:1}
.chip{display:inline-block;font-size:12px;padding:2px 9px;border-radius:999px;background:#ecefe2;color:#4a5217;font-weight:600}
.chip.bad{background:#fbe4e2;color:var(--bad)}.chip.ok{background:#e2f1e2;color:var(--ok)}.chip.grey{background:#eceef0;color:#555}
.btn{display:inline-block;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;background:var(--acc);color:var(--ink);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--acc2)}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.dark{background:var(--ink);color:#fff}.btn.bad{background:#fff;border:1px solid #e4b5b1;color:var(--bad)}.btn.sm{padding:6px 12px;font-size:14px}
input,select,textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
textarea{min-height:110px;resize:vertical}label{display:block;font-weight:600;margin:14px 0 5px}label small{font-weight:400;color:var(--mut)}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.checks label{display:flex;gap:10px;align-items:center;font-weight:500;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.checks input{width:auto}
.msg{padding:10px 14px;border-radius:10px;margin:0 0 14px;background:#e2f1e2}.msg.err{background:#fbe4e2;color:var(--bad)}.msg.warn{background:#fff3b0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 8px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.stat b{display:block;font-size:26px}.stat span{color:var(--mut);font-size:13px}
.bar{height:6px;background:#e6e8df;border-radius:6px;overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:var(--acc2)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f0f2ea;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut)}
.out{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:15px}
.ask{display:flex;gap:8px}.ask input{flex:1}.empty{text-align:center;color:var(--mut);padding:30px 10px}
.foot{text-align:center;color:#9aa0a6;font-size:12px;padding:20px}.mut{color:var(--mut)}.narrow{max-width:420px;margin:50px auto}
.switch{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.switch:last-child{border:0}
@media(max-width:560px){.stats{grid-template-columns:1fr 1fr 1fr}.stat b{font-size:20px}h1{font-size:22px}table{font-size:13px}}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}.calh{font-size:12px;color:var(--mut);text-align:center;font-weight:600}
.cald{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:86px;padding:4px;overflow:hidden}.cald.today{border-color:var(--acc2);box-shadow:inset 0 0 0 1px var(--acc2)}
.caln{font-size:12px;color:var(--mut)}.cali{display:block;font-size:11px;line-height:1.3;background:#eceef0;border-radius:6px;padding:2px 4px;margin-top:3px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cali.ok{background:#e2f1e2}
@media(max-width:560px){.cald{min-height:60px}.cali{font-size:10px}}
@media(max-width:560px){.top nav a.uname{display:none}.top nav a{padding:6px 9px}}
.tswitch{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 16px;background:#23262c;color:#d9dcd2;font-size:14px}.tswitch select{width:auto;padding:4px 8px;font-size:14px}

/* v2: mobil alt sekmeler ve menü */
.tabs{display:none}.sheet{display:none}
@media(max-width:760px){
 .has-tabs .top nav{display:none}.has-tabs .wrap{padding-bottom:96px}
 .tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:#14161A;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.15)}
 .tabs a,.tabs button{background:none;border:0;color:#aeb3a8;font:12px system-ui;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;cursor:pointer}
 .tabs .ico{font-size:20px;line-height:1.1}.tabs a.on{color:var(--acc)}
 .tabs a.mic{margin-top:-22px}.tabs a.mic .ico{width:58px;height:58px;border-radius:50%;background:var(--acc);color:#14161A;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 14px rgba(0,0,0,.3);border:4px solid #14161A}
 .sheet-open .sheet{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:60}
 .sheet-in{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .sheet-in a{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:600;text-align:center}.sheet-in a.on{background:var(--acc)}
}
.list .item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none}.list .item:last-child{border:0}.list .item:hover{background:#fafbf7}
.list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:12px}
.avatar{width:38px;height:38px;border-radius:50%;background:#ecefe2;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.right{margin-left:auto;text-align:right}.big{font-size:22px;font-weight:800}.pos{color:var(--ok)}.neg{color:var(--bad)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.chips a{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:14px}.chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
details.card summary{cursor:pointer;font-weight:700}.done-t{text-decoration:line-through;color:var(--mut)}
@media print{.top,.tabs,.sheet,.foot,.noprint,.imp,.tswitch{display:none!important}body{background:#fff}.wrap{max-width:none;padding:0}.card{border:0}}
.chat{display:flex;flex-direction:column;gap:8px;margin:10px 0 12px;min-height:120px}
.bub{max-width:86%;padding:10px 14px;border-radius:16px;line-height:1.45;font-size:15px}.bub.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.bub.ai{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
.act{display:block;margin-top:6px;font-size:13px;padding:6px 10px;border-radius:10px;background:#e2f1e2;text-decoration:none;color:var(--ok)}.act.bad{background:#fbe4e2;color:var(--bad)}
.composer{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:8px;background:var(--bg);padding:6px 0}.composer textarea{min-height:46px;max-height:140px;flex:1}
#mic.rec{background:var(--bad);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.typing{color:var(--mut)}
@media(max-width:760px){.composer{bottom:84px}}
.top details.more{position:relative}.top details.more summary{list-style:none;color:#d9dcd2;padding:6px 12px;cursor:pointer;font-size:15px}.top details.more summary::-webkit-details-marker{display:none}
.top details.more>div{position:absolute;right:0;top:36px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;min-width:190px;z-index:30;box-shadow:0 8px 24px rgba(0,0,0,.15)}.top details.more>div a{display:block;color:var(--ink)!important;border-radius:8px}.top details.more>div a.on{background:var(--acc)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #2966bf;outline-offset:3px}
.skip-nav{position:fixed;top:5px;left:8px;transform:translateY(-160%);z-index:200;background:white;color:#182331;padding:10px 16px;border-radius:8px}.skip-nav:focus{transform:none}
.sheet-in{max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain}.sheet-close{grid-column:1/-1;min-height:44px;background:var(--ink);color:white;border:0;border-radius:10px;font:inherit;cursor:pointer}
body.sheet-open{overflow:hidden}
@media(max-width:680px){.card{min-width:0;overflow-wrap:anywhere}.bub{overflow-wrap:anywhere}.ask input{min-width:0}.stats{grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr))!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root{--ink:#182b26;--bg:#f4f6f0;--mut:#53625b;--acc:#c5e681;--acc2:#b3d86d;--line:#d4ddd1}
.wrap{max-width:1080px}.top{background:#142e27;gap:10px}.top nav{flex:1}.top nav a{font-size:14px}.foot{color:#56675c}.logo .dot{width:19px;height:19px;background:repeating-linear-gradient(120deg,var(--acc) 0 3px,transparent 3px 6px);border:1px solid var(--acc)}
.jump-open,.jump-close{border:1px solid #5a7469;background:transparent;color:#fff;padding:7px 13px;border-radius:20px;font:inherit;cursor:pointer;font-size:14px}.jump-open kbd{font:inherit;color:#c5d6cd;font-size:10px;margin-left:5px}.jump{border:1px solid var(--line);border-radius:17px;padding:20px;width:min(440px,90vw);color:var(--ink);max-height:80vh}.jump::backdrop{background:#10251dd4}.jump-title,.jump-list a{display:flex;justify-content:space-between;align-items:center}.jump-title h2{margin:0}.jump-close{color:var(--ink);font-size:22px}.jump-list{max-height:45vh;overflow:auto;margin-top:8px}.jump-list a{padding:8px 6px;border-bottom:1px solid var(--line);text-decoration:none}.jump-list a:hover{background:var(--bg)}.jump-list [hidden]{display:none!important}
.dayhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#173b30;color:#f7f8eb;padding:clamp(20px,3vw,35px);border-radius:20px;margin:0 0 16px;position:relative;overflow:hidden}.dayhead:after{content:"";position:absolute;bottom:-40px;right:2%;width:26%;height:96px;transform:skewX(-35deg);background:repeating-linear-gradient(90deg,transparent 0 7px,#48705c 7px 9px);pointer-events:none}.dayhead h1{font-size:clamp(35px,5vw,50px);letter-spacing:-.06em;margin:6px 0}.dayhead p{margin:4px 0;color:#e0e9d9}.dayhead .day-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;color:#c8e2a9}.day-action{display:inline-block;color:#162b23;background:#d1ee98;border-radius:20px;padding:8px 15px;text-decoration:none;font-size:14px;font-weight:650;margin-top:12px}.day-side{display:grid;text-align:right;gap:8px;color:#d2dfcd;font-size:13px}.dayhead>div{position:relative;z-index:1}.narrow>.card{box-shadow:0 8px 32px #2338250b}.stat{border-top:3px solid #90ac72}.stat b{letter-spacing:-.04em}
@media(max-width:760px){.jump-open{margin-left:auto}.jump-open kbd{display:none}.day-side{font-size:11px}.dayhead:after{width:15%}.top .logo{max-width:64%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.dayhead,.jump[open]{animation:pc-enter .25s ease-out}.btn,.stat,.day-action{transition:background-color .16s,border-color .16s,transform .16s}.stat[href]:hover,.day-action:hover{transform:translateY(-2px)}}
@keyframes pc-enter{from{transform:translateY(5px);opacity:.7}to{transform:none;opacity:1}}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:12px}.table-hint{font-size:12px;color:var(--mut);margin:0 0 5px}
@media print{.table-hint{display:none}.table-scroll{overflow:visible}}
.chip.warn{background:#fff3b0;color:#6b5600}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll table{min-width:560px}
.bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding:8px 0 0;border-bottom:1px solid var(--line)}.bars div{flex:1;min-width:3px;background:var(--acc2);border-radius:3px 3px 0 0;position:relative}.bars div.z{background:var(--line);height:2px!important}
.bars-x{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;margin-top:4px}
.heat{border-collapse:separate;border-spacing:2px;width:100%;font-size:11px;table-layout:fixed;border:0;background:none;border-radius:0}.heat th{text-transform:none;letter-spacing:0;font-size:11px}.heat th:first-child{width:34px}.heat td,.heat th{padding:0;text-align:center;color:var(--mut);font-weight:500;border:0;background:none}.heat td.c{height:18px;border-radius:3px;background:#eceef0}.heat td.c[data-v]{cursor:default}
.hbar{display:flex;align-items:center;gap:10px;font-size:14px;margin:4px 0}.hbar span:first-child{width:140px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar i{display:block;height:10px;background:var(--acc2);border-radius:5px;min-width:2px}.hbar b{font-weight:600;font-size:13px;color:var(--mut)}
.tl{list-style:none;margin:0;padding:0}.tl li{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.tl time{color:var(--mut);width:92px;flex:none;font-variant-numeric:tabular-nums}.tl .who{color:var(--mut);margin-left:auto;font-size:13px;text-align:right}
.filt{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.filt a{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:14px}.filt a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:560px){.hbar span:first-child{width:100px}.tl time{width:70px}.heat{font-size:9px}}
.switch>form,.switch>.row,.switch>.chip{flex-shrink:0}.switch .btn{white-space:nowrap}.switch.sugg{flex-wrap:wrap}.switch.sugg>div:first-child{flex:1 1 220px}
.hbar b{white-space:nowrap;flex:none}.hbar i{flex:0 1 auto}
.imp.edit{background:#fbe4e2;color:var(--bad)}.imp form{margin:0}
/* v2.6 gösteri */
.brief h1{font-size:clamp(30px,4.4vw,44px)}
.brief-lines{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.brief-lines li{display:flex;gap:10px;align-items:baseline;color:#eef3e6;opacity:0;animation:pc-line .45s ease-out forwards}
.brief-lines li span{width:20px;flex:none;text-align:center;color:#c8e2a9;font-weight:700}
.proverb{font-style:italic;color:#c8e2a9!important;margin-top:12px!important;opacity:0;animation:pc-line .5s ease-out 1s forwards}
@keyframes pc-line{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.day-action.speak{border:0;cursor:pointer;font:inherit}
.day-action.ghosted{background:transparent;border:1px solid #6d8f7c;color:#f7f8eb}
.day-action.speaking{animation:pc-pulse 1s ease-in-out infinite}
@keyframes pc-pulse{50%{box-shadow:0 0 0 8px rgba(196,216,46,.25)}}
.score-ring{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#f7f8eb!important;flex:none;align-self:center}
.score-ring span{font-size:13px;font-weight:600;color:#c8e2a9}
.ring .ring-v{animation:pc-ring 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes pc-ring{from{stroke-dashoffset:var(--c)}}
.goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:0 0 14px}
.goal{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;text-decoration:none;color:var(--ink)}
.goal:hover{border-color:var(--acc2)}.goal b{display:block}.goal span{color:var(--mut);font-size:13px}
.goal .ring{flex:none}.goal-plus{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#ecefe2;color:#4a5217!important}
#pc-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999}
.pc-toast{position:fixed;left:50%;top:18%;transform:translate(-50%,-10px);background:var(--ink);color:#fff;padding:16px 22px;border-radius:16px;font-size:20px;font-weight:700;z-index:10000;box-shadow:0 18px 50px rgba(0,0,0,.3);opacity:0;transition:.35s;text-align:center;max-width:90vw}
.pc-toast.on{opacity:1;transform:translate(-50%,0)}
.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.badge{border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;background:var(--card)}
.badge i{font-style:normal;font-size:30px;display:block}.badge b{display:block;margin-top:4px}.badge small{color:var(--mut)}
.badge.off{opacity:.38;filter:grayscale(1)}
.lb{list-style:none;margin:0;padding:0}.lb li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.lb li:last-child{border:0}
.lb .pos-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#eceef0;flex:none}
.lb li:nth-child(1) .pos-n{background:#f5d76e}.lb li:nth-child(2) .pos-n{background:#dfe3e8}.lb li:nth-child(3) .pos-n{background:#eac39b}
.lb .bar{flex:1;height:8px;background:#eceef0;border-radius:4px;overflow:hidden}.lb .bar i{display:block;height:100%;background:var(--acc2);border-radius:4px}
@media (prefers-reduced-motion:reduce){.brief-lines li,.proverb{opacity:1;animation:none}.ring .ring-v{animation:none}}
@media(max-width:600px){.brief{flex-direction:column}.score-ring{align-self:flex-start;flex-direction:row;gap:10px}.score-ring svg{width:84px;height:84px}}
/* v2.7 gündem */
.news{display:grid;gap:10px;margin-bottom:12px}.news-item{margin:0}.news-item.is-new{border-left:4px solid var(--acc2)}
.news-meta{font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.news-item h3{font-size:18px;line-height:1.3;margin:6px 0 4px}.news-item h3 a{text-decoration:none}.news-item h3 a:hover{text-decoration:underline}
.news-item p{margin:4px 0 8px;color:#2c3036}.why{background:#f3f6e4;border-radius:10px;padding:8px 12px;margin:6px 0 8px;font-size:15px}
.news-act{gap:6px}.news-act .btn{font-size:13px}
.news-top ol{margin:8px 0 0;padding-left:22px;display:grid;gap:6px}.news-top .nc{font-size:12px;font-weight:700;color:#4a5217;background:#ecefe2;border-radius:99px;padding:1px 8px;margin-right:4px;white-space:nowrap}
.filt a b{background:var(--acc);color:#14161A;border-radius:99px;padding:0 7px;font-size:12px;margin-left:2px}.filt a.on b{background:#fff}
.gundem{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.gundem li{display:flex;gap:10px;align-items:baseline}.gundem .nc{flex:none;width:24px;text-align:center}
.gundem a{text-decoration:none}.gundem a:hover{text-decoration:underline}.gundem small{color:var(--mut);display:block;font-size:12px}
.chips-try{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 12px}.chips-try button{font:inherit;font-size:13px;border:1px dashed #b9c08f;background:#fbfcf4;color:var(--ink);border-radius:99px;padding:6px 12px;cursor:pointer}.chips-try button:hover{background:#ecefe2;border-style:solid}
.start{border:1px solid var(--acc2)}.start ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.start li{display:flex;gap:10px;align-items:center}.start li .ck{width:22px;height:22px;border-radius:50%;border:2px solid #c9cdb4;display:grid;place-items:center;font-size:13px;flex:none}
.start li.done .ck{background:var(--ok);border-color:var(--ok);color:#fff}.start li.done a{color:var(--mut);text-decoration:line-through}
.start .pbar{height:8px;background:#eceef0;border-radius:4px;overflow:hidden;margin-top:6px}.start .pbar i{display:block;height:100%;background:var(--acc2)}
/* v2.8 kulüp */
.av{position:relative;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none;letter-spacing:-.02em}
.av .on{position:absolute;right:-1px;bottom:-1px;width:28%;height:28%;min-width:9px;min-height:9px;border-radius:50%;background:#33c25a;border:2px solid #fff}
.club-hero h1{font-size:clamp(28px,4vw,40px)}
.post{margin:0 0 10px}.post-h{display:flex;gap:10px;align-items:center}.post-b{margin:10px 0 8px;white-space:normal;overflow-wrap:anywhere}.post-a{gap:6px}
.brag{margin:10px 0 0;border-radius:14px;padding:16px 18px;background:linear-gradient(135deg,#173b30,#2d6a2d 60%,#C4D82E);color:#fff}
.brag-k{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.85;font-weight:700}.brag-b{font-size:26px;font-weight:900;letter-spacing:-.02em;margin:4px 0}.brag-s{opacity:.9}
.comments{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.cmt{display:flex;gap:8px;margin:0 0 8px;font-size:14px}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.person{margin:0}
.room-chat,.dm-chat{max-height:52vh;min-height:260px;overflow-y:auto;padding:4px}
.dm{display:grid;grid-template-columns:300px 1fr;gap:10px}.dm-list{margin:0;padding:12px;max-height:72vh;overflow-y:auto}.dm-cur{margin:0;display:flex;flex-direction:column}
.dm-row{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;text-decoration:none;color:var(--ink)}.dm-row:hover,.dm-row.on{background:#f0f2ea}
.dm-n{background:var(--acc);border-radius:99px;font-size:12px;font-weight:700;padding:1px 8px}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.dm-head{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}.dm-back{display:none;text-decoration:none;font-size:22px}
@media(max-width:760px){.dm{grid-template-columns:1fr}.dm.has-cur .dm-list{display:none}.dm:not(.has-cur) .dm-cur{display:none}.dm-back{display:inline}}
.club-tease{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.club-tease>span:first-child{font-size:26px}.club-tease div{flex:1}.club-tease small{display:block;color:var(--mut)}.club-tease:hover{border-color:var(--acc2)}
.dm-head .btn{white-space:nowrap}@media(max-width:520px){.dm-head{flex-wrap:wrap}.dm-head>div{flex:1;min-width:0}}
.appcard{position:relative;border-color:var(--acc2)}.ap-x{position:absolute;top:6px;right:8px;background:none;border:0;font-size:22px;color:var(--mut);cursor:pointer;padding:4px 8px}.ap-head{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-right:24px}.ap-head img{border-radius:12px}.ap-head small{display:block;color:var(--mut);margin-top:2px}.ap-steps{margin:0;padding-left:20px;line-height:1.9}.qrbox{margin-top:10px}.qrbox .qrc{background:#fff;padding:10px;display:inline-block;border-radius:8px}.qrbox small{display:block;margin-top:6px}
.live{border-color:var(--ok)}.live-h{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.live-n{font-size:34px;font-weight:800;line-height:1}.pulse{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(46,160,67,.6);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(46,160,67,0)}100%{box-shadow:0 0 0 0 rgba(46,160,67,0)}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
.hours{display:flex;gap:2px;align-items:flex-end;height:46px;margin:12px 0 4px}.hours i{flex:1;background:var(--acc2);border-radius:2px 2px 0 0;min-height:2px;opacity:.85}.hours i.now{background:var(--ok)}.hours-l{display:flex;justify-content:space-between;font-size:11px;color:var(--mut)}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);margin-left:6px;vertical-align:1px}.live table{margin-top:10px}
.props{border-color:#b9d86a}.prop{border-top:1px solid var(--line);padding:12px 0 4px;margin:0}.prop:first-of-type{border-top:0}.prop-h{display:flex;gap:10px;align-items:flex-start}.prop-h>span{font-size:22px;line-height:1.2}.prop-h small{display:block;color:var(--mut);margin-top:2px}.prop textarea{margin-top:8px}.prop-b{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.prop-b .btn:first-child{flex:1;min-width:140px}.prop-done{margin:4px 0;color:var(--ok);font-weight:600}.prop-done.err{color:var(--bad,#b3261e)}
.fb{display:inline-flex;gap:4px;margin-left:auto}.tojob{margin-top:6px;font-size:14px}.tojob summary{cursor:pointer;color:var(--mut)}
.voice{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-color:var(--acc2)}.voice #v_start{font-size:16px;padding:12px 18px}.voice[data-mode=listen]{border-color:var(--ok);box-shadow:0 0 0 3px rgba(46,160,67,.15)}.voice[data-mode=speak] #v_state{color:var(--ok)}.pulse-btn{animation:pulsebtn 1.6s infinite}@keyframes pulsebtn{50%{box-shadow:0 0 0 8px rgba(184,224,92,.35)}}@media (prefers-reduced-motion:reduce){.pulse-btn{animation:none}}