*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--tt-bg:#f4f6f8;--tt-card:#fff;--tt-border:#e5e7eb;--tt-text:#0f172a;--tt-muted:#6b7280;--tt-primary:#2563eb;--tt-primary-hover:#1d4ed8;--tt-accent:#ff7a00;--tt-accent-dark:#e86c00;--tt-success:#16a34a;--tt-warning:#f59e0b;--tt-danger:#dc2626;--tt-shadow-soft:0 6px 18px #0000000d;--tt-shadow-card:0 14px 30px #00000014;--tt-shadow-focus:0 0 0 3px #2563eb26;--tt-radius:16px;--tt-radius-sm:10px;--tt-gap-xs:6px;--tt-gap-sm:10px;--tt-gap-md:16px;--tt-gap-lg:24px;--tt-gap-xl:32px;--tt-font:"SF Pro Display","Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Roboto,Helvetica,Arial,sans-serif}html{background:var(--tt-bg)}body{background:var(--tt-bg);color:var(--tt-text);font-family:var(--tt-font);-webkit-font-smoothing:antialiased;z-index:0;line-height:1.45;position:relative}body:before{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:url(/logo-bg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:260px;height:260px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.heading-xl{letter-spacing:-.2px;font-family:SF Pro Display,Inter,system-ui,sans-serif;font-size:clamp(22px,2.5vw,30px);font-weight:700}.heading-lg{font-family:SF Pro Display,Inter,system-ui,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:600}.heading-md{font-family:SF Pro Display,Inter,system-ui,sans-serif;font-size:clamp(16px,1.6vw,18px);font-weight:600}.heading-sm{font-size:14px;font-weight:600}.text-muted{color:var(--tt-muted)}.text-sm{font-size:13px}.text-xs{font-size:12px}.card{background:var(--tt-card);border-radius:var(--tt-radius);border:1px solid var(--tt-border);box-shadow:var(--tt-shadow-soft);padding:clamp(14px,2vw,22px);transition:box-shadow .15s}.card:hover{box-shadow:var(--tt-shadow-card)}.card+.card{margin-top:var(--tt-gap-md)}.btn{appearance:none;border-radius:var(--tt-radius-sm);cursor:pointer;border:none;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .12s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--tt-primary);color:#fff}.btn-primary:hover{background:var(--tt-primary-hover)}.btn-secondary{color:var(--tt-text);background:#eef2f7}.btn-outline{border:1px solid var(--tt-border);background:#fff}.btn-danger{background:var(--tt-danger);color:#fff}.btn-warning{background:var(--tt-warning);color:#fff}.btn-accent{background:var(--tt-accent);color:#fff}.btn-accent:hover{background:var(--tt-accent-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border-radius:var(--tt-radius-sm);border:1px solid var(--tt-border);background:#fff;width:100%;min-height:44px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--tt-primary);box-shadow:var(--tt-shadow-focus);outline:none}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.stack{gap:var(--tt-gap-md);flex-direction:column;display:flex}.center{justify-content:center;align-items:center;display:flex}.safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (max-width:640px){.card{border-radius:14px}.btn{font-size:15px}}@media (min-width:900px){.card{padding:24px}}@media (min-width:1280px){.card{padding:28px}}html[data-theme=dark]{--tt-bg:#000;--tt-border:#ffffff72;--tt-card:linear-gradient(180deg,#ffffff0f 0%,#ffffff05 35%,transparent 70%),linear-gradient(180deg,#0c1117,#080c11);--tt-text:#ff6a00;--tt-muted:#fff;--tt-primary:#ff6a00;--tt-primary-hover:#ff6a00a1;--tt-accent:#ff6a00;--tt-accent-dark:#e85f00;--tt-shadow-soft:0 6px 18px #0006;--tt-shadow-card:inset 0 1px 0 #ffffff0d,inset 0 -25px 40px #0009,0 12px 28px #00000080}.performance-card{background:linear-gradient(#fff,#f5f3f3fa);border:1px solid #0000000f;border-radius:18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000014,inset 0 1px #fffc}html[data-theme=dark] .performance-card{background:linear-gradient(#ffffff0f 0%,#ffffff05 35%,#0000 70%),linear-gradient(#0c1117,#080c11);border:1px solid #ffffff5e;box-shadow:inset 0 1px #ffffff0d,inset 0 -25px 40px #0009,0 12px 28px #00000080}