:root{--primary: #275d52;--primary-strong: #1d453d;--primary-soft: #e2ece8;--surface: #f4f2f2;--card: #ffffff;--ink: #202728;--ink-2: #56605f;--ink-3: #879190;--line: #e4e0dd;--danger: #b3362c;--danger-soft: #f7e7e5;--radius: 8px;--radius-card: 10px;--font-sans: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: Consolas, "Cascadia Mono", monospace;--t-xs: 11px;--t-sm: 12.5px;--t-base: 13.5px;--t-md: 15px;--t-lg: 20px;--t-xl: 24px;--warn: #c98500;--warn-soft: #f7efdc;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .2s;--pine: var(--primary);--pine-deep: var(--primary-strong);--pine-soft: var(--primary-soft);--paper: var(--surface);--border: var(--line);--border-strong: #d5d0cb;--red: var(--danger);--red-soft: var(--danger-soft);--teal: #00a3ad;--shadow: 0 1px 2px rgba(32, 39, 40, .05)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overflow:clip}h1,h2,h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em;margin:0;text-wrap:balance}.page-head h1,.intro h1{font-size:var(--t-xl);letter-spacing:-.02em;line-height:1.2}.page-head p,.intro p{font-size:var(--t-base);color:var(--ink-2)}button{font-family:var(--font-sans);font-size:14px;cursor:pointer}input,select,textarea{font-family:var(--font-sans);font-size:14px;color:var(--ink)}a{color:var(--primary)}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d4d0cc;border-radius:5px;border:2px solid var(--surface)}::-webkit-scrollbar-track{background:transparent}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}@keyframes float-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:none}}.animate-fade-up{animation:fade-up .25s ease-out both}.animate-scale-in{animation:scale-in .16s ease-out backwards}.animate-float-in{animation:float-in .4s cubic-bezier(.16,1,.3,1) both}.animate-slide-in-right{animation:slide-in-right .22s cubic-bezier(.16,1,.3,1) both}.drawer-in{animation:drawer-slide-in .32s cubic-bezier(.16,1,.3,1) backwards}.typing-dot{animation:dot-bounce 1.1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font-weight:600;font-size:12.5px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover{background:var(--surface);color:var(--primary)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1d453d38}.btn-primary:active{transform:scale(.98);box-shadow:none}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);color:var(--danger)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface);color:var(--primary)}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;font-weight:600;color:var(--ink-2)}.field input,.field select{display:block;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);outline:none;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #275d521f}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow)}.state-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:var(--t-xs);font-weight:500;color:var(--ink-2);white-space:nowrap}.state-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:none}.state-pill.ok{color:var(--primary-strong);border-color:#275d5240;background:var(--primary-soft)}.state-pill.ok .dot{background:#2e9e6b}.state-pill.err{color:var(--danger);border-color:#b3362c40;background:var(--danger-soft)}.state-pill.err .dot{background:var(--danger)}.state-pill.busy .dot{background:var(--warn);animation:pill-pulse 1.2s ease-in-out infinite}.state-pill.idle{color:var(--ink-3)}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.35}}.empty{padding:48px 24px;text-align:center;color:var(--ink-2)}.empty h2{color:var(--ink);margin-bottom:8px;font-size:17px}.error-banner{background:var(--danger-soft);border:1px solid rgba(179,54,44,.25);color:var(--danger);border-radius:var(--radius);padding:8px 12px;font-size:13px}.md p{margin:0 0 8px}.md p:last-child{margin-bottom:0}.md img{display:block;max-width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:8px}.md img[data-klyrova-file]{border:1px solid var(--line);background:var(--surface);min-height:48px}.md img[data-klyrova-file]:not(.ready){width:100%;min-height:120px}.md img[data-klyrova-file].missing{min-height:0;border:none;background:none;font-size:12px;color:var(--ink-3)}.md pre{background:#20342f;color:#e2ece8;border-radius:var(--radius);padding:10px 12px;overflow-x:auto;font-size:12.5px}.md code{font-size:12.5px}.md :not(pre)>code{background:var(--primary-soft);border-radius:4px;padding:1px 5px}.md table{border-collapse:collapse;margin:8px 0;font-size:13px;display:block;overflow-x:auto;max-width:100%}.md th,.md td{border:1px solid var(--line);padding:4px 10px;text-align:left}.md th{background:var(--surface);font-weight:600}.md ul,.md ol{margin:4px 0 8px;padding-left:22px}.md h1,.md h2,.md h3{font-size:15px;margin:10px 0 6px}html.app-first [data-prerender]{display:none!important}html.prerendered .line-in{animation:none!important;transform:none!important}html.prerendered .load-5,html.prerendered .load-6{animation:none!important;opacity:1!important}
