@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_d00ad370-module__7A-DFW__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_d00ad370-module__7A-DFW__variable{--f-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--ink:#0f0e17;--ink-2:#34323f;--muted:#8a879a;--line:#ebe9f3;--bg:#f4f3f9;--card:#fff;--lav:#7c6ae6;--lav-2:#c8bff7;--lav-soft:#f0edfe;--lav-deep:#4c3bb5;--pink:#e59ad8;--grad:linear-gradient(135deg,#7c6ae6 0%,#b08cf0 55%,#e59ad8 100%);--ok:#17a36b;--ok-soft:#e3f7ee;--warn:#e08a00;--warn-soft:#fff3dd;--bad:#e5484d;--bad-soft:#fdeaea;--info:#2f7cf6;--info-soft:#e6f0ff;--grey-soft:#f0eff5;--r:20px;--shadow:0 1px 2px #0f0e170a,0 10px 30px -12px #4c3bb524}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.55 var(--f-sans),var(--f-kr),var(--f-thai),system-ui,sans-serif;-webkit-font-smoothing:antialiased}.th{font-family:var(--f-thai),var(--f-sans),sans-serif}button{font:inherit;cursor:pointer}svg.i{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.app{grid-template-columns:256px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:#fff;flex-direction:column;gap:4px;height:100vh;padding:26px 16px;display:flex;position:sticky;top:0;overflow:hidden}.side:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c6ae673,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;left:-80px}.logo{padding:0 10px 22px;position:relative}.logo b{letter-spacing:.22em;font-size:30px;font-weight:800;line-height:1;display:block}.logo span{color:#a9a5c2;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:10.5px}.viewswitch{background:#1d1b29;border-radius:12px;margin:0 4px 18px;padding:4px;display:flex;position:relative}.viewswitch button{all:unset;text-align:center;color:#a9a5c2;cursor:pointer;white-space:nowrap;border-radius:9px;flex:1;padding:8px 4px;font-size:12px;font-weight:600}.viewswitch button.on{color:var(--ink);background:#fff}.navlabel{letter-spacing:.14em;color:#6f6b88;text-transform:uppercase;padding:6px 12px;font-size:10.5px}.nav{flex-direction:column;gap:3px;display:flex;position:relative}.nav button{all:unset;color:#c9c5dc;cursor:pointer;box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-weight:500;transition:all .15s;display:flex}.nav button:hover{color:#fff;background:#1d1b29}.nav button.on{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #7c6ae6cc}.nav .badge{background:var(--bad);color:#fff;border-radius:99px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.me{background:#1d1b29;border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex;position:relative}.av{background:var(--grad);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.me small{color:#8d89a6;font-size:11px;display:block}main{min-width:0;padding:28px 34px 70px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.crumb{color:var(--muted);letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.crumb i{background:var(--lav);border-radius:50%;width:6px;height:6px;display:inline-block}h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.sub{color:var(--muted);font-size:13px}.clock{background:var(--card);border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:9px 14px;font-size:12px;display:flex}.clock b{color:var(--ink);font-size:13.5px;display:block}.clock .live{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 4px var(--ok-soft);border-radius:50%}.grid{gap:18px;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g21{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);min-width:0;padding:20px 22px}.card h3{align-items:center;gap:8px;margin:0 0 14px;font-size:15.5px;font-weight:700;display:flex}.card h3 small{color:var(--muted);font-size:12px;font-weight:500}.card h3 .rt{margin-left:auto}.section-t{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:26px 0 12px;font-size:12px;font-weight:700;display:flex}.section-t:after{content:"";background:var(--line);flex:1;height:1px}.hero{background:var(--ink);color:#fff;border-radius:26px;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-bottom:18px;padding:28px 30px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(600px 300px at 90% -10%,#e59ad873,#0000 60%),radial-gradient(500px 260px at 10% 120%,#7c6ae68c,#0000 60%);position:absolute;inset:0}.hero>*{position:relative}.hero .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#cfc8f5;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.hero .eyebrow .dot{background:#ffb547;border-radius:50%;width:8px;height:8px;animation:1.6s infinite blink;box-shadow:0 0 0 4px #ffb54740}@keyframes blink{50%{opacity:.35}}.hero h2{letter-spacing:-.02em;margin:10px 0 8px;font-size:34px;font-weight:800;line-height:1.15}.hero h2 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:#c9c5dc;margin:0}.cta{color:var(--ink);background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:11px 18px;font-weight:700;display:inline-flex}.cta:hover{transform:translateY(-1px)}.cd{gap:10px;display:flex}.cd div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;min-width:84px;padding:14px 16px}.cd b{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1;display:block}.cd span{color:#c9c5dc;letter-spacing:.06em;font-size:11px}.cd-l{color:#c9c5dc;text-align:right;margin-bottom:8px;font-size:12px}.kpi{position:relative;overflow:hidden}.kpi .hd{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:flex}.ib{background:var(--lav-soft);width:34px;height:34px;color:var(--lav-deep);border-radius:11px;flex:none;place-items:center;display:grid}.kpi .v{letter-spacing:-.03em;margin:12px 0 2px;font-size:30px;font-weight:800;line-height:1.1}.kpi .v small{color:var(--muted);font-size:14px;font-weight:600}.kpi .d{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.up{color:var(--ok);background:var(--ok-soft);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.kpi svg.sp{width:110px;height:42px;position:absolute;bottom:14px;right:14px}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.s-waiting{background:var(--warn-soft);color:var(--warn)}.s-fixed{background:var(--info-soft);color:var(--info)}.s-approved,.s-auto{background:var(--ok-soft);color:var(--ok)}.s-posted{background:var(--lav-soft);color:var(--lav-deep)}.s-private{background:var(--grey-soft);color:var(--muted)}.due{justify-content:inherit;color:var(--warn);align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.due.hot{color:var(--bad)}.due svg.i{width:14px;height:14px}.chip{background:var(--grey-soft);color:var(--ink-2);border-radius:8px;align-items:center;gap:5px;margin:0 5px 5px 0;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.lav{background:var(--lav-soft);color:var(--lav-deep)}.chip.dark{background:var(--ink);color:#fff}.chip svg.i{width:13px;height:13px}mark{color:inherit;background:linear-gradient(#0000 58%,#7c6ae652 58%);padding:0 1px;font-weight:600}.vid{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:7px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.wl{flex-direction:column;gap:10px;display:flex}.wi{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:12px;transition:all .15s;display:flex}.wi:hover{border-color:var(--lav-2);transform:translateY(-1px);box-shadow:0 8px 24px -14px #4c3bb573}.wi .th9{color:#fff;border-radius:9px;flex:none;place-items:center;width:40px;height:56px;display:grid}.wi .th9 svg{fill:#fff;stroke:none;width:14px;height:14px}.wi .t{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.wi .m{color:var(--muted);margin-top:2px;font-size:12px}.wi .r{text-align:right;flex-direction:column;flex:none;align-items:flex-end;margin-left:auto;display:flex}.steps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.step{background:var(--grey-soft);text-align:center;border-radius:14px;padding:14px 12px}.step b{font-size:13px;display:block}.step span{color:var(--muted);font-size:12px}.step .n{width:26px;height:26px;color:var(--muted);border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;margin:0 auto 8px;font-size:12px;font-weight:800;display:grid}.step.done{background:var(--ok-soft)}.step.done .n{background:var(--ok);border-color:var(--ok);color:#fff}.step.now{background:var(--grad);color:#fff;box-shadow:0 10px 24px -10px #7c6ae6e6}.step.now span{color:#f4efff}.step.now .n{color:var(--lav-deep);background:#fff;border-color:#fff}.donut-wrap{align-items:center;gap:20px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:132px;height:132px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:18px}.donut div{z-index:1;text-align:center;line-height:1.1;position:relative}.donut b{font-size:26px;font-weight:800;display:block}.donut span{color:var(--muted);font-size:11px}.lg-list{flex-direction:column;flex:1;gap:6px;min-width:0;font-size:12.5px;display:flex}.lg-list div{align-items:center;gap:8px;display:flex}.lg-list i{border-radius:3px;flex:none;width:10px;height:10px}.lg-list b{margin-left:auto}.docs a{border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:12px;padding:10px 0;font-size:13px;font-weight:600;text-decoration:none;display:flex}.docs a:last-child{border:0}.docs .st{color:var(--ok);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:11.5px;font-weight:700;display:flex}.track{grid-template-columns:repeat(12,1fr);gap:8px;margin:8px 0 6px;display:grid;position:relative}.phase{grid-template-columns:repeat(12,1fr);gap:8px;margin-bottom:10px;display:grid}.phase div{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:7px 10px;font-size:11.5px;font-weight:700;overflow:hidden}.wk{background:var(--grey-soft);border-radius:14px;min-height:108px;padding:12px 10px;font-size:12px;position:relative}.wk b{font-size:15px;font-weight:800;display:block}.wk .dt{color:var(--muted);font-size:11px}.wk .x{color:var(--ink-2);margin-top:8px;font-size:11.5px;line-height:1.35}.wk.done{background:var(--ink);color:#fff}.wk.done .dt,.wk.done .x{color:#b3afc9}.wk.done:after{content:"✓";background:var(--ok);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:10px;right:10px}.wk.now{background:var(--grad);color:#fff;transform:translateY(-4px);box-shadow:0 12px 28px -10px #7c6ae6e6}.wk.now .dt,.wk.now .x{color:#fbf8ff}.wk.now:after{content:"NOW";color:var(--lav-deep);background:#fff;border-radius:5px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:10px;right:8px}.vt{padding-left:22px;position:relative}.vt:before{content:"";background:var(--line);width:2px;position:absolute;top:6px;bottom:6px;left:6px}.vt .ms{padding:8px 0 14px;position:relative}.vt .ms:before{content:"";border:2px solid var(--line);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:-21px}.vt .ms.done:before{background:var(--ink);border-color:var(--ink)}.vt .ms.now:before{background:var(--lav);border-color:var(--lav);box-shadow:0 0 0 5px var(--lav-soft)}.vt .d{font-size:13px;font-weight:800}.vt .ms.done .d,.vt .ms.done .tx{color:var(--muted)}.vt .tx{font-size:13px}.prog{margin:14px 0}.prog .row{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.bar{background:var(--grey-soft);border-radius:99px;height:10px;margin-top:7px;display:flex;overflow:hidden}.bar i{border-radius:99px;height:100%;display:block}.mcard{flex-direction:column;gap:14px;display:flex}.mcard .hd{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.num{background:var(--grad);color:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.mcard .hd .rt{text-align:right;margin-left:auto}.thai{font-size:19px;font-weight:500;line-height:1.55}.mean{background:var(--bg);border-radius:14px;padding:12px 14px;font-size:14px}.mean .lb,.lb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-size:10.5px;font-weight:700}.en{color:var(--muted);margin-top:4px;font-size:12.5px;font-style:italic}.who{align-items:flex-start;gap:10px;font-size:13px;display:flex}.who .ib{width:30px;height:30px}.cmts{border-top:1px dashed var(--line);padding-top:12px}.cm{gap:10px;margin-bottom:10px;display:flex}.cm .av{color:#fff;width:28px;height:28px;font-size:11px}.bub{background:var(--lav-soft);border-radius:4px 14px 14px;flex:1;min-width:0;padding:9px 12px;font-size:13px}.bub .w{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600}.bub .tr{border-top:1px dashed var(--lav-2);color:var(--ink-2);margin-top:8px;padding-top:8px}.auto{color:var(--lav-deep);border:1px solid var(--lav-2);letter-spacing:.04em;background:#fff;border-radius:5px;margin-right:6px;padding:1px 6px;font-size:9.5px;font-weight:800}.cbox{align-items:flex-end;gap:8px;display:flex}.cbox textarea{border:1px solid var(--line);min-width:0;font:inherit;resize:vertical;background:#fbfbfe;border-radius:12px;flex:1;min-height:42px;padding:10px 12px;font-size:13px}.cbox textarea:focus{outline:3px solid var(--lav-soft);border-color:var(--lav)}.btn{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:700}.btn.pri{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.pri:hover{background:var(--lav-deep)}.btns{flex-direction:column;gap:6px;display:flex}.owner{color:var(--lav-deep);background:var(--lav-soft);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.teamonly{color:#fff;background:var(--lav);letter-spacing:.05em;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:800}.seg{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;display:flex}.seg button.on{background:var(--ink);color:#fff}.seg button:disabled{opacity:.4;cursor:not-allowed}.seg .ct{background:var(--bad);color:#fff;border-radius:99px;padding:0 7px;font-size:10.5px}.adimg{aspect-ratio:1;color:#fff;cursor:zoom-in;border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative;overflow:hidden}.adimg:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#ffffff59,#0000 70%);border-radius:50%;width:60%;position:absolute;bottom:-15%;right:-15%}.adimg .br{letter-spacing:.24em;font-size:15px;font-weight:800}.adimg .cp{z-index:1;font-size:15px;font-weight:600;line-height:1.4;position:relative}.adimg .zm{background:#fff3;border-radius:8px;padding:4px;display:grid;position:absolute;top:12px;right:12px}.rank{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1.3fr) minmax(0,2fr) 90px;align-items:center;gap:14px;padding:14px 4px;display:grid}.rank:last-child{border:0}.rank .pos{color:var(--muted);text-align:center;font-size:18px;font-weight:800}.rank .nm b{display:block}.rank .nm span{color:var(--muted);font-size:12px}.sbar{background:var(--grey-soft);border-radius:99px;height:14px;position:relative}.sbar i{border-radius:99px;position:absolute;top:0;bottom:0;left:0}.sbar .pl{border-left:2px dashed var(--ink);position:absolute;top:-6px;bottom:-6px}.sbar .sc{font-size:12px;font-weight:800;position:absolute;top:-22px;transform:translate(-100%)}.verdict{border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.verdict.pass{background:var(--ok-soft);color:var(--ok)}.verdict.drop{background:var(--bad-soft);color:var(--bad)}.why{color:var(--ink-2);grid-column:2/-1;margin-top:-4px;font-size:12.5px}.ring{--p:0;background:conic-gradient(var(--c,var(--lav)) calc(var(--p)*1%),var(--grey-soft) 0);border-radius:50%;flex:none;place-items:center;width:78px;height:78px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.ring b{z-index:1;font-size:18px;font-weight:800;position:relative}.ring.dark:after{background:var(--ink)}.metric{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.metric div{background:var(--bg);border-radius:10px;padding:8px 10px}.metric b{font-size:14px;display:block}.metric span{color:var(--muted);font-size:10.5px;font-weight:600}.grp{flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 12px;display:flex}.grp h4{margin:0;font-size:16px;font-weight:800}.grp .th{color:var(--muted);font-size:13px}.vcard{grid-template-columns:132px minmax(0,1fr);gap:18px;display:grid}.player{aspect-ratio:9/16;cursor:pointer;border-radius:16px;width:132px;position:relative;overflow:hidden;box-shadow:0 12px 24px -12px #0f0e1780}.player .pb{place-items:center;display:grid;position:absolute;inset:0}.player .pb span{width:42px;height:42px;color:var(--ink);background:#ffffffeb;border-radius:50%;place-items:center;display:grid}.player .pb svg{width:16px;height:16px;fill:var(--ink);stroke:none;margin-left:3px}.player .sub{color:#fff;text-align:center;background:#0009;border-radius:6px;padding:4px 5px;font-size:10.5px;line-height:1.35;position:absolute;bottom:12px;left:8px;right:8px}.player .dur{color:#fff;background:#00000073;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.player.playing .pb span{animation:1s infinite pulse}.player .pg{background:#fff;width:0;height:3px;position:absolute;bottom:0;left:0}.player.playing .pg{animation:8s linear infinite prog}@keyframes pulse{50%{transform:scale(.86)}}@keyframes prog{to{width:100%}}.subtoggle{background:var(--grey-soft);border-radius:9px;margin-top:8px;padding:3px;display:flex}.subtoggle button{color:var(--muted);background:0 0;border:0;border-radius:7px;flex:1;padding:4px 0;font-size:11px;font-weight:700}.subtoggle button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.vbody{flex-direction:column;gap:12px;min-width:0;display:flex}.vtop{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.vtop .rt,.mcard .hd .rt{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.lines{gap:8px;display:grid}.ln{border-left:3px solid var(--lav-2);padding:2px 0 2px 10px}.ln .th{font-size:14.5px}.ln .ko{color:var(--ink-2);font-size:13px}.postinfo{color:var(--ink-2);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.postinfo span{align-items:center;gap:6px;display:inline-flex}details.same{border:1px dashed var(--lav-2);background:#fff;border-radius:14px;margin-top:12px}details.same summary{cursor:pointer;color:var(--ink-2);align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;list-style:none;display:flex}details.same summary::-webkit-details-marker{display:none}details.same summary:after{content:"＋";color:var(--lav);margin-left:auto}details.same[open] summary:after{content:"－"}details.same .ids{padding:0 16px 14px}.hbar{grid-template-columns:140px 1fr 64px;align-items:center;gap:12px;margin:14px 0;font-size:13px;font-weight:600;display:grid}.hbar .tr{background:var(--grey-soft);border-radius:8px;height:26px;display:flex;overflow:hidden}.hbar .tr i{height:100%}.hbar b{text-align:right;font-variant-numeric:tabular-nums}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:6px;font-size:12px;display:flex}.legend span:before{content:"";background:var(--c);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chat{flex-direction:column;gap:12px;display:flex}.qb{gap:10px;display:flex}.qb .av{color:#fff;width:32px;height:32px;font-size:12px}.qb .bub{background:var(--bg);border-radius:4px 16px 16px}.qb .bub .th{font-size:14px;font-weight:500}.qb .meta{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.chan{flex-direction:column;gap:12px;display:flex}.chan .hd{align-items:center;gap:10px;display:flex}.chan .hd .rt{margin-left:auto}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--bg);border-radius:12px;padding:10px}.stats b{font-size:16px;font-weight:800;display:block}.stats span{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.stats svg.i{width:12px;height:12px}.judge{border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:700;display:flex}.judge.yes{background:var(--ok-soft);color:var(--ok)}.judge.no{background:var(--warn-soft);color:var(--warn)}.judge .bar{background:#0000000f;flex:1;height:6px;margin:0}.note{color:var(--ink-2);border:1px solid var(--line);border-left:4px solid var(--lav);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 16px;font-size:12.5px;display:flex}.note svg.i{color:var(--lav)}.note.team{background:var(--lav-soft);border-color:var(--lav-2);border-left-color:var(--lav)}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}.tbl td{border-bottom:1px solid var(--line);padding:12px}.tbl tr:last-child td{border:0}.tbl .n{text-align:right;font-variant-numeric:tabular-nums}.wrap{overflow-x:auto}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9;background:#0f0e17b3;place-items:center;padding:16px;display:none;position:fixed;inset:0}.modal.on{display:grid}.modal .adimg{cursor:zoom-out;width:min(440px,100%)}.modal .adimg .br{font-size:24px}.modal .adimg .cp{font-size:22px}@media (max-width:1180px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g21,.g2{grid-template-columns:1fr}.track,.phase{grid-template-columns:repeat(6,1fr)}.phase{display:none}}@media (max-width:760px){.app{grid-template-columns:1fr}.side{scrollbar-width:none;z-index:5;flex-direction:row;align-items:center;gap:8px;height:auto;padding:10px 14px;position:sticky;overflow-x:auto}.side:before,.navlabel,.me{display:none}.logo{padding:0 4px 0 0}.logo b{font-size:20px}.logo span{display:none}.nav{flex-direction:row}.nav button{white-space:nowrap;padding:9px 12px}.viewswitch{flex:none;margin:0}main{padding:18px 16px 50px}h1{font-size:23px}.hero{grid-template-columns:1fr;padding:22px}.hero h2{font-size:26px}.cd-l{text-align:left}.cd div{flex:1;min-width:0}.g4,.g3{grid-template-columns:1fr 1fr}.g4 .kpi .v{font-size:24px}.kpi svg.sp{display:none}.track{grid-template-columns:repeat(3,1fr)}.vcard{grid-template-columns:100px minmax(0,1fr);gap:12px}.player{width:100px}.rank{grid-template-columns:28px minmax(0,1fr) 70px}.rank>div:nth-child(3){grid-area:2/2/auto/-1;min-width:0}.rank>div:nth-child(4){grid-area:1/3}.why{grid-column:1/-1}.hbar{grid-template-columns:96px 1fr 50px}.metric{grid-template-columns:1fr 1fr}.cbox{flex-direction:column;align-items:stretch}.btns{flex-direction:row}.wi{flex-wrap:wrap}.wi .r{text-align:left;flex:100%;align-items:flex-start;margin-left:54px}.due{white-space:normal}:is(.g4:has(.chan),.g3:has(.chan)){grid-template-columns:1fr}.metric div,.stats div{min-width:0}}@media (max-width:420px){.g3{grid-template-columns:1fr}}a{color:inherit}.nav a{color:#c9c5dc;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav a:hover{color:#fff;background:#1d1b29}.nav a.on{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #7c6ae6cc}.seg a,.seg span.dis{color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.seg a.on{background:var(--ink);color:#fff}.seg span.dis{opacity:.4;cursor:not-allowed}a.cta,a.wi,a.btn{color:var(--ink);text-decoration:none}.viewswitch form{flex:1;display:flex}.viewswitch form button{flex:1}.viewswitch .lock{text-align:center;color:#fff;flex:1;padding:8px 4px;font-size:12px;font-weight:600}.me{flex-wrap:wrap}.me .out{color:#c9c5dc;background:0 0;border:1px solid #34324a;border-radius:8px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:600}.me .out:hover{color:#fff;background:#26233a}.role{letter-spacing:.06em;vertical-align:1px;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:9.5px;font-weight:800;display:inline-block}.role.digicon{background:var(--lav);color:#fff}.role.vdl{color:var(--ink);background:#fff}.formerr{color:var(--bad);margin-top:6px;font-size:12px;font-weight:600}.formok{color:var(--ok);margin-top:6px;font-size:12px;font-weight:600}.login{background:var(--bg);grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login .brand{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login .brand:before{content:"";background:radial-gradient(640px 360px at 85% 0,#e59ad873,#0000 60%),radial-gradient(560px 320px at 0 100%,#7c6ae699,#0000 60%);position:absolute;inset:0}.login .brand>*{position:relative}.login .brand b.logo-t{letter-spacing:.24em;font-size:44px;font-weight:800}.login .brand h2{letter-spacing:-.02em;margin:0 0 12px;font-size:38px;font-weight:800;line-height:1.15}.login .brand h2 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.login .brand p{color:#c9c5dc;max-width:440px;margin:0}.login .feats{gap:10px;margin-top:28px;display:grid}.login .feats div{color:#e4e0f5;align-items:center;gap:10px;font-size:14px;display:flex}.login .feats .ib{color:#fff;background:#ffffff1a}.login .panel{place-items:center;padding:32px 20px;display:grid}.login form{flex-direction:column;gap:14px;width:min(380px,100%);display:flex}.login h1{font-size:26px}.login label{color:var(--ink-2);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.login input{border:1px solid var(--line);font:inherit;background:#fff;border-radius:12px;padding:12px 14px;font-size:14px}.login input:focus{outline:3px solid var(--lav-soft);border-color:var(--lav)}.login button[type=submit]{background:var(--ink);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:700;display:flex}.login button[type=submit]:hover{background:var(--lav-deep)}.login button[type=submit]:disabled{opacity:.6}.demo{border:1px dashed var(--lav-2);color:var(--ink-2);background:#fff;border-radius:14px;padding:12px 14px;font-size:12px}.demo b{color:var(--lav-deep);margin-bottom:6px;display:block}.demo button{all:unset;cursor:pointer;box-sizing:border-box;justify-content:space-between;gap:8px;width:100%;padding:5px 0;display:flex}.demo button:hover{color:var(--lav-deep)}@media (max-width:860px){.login{grid-template-columns:1fr}.login .brand{padding:28px 22px}.login .brand h2{font-size:26px}.login .feats{display:none}}.s-rejected{background:var(--bad-soft);color:var(--bad)}.s-commented{background:var(--warn-soft);color:var(--warn)}.viewswitch{flex-wrap:wrap}.vchip{background:var(--lav-soft);color:var(--lav-deep);border:1px solid var(--lav-2);border-radius:6px;align-items:center;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800;line-height:18px;display:inline-flex}.verline{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-size:12.5px;display:flex}.verline i{color:var(--muted)}.tl-list{flex-direction:column;display:flex}.cm.digicon .bub{background:var(--bg);border-radius:14px 4px 14px 14px}.cm.digicon .av{background:var(--ink)}.evt{letter-spacing:.03em;background:var(--grey-soft);color:var(--ink-2);border-radius:5px;margin-right:6px;padding:0 6px;font-size:10px;font-weight:800;display:inline-block}.evt.ok{background:var(--ok-soft);color:var(--ok)}.evt.bad{background:var(--bad-soft);color:var(--bad)}.evt.lav{background:var(--lav-soft);color:var(--lav-deep)}.evt.grey{background:var(--grey-soft);color:var(--muted)}.btn{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.btn svg.i{width:14px;height:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.bad{border-color:var(--bad);color:var(--bad);background:#fff}.btn.bad:hover:not(:disabled){background:var(--bad-soft)}.lgact,.teamact{flex-direction:column;gap:8px;margin-top:6px;display:flex}.lgact textarea,.vform textarea,.vform input,.inp{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;background:#fbfbfe;border-radius:12px;padding:9px 12px;font-size:13px}.lgact textarea{min-height:44px}.lgact textarea:focus,.vform textarea:focus,.vform input:focus{outline:3px solid var(--lav-soft);border-color:var(--lav)}.acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inp{flex:1;width:auto;min-width:160px}.vform{border:1px solid var(--lav-2);background:#fcfbff;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.vform-h{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.vform label{color:var(--ink-2);flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;display:flex}.vgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vh{margin-top:10px}.vrow{border-left:3px solid var(--line);margin-bottom:6px;padding:4px 0 8px 10px}.vrow.cur{border-left-color:var(--lav)}.vh-h{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.vh-note{color:var(--ink-2);margin:4px 0;font-size:12.5px;display:block}.vh-snap{margin-top:4px;font-size:13px}.vh-snap .ko{color:var(--muted);font-size:12px}@media (max-width:760px){.vgrid{grid-template-columns:1fr}.viewswitch{flex-wrap:nowrap}}.queue{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 10px;display:flex}.qnav{background:var(--bg);width:34px;height:34px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.qnav:hover{background:var(--lav-soft)}.qpos{color:var(--muted);flex-direction:column;flex:none;padding:0 4px;font-size:13px;line-height:1.15;display:flex}.qpos b{color:var(--ink);font-size:18px}.qpos span{color:var(--lav-deep);font-size:11px;font-weight:700}.qchips{scrollbar-width:thin;flex:1;gap:6px;padding:2px;display:flex;overflow-x:auto}.qchip{color:var(--muted);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:5px 8px;font:700 11px ui-monospace,Menlo,monospace;text-decoration:none;display:flex}.qchip.todo{color:var(--ink);border-color:var(--lav-2)}.qchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.qchip .dots{gap:3px;display:flex}.qchip .dots i{border-radius:50%;width:7px;height:7px}.focus{padding:0;overflow:hidden}.focus-h{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.focus-t{letter-spacing:-.01em;font-size:18px;font-weight:800}.stagetabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.stab{color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:10px;padding:14px 22px;font-weight:700;text-decoration:none;display:flex}.stab.on{color:var(--ink);border-bottom-color:var(--lav);background:#fcfbff}.stab-n{background:var(--grey-soft);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.stab.on .stab-n{background:var(--grad);color:#fff}.stab .pill{margin-left:auto}.stab svg.i{color:var(--muted);margin-left:auto}.focus-b{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);display:grid}.focus-main{min-width:0;padding:20px 22px}.focus-side{border-left:1px solid var(--line);background:#fcfcfe;min-width:0;padding:20px 22px}.focus-side .cmts{border-top:0;padding-top:0}.focus-status{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.focus-status .due{flex-basis:100%}.lockbar{background:var(--grey-soft);color:var(--ink-2);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.narr-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.segs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seg{border:1px solid var(--line);border-radius:14px;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.seg.on{border-color:var(--lav);background:var(--lav-soft);box-shadow:0 6px 18px -10px #7c6ae6b3}.seg.el{background:var(--bg);border-style:dashed}.seg-l{flex-direction:column;flex:none;align-items:center;gap:6px;width:34px;display:flex}.seq{color:var(--muted);font:700 11px ui-monospace,Menlo,monospace}.segplay{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.segplay svg.i{fill:currentColor;width:14px;height:14px}.segplay.off{background:var(--grey-soft);color:var(--muted);cursor:default}.seg-b{flex:1;min-width:0}.seg-h{align-items:center;gap:6px;margin-bottom:3px;display:flex}.seg-t{font-size:15px;font-weight:500;line-height:1.5}.seg .ko{color:var(--ink-2);font-size:13px}.seg-pop{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.vstage{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;display:grid}.vstage-media{flex-direction:column;gap:8px;display:flex}.vplayer{aspect-ratio:9/16;background:#000;border-radius:16px;width:270px;max-width:100%;box-shadow:0 14px 30px -14px #0f0e1799}.vstage-info{flex-direction:column;gap:12px;min-width:0;display:flex}@media (max-width:1100px){.focus-b{grid-template-columns:1fr}.focus-side{border-left:0;border-top:1px solid var(--line)}}@media (max-width:760px){.vstage{grid-template-columns:1fr}.vplayer{width:100%;max-width:300px;margin:0 auto}.stab{gap:8px;padding:12px 14px}.stab .pill{display:none}.focus-h,.focus-main,.focus-side{padding:14px}}.quotebox{flex-direction:column;gap:14px;display:flex;position:relative}[data-quote-field]{cursor:text}[data-quote-field] ::selection,[data-quote-field]::selection{background:#ffe08a}.qpop{z-index:5;background:var(--ink);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 10px 24px -8px #0f0e1799}.qpop:after{content:"";background:var(--ink);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.qpop svg.i{width:14px;height:14px}.qhl{cursor:help;background:linear-gradient(#0000 55%,#ffe08a 55%);border-bottom:2px dotted #e0a800}.qchipq{background:#fff8e1;border:1px solid #ffe08a;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;display:flex}.qchipq .lb{flex:none;margin:2px 0 0}.qchipq q{flex:1;min-width:0;font-weight:600}.qchipq button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;display:grid}.qhint{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.qhint svg.i{width:13px;height:13px}.qquote{background:#fff8e1;border-left:3px solid #e0a800;border-radius:0 8px 8px 0;margin:2px 0 6px;padding:4px 10px;font-size:12.5px;font-weight:600}.qquote .lb{margin:0;display:block}.frame{padding:0;overflow:hidden}.fr{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);display:grid}.fr-stage{background:#0d0c14;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:18px;display:flex}.fr-frame{background:#000;border-radius:10px;max-width:100%;height:min(68vh,720px);position:relative;overflow:hidden}.fr-frame video,.fr-frame canvas{width:100%;height:100%;position:absolute;inset:0}.fr-frame video{object-fit:contain}.fr-frame canvas{cursor:pointer}.fr-frame canvas.pen{cursor:crosshair;touch-action:none}.fr-big{cursor:pointer;pointer-events:auto;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fr-big svg.i{width:24px;height:24px;fill:var(--ink);stroke:none;margin-left:4px}.fr-ctrl{color:#e9e7f5;align-items:center;gap:12px;width:100%;display:flex}.fr-btn{color:#e9e7f5;cursor:pointer;background:#1a1926;border:1px solid #2c2a3d;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font:600 12.5px inherit;display:inline-flex}.fr-btn svg.i{width:15px;height:15px}.fr-btn.on{background:var(--lav);border-color:var(--lav);color:#fff}.fr-btn:disabled{opacity:.4}.fr-time{white-space:nowrap;font:600 12.5px ui-monospace,Menlo,monospace}.fr-time i{color:#8d89a6;font-style:normal}.fr-scrub{flex:1;align-items:center;height:28px;display:flex;position:relative}.fr-scrub input{width:100%;accent-color:var(--lav)}.fr-mark{cursor:pointer;background:#fc0;border:2px solid #0d0c14;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;top:-2px;transform:translate(-50%)}.fr-mark.digicon{background:#b6b2ff}.fr-mark.on{width:16px;height:16px;top:-4px;box-shadow:0 0 0 3px #ffcc0059}.fr-tools{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.fr-tools .sub{color:#8d89a6}.fr-color{cursor:pointer;border:2px solid #2c2a3d;border-radius:50%;width:22px;height:22px;padding:0}.fr-color.on{box-shadow:0 0 0 2px var(--lav);border-color:#fff}.fr-side{border-left:1px solid var(--line);background:#fcfcfe;flex-direction:column;gap:10px;min-width:0;max-height:calc(68vh + 120px);padding:18px 20px;display:flex;overflow:auto}.fr-head{flex-direction:column;gap:8px;display:flex}.fr-compose{border:1px solid var(--lav-2);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.fr-compose textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:10px;min-height:60px;padding:9px 11px;font-size:13px}.fr-stamp{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fr-tc{color:#8a6a00;background:#fff4cc;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font:700 11.5px ui-monospace,Menlo,monospace;display:inline-flex}.fr-tc.pen{color:#c0261d;background:#ffe1df}.fr-tc svg.i{width:12px;height:12px}.linkbtn{color:var(--lav-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font:600 12px inherit;display:inline-flex}.linkbtn svg.i{width:13px;height:13px}.fr-list{flex-direction:column;gap:6px;display:flex}.fr-c{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:9px 11px;display:block}.fr-c:hover{border-color:var(--lav-2)}.fr-c.on{border-color:#e0a800;box-shadow:0 0 0 3px #fff4cc}.fr-c.digicon{background:var(--bg)}.fr-c-h{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.fr-c-h .sub{font-size:11px}.fr-c-t{margin-top:4px;font-size:13.5px}@media (max-width:1100px){.fr{grid-template-columns:1fr}.fr-side{border-left:0;border-top:1px solid var(--line);max-height:none}}@media (max-width:760px){.fr-stage{padding:10px}.fr-frame{width:100%;height:auto}.fr-time i{display:none}}.fr-thread{flex-direction:column;gap:4px;display:flex}.fr-replies{border-left:2px solid var(--line);flex-direction:column;gap:4px;margin-left:18px;padding-left:8px;display:flex}.fr-c.reply{padding:7px 10px}.fr-c.internal,.cm.internal .bub{background:repeating-linear-gradient(135deg,#fff7e0,#fff7e0 8px,#fff2cc 8px 16px);border-color:#f0d27a}.fr-mark.internal{background:#f0a500}.fr-replybtn{align-self:flex-start;margin-left:6px;font-size:11.5px}.fr-replyform{border:1px solid var(--lav-2);background:#fff;border-radius:10px;flex-direction:column;gap:6px;margin-left:18px;padding:8px;display:flex}.fr-replyform textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;min-height:44px;padding:7px 9px;font-size:13px}.fr-internal{color:#8a6a00;cursor:pointer;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.fr-compose.digicon{border-color:#f0d27a}.who-org{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:10px;font-weight:700}.cm.reply{margin-left:22px}.re{color:var(--muted);margin-bottom:3px;font-size:11.5px}.ownerform{color:var(--lav-deep);background:var(--lav-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;font-size:12px;font-weight:700;display:flex}.ownerform svg.i{width:14px;height:14px}.ownerform input{border:1px solid var(--lav-2);width:90px;font:inherit;border-radius:7px;padding:4px 7px;font-size:12px}.ownerform .btn{padding:4px 9px}.focus .quotebox{display:block}.seg-t.th{font-family:var(--f-thai),var(--f-sans),sans-serif}.single{max-width:860px;margin:0 auto}.single .mcard .thai{font-size:22px}.atnote{color:var(--ink-2);background:#eef7ff;border:1px solid #cfe3ff;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.atnote code{background:#fff;border-radius:4px;padding:0 4px;font-size:11px}.atnote svg.i{width:14px;height:14px;color:var(--info)}