.tkdate-wrap{--bg:#0d1729;--card:#1b2841;--line:#35445f;--field:#101c31;--text:#f5f7fb;--muted:#8c9ab0;--purple:#7658f6;--green:#39d4aa;width:100%;padding:34px 18px;background:radial-gradient(circle at 80% 10%,rgba(114,72,124,.25),transparent 34%),linear-gradient(135deg,#111a2d,#081324 70%);border-radius:18px}
.tkdate-card{max-width:960px;margin:auto;padding:36px;background:rgba(27,40,65,.97);border:1px solid var(--line);border-radius:26px;color:var(--text);box-shadow:0 26px 70px rgba(0,0,0,.25)}
.tkdate-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.tkdate-title{font-size:29px;font-weight:800}.tkdate-live{display:flex;gap:8px;align-items:center;color:var(--green);border:1px solid rgba(57,212,170,.3);padding:9px 13px;border-radius:9px;background:rgba(57,212,170,.07)}.tkdate-live i{width:9px;height:9px;border-radius:50%;background:var(--green)}
.tkdate-tabs{display:flex;gap:8px;margin-bottom:22px}.tkdate-tab,.tkdate-switch button{border:1px solid var(--line);background:#14213a;color:#c7d0df;border-radius:10px;padding:11px 15px;font-weight:750;cursor:pointer}.tkdate-tab.active,.tkdate-switch button.active{background:var(--purple);border-color:var(--purple);color:#fff}
.tkdate-panel{display:none}.tkdate-panel.active{display:block}.tkdate-dategrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tkdate-panel label{display:block;color:#bcc6d5;font-size:14px;font-weight:700;margin:0 0 7px}
.tkdate-input{width:100%!important;box-sizing:border-box!important;min-height:50px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--field)!important;color:#fff!important;padding:11px 14px!important;font-size:16px!important;box-shadow:none!important;color-scheme:dark}
.tkdate-check{display:flex!important;align-items:center;gap:9px;margin-top:15px!important;font-weight:600!important}.tkdate-check input{width:auto!important;margin:0!important}
.tkdate-primary{width:100%;margin-top:18px;min-height:52px;border:0;border-radius:12px;background:var(--purple);color:#fff;font-size:16px;font-weight:850;cursor:pointer}.tkdate-primary:hover{filter:brightness(1.06)}
.tkdate-result{margin-top:22px}.tkdate-result[hidden],.tkdate-msg[hidden]{display:none!important}.tkdate-main-result,.tkdate-addresult{background:#101c31;border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center}.tkdate-caption{color:var(--muted);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.tkdate-big{font-size:34px;font-weight:900;margin:8px 0}.tkdate-sub{color:#aab6c8}
.tkdate-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.tkdate-stats div{background:#132039;border:1px solid #30405b;border-radius:14px;padding:17px 8px;text-align:center}.tkdate-stats strong{display:block;font-size:20px}.tkdate-stats span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.tkdate-extra{margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tkdate-extra div{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;background:#121f36}.tkdate-extra div+div{border-top:1px solid var(--line)}.tkdate-extra span{color:#aab6c8}.tkdate-smallnote{font-size:12px;color:#74839b;margin-top:8px}
.tkdate-switch{display:flex;gap:8px;margin-top:16px}.tkdate-msg{margin-top:12px;padding:11px;border-radius:10px;background:rgba(180,52,52,.2);color:#ffd0d0;border:1px solid rgba(255,120,120,.22)}
.tkdate-footer{text-align:center;color:#7d8ba3;font-size:13px;margin-top:20px}
@media(max-width:700px){.tkdate-wrap{padding:14px 7px}.tkdate-card{padding:22px 13px;border-radius:20px}.tkdate-title{font-size:21px}.tkdate-live{font-size:12px;padding:7px 9px}.tkdate-dategrid{grid-template-columns:1fr}.tkdate-stats{grid-template-columns:1fr 1fr}.tkdate-big{font-size:27px}.tkdate-tabs{flex-wrap:wrap}}