:root{--tp-bg:#f4f7fb;--tp-surface:#fff;--tp-text:#10213a;--tp-muted:#5b6b82;--tp-line:#d7dfec;--tp-brand:#0f6bff;--tp-brand-dark:#0848b8;--tp-good:#087443;--tp-good-bg:#e8fff3;--tp-warn:#9a5a00;--tp-warn-bg:#fff7dd;--tp-danger:#b42318;--tp-shadow:0 18px 48px #10213a12}
@media(prefers-color-scheme:dark){:root{--tp-bg:#08111f;--tp-surface:#111c2d;--tp-text:#f4f8ff;--tp-muted:#aab8cc;--tp-line:#2a3b55;--tp-brand:#63a1ff;--tp-brand-dark:#93bdff;--tp-good:#78e2ad;--tp-good-bg:#0c3325;--tp-warn:#ffd47a;--tp-warn-bg:#3a2b10;--tp-danger:#ff8f87;--tp-shadow:0 18px 48px #0005}}
*{box-sizing:border-box}
html{background:var(--tp-bg);color:var(--tp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
body.tp-page{margin:0;background:radial-gradient(circle at 85% -10%,#0f6bff1e,transparent 35%),var(--tp-bg);min-height:100vh}
.tp-skip{position:fixed;top:8px;left:8px;z-index:99;transform:translateY(-160%);background:var(--tp-text);color:var(--tp-surface);padding:9px 13px;border-radius:8px}.tp-skip:focus{transform:none}
.tp-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--tp-surface) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--tp-line)}
.tp-header-inner{max-width:1180px;margin:auto;min-height:72px;padding:10px 22px;display:flex;align-items:center;gap:20px}
.tp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tp-text);font-weight:900;font-size:20px}.tp-brand img{width:42px;height:42px}.tp-brand small{display:block;color:var(--tp-muted);font-size:10px;letter-spacing:.04em}
.tp-nav{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap}.tp-nav a{color:var(--tp-muted);text-decoration:none;font-weight:750;font-size:13px;padding:8px 10px;border-radius:9px}.tp-nav a:hover,.tp-nav a[aria-current=page]{background:#0f6bff13;color:var(--tp-brand)}
.tp-shell{max-width:1180px;margin:auto;padding:34px 22px 60px}
.tp-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--tp-muted);font-size:13px;margin-bottom:24px}.tp-breadcrumb a{color:var(--tp-brand)}
.tp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;align-items:end;margin-bottom:26px}
.tp-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--tp-brand);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tp-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tp-brand);box-shadow:0 0 0 5px #0f6bff16}
.tp-hero h1{font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:12px 0 16px;max-width:850px}.tp-hero p{font-size:18px;color:var(--tp-muted);max-width:780px;margin:0}
.tp-hero-note{background:linear-gradient(140deg,#0f6bff,#0848b8);color:#fff;padding:22px;border-radius:22px;box-shadow:0 18px 50px #0f6bff35}.tp-hero-note strong{display:block;font-size:18px;margin-bottom:5px}.tp-hero-note span{opacity:.82;font-size:13px}
.tp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.tp-main{grid-column:span 8}.tp-side{grid-column:span 4}
.tp-card{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:22px;padding:24px;box-shadow:var(--tp-shadow);margin-bottom:18px}.tp-card h2,.tp-card h3{letter-spacing:-.025em;margin:0 0 7px}.tp-card>p:first-of-type{color:var(--tp-muted);margin-top:0}
.tp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tp-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tp-field{display:grid;gap:7px}.tp-field.full{grid-column:1/-1}.tp-field label,.tp-label{font-size:12px;font-weight:850;color:var(--tp-muted);letter-spacing:.01em}
.tp-field input,.tp-field select,.tp-field textarea,.tp-input{width:100%;border:1px solid var(--tp-line);border-radius:12px;background:var(--tp-surface);color:var(--tp-text);padding:11px 12px;font:inherit;min-height:45px}.tp-field textarea{resize:vertical}
.tp-field input:focus,.tp-field select:focus,.tp-field textarea:focus,.tp-input:focus{outline:3px solid #0f6bff27;border-color:var(--tp-brand)}
.tp-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.tp-btn{appearance:none;border:1px solid var(--tp-line);border-radius:12px;background:var(--tp-surface);color:var(--tp-text);font:inherit;font-size:13px;font-weight:850;padding:11px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.tp-btn:hover{border-color:var(--tp-brand);color:var(--tp-brand)}.tp-btn.primary{background:var(--tp-brand);border-color:var(--tp-brand);color:#fff}.tp-btn.primary:hover{background:var(--tp-brand-dark);color:#fff}.tp-btn.danger{color:var(--tp-danger)}.tp-btn:disabled{opacity:.45;cursor:not-allowed}
.tp-status{border-radius:13px;background:#0f6bff10;border:1px solid #0f6bff35;color:var(--tp-text);padding:12px 14px;font-size:13px;margin-top:14px}.tp-status:empty{display:none}.tp-status.good{background:var(--tp-good-bg);border-color:color-mix(in srgb,var(--tp-good) 45%,transparent);color:var(--tp-good)}.tp-status.warn{background:var(--tp-warn-bg);border-color:color-mix(in srgb,var(--tp-warn) 40%,transparent);color:var(--tp-warn)}.tp-status.error{background:#b4231810;border-color:#b4231840;color:var(--tp-danger)}
.tp-list{display:grid;gap:10px}.tp-list-item{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid var(--tp-line);border-radius:14px;background:color-mix(in srgb,var(--tp-surface) 90%,var(--tp-bg))}.tp-list-item strong{display:block}.tp-list-item span,.tp-list-item small{color:var(--tp-muted)}
.tp-zone-row{display:grid;grid-template-columns:1fr 120px 120px auto;gap:10px;align-items:end;margin-top:10px}
.tp-table-wrap{overflow:auto;border:1px solid var(--tp-line);border-radius:16px}.tp-table{border-collapse:collapse;width:100%;min-width:700px}.tp-table th,.tp-table td{padding:11px 12px;border-bottom:1px solid var(--tp-line);text-align:start;font-size:13px;vertical-align:top}.tp-table th{position:sticky;top:0;background:var(--tp-surface);font-size:11px;color:var(--tp-muted);text-transform:uppercase;letter-spacing:.06em}.tp-table tr:last-child td{border-bottom:0}.tp-table tr.is-best{background:var(--tp-good-bg)}
.tp-poll-option{display:grid;grid-template-columns:auto minmax(150px,.7fr) minmax(300px,1.3fr) auto;gap:14px;align-items:center;border:1px solid var(--tp-line);border-radius:15px;padding:13px;margin-top:10px}.tp-poll-option input{width:20px;height:20px;accent-color:var(--tp-brand)}.tp-poll-option .times{display:flex;gap:8px;flex-wrap:wrap}.tp-time-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#0f6bff10;color:var(--tp-muted);font-size:11px}.tp-vote-bar{width:120px;height:9px;background:var(--tp-bg);border-radius:999px;overflow:hidden}.tp-vote-bar span{display:block;height:100%;background:var(--tp-brand);border-radius:inherit}
.tp-score{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 9px;border-radius:999px;background:var(--tp-good-bg);color:var(--tp-good);font-weight:900;font-size:12px}
.tp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.tp-day{border:1px solid var(--tp-line);border-radius:13px;padding:10px;text-align:center}.tp-day input{width:18px;height:18px}.tp-day strong{display:block;font-size:12px;margin:5px 0}
.tp-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tp-slot{border:1px solid var(--tp-line);border-radius:10px;padding:9px;background:var(--tp-surface);color:var(--tp-text);font-weight:800;cursor:pointer}.tp-slot:hover,.tp-slot.selected{border-color:var(--tp-brand);background:#0f6bff10;color:var(--tp-brand)}
.tp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tp-metric{padding:14px;border:1px solid var(--tp-line);border-radius:14px}.tp-metric strong{display:block;font-size:24px;letter-spacing:-.04em}.tp-metric span{font-size:11px;color:var(--tp-muted)}
.tp-command{display:flex;gap:10px}.tp-command input{font-size:17px}.tp-answer{min-height:170px}.tp-answer h3{font-size:22px}.tp-answer pre{white-space:pre-wrap;background:var(--tp-bg);padding:14px;border-radius:12px;overflow:auto}
.tp-dst-row{display:grid;grid-template-columns:minmax(160px,1fr) 150px 120px 100px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--tp-line)}.tp-dst-row:last-child{border-bottom:0}
.tp-sync-samples{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:16px 0}.tp-sync-sample{height:58px;border-radius:10px;background:var(--tp-bg);display:grid;place-items:center;font-size:11px;color:var(--tp-muted)}.tp-sync-sample.done{background:var(--tp-good-bg);color:var(--tp-good)}
.tp-source{font-size:12px;color:var(--tp-muted);border-left:3px solid var(--tp-brand);padding-left:12px}.tp-source a{color:var(--tp-brand)}
.tp-footer{border-top:1px solid var(--tp-line);padding:28px 22px;color:var(--tp-muted);font-size:12px}.tp-footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.tp-footer a{color:var(--tp-muted)}
.tp-zone-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tp-zone-index a{padding:12px;border:1px solid var(--tp-line);border-radius:12px;color:var(--tp-text);text-decoration:none;background:var(--tp-surface)}.tp-zone-index a:hover{border-color:var(--tp-brand);color:var(--tp-brand)}
.tp-hidden{display:none!important}
@media(max-width:900px){.tp-hero{grid-template-columns:1fr}.tp-main,.tp-side{grid-column:1/-1}.tp-fields.three{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-poll-option{grid-template-columns:auto 1fr}.tp-poll-option .times,.tp-poll-option .tp-vote-bar{grid-column:2}.tp-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-zone-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tp-header-inner{padding:9px 14px}.tp-brand small,.tp-nav a:not(:first-child){display:none}.tp-shell{padding:24px 14px 48px}.tp-hero h1{font-size:40px}.tp-card{padding:17px;border-radius:17px}.tp-fields,.tp-fields.three{grid-template-columns:1fr}.tp-zone-row{grid-template-columns:1fr 1fr}.tp-zone-row .tp-field:first-child{grid-column:1/-1}.tp-days{grid-template-columns:repeat(4,1fr)}.tp-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-metrics{grid-template-columns:1fr}.tp-command{display:grid}.tp-dst-row{grid-template-columns:1fr 1fr}.tp-zone-index{grid-template-columns:1fr}}