.ot{gap:var(--s-6);max-width:1040px;display:grid}.ot h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4.2vw,2.75rem);line-height:1.1}.ot-lead{margin:calc(var(--s-3) * -1) 0 0;color:var(--text-2);max-width:62ch;font-size:1.0625rem;line-height:1.5}.ot-back{justify-self:start}.ot-grid{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ot-grid li{display:flex}.ot-card{gap:var(--s-2);padding:var(--s-6);border:1px solid var(--card-line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--elev-1);color:var(--text);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-fast);flex:1;grid-template-rows:auto auto 1fr auto;text-decoration:none;display:grid}.ot-card:hover{box-shadow:var(--elev-2);border-color:var(--line-field);transform:translateY(-2px)}.ot-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ot-ico{width:44px;height:44px;margin-bottom:var(--s-2);background:var(--bg-subtle);border:1px solid var(--card-line);color:var(--text);border-radius:12px;place-items:center;display:grid}.ot-card b{letter-spacing:-.015em;font-size:1.125rem;line-height:1.25}.ot-card-t{color:var(--text-2);font-size:.9375rem;line-height:1.5}.ot-go{margin-top:var(--s-3);color:var(--text);align-items:center;gap:6px;font-size:.9375rem;font-weight:600;display:inline-flex}.ot-go svg{transition:transform var(--t-base) var(--ease)}.ot-card:hover .ot-go svg{transform:translate(3px)}.ot-form{gap:var(--s-4);padding:var(--s-5);border:1px solid var(--card-line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--elev-1);flex-wrap:wrap;align-items:end;margin:0;display:flex}.ot-form label{color:var(--text);flex:200px;gap:6px;min-width:0;font-size:.9375rem;font-weight:600;display:grid}.ot-form input{min-height:52px;padding:0 var(--s-4);border-radius:var(--r-1);border:1.5px solid var(--line-field);background:var(--bg);color:var(--text);font:inherit;min-width:0;transition:border-color var(--t-fast), box-shadow var(--t-fast);font-weight:400}.ot-form input::placeholder{color:var(--text-3)}.ot-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.ot-form button{min-height:52px;padding:0 var(--s-6);border-radius:999px}.ot-form button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ot-form--stack{align-content:start;align-items:stretch;display:grid}.ot-form--stack button{justify-self:start}.ot-split{gap:var(--s-5);grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;display:grid}.ot-out{gap:var(--s-4);min-width:0;display:grid}.ot-res{padding:var(--s-6);border:1px solid var(--card-line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--elev-1);gap:var(--s-4);min-width:0;display:grid}.ot-res h2{letter-spacing:-.02em;margin:0;font-size:1.375rem;line-height:1.2}.ot-res h3{color:var(--text-2);margin:0;font-size:.9375rem;font-weight:600}.ot-res p{margin:0}.ot-empty{background:var(--bg-subtle);box-shadow:none;color:var(--text-2)}.ot-sub{color:var(--text-2)}.ot-big{align-items:baseline;gap:var(--s-3);letter-spacing:-.035em;flex-wrap:wrap;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1;display:flex}.ot-big small{letter-spacing:-.01em;color:var(--text-2);font-size:1.25rem;font-weight:600}.ot-stats{border-top:1px solid var(--card-line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;display:grid}.ot-stats>div{padding:var(--s-4) var(--s-4) 0 0}.ot-stats dt{color:var(--text-2);font-size:.875rem}.ot-stats dd{letter-spacing:-.02em;margin:4px 0 0;font-size:1.375rem;font-weight:700}.ot-cmp{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-2);background:var(--bg-subtle);display:grid}.ot-cmp ul{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.ot-cmp li{align-items:center;gap:var(--s-3);grid-template-columns:9.5rem minmax(0,1fr) 4.5rem;font-size:.9375rem;display:grid}.ot-cmp-l{color:var(--text-2)}.ot-cmp li.is-you .ot-cmp-l{color:var(--text);font-weight:600}.ot-cmp b{text-align:right}.ot-bar{background:var(--card-line);border-radius:999px;height:10px;display:block;overflow:hidden}.ot-bar i{background:var(--line-field);border-radius:999px;height:100%;display:block}.ot-cmp li.is-you .ot-bar i{background:var(--accent)}.ot-note{color:var(--text-2);max-width:70ch;font-size:.875rem;line-height:1.5}.ot-err{border-radius:var(--r-1);border:1px solid var(--accent-soft-line);background:var(--accent-soft);margin:0;padding:12px 16px}.ot-id{align-items:center;gap:var(--s-4);display:flex}.ot-ava{background:var(--bg-subtle);border:1px solid var(--card-line);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:700;display:grid}.ot-chips{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ot-chips li{background:var(--bg-subtle);border:1px solid var(--card-line);border-radius:999px;padding:6px 14px;font-size:.9375rem;font-weight:500}.ot-names{gap:var(--s-3)}.ot-names li{background:var(--surface);box-shadow:var(--elev-1);letter-spacing:-.01em;padding:12px 20px;font-size:1.125rem;font-weight:600}.ot-table{border-collapse:collapse;width:100%}.ot-table th,.ot-table td{text-align:left;border-bottom:1px solid var(--card-line);color:var(--text);text-transform:none;letter-spacing:normal;font-size:inherit;background:0 0;padding:12px 12px 12px 0;font-family:inherit}.ot-table thead th{color:var(--text-3);font-size:.875rem;font-weight:500}.ot-table tbody th{font-weight:600}.ot-table tbody tr:last-child>*{border-bottom:0}.ot-pill{white-space:nowrap;background:var(--bg-subtle);color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.ot-pill:before{content:"";background:var(--line-field);border-radius:999px;width:8px;height:8px}.ot-pill.ot-free{background:color-mix(in srgb, var(--up) 10%, var(--surface));color:var(--up)}.ot-pill.ot-free:before{background:var(--up)}.ot-pill.ot-unk{font-style:italic;font-weight:500}.ot-list{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.ot-list--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-list li{padding:var(--s-5);border:1px solid var(--card-line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--elev-1);align-content:start;gap:4px;display:grid}.ot-list li b{letter-spacing:-.015em;font-size:1.125rem}.ot-list .is-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.ot-cta{gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:899px){.ot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.ot-grid,.ot-list--2{grid-template-columns:minmax(0,1fr)}.ot-form{flex-direction:column;align-items:stretch}.ot-form button{width:100%}.ot-res,.ot-card{padding:var(--s-5)}.ot-cmp li{grid-template-columns:minmax(0,1fr) 4rem}.ot-cmp .ot-bar{grid-area:2/1/auto/-1}.ot-table{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.ot-card,.ot-go svg{transition:none;transform:none!important}}
