/* Liquid Glass (22 Oct): a still silk backdrop, glass panels to divide every page, rebuilt Messages, a portfolio edit mode and the introduction features */
html[data-theme="light"]{--gl:rgba(255,255,255,.56);--gl-strong:rgba(255,255,255,.82);--gl-sheen:linear-gradient(165deg,rgba(255,255,255,.55),rgba(255,255,255,0) 46%);--rim:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.5);--gl-shadow:0 1px 2px rgba(18,38,90,.05),0 18px 44px -20px rgba(18,38,90,.3);--gl-sep:rgba(20,30,70,.08);--gl-rim-c:rgba(255,255,255,.75);--tile:rgba(255,255,255,.52);--hov:rgba(255,255,255,.55);--sel:rgba(255,255,255,.92);--chip-bg:rgba(255,255,255,.62);--bub-in:rgba(255,255,255,.88);--fld:rgba(255,255,255,.72)}
html[data-theme="dark"]{--gl:rgba(24,28,46,.52);--gl-strong:rgba(38,44,68,.8);--gl-sheen:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,0) 46%);--rim:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.07);--gl-shadow:0 20px 48px -20px rgba(0,0,0,.75);--gl-sep:rgba(255,255,255,.08);--gl-rim-c:rgba(255,255,255,.09);--tile:rgba(255,255,255,.05);--hov:rgba(255,255,255,.06);--sel:rgba(255,255,255,.15);--chip-bg:rgba(255,255,255,.09);--bub-in:rgba(255,255,255,.11);--fld:rgba(255,255,255,.07)}
.fluid-bg{display:block!important}
.pn,.nsec,section[data-m="o.l"]>.ocs,section[data-m="o.l"]>.rqs,.pvm .pfs>.blk,.pvm .pfs>.g2>.blk,.esec,.pe-add,.pn:has(>.feed)>.feed>.po,[data-m="ask.l"]>.feed>.po,.pc,.evc{background:var(--gl-sheen),var(--gl)!important;-webkit-backdrop-filter:blur(30px) saturate(190%)!important;backdrop-filter:blur(30px) saturate(190%)!important;box-shadow:var(--rim),var(--gl-shadow)!important;border-radius:28px!important}
.pn,.nsec,section[data-m="o.l"]>.ocs,section[data-m="o.l"]>.rqs,.pvm .pfs>.blk,.pvm .pfs>.g2>.blk,.esec,.pe-add,.pn:has(>.feed)>.feed>.po,[data-m="ask.l"]>.feed>.po{padding:22px!important}
.pc{border-radius:22px!important;padding:16px!important}
.evc{border-radius:22px!important;padding:0!important;overflow:hidden}
.pn .pc,.nsec .pc,.pn .evc,.nsec .evc{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--tile)!important;box-shadow:inset 0 0 0 1px var(--gl-rim-c)!important}
.pn:has(>.feed),.pn.pvm,section.pn[data-m="o.h"]{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.pn.evh{padding:0!important;overflow:hidden}
.evh-in{padding:18px 22px 22px!important}
.evc-i{border-radius:0!important}.evc-t{padding:14px 16px 16px!important}
.plc.hl,.plc.cur{box-shadow:inset 0 0 0 2px #0563FD,var(--gl-shadow)!important}
.nsec{margin:0 0 16px!important}
.pn:has(>.feed)>.feed,[data-m="ask.l"]>.feed{gap:14px}
.pvm .pfs,.pvm .pfs>.g2{gap:16px}
.pvm .pv-tabs{margin-bottom:16px}
.pn .ph.big{margin-bottom:18px}
.cd,.tsi,.kpi,.imp>div,.cal-d{background:var(--tile)!important;border-radius:20px;box-shadow:inset 0 0 0 1px var(--gl-rim-c)!important}
.cd{padding:16px}.kpi,.imp>div{padding:14px 16px}
.ls>*+*,.nlinks button+button,.ocs>*+*{box-shadow:0 -1px 0 var(--gl-sep)}
.tabsx{display:flex;width:fit-content;max-width:100%;gap:2px;padding:4px;border-radius:999px;background:var(--gl);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--gl-shadow);overflow-x:auto;scrollbar-width:none}
.pn .tabsx,.nsec .tabsx,.sh .tabsx{background:var(--chip-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 .5px var(--gl-rim-c)}
.tb-x{height:36px;padding:0 16px;border-radius:999px;color:var(--ink2)}
.tb-x:hover{background:var(--hov)}
.tb-x.on,[data-theme="dark"] .tb-x.on{background:var(--sel)!important;color:var(--ink)!important;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.85)!important}
[data-theme="dark"] .tb-x.on{box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12)!important}
.seg{background:var(--chip-bg);box-shadow:inset 0 0 0 .5px var(--gl-rim-c)}
.seg button.on{background:var(--sel);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.85)}
.chip{background:var(--chip-bg);box-shadow:inset 0 0 0 .5px var(--gl-rim-c)}
.chip:hover{background:var(--sel)}
.chip.on{background:#0563FD;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.chip[disabled]{opacity:.4;cursor:not-allowed}
.chip .ic{width:15px;height:15px}
.b-s{background:var(--chip-bg)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 .5px var(--gl-rim-c)!important}
.b-s:hover{background:var(--sel)!important}
[data-theme="dark"] .b-s{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 .5px var(--gl-rim-c)!important}
.b-p{background:linear-gradient(180deg,#2B78FF,#0563FD)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -10px rgba(5,99,253,.8)!important}
.b-p:hover{background:linear-gradient(180deg,#1F6CF5,#0450D6)!important}
.inp{background:var(--fld)!important;box-shadow:inset 0 0 0 1px var(--gl-rim-c)!important}
.inp:focus{box-shadow:inset 0 0 0 2px #0563FD!important}
.srch.sm{background:var(--fld);box-shadow:inset 0 0 0 1px var(--gl-rim-c)}
.cmp{background:var(--gl-strong)!important;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--gl-shadow)!important}
.pn.msgs{display:grid!important;grid-template-columns:minmax(270px,340px) minmax(0,1fr)!important;height:calc(100vh - 104px)!important;min-height:560px;padding:0!important;overflow:hidden}
.m-list{display:flex;flex-direction:column;gap:12px;min-height:0;max-height:none!important;padding:20px 14px 12px!important;box-shadow:1px 0 0 var(--gl-sep)!important;overflow:hidden!important}
.ml-h{display:flex;align-items:center;justify-content:space-between;padding:0 6px}
.m-list>.srch{flex:none;height:40px}
.ml-f{align-self:flex-start}
.ml-l{flex:1;min-height:0;overflow-y:auto;margin:0 -4px;padding:0 4px}
.ml-e{padding:12px 8px}
.cv{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border-radius:16px;text-align:left;transition:background .2s}
.cv:hover{background:var(--hov)}
.cv.on{background:var(--sel);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.cv-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.cv-1,.cv-2{display:flex;align-items:center;gap:8px;width:100%}
.cv-1 b{flex:1;min-width:0;font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-1 time{flex:none;font-size:12.5px;color:var(--ink3)}
.cv-2 small{flex:1;min-width:0;font-size:14px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv.un .cv-1 b,.cv.un .cv-2 small{color:var(--ink);font-weight:650}
.udot{flex:none;width:9px;height:9px;border-radius:50%;background:#0563FD}
.m-conv{display:grid!important;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0!important}
.mc-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.mc-h{flex:none;display:flex;align-items:center;gap:10px;padding:12px 16px!important;box-shadow:0 1px 0 var(--gl-sep)!important}
.mc-who{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left}
.mc-who b{display:block;font-weight:600;font-size:16px}.mc-who small{display:block;font-size:13.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-who:hover b{color:var(--acc)}
.mc-back{display:none!important}
.mc-b{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:16px 22px!important}
.mday{display:flex;justify-content:center;margin:14px 0 8px}.mday span{padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--ink2);background:var(--chip-bg)}
.mnote{align-self:center;display:flex;align-items:center;gap:8px;max-width:86%;margin:10px 0;padding:8px 14px;border-radius:16px;font-size:13.5px;line-height:1.4;color:var(--ink2);background:var(--chip-bg)}
.bw{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:76%}
.bw.out{align-self:flex-end;flex-direction:row-reverse}
.bw.f{margin-top:10px}
.bw>.av.xs,.bw-s{flex:none;width:28px;height:28px}
.bw-c{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.bw.out .bw-c{align-items:flex-end}
.bub{padding:10px 14px;border-radius:20px;font-size:15.5px;line-height:1.45;color:var(--ink);background:var(--bub-in);box-shadow:inset 0 0 0 .5px var(--gl-rim-c),0 1px 2px rgba(0,0,0,.04);overflow-wrap:anywhere}
.bw.in:not(.l) .bub{border-bottom-left-radius:8px}.bw.in:not(.f) .bub{border-top-left-radius:8px}
.bw.out .bub{color:#fff;background:linear-gradient(180deg,#2D7BFF,#0563FD);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.bw.out:not(.l) .bub{border-bottom-right-radius:8px}.bw.out:not(.f) .bub{border-top-right-radius:8px}
.bub .lc{margin-top:8px;color:#1D1D1F;background:rgba(255,255,255,.85)}.bub .lc small{color:#6E6E73}
.bw-n{margin:0 0 3px 12px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.bw-m{display:flex;align-items:center;gap:6px;margin:4px 6px 0}.bw-m small{font-size:12px;color:var(--ink3)}
.bw-x{position:absolute;top:50%;display:flex;gap:2px;opacity:0;transform:translateY(-50%);transition:opacity .2s}
.bw.in .bw-x{left:100%;margin-left:6px}.bw.out .bw-x{right:100%;margin-right:6px}
.bw:hover .bw-x,.bw-x:focus-within{opacity:1}
.bw-x button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--ink2);background:var(--chip-bg)}
.bw-x .ic{width:15px;height:15px}
.mq{margin-bottom:4px}
.mc-f{flex:none;display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:6px!important;border-radius:999px;background:var(--gl-strong);box-shadow:var(--rim),var(--gl-shadow)}
.mc-f .inp{flex:1;min-height:42px;padding:0 8px;background:none!important;box-shadow:none!important}
.mreply{display:flex;align-items:center;gap:8px;margin:0 18px 8px;padding:8px 12px;border-radius:14px;font-size:13px;color:var(--ink2);background:var(--chip-bg)}.mreply span{flex:1}.mreply .ic{width:15px;height:15px}
.mreq{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 16px 0;padding:12px 14px;border-radius:18px;background:var(--accbg)}.mreq p{flex:1;min-width:200px}
.mc-info{display:none;flex-direction:column;align-items:center;gap:4px;padding:26px 18px;box-shadow:-1px 0 0 var(--gl-sep);overflow-y:auto;text-align:center}
.mc-info .ls,.mc-info .why,.mc-info .sub{align-self:stretch;text-align:left}
.mc-info .sub{margin:20px 0 6px}
.mi-n{margin-top:10px;font-size:17px;font-weight:650}
.mc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:24px;text-align:center;color:var(--ink2)}
@media (min-width:1320px){.m-conv{grid-template-columns:minmax(0,1fr) 290px}.mc-info{display:flex}}
@media (max-width:860px){.pn.msgs{grid-template-columns:minmax(0,1fr)!important;height:calc(100vh - 150px)!important}.msgs.open .m-list{display:none!important}.msgs:not(.open) .m-conv{display:none!important}.mc-back{display:inline-flex!important}.m-list{box-shadow:none!important}.bw{max-width:88%}}
.cover{position:relative}
.cover.cv0,.cv-sw.cv0{background:linear-gradient(120deg,#DCE7FF,#EEF3FF 55%,#F6F7F9)}
[data-theme="dark"] .cover.cv0{background:linear-gradient(120deg,#1C2434,#13161D 60%,#0B0B0D)}
.cover.cv1,.cv-sw.cv1{background:linear-gradient(120deg,#2B78FF,#0335D3 55%,#0A1F7A)}
.cover.cv2,.cv-sw.cv2{background:linear-gradient(120deg,#0A1F7A,#040A1E)}
.cover.cv3,.cv-sw.cv3{background:linear-gradient(120deg,#EEF0F4,#C9D1DD)}
.cv-pick{position:absolute;top:12px;right:12px;display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--gl-strong);box-shadow:var(--rim),var(--gl-shadow)}
.cv-sw{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.cv-sw.on{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #0563FD}
.edl{display:inline-flex;align-items:center;gap:8px;margin-left:-6px;padding:2px 6px;border-radius:10px;text-align:left}.edl:hover{background:var(--hov)}
.edp .ic{width:16px;height:16px;color:var(--acc)}
.pe-w{display:contents}
.pe-hint{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;border-radius:18px;font-size:14.5px;color:var(--ink);background:var(--accbg)}.pe-hint .ic{color:var(--acc)}
.esec-b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:-4px 0 14px;padding-bottom:12px;box-shadow:0 1px 0 var(--gl-sep)}
.esec-n{flex:1;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.esec-a{display:flex;align-items:center;gap:4px}
.esec .blk>.ph{display:none}
.pe-item{display:flex;flex-direction:column;gap:10px;padding:12px 0}.pe-item+.pe-item{box-shadow:0 -1px 0 var(--gl-sep)}
.pe-ia{display:flex;gap:6px}
.pe-add{display:flex;flex-direction:column;gap:10px}
.xr-t{flex:1;min-width:0}
.pebar{position:fixed;left:50%;bottom:24px;z-index:45;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 18px;border-radius:999px;transform:translateX(-50%);background:var(--gl-strong);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:var(--rim),0 20px 50px -16px rgba(10,20,60,.45)}
.pebar-t{display:flex;align-items:center;gap:8px;margin-right:6px;font-weight:600;white-space:nowrap}.pebar-t .ic{color:var(--acc)}
.pg:has(.pebar){padding-bottom:140px}
.exf{display:flex;flex-direction:column;gap:12px;padding:16px;border:0;border-radius:18px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--gl-rim-c)}
.exf .lk{align-self:flex-start}
.prio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.prio-k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.prio-k~.prio-k{margin-left:8px}
.pq{display:inline-flex;align-items:baseline;gap:7px;padding:6px 12px;border-radius:999px;font-size:14px;background:var(--accbg)}
.pq b{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.pq small{font-size:12px;color:var(--ink3)}
.pq.off{background:var(--chip-bg);box-shadow:inset 0 0 0 .5px var(--gl-rim-c)}.pq.off b{color:var(--ink2)}
.hello .prio{margin-top:14px}
.pc-now{font-size:13.5px;line-height:1.4}.pc-now b{margin-right:4px;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.ixs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.ix{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--gl-rim-c)}
.ix-h{display:flex;align-items:center;gap:12px}
.ix-n{min-width:0}.ix-n b{display:flex;align-items:center;gap:6px;font-weight:600;font-size:16px}.ix-n small{display:block;color:var(--ink2);line-height:1.35}
.ix-n:hover b{color:var(--acc)}
.fac{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--acc);background:var(--accbg)}.fac .ic{width:14px;height:14px}
.ix-w{flex:1;font-size:14.5px;line-height:1.45}.ix-w span{display:block;margin-bottom:4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.ix-ok{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--acc)}.ix-ok .ic{width:16px;height:16px}
.wk-a{display:flex;gap:6px}
.setr0{display:flex;align-items:center;gap:10px}
.plf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:12px}
.plr,.plag{margin-top:18px}
.plm{display:flex;gap:14px;padding:16px 0}.plm+.plm{box-shadow:0 -1px 0 var(--gl-sep)}
.plm-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.plm-t .lk0 b{display:block;font-weight:600;font-size:16px}.plm-t .lk0 small{display:block;color:var(--ink2)}
.plm .sub0{margin-top:2px}
.rl-st{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px;font-size:14px;color:var(--ink2)}.rl-st b{color:var(--ink);font-size:17px}
.rl-td{padding:8px 0}.rl-td .dn{color:var(--ink3);text-decoration:line-through}
.lockn{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink2)}.lockn .ic{width:16px;height:16px;flex:none}
.crs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.cr2{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--gl-rim-c)}
.cr2-h{display:flex;align-items:center;gap:12px}
.cr2-n{display:flex;align-items:center;gap:6px}.cr2-n .ic{width:15px;height:15px}
.cr2 .row{margin-top:auto}
.rqs{margin-bottom:16px}
.rq{display:flex;align-items:center;gap:12px;padding:14px 0}
.rq-t{flex:1;min-width:0}.rq-t p{font-size:15.5px;line-height:1.35}.rq-t small{display:block;margin-top:3px;color:var(--ink2)}
.tg.off{color:var(--ink2);background:var(--chip-bg)}
@media (max-width:900px){.plf{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.pn,.nsec,section[data-m="o.l"]>.ocs,section[data-m="o.l"]>.rqs,.pvm .pfs>.blk,.pvm .pfs>.g2>.blk,.esec,.pe-add,.pn:has(>.feed)>.feed>.po,[data-m="ask.l"]>.feed>.po{padding:18px!important;border-radius:24px!important}.pebar{bottom:84px}.rq{flex-wrap:wrap}}
