.cookie-banner[data-v-1a97b345]{z-index:80;background:var(--of-surface);border:1px solid var(--of-border);width:min(720px,100vw - 40px);box-shadow:var(--of-shadow-soft);color:var(--of-ink);border-radius:12px;gap:16px;padding:18px;display:grid;position:fixed;bottom:20px;right:20px}.cookie-banner__copy[data-v-1a97b345]{gap:6px;display:grid}.cookie-banner__copy strong[data-v-1a97b345]{font-size:1rem}.cookie-banner p[data-v-1a97b345]{margin:0;font-size:.92rem;line-height:1.5}.cookie-banner a[data-v-1a97b345]{color:var(--of-teal);text-underline-offset:3px;text-decoration:underline}.cookie-banner__actions[data-v-1a97b345]{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cookie-banner .cookie-banner__error[data-v-1a97b345]{color:var(--of-danger,#9f2d20);font-weight:600}.cookie-banner__button[data-v-1a97b345],.cookie-settings[data-v-1a97b345]{border:1px solid var(--of-ink);background:var(--of-ink);min-height:42px;color:var(--of-cream);font:inherit;cursor:pointer;border-radius:999px;padding:0 18px;font-weight:700}.cookie-banner__button--secondary[data-v-1a97b345]{color:var(--of-ink);background:0 0}.cookie-banner__button[data-v-1a97b345]:hover,.cookie-banner__button[data-v-1a97b345]:focus-visible{background:var(--of-teal-deep);border-color:var(--of-teal-deep);color:var(--of-cream)}.cookie-banner__button[data-v-1a97b345]:disabled{cursor:wait;opacity:.62}.cookie-settings[data-v-1a97b345]{z-index:70;border-color:var(--of-border);background:var(--of-surface);min-height:36px;color:var(--of-ink);box-shadow:var(--of-shadow-soft);padding:0 13px;font-size:.78rem;font-weight:600;position:fixed;bottom:16px;left:16px}.cookie-settings[data-v-1a97b345]:hover,.cookie-settings[data-v-1a97b345]:focus-visible{border-color:var(--of-teal);color:var(--of-teal-deep)}.cookie-banner__button[data-v-1a97b345]:focus-visible,.cookie-settings[data-v-1a97b345]:focus-visible,.cookie-banner a[data-v-1a97b345]:focus-visible{outline-offset:3px;outline:3px solid #0e7e9052}@media (width<=640px){.cookie-banner[data-v-1a97b345]{width:auto;padding:14px;bottom:12px;left:12px;right:12px}.cookie-banner__actions[data-v-1a97b345]{display:grid}.cookie-banner__button[data-v-1a97b345]{width:100%}}.confirm-overlay[data-v-8aac59b4]{z-index:99998;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog[data-v-8aac59b4]{color:#060606;width:min(440px,100%);font-family:var(--of-font,monospace);background:#fff;border:1px solid #1f1f1f;border-radius:6px;padding:22px;box-shadow:0 22px 80px #00000047}.confirm-kicker[data-v-8aac59b4]{color:var(--of-accent,#1f7a8c);text-transform:uppercase;font-size:11px;font-weight:900}.confirm-dialog h2[data-v-8aac59b4]{color:#000;margin:10px 0;font-size:20px;line-height:1.25}.confirm-dialog p[data-v-8aac59b4]{color:#666;margin:0;font-size:13px;line-height:1.55}.confirm-actions[data-v-8aac59b4]{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.confirm-btn[data-v-8aac59b4]{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:4px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:800}.confirm-btn[data-v-8aac59b4]:hover{background:var(--of-accent,#1f7a8c);border-color:var(--of-accent,#1f7a8c)}.confirm-btn-secondary[data-v-8aac59b4]{color:#111;background:0 0;border-color:#ddd}.confirm-btn-secondary[data-v-8aac59b4]:hover{color:#fff}.confirm-btn-danger[data-v-8aac59b4]{background:#b91c1c;border-color:#b91c1c}.confirm-fade-enter-active[data-v-8aac59b4],.confirm-fade-leave-active[data-v-8aac59b4]{transition:opacity .16s}.confirm-fade-enter-from[data-v-8aac59b4],.confirm-fade-leave-to[data-v-8aac59b4]{opacity:0}.beta-badge[data-v-0e456f19]{color:#92400e;z-index:9999;pointer-events:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:fixed;top:12px;right:12px;box-shadow:0 2px 8px #f59e0b4d}.feedback-btn[data-v-0e456f19]{display:var(--otr-feedback-button-display,inline-flex);bottom:calc(24px + var(--otr-cookie-banner-offset,0px) + env(safe-area-inset-bottom));background:var(--of-teal-deep);width:48px;height:48px;color:var(--of-cream);cursor:pointer;z-index:70;border:1px solid #f3efe461;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .15s,box-shadow .15s,background .15s;position:fixed;right:24px;box-shadow:0 10px 26px #14110e3d}.feedback-btn[data-v-0e456f19]:hover{background:var(--of-teal);transform:translateY(-1px);box-shadow:0 12px 30px #14110e47}@media (width<=600px){.feedback-btn[data-v-0e456f19]{right:14px;bottom:calc(14px + var(--otr-cookie-banner-offset,0px) + env(safe-area-inset-bottom));width:42px;height:42px;font-size:18px}}.feedback-overlay[data-v-0e456f19]{z-index:10000;background:#14110e6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-modal[data-v-0e456f19]{background:var(--of-surface);border:1px solid var(--of-border);width:90%;max-width:420px;box-shadow:var(--of-shadow-soft);color:var(--of-ink);border-radius:8px;padding:32px;position:relative}.modal-close[data-v-0e456f19]{color:#999;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:16px}.feedback-modal h3[data-v-0e456f19]{color:var(--of-ink);margin:0 0 4px;font-size:20px;font-weight:700}.modal-sub[data-v-0e456f19]{color:var(--of-muted);margin:0 0 16px;font-size:13px}.rating-row[data-v-0e456f19]{gap:2px;margin:0 0 12px;display:flex}.star[data-v-0e456f19]{color:#ddd;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:24px;line-height:1;transition:color .15s}.star.active[data-v-0e456f19]{color:#fbbf24}.star[data-v-0e456f19]:hover{color:#f59e0b}.star[data-v-0e456f19]:focus-visible,.cat-btn[data-v-0e456f19]:focus-visible,.feedback-btn[data-v-0e456f19]:focus-visible,.modal-close[data-v-0e456f19]:focus-visible,.submit-btn[data-v-0e456f19]:focus-visible{outline:2px solid var(--of-teal);outline-offset:2px}.category-row[data-v-0e456f19]{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.cat-btn[data-v-0e456f19]{border:1px solid var(--of-border);background:var(--of-surface);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.cat-btn.active[data-v-0e456f19]{background:var(--of-teal-deep);color:var(--of-cream);border-color:var(--of-teal-deep)}textarea[data-v-0e456f19]{border:1px solid var(--of-border);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;margin:0 0 8px;padding:12px;font-family:inherit;font-size:14px}textarea[data-v-0e456f19]:focus{border-color:var(--of-teal);outline:none}.email-input[data-v-0e456f19]{border:1px solid var(--of-border);box-sizing:border-box;border-radius:10px;width:100%;margin:0 0 12px;padding:10px 12px;font-size:14px}.submit-btn[data-v-0e456f19]{background:var(--of-ink);width:100%;color:var(--of-cream);cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600;transition:opacity .2s}.submit-btn[data-v-0e456f19]:disabled{opacity:.5;cursor:not-allowed}.submit-btn[data-v-0e456f19]:not(:disabled):hover{background:var(--of-teal-deep)}.success-msg[data-v-0e456f19]{text-align:center;color:#16a34a;margin-top:12px;font-weight:600}.error-msg[data-v-0e456f19]{text-align:center;color:#dc2626;margin-top:12px;font-size:13px}.toast-container[data-v-6ac5d25d]{z-index:99999;flex-direction:column;gap:10px;max-width:420px;display:flex;position:fixed;top:20px;right:20px}.toast[data-v-6ac5d25d]{-webkit-backdrop-filter:blur(16px);cursor:pointer;color:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;line-height:1.4;transition:transform .2s,opacity .2s;display:flex;box-shadow:0 8px 32px #0003}.toast[data-v-6ac5d25d]:hover{transform:translate(-4px)}.toast--success[data-v-6ac5d25d]{background:linear-gradient(135deg,#10b981eb,#059669eb);border-left:4px solid #34d399}.toast--error[data-v-6ac5d25d]{background:linear-gradient(135deg,#ef4444eb,#b91c1ceb);border-left:4px solid #f87171}.toast--warning[data-v-6ac5d25d]{background:linear-gradient(135deg,#f59e0beb,#d97706eb);border-left:4px solid #fbbf24}.toast--info[data-v-6ac5d25d]{background:linear-gradient(135deg,#3b82f6eb,#1d4ed8eb);border-left:4px solid #60a5fa}.toast-icon[data-v-6ac5d25d]{text-align:center;flex-shrink:0;width:24px;font-size:18px}.toast-msg[data-v-6ac5d25d]{flex:1}.toast-close[data-v-6ac5d25d]{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:20px;line-height:1}.toast-close[data-v-6ac5d25d]:hover{color:#fff}.toast-enter-active[data-v-6ac5d25d]{animation:.35s ease-out toast-in-6ac5d25d}.toast-leave-active[data-v-6ac5d25d]{animation:.3s ease-in forwards toast-out-6ac5d25d}@keyframes toast-in-6ac5d25d{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out-6ac5d25d{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100px)scale(.9)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}#app{background-color:var(--of-cream);min-height:100vh;color:var(--of-ink);font-family:var(--of-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.route-loading-shell{min-height:100vh;color:var(--of-muted);text-align:center;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.route-loading-mark{border:3px solid #0e749038;border-top-color:var(--of-teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite route-loading-spin}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-loading-mark{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--of-cream-deep)}::-webkit-scrollbar-thumb{background:var(--of-ink)}::-webkit-scrollbar-thumb:hover{background:var(--of-teal-deep)}button{font-family:inherit}:root{--of-cream:#f7f3ea;--of-cream-deep:#efe9da;--of-ink:#14110e;--of-teal:#1f7a8c;--of-teal-deep:#0e3b44;--of-chestnut:#9a3b27;--of-gold:#c8a24a;--of-muted:#5e584d;--of-border:#e7e0d2;--of-sentiment-pos:#1f7a8c;--of-sentiment-neu:#e3dccd;--of-sentiment-neg:#9a3b27;--of-bg:var(--of-cream);--of-surface:#fff;--of-surface-muted:#fbf8f1;--of-panel:var(--of-ink);--of-panel-2:#1e1a16;--of-black:var(--of-ink);--of-text:var(--of-ink);--of-text-soft:var(--of-muted);--of-muted-dark:#a7a092;--of-border-dark:#14110e1f;--of-accent:var(--of-teal);--of-accent-deep:var(--of-teal-deep);--of-accent-soft:#1f7a8c1f;--of-accent-line:#1f7a8c52;--of-success:#1f7a8c;--of-warning:#c8a24a;--of-danger:#9a3b27;--of-radius-pill:999px;--of-radius:14px;--of-radius-sm:10px;--of-grain-opacity:.045;--of-font-serif:"Literata", "Fraunces", Georgia, "Times New Roman", serif;--of-font-sans:"Onest", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--of-font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--of-font:var(--of-font-sans);--of-step--1:clamp(12px, .78vw, 13px);--of-step-0:clamp(14px, .95vw, 15px);--of-step-1:clamp(17px, 1.2vw, 19px);--of-step-2:clamp(22px, 2vw, 28px);--of-step-3:clamp(28px, 3.6vw, 40px);--of-step-4:clamp(34px, 5.4vw, 60px);--of-shadow-soft:0 18px 50px #14110e1a}html{background:var(--of-cream)}body{font-family:var(--of-font-sans);color:var(--of-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--of-accent);outline-offset:2px}.of-serif{font-family:var(--of-font-serif);letter-spacing:-.01em;font-weight:400}.of-mono{font-family:var(--of-font-mono)}.of-page{background:var(--of-cream);min-height:100vh;color:var(--of-text)}.of-shell{width:min(1240px,100vw - 48px);margin:0 auto;padding:32px 0 56px}.of-eyebrow{color:var(--of-muted);font-size:var(--of-step--1);letter-spacing:.01em;align-items:center;gap:8px;font-weight:500;display:inline-flex}.of-eyebrow:before{content:"";background:var(--of-teal);border-radius:50%;width:6px;height:6px}.of-title{color:var(--of-text);font-family:var(--of-font-serif);font-size:var(--of-step-3);letter-spacing:-.015em;font-weight:400;line-height:1.08}.of-subtitle{color:var(--of-muted);font-size:var(--of-step-0);line-height:1.6}.of-panel,.of-card{background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius)}.of-card{padding:18px}.of-button{border:1px solid var(--of-ink);border-radius:var(--of-radius-pill);background:var(--of-ink);min-height:40px;color:var(--of-cream);font-size:var(--of-step-0);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.of-button:hover:not(:disabled){background:var(--of-teal-deep);border-color:var(--of-teal-deep);transform:translateY(-1px)}.of-button:disabled{cursor:not-allowed;opacity:.5}.of-button--ghost{color:var(--of-ink);border-color:var(--of-border);background:0 0}.of-button--ghost:hover:not(:disabled){border-color:var(--of-ink);color:var(--of-ink);background:0 0}.of-input,.of-select{border:1px solid var(--of-border);border-radius:var(--of-radius-sm);background:var(--of-surface-muted);width:100%;min-height:40px;color:var(--of-text);padding:9px 12px}.of-input:focus,.of-select:focus{border-color:var(--of-teal);background:var(--of-surface);outline:none}.of-badge{border:1px solid var(--of-border);border-radius:var(--of-radius-pill);min-height:24px;color:var(--of-muted);background:var(--of-surface);font-size:var(--of-step--1);align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.of-badge--accent,.of-badge--ok{border-color:var(--of-accent-line);color:var(--of-teal);background:var(--of-accent-soft)}.of-badge--warn{color:#8a6d1f;background:#c8a24a1f;border-color:#c8a24a66}.of-badge--danger{color:var(--of-chestnut);background:#9a3b271a;border-color:#9a3b2752}.of-table-wrap{border:1px solid var(--of-border);border-radius:var(--of-radius);overflow-x:auto}.of-table{border-collapse:collapse;width:100%}.of-table th,.of-table td{border-bottom:1px solid var(--of-border);text-align:left;vertical-align:top;padding:11px 12px}.of-table th{color:var(--of-muted);background:var(--of-surface-muted);font-size:var(--of-step--1);font-weight:600}.of-table tr:last-child td{border-bottom:0}.of-empty{color:var(--of-muted);text-align:center;font-size:var(--of-step-0);padding:26px}.of-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.of-kpi{border:1px solid var(--of-border);border-radius:var(--of-radius);background:var(--of-surface);padding:16px}.of-kpi-value{color:var(--of-text);font-family:var(--of-font-serif);font-size:26px;font-weight:400;display:block}.of-kpi-label{color:var(--of-muted);font-size:var(--of-step--1);margin-top:6px;font-weight:500;display:block}@media (width<=700px){.of-shell{width:min(100vw - 28px,1240px);padding-top:22px}}.auth-page{background:radial-gradient(720px 420px at 82% 8%, #1f7a8c14, transparent 62%), radial-gradient(640px 420px at 8% 92%, #c8a24a12, transparent 60%), var(--of-cream,#f7f3ea);min-height:100vh;color:var(--of-ink,#14110e);font-family:var(--of-font-sans,"Onest", sans-serif);justify-content:center;align-items:center;padding:32px 16px;display:flex}.auth-container{width:100%;max-width:430px}.auth-logo{text-align:center;margin-bottom:2.2rem}.auth-logo h1{font-family:var(--of-font-serif,"Literata", serif);letter-spacing:.01em;color:var(--of-ink,#14110e);margin:0;font-size:2.1rem;font-weight:600}.auth-subtitle{color:var(--of-teal,#1f7a8c);letter-spacing:.22em;text-transform:uppercase;margin-top:.55rem;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.auth-form{background:var(--of-surface,#fff);border:1px solid var(--of-border,#e7e0d2);border-radius:18px;padding:2rem;box-shadow:0 24px 50px -30px #14110e40}.auth-title{font-family:var(--of-font-serif,"Literata", serif);color:var(--of-ink,#14110e);margin:0 0 1.4rem;font-size:1.25rem;font-weight:600}.auth-hint{color:var(--of-muted,#5e584d);margin:0 0 1.2rem;font-size:.87rem;line-height:1.5}.auth-error{color:var(--of-chestnut,#9a3b27);background:#9a3b2712;border:1px solid #9a3b2747;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.auth-success{color:var(--of-teal-deep,#0e3b44);background:#1f7a8c14;border:1px solid #1f7a8c4d;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.auth-field{margin-bottom:1.15rem}.auth-field label{color:var(--of-muted,#5e584d);letter-spacing:.02em;margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.auth-field input{border:1px solid var(--of-border,#e7e0d2);background:var(--of-surface-muted,#fbf8f1);width:100%;color:var(--of-ink,#14110e);border-radius:10px;padding:.72rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--of-teal,#1f7a8c);background:#fff;outline:none;box-shadow:0 0 0 3px #1f7a8c24}.auth-field input:disabled{opacity:.6}.auth-consent{color:var(--of-muted,#5e584d);cursor:pointer;align-items:flex-start;gap:9px;margin-bottom:1rem;font-size:.8rem;line-height:1.45;display:flex}.auth-consent input[type=checkbox]{accent-color:var(--of-teal,#1f7a8c);flex:none;margin-top:2px}.auth-consent a{color:var(--of-teal-deep,#0e3b44);text-underline-offset:2px;text-decoration:underline}.auth-consent a:hover{color:var(--of-teal,#1f7a8c)}.auth-button{background:var(--of-ink,#14110e);width:100%;min-height:48px;color:var(--of-cream,#f7f3ea);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.auth-button:hover:not(:disabled){background:var(--of-teal-deep,#0e3b44)}.auth-button:active:not(:disabled){transform:translateY(1px)}.auth-button:disabled{opacity:.45;cursor:not-allowed}.auth-spinner{border:2px solid #f7f3ea4d;border-top-color:var(--of-cream,#f7f3ea);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite of-auth-spin}@keyframes of-auth-spin{to{transform:rotate(360deg)}}.auth-forgot,.auth-back{color:var(--of-muted,#5e584d);margin-top:.85rem;font-size:.8rem;text-decoration:none;transition:color .2s;display:block}.auth-forgot{text-align:right}.auth-back{text-align:center;margin-top:1.2rem}.auth-forgot:hover,.auth-back:hover{color:var(--of-teal,#1f7a8c)}.auth-switch-row{color:var(--of-muted,#5e584d);justify-content:center;gap:.35rem;margin-top:1.35rem;font-size:.85rem;display:flex}.auth-switch,.auth-login-link{color:var(--of-teal-deep,#0e3b44);font-weight:700;text-decoration:none;transition:color .2s}.auth-switch:hover,.auth-login-link:hover{color:var(--of-teal,#1f7a8c)}.auth-footer{text-align:center;color:var(--of-muted,#5e584d);opacity:.7;margin-top:2rem;font-size:.75rem}.verification-callout{border:1px solid var(--of-border,#e7e0d2);background:var(--of-surface-muted,#fbf8f1);border-radius:12px;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.verification-callout p{color:var(--of-ink,#14110e);margin:0;font-size:.9rem;line-height:1.45}.verification-callout .primary-btn{background:var(--of-teal,#1f7a8c);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;min-height:44px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s}.verification-callout .primary-btn:hover{background:var(--of-teal-deep,#0e3b44)}.main-view{height:100vh;font-family:var(--of-font-sans,"Onest", system-ui, sans-serif);background:radial-gradient(1100px 560px at 78% 60px,#57a0ab21,#0000 62%),radial-gradient(880px 640px at 12% 420px,#9ec4c914,#0000 62%),linear-gradient(178deg,#0e3b43 0%,#0c3138 40%,#0b2e35 100%);flex-direction:column;display:flex;overflow:hidden}.main-view .app-header{z-index:100;background:0 0;border-bottom:1px solid #f3efe429;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:relative}.main-view .header-center{position:absolute;left:50%;transform:translate(-50%)}.main-view .brand{font-family:var(--of-font-serif,"Literata", serif);letter-spacing:.01em;color:#f7f3ea;cursor:pointer;font-size:19px;font-weight:600}.main-view .view-switcher{background:#f7f3ea12;border:1px solid #f7f3ea29;border-radius:999px;gap:4px;padding:4px;display:flex}.main-view .switch-btn{color:#f3efe4b8;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,color .2s}.main-view .switch-btn:hover{color:#f7f3ea}.main-view .switch-btn.active{color:#14110e;background:#f7f3ea;box-shadow:0 4px 14px -4px #030e1080}.main-view .header-right{align-items:center;gap:16px;display:flex}.main-view .workflow-step{align-items:center;gap:8px;font-size:14px;display:flex}.main-view .step-num{letter-spacing:.08em;color:#f3efe480;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.main-view .step-name{color:#f7f3ea;font-weight:600}.main-view .step-divider{background-color:#f3efe442;width:1px;height:14px}.main-view .status-indicator{color:#f3efe4b8;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.main-view .dot{background:#f3efe459;border-radius:50%;width:8px;height:8px}.main-view .status-indicator.processing .dot{background:#c8a24a;animation:1s infinite of-ws-pulse}.main-view .status-indicator.completed .dot{background:#7fc4ce}.main-view .status-indicator.error .dot{background:#c96a50}@keyframes of-ws-pulse{50%{opacity:.5}}.main-view .content-area{box-sizing:border-box;flex:1;gap:0;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.main-view .content-area.split{gap:14px}.main-view .panel-wrapper{box-sizing:border-box;will-change:width, opacity, transform;background:#fbf9f3;border:1px solid #030e1059;border-radius:16px;min-width:0;height:100%;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .3s,transform .3s;overflow:hidden;box-shadow:0 24px 60px -30px #030e10b3}@media (width<=760px){.main-view{height:100dvh}.main-view .app-header{height:52px;padding:0 12px}.main-view .brand{white-space:nowrap;font-size:16px}.main-view .header-center{margin-left:auto;position:static;transform:none}.main-view .header-right{display:none}.main-view .view-switcher{gap:2px;padding:3px}.main-view .switch-btn{padding:5px 10px;font-size:11px}.main-view .switch-btn:nth-child(2){font-size:0}.main-view .switch-btn:nth-child(2):after{content:"Среда";font-size:11px}.main-view .switch-btn:nth-child(3){display:none}.main-view .content-area{padding:8px}.main-view .content-area.split{gap:0}.main-view .content-area.split .panel-wrapper.left{pointer-events:none;border-width:0;opacity:0!important;width:0!important;transform:translate(-12px)!important}.main-view .content-area.split .panel-wrapper.right{opacity:1!important;width:100%!important;transform:none!important}.main-view .panel-wrapper{border-radius:12px}}