:root{color-scheme:dark;--us-bg:#070912;--us-panel:rgba(17,22,43,.82);--us-panel2:rgba(11,16,34,.94);--us-border:rgba(148,163,184,.2);--us-muted:#a9b6cf;--us-text:#f5f7ff;--us-accent:#8b9cff;--us-accent2:#49d8d1;--us-danger:#fb7185;--us-good:#6ee7b7}
*{box-sizing:border-box}html{min-height:100%;background:var(--us-bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 16% 0%,rgba(62,73,156,.2),transparent 38%),radial-gradient(ellipse at 100% 55%,rgba(29,116,135,.12),transparent 34%),var(--us-bg);color:var(--us-text);font:500 15px/1.6 'Plus Jakarta Sans',Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#4755a8;color:#fff}
.us-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding-bottom:64px}.us-top{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--us-border);background:rgba(7,9,18,.8);backdrop-filter:blur(18px)}.us-top-inner{width:min(1100px,calc(100% - 32px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.us-brand{display:flex;align-items:center;gap:12px;min-width:0}.us-brand img{width:48px;height:48px;filter:drop-shadow(0 8px 15px #0008)}.us-brand-copy{min-width:0}.us-brand-copy strong{display:block;font-size:16px;letter-spacing:-.025em}.us-brand-copy span{display:block;max-width:52ch;color:var(--us-muted);font-size:12px;line-height:1.35}.us-back{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--us-border);border-radius:12px;background:#ffffff08;color:#dbeafe;font-size:12px;font-weight:750}.us-back:hover{border-color:#8b9cff88;background:#5865db22}
.us-hero{padding:42px 0 24px}.us-kicker{display:inline-flex;align-items:center;gap:8px;color:#c7d2fe;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.us-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--us-accent2);box-shadow:0 0 14px var(--us-accent2)}.us-hero h1{margin:12px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-.045em}.us-hero p{max-width:750px;margin:0;color:var(--us-muted);font-size:15px}
.us-panel{padding:clamp(18px,4vw,30px);border:1px solid var(--us-border);border-radius:24px;background:linear-gradient(145deg,var(--us-panel),var(--us-panel2));box-shadow:0 24px 80px #0004}.us-pick{display:grid;grid-template-columns:minmax(210px,.65fr) 1.35fr;align-items:end;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--us-border)}.us-field{min-width:0;display:flex;flex-direction:column;gap:7px}.us-field label,.us-label{color:#e6ebfb;font-size:13px;font-weight:750}.us-hint{margin:0;color:var(--us-muted);font-size:13px}.us-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:22px}.us-form .wide{grid-column:1/-1}.us-control{width:100%;min-height:44px;padding:10px 12px;border:1px solid #65708f55;border-radius:12px;background:#080d1c;color:var(--us-text);outline:none}.us-control:focus{border-color:#8b9cff;box-shadow:0 0 0 3px #8b9cff24}.us-control::placeholder{color:#8290ad}.us-control[type=file]{padding:9px}.us-control option{background:#0c1123}.us-area{min-height:145px;resize:vertical}.us-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:3px}.us-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #98a4ff58;border-radius:12px;background:linear-gradient(120deg,#4854c6,#4a7ad3);color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 20px #273aa533}.us-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.us-btn.secondary{border-color:var(--us-border);background:#ffffff08;color:#e6ebfb;box-shadow:none}.us-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.us-result{margin-top:20px;padding:16px 18px;border:1px solid #6ee7b744;border-radius:16px;background:#064e3b22;color:#d1fae5;overflow-wrap:anywhere}.us-result[data-kind=error]{border-color:#fb718566;background:#7f1d1d24;color:#ffe4e6}.us-result[hidden]{display:none}.us-result h2,.us-result h3{margin:0 0 7px;font-size:15px}.us-result p{margin:5px 0}.us-result a{color:#a5f3fc;text-decoration:underline;text-underline-offset:3px}.us-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:12px}.us-stat{padding:10px 12px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff06}.us-stat strong{display:block;font-size:17px}.us-stat span{display:block;color:#a9b6cf;font-size:11px}.us-note{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--us-accent);border-radius:0 10px 10px 0;background:#5967df10;color:#bdc8df;font-size:12px}.us-guide{margin-top:22px;padding:20px;border:1px solid var(--us-border);border-radius:18px;background:#ffffff05}.us-guide h2{margin:0 0 8px;font-size:16px}.us-guide p{margin:0;color:var(--us-muted);font-size:13px}.us-footer{margin-top:28px;color:#8b98b2;text-align:center;font-size:11px}.us-clock{font-variant-numeric:tabular-nums;font-size:clamp(38px,8vw,64px);font-weight:800;letter-spacing:.02em}.us-laps{margin:10px 0 0;padding-left:22px;color:#e2e8f0}.us-calendar{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.us-calendar th,.us-calendar td{height:38px;text-align:center;border:1px solid #ffffff16}.us-calendar th{color:#c7d2fe;background:#ffffff07}.us-calendar td[data-outside=true]{color:#64748b}.us-world{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.us-world div{padding:12px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff06}.us-world b,.us-world time{display:block}.us-world time{color:#a5f3fc;font-size:18px;font-weight:800}.us-check{display:flex;align-items:center;gap:8px;color:#dbe4f6;font-size:13px}.us-check input{accent-color:#818cf8}
@media(max-width:700px){.us-shell{width:min(100% - 22px,1040px)}.us-top-inner{width:calc(100% - 22px);min-height:68px}.us-brand img{width:40px;height:40px}.us-brand-copy span{display:none}.us-back{padding:8px 10px;font-size:11px}.us-hero{padding-top:28px}.us-pick{grid-template-columns:1fr}.us-form{grid-template-columns:1fr}.us-form .wide,.us-actions{grid-column:auto}.us-panel{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}