:root{--bg:#f4f7f8;--surface:#fff;--surface-2:#eef4f4;--text:#172124;--muted:#68777c;--line:#d8e3e5;--accent:#0f766e;--accent-2:#1d4ed8;--warning:#b45309;--error:#b91c1c;--success:#047857;--shadow:0 18px 50px #14282d14}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f7f8eb;border-bottom:1px solid #d8e3e5e6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:14px 20px;display:flex}.brand{align-items:center;gap:10px;min-width:180px;font-weight:750;display:flex}.brand-mark{background:var(--text);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav a,.language-switcher button,.tool-button,.primary-button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 12px}.nav a.active,.nav a:hover,.language-switcher button.active,.tool-button.active,.tool-button:hover{border-color:var(--line);background:var(--surface);color:var(--text)}.language-switcher{gap:4px;display:flex}.main{max-width:1180px;margin:0 auto;padding:28px 20px 64px}.page-header{margin-bottom:22px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:750}.page-title{letter-spacing:0;margin:0;font-size:clamp(30px,5vw,52px);line-height:1.02}.page-copy{max-width:760px;color:var(--muted);line-height:1.7}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;display:grid}.dashboard-grid>*{min-width:0}.panel,.data-card,.video-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.video-panel{overflow:hidden}.video-frame{color:#fff;background:#10181b;place-items:center;min-height:360px;display:grid}.video-frame iframe,.video-frame video{border:0;width:100%;height:100%;min-height:360px}.video-placeholder{text-align:center;padding:28px}.video-placeholder strong{margin-bottom:10px;font-size:24px;display:block}.live-meta{color:#d8e3e5;background:#172124;border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.result-panel{padding:18px}.status-row,.metric-grid,.tool-row{flex-wrap:wrap;gap:10px;display:flex}.status-pill{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.dot{background:var(--muted);border-radius:999px;width:8px;height:8px}.dot.connected{background:var(--success)}.dot.reconnecting{background:var(--warning)}.dot.error{background:var(--error)}.result-numbers{grid-template-columns:repeat(4,minmax(58px,1fr));gap:10px;margin:22px 0 16px;display:grid}.number-tile{border:1px solid var(--line);min-height:82px;color:var(--text);background:#f8fbfb;border-radius:8px;place-items:center;font-size:34px;font-weight:800;display:grid}.final-result{color:#083c37;background:#e6f4f1;border-radius:8px;justify-content:space-between;align-items:end;gap:12px;margin:12px 0;padding:16px;display:flex}.final-result b{font-size:44px;line-height:1}.formula{color:#254245;overflow-wrap:anywhere;background:#f6fbfa;border:1px dashed #95b9b4;border-radius:8px;padding:14px;font-size:18px;font-weight:700}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.metric{border:1px solid var(--line);background:#fbfdfd;border-radius:8px;min-height:86px;padding:13px}.metric span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.metric strong{overflow-wrap:anywhere;font-size:20px}.side-stack{gap:18px;display:grid}.panel{padding:16px}.panel h2{margin:0 0 12px;font-size:20px}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 10px}th{color:var(--muted);font-size:13px;font-weight:700}.empty-state,.error-state,.loading-state{border:1px solid var(--line);color:var(--muted);background:#fbfdfd;border-radius:8px;padding:16px}.error-state{color:var(--error);background:#fff7f7;border-color:#f0b4b4}.trend-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.trend-item,.doc-endpoint,.contact-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px}.doc-endpoint code{color:var(--accent-2);margin-bottom:8px;font-weight:750;display:inline-block}.content-band{gap:14px;max-width:920px;display:grid}@media (max-width:900px){.topbar-inner{flex-direction:column;align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:560px){.main{padding:20px 14px 44px}.nav,.tool-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.nav a,.tool-button{text-align:center}.metric-grid,.result-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}body.live-body{background:#1a1a2e;overflow:hidden}.app-shell--live{background:#1a1a2e;min-height:100dvh}.kl-live-page{color:#fff;background:#1a1a2e;width:100%;min-height:100dvh;margin:0 auto;font-family:Arial,Microsoft JhengHei,PingFang TC,sans-serif;overflow:hidden}.kl-marquee{display:none}.kl-live-layout{min-height:100dvh;display:flex}.kl-main-sidebar{background:#11121a;flex-direction:column;flex:0 0 100px;align-items:center;width:100px;padding:16px 0;display:flex}.kl-logo{object-fit:contain;width:100px;height:auto}.kl-main-sidebar nav{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;padding-top:18px;display:flex}.kl-main-sidebar button,.kl-tools-sidebar button,.kl-mobile-menu button{font:inherit;cursor:pointer;border:0}.kl-main-sidebar button{color:#a0a0a0;background:0 0;flex-direction:column;align-items:center;gap:5px;width:100%;padding:8px;transition:color .18s,transform .18s;display:flex}.kl-main-sidebar button:hover,.kl-main-sidebar button.active{color:#fff;transform:translateY(-1px)}.kl-main-sidebar button img{object-fit:contain;width:36px;height:36px}.kl-main-sidebar button span{text-align:center;max-width:84px;font-size:14px;line-height:1.3}.kl-live-main{background:#000;flex-direction:column;flex:0 0 380px;width:380px;min-width:0;display:flex;position:relative}.kl-mobile-header{display:none}.kl-video-section{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.kl-video-section iframe{opacity:0;background:#000;border:0;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.kl-video-section iframe.ready{opacity:1}.kl-video-placeholder{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:86px;display:flex;position:absolute;inset:0}.kl-video-placeholder strong{font-size:28px;font-weight:800}.kl-video-placeholder span{color:#c2c2c2;font-size:13px}.kl-stream-loader{border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;animation:.9s linear infinite kl-spin;position:absolute;top:50%;left:50%}@keyframes kl-spin{to{transform:rotate(360deg)}}.kl-tools-sidebar{z-index:5;flex-direction:column;gap:10px;width:70px;display:flex;position:absolute;bottom:8px;right:0}.kl-tools-sidebar button{color:#fff;background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:background .18s;display:flex}.kl-tools-sidebar button:hover{background:#ffffff1a}.kl-tools-sidebar button img{object-fit:contain;width:32px;height:32px}.kl-tools-sidebar button:last-child img{object-fit:contain}.kl-tools-sidebar button span{white-space:nowrap;font-size:15px}.kl-live-info{z-index:4;text-shadow:0 1px 3px #000000e6;width:calc(100% - 94px);position:absolute;bottom:12px;left:14px}.kl-info-row{align-items:center;gap:10px;display:flex}.kl-info-muted{color:#a0a0a0;font-size:13px}.kl-connection-dot{background:#d14d4d;border-radius:50%;width:6px;height:6px}.kl-connection-dot--connected{background:#7ebc57;box-shadow:0 0 8px #7ebc57b3}.kl-connection-dot--reconnecting{background:#f0a84a}.kl-period-label{margin-top:3px;font-size:14px;font-weight:700}.kl-inline-result{align-items:center;gap:4px;min-height:20px;margin:2px 0 6px;font-size:13px;display:flex}.kl-inline-result span{gap:4px;display:inline-flex}.kl-inline-result i{color:#a0a0a0;font-style:normal}.kl-next-row{align-items:center;gap:8px;display:flex}.kl-next-row>strong{font-size:14px}.kl-countdown-pill{color:#fff;min-height:28px;text-shadow:none;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:20px;align-items:center;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.kl-data-sidebar{color:#333;background:#fff;flex:0 0 469px;width:469px}.kl-panel-header{display:none}.kl-data-tabs{border-bottom:1px solid #eee;grid-template-columns:repeat(2,1fr);height:42px;display:grid}.kl-data-tabs button{color:#666;cursor:pointer;background:#fff;border:0;border-bottom:2px solid #0000;font-size:14px}.kl-data-tabs button.active{color:#1677d2;border-bottom-color:#007bff80;font-weight:600}.kl-panel-content{height:calc(100dvh - 42px);overflow:hidden auto}.kl-history-view{padding:18px 16px 24px}.kl-date-filter{align-items:center;gap:5px;display:flex}.kl-date-filter>button{color:#666;cursor:pointer;background:#e8e8e8;border:0;border-radius:5px;height:31px;padding:0 18px;font-size:14px}.kl-date-filter>button.active{color:#fff;background:#439af3}.kl-date-picker{color:#999;border:1px solid #e0e0e0;border-radius:5px;flex:1;align-items:center;gap:7px;min-width:0;height:31px;padding:0 10px;display:flex}.kl-date-picker.active{border-color:#439af3}.kl-date-picker input{color:#888;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.kl-current-period{padding:18px 0 12px}.kl-current-period>strong{min-height:22px;font-size:18px;display:block}.kl-period-countdown{align-items:center;gap:10px;margin-top:8px;display:flex}.kl-period-countdown>span:first-child{color:#d9001b;flex-shrink:0;font-size:13px}.kl-period-countdown>b{color:#3186d3;text-align:right;min-width:43px;font-size:14px}.kl-progress-track{background:#e8e8e8;border-radius:4px;flex:1;height:8px;overflow:hidden}.kl-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#d9001b,#ff4d4f);height:100%;transition:width .25s linear;display:block}.kl-history-head{text-align:center;border-bottom:1px solid #f0f0f0;grid-template-columns:repeat(4,1fr);padding:13px 8px;font-size:14px;font-weight:600;display:grid}.kl-panel-state{color:#999;text-align:center;background:#f7f7f7;border-radius:8px;margin:18px 0;padding:18px;font-size:14px}.kl-panel-state--error{color:#c33;background:#fff3f3}.kl-latest-notice{color:#4f7795;background:#f2f8fd;border:1px solid #d8eaf8;border-radius:6px;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.45}.kl-history-list{display:grid}.kl-history-item{border-bottom:1px solid #f2f2f2;padding:14px 4px}.kl-history-item header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kl-history-item header strong{font-size:15px}.kl-history-item header time{color:#999;font-size:13px}.kl-history-formula{justify-content:space-between;align-items:center;gap:5px;display:flex}.kl-formula-part{align-items:center;gap:5px;display:inline-flex}.kl-history-formula i{color:#555;font-size:19px;font-style:normal}.kl-result-ball{color:#fff;text-shadow:0 1px 2px #0000008c;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:inline-flex}.kl-result-ball--red{background-image:url(/live-images/red.jpg)}.kl-result-ball--blue{background-image:url(/live-images/blue.jpg)}.kl-result-ball--green{background-image:url(/live-images/green.jpg)}.kl-trend-view{background:#f7f8fa;min-height:100%;padding:10px 16px 24px}.kl-trend-tabs{background:#fff;border-bottom:1px solid #ececec;gap:12px;margin:0 -16px 14px;padding:0 16px;display:flex}.kl-trend-tabs button{color:#777;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;outline:none;padding:11px 12px 9px;font-size:14px}.kl-trend-tabs button.active{color:#3186d3;border-bottom-color:#3186d3;font-weight:700}.kl-trend-tabs button:focus-visible{border-radius:4px 4px 0 0;box-shadow:inset 0 0 0 2px #3186d359}.kl-trend-view .kl-date-filter{margin-bottom:14px}.kl-stats-matrix{gap:20px;padding-bottom:12px;display:grid}.kl-stat-card{background:#fff;border:1px solid #eceff2;border-radius:7px;overflow:hidden;box-shadow:0 1px 2px #1e374b06}.kl-stat-row{grid-template-columns:40px repeat(10,minmax(0,1fr));min-width:0;display:grid}.kl-stat-row:first-child{border-bottom:1px solid #eceff2}.kl-stat-row>*{color:#777;text-align:center;border-right:1px solid #eceff2;justify-content:center;align-items:center;min-width:0;min-height:47px;font-size:13px;display:flex}.kl-stat-row>:last-child{border-right:0}.kl-stat-row>strong{color:#444;font-weight:700}.kl-stat-row .kl-stat-number{color:#88b2e6;font-weight:700}.kl-stats-matrix--tails{gap:0}.kl-info-view{color:#666;padding:24px 20px;font-size:14px;line-height:1.8}.kl-info-view section{margin-bottom:22px}.kl-info-view h3{color:#333;background:linear-gradient(90deg,#f5f5f5,#fff);border-left:3px solid #1890ff;margin:0 0 12px;padding:8px 12px;font-size:16px}.kl-info-view p{margin:8px 0}.kl-info-view code{color:#1686d9;overflow-wrap:anywhere;background:#f5f5f5;border-radius:5px;margin:8px 0;padding:9px 11px;display:block}.kl-rules-images{gap:12px;display:grid}.kl-rules-images img{border-radius:8px;width:100%;height:auto}.kl-about-view{text-align:center}.kl-about-view .kl-logo{width:180px}.kl-about-view p{text-align:left}.kl-contact-card{color:#333;background:#f5f5f5;border-radius:8px;margin:10px 0;padding:14px 16px}.kl-mobile-menu-overlay{display:none}.kl-promo-overlay{z-index:1040;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kl-promo-content{z-index:1050;flex-direction:column;align-items:center;width:min(80vw,420px);display:flex;position:relative}.kl-promo-image{width:400px;max-width:100%;height:auto;display:block}.kl-promo-content button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-top:16px;font-size:23px;display:flex}.kl-copy-toast{z-index:1100;color:#fff;background:#11121aeb;border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}@media (min-width:992px){.kl-live-page{max-width:949px}}@media (max-width:991px){.kl-live-main{flex:1;width:auto}.kl-data-sidebar{z-index:200;background:#fff;border-radius:20px 20px 0 0;width:100vw;height:80dvh;transition:bottom .26s ease-out;position:fixed;bottom:-100dvh;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #00000026}.kl-data-sidebar.is-open{bottom:0}.kl-panel-header{justify-content:space-between;align-items:center;height:65px;padding:16px 20px;display:flex}.kl-panel-header h2{color:#333;margin:0;font-size:18px}.kl-panel-header button{color:#999;cursor:pointer;background:0 0;border:2px solid #aaa;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:flex}.kl-data-tabs{display:none}.kl-panel-content{height:calc(80dvh - 65px)}.kl-tools-sidebar{transform-origin:100% 100%;position:fixed;transform:scale(.9)}}@media (max-width:767px){.kl-marquee{z-index:8;white-space:nowrap;background:linear-gradient(90deg,#e63946,#ff6b35);height:28px;display:block;position:relative;overflow:hidden}.kl-marquee span{color:#ffe986;padding-left:100%;font-size:12px;line-height:28px;animation:18s linear infinite kl-marquee;display:inline-block}@keyframes kl-marquee{to{transform:translate(-100%)}}.kl-live-layout{min-height:calc(100dvh - 28px)}.kl-main-sidebar{display:none}.kl-live-main,.kl-video-section{width:100%;height:calc(100dvh - 28px)}.kl-mobile-header{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:absolute;top:0;left:0;right:0}.kl-mobile-logo{object-fit:contain;pointer-events:auto;width:104px;height:auto}.kl-menu-button{pointer-events:auto;cursor:pointer;background:#0000001f;border:1px solid #fff;border-radius:50%;width:30px;height:30px;padding:0;position:relative}.kl-menu-button span{background:#fff;border-radius:999px;width:50%;height:1px;transition:transform .18s,width .18s;position:absolute;top:30%;left:25%}.kl-menu-button span:nth-child(2){width:40%;top:48%}.kl-menu-button span:nth-child(3){width:30%;top:66%}.kl-menu-button.active span:first-child{opacity:0}.kl-menu-button.active span:nth-child(2),.kl-menu-button.active span:nth-child(3){width:60%;top:48%}.kl-menu-button.active span:nth-child(2){transform:rotate(45deg)}.kl-menu-button.active span:nth-child(3){transform:rotate(-45deg)}.kl-video-placeholder{padding-top:58px}.kl-video-placeholder strong{font-size:26px}.kl-live-info{transform-origin:0 100%;width:calc(100% - 92px);position:fixed;bottom:9px;left:14px;transform:scale(.9)}.kl-tools-sidebar{width:70px;bottom:7px;right:0}.kl-mobile-menu-overlay{z-index:1000;visibility:hidden;opacity:0;background:#00000080;transition:opacity .22s,visibility .22s;display:block;position:fixed;inset:28px 0 0}.kl-mobile-menu-overlay.show{visibility:visible;opacity:1}.kl-mobile-menu{background:#fffffff7;border-radius:16px 0 0 16px;width:280px;height:100%;padding:24px 20px;transition:transform .26s;position:absolute;top:0;right:0;transform:translate(100%)}.kl-mobile-menu-overlay.show .kl-mobile-menu{transform:translate(0)}.kl-mobile-menu button{color:#333;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:16px;width:100%;padding:14px 12px;font-size:16px;font-weight:600;display:flex}.kl-mobile-menu button:hover{background:#0000000d}.kl-mobile-menu button img{object-fit:cover;border-radius:50%;flex:0 0 44px;width:44px;height:44px}.kl-promo-content{width:80%}.kl-promo-image{width:100%}.kl-history-view{padding-top:0}.kl-date-filter>button{padding:0 14px}}@media (max-width:400px){.kl-date-filter>button{padding:0 11px}.kl-date-picker{padding:0 8px}.kl-date-picker input{font-size:12px}.kl-history-formula{gap:2px}.kl-formula-part{gap:3px}.kl-result-ball{width:32px;height:32px;font-size:12px}}