:root{--vio-ink:#f4f1fc;--vio-muted:#a49dc0;--vio-muted-soft:#8b84ab;--vio-line:#c4a8ff21;--vio-line-strong:#c4a8ff3d;--vio-purple:#8b43ff;--vio-purple-dark:#a26bff;--vio-purple-soft:#8b43ff29;--vio-lilac:#c9a7ff;--vio-cyan:#5ec8ff;--vio-magenta:#e15cff;--vio-surface:#14101f;--vio-page:#07060d;--vio-night:#07060d;--vio-white:#fff;--vio-danger:#ff6b5e;--vio-danger-soft:#ff6b5e1f;--vio-success:#3ddc97;--vio-success-soft:#3ddc971f;--vio-warning:#ffc24b;--vio-warning-soft:#ffc24b1f;--vio-radius-control:12px;--vio-radius-surface:16px;--vio-radius-card:18px;--vio-shadow-soft:0 18px 44px #02010a80, 0 4px 14px #561cb41f;--vio-shadow-elevated:0 32px 72px #02010aa8, 0 8px 26px #561cb433;--vio-shadow-inset:inset 0 1px 0 #ffffff12;--vio-glow-primary:0 10px 34px #8b43ff61;--vio-focus:0 0 0 3px #8b43ff52;--vio-control-height:38px;--vio-control-height-sm:34px;--panel:#ffffff0b;--panel-strong:#ffffff13;--panel-solid:#16121f;--control:#ffffff0d;--control-hover:#ffffff18;--field:#ffffff0b;--background:var(--vio-page);--foreground:var(--vio-ink);--card:var(--panel);--card-strong:var(--panel-strong);--border:var(--vio-line);--border-strong:var(--vio-line-strong);--primary:var(--vio-purple);--primary-hover:var(--vio-purple-dark);--primary-soft:var(--vio-purple-soft);--muted:var(--vio-muted);--muted-strong:#cdc6e6;--navy:var(--vio-night);--glow-pink:#e15cff;--glow-violet:#8b43ff;--glow-orange:#5ec8ff;--surface:#14101fb8;--surface-hover:#1c162cdb;--control-height:var(--vio-control-height);--control-height-large:42px;--page-title-size:clamp(22px, 2vw, 28px);--page-header-gap:16px;--surface-radius:var(--vio-radius-surface);--toolbar-radius:14px;--shadow-card:var(--vio-shadow-soft), var(--vio-shadow-inset);--shadow-card-hover:var(--vio-shadow-elevated);--landing-ink:var(--vio-ink);--landing-muted:var(--vio-muted);--landing-navy:var(--vio-night)}[data-theme=light]{--vio-ink:#11101a;--vio-muted:#5f5a6d;--vio-muted-soft:#787386;--vio-line:#1c172d1a;--vio-line-strong:#1c172d2e;--vio-purple-dark:#6224c8;--vio-purple-soft:#8b43ff1c;--vio-surface:#f7f6fa;--vio-page:#fbfaff;--vio-night:#0d0b17;--vio-danger:#b42318;--vio-danger-soft:#b423181a;--vio-success:#0f7a4a;--vio-success-soft:#0f7a4a1a;--vio-warning:#9a6700;--vio-warning-soft:#9a67001f;--vio-shadow-soft:0 12px 34px #1f153512;--vio-shadow-elevated:0 22px 54px #1f15351f;--vio-shadow-inset:inset 0 1px 0 #ffffffd1;--vio-glow-primary:0 12px 28px #6925cd3d;--vio-focus:0 0 0 3px #8b43ff2e;--panel:#ffffffe0;--panel-strong:#fff;--panel-solid:#fff;--control:#ffffffd6;--control-hover:#fff;--field:#ffffffeb;--muted-strong:#403c4d;--glow-pink:#c48bff;--glow-violet:#9a5bf5;--glow-orange:#b06cff;--surface:#ffffffd1;--surface-hover:#f7f6faf5}body{color:var(--foreground);background:radial-gradient(ellipse 70% 46% at 12% -6%, #8b43ff29, transparent 62%), radial-gradient(ellipse 52% 38% at 92% 4%, #5ec8ff12, transparent 60%), var(--background);font-family:var(--font-sans)}[data-theme=light] body{background:radial-gradient(circle at 8% 0%, #8b43ff0f, transparent 28rem), var(--background)}::selection{color:#fff;background:#8b43ff9e}:focus-visible{outline-offset:2px;outline:2px solid #a26bffcc}.btn{min-height:var(--control-height);border-radius:var(--vio-radius-control);cursor:pointer;font-family:var(--font-sans);letter-spacing:-.01em;transition:transform var(--vio-dur-base) var(--vio-ease-standard), border-color var(--vio-dur-base) var(--vio-ease-standard), background var(--vio-dur-base) var(--vio-ease-standard), box-shadow var(--vio-dur-base) var(--vio-ease-standard), color var(--vio-dur-base) var(--vio-ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:750;display:inline-flex}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-danger:disabled{cursor:not-allowed;opacity:.58;box-shadow:none!important;transform:none!important}.btn-primary{color:#fff;box-shadow:var(--vio-glow-primary), inset 0 1px 0 #ffffff47;text-shadow:0 1px 8px #28085a73;background:linear-gradient(115deg,#ffffff38,#0000 38%),linear-gradient(135deg,#9b58ff,#6a26d6)}.btn-primary:hover{background:linear-gradient(115deg,#ffffff47,#0000 38%),linear-gradient(135deg,#a968ff,#7a34e6);transform:translateY(-1px);box-shadow:0 14px 42px #8b43ff80,inset 0 1px #ffffff52}.btn-secondary{border-color:var(--border);color:var(--foreground);background:var(--control);box-shadow:var(--vio-shadow-inset)}.btn-secondary:hover{border-color:var(--vio-line-strong);background:var(--control-hover);box-shadow:0 10px 28px #02010a66, var(--vio-shadow-inset);transform:translateY(-1px)}[data-theme=light] .btn-secondary:hover{box-shadow:0 10px 24px #1f153514, var(--vio-shadow-inset)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--foreground);background:var(--vio-purple-soft)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e85a4d,#c23527);border-color:#ff6b5e66;box-shadow:0 12px 30px #c2352757}.btn-danger:hover{background:linear-gradient(135deg,#f46e61,#d24535);transform:translateY(-1px);box-shadow:0 16px 36px #c2352770}[data-theme=light] .btn-danger{background:linear-gradient(135deg,#d64545,#b42318);border-color:#9f1d1d}.input,textarea.input,select.input{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--vio-radius-control);color:var(--foreground);background:var(--field);font-family:var(--font-sans);transition:border-color var(--vio-dur-fast) var(--vio-ease-standard), box-shadow var(--vio-dur-fast) var(--vio-ease-standard), background var(--vio-dur-fast) var(--vio-ease-standard);outline:none;padding:8px 12px;font-size:13px;box-shadow:inset 0 1px #ffffff0d}.input::-moz-placeholder{color:var(--vio-muted-soft)}textarea.input::-moz-placeholder{color:var(--vio-muted-soft)}.input::placeholder,textarea.input::placeholder{color:var(--vio-muted-soft)}.input:hover,textarea.input:hover{border-color:var(--vio-line-strong)}.input:focus,textarea.input:focus,.input:focus-visible,textarea.input:focus-visible{box-shadow:var(--vio-focus);background:var(--control-hover);border-color:#8b43ff8c}.input option,select.input option{color:var(--foreground);background:var(--panel-solid)}.card{border:1px solid var(--border);border-radius:var(--vio-radius-card);background:var(--card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted-strong);background:var(--control);transition:border-color var(--vio-dur-fast) var(--vio-ease-standard), background var(--vio-dur-fast) var(--vio-ease-standard), color var(--vio-dur-fast) var(--vio-ease-standard), box-shadow var(--vio-dur-fast) var(--vio-ease-standard), transform var(--vio-dur-fast) var(--vio-ease-standard);border-radius:11px;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--vio-line-strong);color:var(--vio-lilac);background:var(--vio-purple-soft);transform:translateY(-1px);box-shadow:0 6px 18px #8b43ff2e}[data-theme=light] .icon-btn:hover{color:var(--primary)}.badge{min-height:24px;color:var(--vio-lilac);background:var(--vio-purple-soft);border:1px solid #c4a8ff33;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=light] .badge{color:var(--muted-strong);border-color:#8b43ff24}.empty-state{border-radius:var(--vio-radius-card);color:var(--muted);background:radial-gradient(circle at 50% 0%, #8b43ff1f, transparent 55%), var(--panel);text-align:center;border:1px dashed #c4a8ff3d;justify-items:center;gap:10px;padding:42px 24px;display:grid}.empty-state-accent{background:var(--primary);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #8b43ff24,0 0 22px #8b43ff99}.empty-state strong{color:var(--foreground);letter-spacing:-.02em;font-size:16px;font-weight:750}.empty-state p{max-width:42ch;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.ui-select-trigger{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--vio-radius-control);color:var(--foreground);background:var(--field);box-shadow:inset 0 1px #ffffff0d}.ui-select-trigger:hover,.ui-select.is-open .ui-select-trigger,.ui-select-trigger:focus-visible{box-shadow:var(--vio-focus);border-color:#8b43ff7a}.ui-select-menu{border:1px solid var(--vio-line-strong);background:var(--panel-solid);box-shadow:var(--vio-shadow-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px}.ui-select-option{color:var(--muted-strong)}.ui-select-option.is-selected,.ui-select-option:hover:not(:disabled){color:var(--foreground);background:var(--vio-purple-soft)}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04030a9e}.modal-panel{border:1px solid var(--vio-line-strong);background:var(--panel-solid);box-shadow:var(--vio-shadow-elevated), inset 0 1px 0 #ffffff14;border-radius:22px}.modal-header h2{color:var(--foreground);font-family:var(--font-sans);letter-spacing:-.03em}.modal-header p,.modal-close{color:var(--muted)}.modal-close:hover{color:var(--foreground);background:var(--vio-purple-soft)}.ambient-background{opacity:.9}.ambient-orb-one,.ambient-orb-two,.ambient-orb-three{filter:blur(96px)}.ambient-orb-one{background:linear-gradient(135deg,#8b43ff66,#3c10823d)}.ambient-orb-two{background:linear-gradient(135deg,#5ec8ff33,#5a28c82e)}.ambient-orb-three{opacity:.2;background:#e15cff}[data-theme=light] .ambient-background{opacity:.72}[data-theme=light] .ambient-orb-one{background:linear-gradient(135deg,#b06cff8c,#5a1cb847)}[data-theme=light] .ambient-orb-two{background:linear-gradient(135deg,#c48bff6b,#7a35e038)}[data-theme=light] .ambient-orb-three{opacity:.14;background:#8b43ff}.app-shell{background:linear-gradient(#c4a8ff09 1px, transparent 1px), linear-gradient(90deg, #c4a8ff09 1px, transparent 1px), radial-gradient(ellipse 60% 42% at 84% -4%, #8b43ff24, transparent 64%), var(--vio-page);background-size:64px 64px,64px 64px,auto,auto}[data-theme=light] .app-shell{background:linear-gradient(#1c172d06 1px, transparent 1px), linear-gradient(90deg, #1c172d06 1px, transparent 1px), radial-gradient(circle at 86% 8%, #8b43ff14, transparent 28rem), var(--vio-page);background-size:64px 64px,64px 64px,auto,auto}.app-shell:before,.auth-page:before{background:radial-gradient(circle at 12% 18%,#8b43ff29,#0000 34%),radial-gradient(circle at 88% 12%,#5ec8ff12,#0000 30%)}.app-sidebar{border:1px solid var(--vio-line);background:var(--surface);box-shadow:var(--vio-shadow-soft), var(--vio-shadow-inset);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px}.app-sidebar-brand{color:var(--foreground);font-family:var(--font-sans);letter-spacing:.01em;font-size:16px;font-weight:800}.app-sidebar-brand-text{font-family:var(--font-sans);font-weight:800;display:inline-flex}.app-sidebar-brand .brand-word-vio{color:var(--vio-lilac);text-shadow:0 0 22px #8b43ff66}.app-sidebar-brand .brand-word-tray{color:var(--foreground)}.app-sidebar-mark,.app-sidebar-mark.app-sidebar-mark-orb{display:none}.app-sidebar-toggle{border:1px solid var(--border);color:var(--muted);background:var(--control)}.app-sidebar-toggle:hover{border-color:var(--vio-line-strong);color:var(--vio-lilac);background:var(--vio-purple-soft)}[data-theme=light] .app-sidebar-toggle:hover{color:var(--primary)}.app-nav-link,.app-logout,.app-sidebar-bell,.theme-toggle{color:var(--muted-strong);border:1px solid #0000}.theme-toggle{cursor:pointer;width:36px;height:36px;transition:border-color var(--vio-dur-fast) var(--vio-ease-standard), background var(--vio-dur-fast) var(--vio-ease-standard), color var(--vio-dur-fast) var(--vio-ease-standard);background:0 0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.app-nav-link:hover,.app-logout:hover,.app-sidebar-bell:hover,.theme-toggle:hover,.app-nav-link:hover,.app-logout:hover,.app-sidebar-bell:hover{border-color:var(--vio-line);color:var(--foreground);background:var(--vio-purple-soft)}.app-nav-link.is-active,.app-sidebar-bell.is-active{border-color:var(--vio-line-strong);color:var(--foreground);background:linear-gradient(135deg,#8b43ff38,#8b43ff14);box-shadow:0 8px 22px #8b43ff29,inset 0 1px #ffffff17}.app-nav-link.is-active:before{background:var(--vio-lilac);box-shadow:0 0 12px #a26bffe6}[data-theme=light] .app-nav-link.is-active:before{background:var(--primary)}.app-nav-badge,.app-sidebar-bell-badge{background:linear-gradient(135deg,#9b58ff,#6a26d6);box-shadow:0 6px 16px #8b43ff66}.app-nav-badge.app-sidebar-bell-badge{box-shadow:0 2px 6px #8b43ff59}.app-sidebar-meta{color:var(--muted)}.app-main{color:var(--foreground)}.page-header{gap:var(--page-header-gap);margin-bottom:18px}.page-header h1,.page-header-title{color:var(--foreground);font-family:var(--font-sans);font-size:var(--page-title-size);letter-spacing:-.035em;font-weight:700}.page-header p{color:var(--muted);font-size:13px;line-height:1.5}.page-header-icon-wrap{border:1px solid var(--vio-line-strong);color:var(--vio-lilac);background:radial-gradient(circle at 30% 20%, #ffffff1f, transparent 42%), var(--vio-purple-soft);border-radius:12px;box-shadow:0 10px 26px #8b43ff2e}[data-theme=light] .page-header-icon-wrap{color:var(--primary)}.item-card,.notification-card{border:1px solid var(--border);border-radius:var(--vio-radius-card);background:var(--card);box-shadow:var(--shadow-card);transition:border-color var(--vio-dur-base) var(--vio-ease-standard), box-shadow var(--vio-dur-base) var(--vio-ease-standard), transform var(--vio-dur-base) var(--vio-ease-standard)}.item-card:hover,.notification-card:hover{border-color:var(--vio-line-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.compact-toolbar{border:1px solid var(--border);border-radius:var(--toolbar-radius);background:var(--surface);box-shadow:var(--vio-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.entity-form-page,.entity-form-shell{color:var(--foreground)}.entity-form-toolbar,.entity-form-actions,.entity-form-panel,.entity-form-section{border-color:var(--border);background:var(--card);box-shadow:var(--shadow-card)}.entity-form-section h2,.entity-form-section h3,.form-field label,.form-field>span:first-child{color:var(--foreground);font-family:var(--font-sans)}.form-field small,.entity-form-hint{color:var(--muted)}.auth-page{background:radial-gradient(ellipse 56% 42% at 18% 8%, #8b43ff33, transparent 60%), radial-gradient(ellipse 44% 36% at 84% 14%, #5ec8ff14, transparent 58%), var(--vio-page)}[data-theme=light] .auth-page{background:radial-gradient(circle at 18% 12%, #8b43ff1f, transparent 28rem), radial-gradient(circle at 82% 18%, #b06cff14, transparent 24rem), var(--vio-page)}.auth-card{border:1px solid var(--vio-line-strong);background:var(--panel-solid);box-shadow:var(--vio-shadow-elevated), var(--vio-shadow-inset);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:28px;animation:.62s cubic-bezier(.16,1,.3,1) both vio-scale-in}.auth-brand{color:var(--foreground);font-family:var(--font-sans);letter-spacing:.01em;font-weight:800}.auth-brand-mark,.auth-brand-mark-orb{box-shadow:none;background:0 0;border:0;border-radius:50%;overflow:hidden}.auth-eyebrow{color:var(--vio-lilac);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:850;display:inline-flex}[data-theme=light] .auth-eyebrow{color:var(--primary)}.auth-eyebrow:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #8b43ff29,0 0 14px #8b43ffb3}.auth-card h1{color:var(--foreground);letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(28px,4vw,34px);font-family:var(--font-sans)!important;font-weight:700!important}.auth-card>p,.auth-footer{color:var(--muted)}.auth-form label{color:var(--muted-strong);font-weight:700}.auth-form .input{min-height:44px}.auth-error{color:var(--vio-danger);background:var(--vio-danger-soft);border:1px solid #ff6b5e38;border-radius:12px;padding:10px 12px}.auth-footer a{color:var(--vio-lilac);font-weight:750}[data-theme=light] .auth-footer a{color:var(--primary)}.action-feedback,.feedback-banner{box-shadow:var(--vio-shadow-soft);border-radius:14px}.http-error-card{border:1px solid var(--vio-line-strong);background:var(--panel-solid);box-shadow:var(--vio-shadow-elevated);border-radius:24px}.vio-surface{border:1px solid var(--border);border-radius:var(--vio-radius-card);background:var(--card);box-shadow:var(--shadow-card)}.vio-chip{min-height:28px;color:var(--vio-lilac);background:var(--vio-purple-soft);border:1px solid #c4a8ff33;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}[data-theme=light] .vio-chip{color:var(--muted-strong);border-color:#8b43ff24}.habits-page,.habits-shell,.habits-board,.habits-card{color:var(--foreground)}.habits-page .habits-card,.habits-board,.habits-toolbar{border-color:var(--border);background:var(--card);box-shadow:var(--shadow-card)}.habits-page h1,.habits-page h2,.habits-page h3{font-family:var(--font-sans);letter-spacing:-.03em}.md-surface,.w-md-editor,.wmde-markdown{border-color:var(--border)!important;background:var(--panel)!important}.wmde-markdown{color:var(--foreground);font-family:var(--font-sans)}.voice-recording-bar,.voice-field,.voice-btn{border-color:var(--border);color:var(--foreground)}.voice-btn:hover,.voice-btn.is-active{border-color:var(--vio-line-strong);color:var(--vio-lilac);background:var(--vio-purple-soft)}[data-theme=light] .voice-btn:hover,[data-theme=light] .voice-btn.is-active{color:var(--primary)}[data-theme=dark] img[src*="/assets/icons/"]{filter:invert(.88)brightness(1.08)}[data-theme=dark] .contact-badge--person{color:#67e3f9;background:#67e3f91a;border-color:#67e3f966}[data-theme=dark] .contact-badge--company{color:#b8c2d9;background:#b8c2d91a;border-color:#b8c2d959}[data-theme=dark] .priority-low{color:var(--vio-success)}[data-theme=dark] .priority-medium{color:var(--vio-warning)}[data-theme=dark] .priority-high{color:var(--vio-lilac)}[data-theme=dark] .spent-hours-editor__error{color:var(--vio-danger)}[data-theme=dark] .habit-tab.is-active{border-color:var(--vio-line-strong);background:var(--vio-purple-soft);box-shadow:0 10px 26px #8b43ff2e}@media (max-width:900px){.app-sidebar{background:var(--panel-solid);border-top:0;border-left:0;border-right:0;border-radius:0}.app-shell{background-size:48px 48px,48px 48px,auto,auto}.auth-card{border-radius:22px;padding:28px 20px}}@media (prefers-reduced-motion:reduce){.btn,.btn-primary,.btn-secondary,.icon-btn,.item-card,.notification-card,.app-nav-link{transition:none!important}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.icon-btn:hover,.item-card:hover,.notification-card:hover,.app-nav-link:hover{transform:none!important}}
:root{--vio-ease-out:cubic-bezier(.16, 1, .3, 1);--vio-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--vio-ease-standard:cubic-bezier(.32, .72, 0, 1);--vio-ease-in:cubic-bezier(.4, 0, 1, 1);--vio-dur-instant:90ms;--vio-dur-fast:.14s;--vio-dur-base:.2s;--vio-dur-slow:.32s;--vio-dur-slower:.48s}@keyframes vio-page-enter{0%{opacity:0;transform:translateY(16px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vio-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes vio-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes vio-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes vio-pulse-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes vio-aurora-drift{0%,to{transform:translate(0,0)rotate(.001deg)scale(1)}33%{transform:translate(4%,-3%)rotate(2deg)scale(1.08)}66%{transform:translate(-3%,4%)rotate(-2deg)scale(.96)}}@keyframes vio-shimmer{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}.page-transition{min-width:0;animation:vio-page-enter var(--vio-dur-slow) var(--vio-ease-out) backwards}.reveal{opacity:0;transition:opacity var(--vio-dur-slower) var(--vio-ease-out), transform var(--vio-dur-slower) var(--vio-ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.vio-tilt{transform:perspective(950px) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transform-style:preserve-3d;transition:transform var(--vio-dur-slower) var(--vio-ease-out)}.vio-tilt.is-tilting{transition:transform var(--vio-dur-instant) linear}.vio-magnetic{transform:translate3d(var(--magnet-x,0px), var(--magnet-y,0px), 0);transition:transform var(--vio-dur-slow) var(--vio-ease-spring)}.vio-magnetic.is-attracted{transition:transform var(--vio-dur-instant) linear}.parallax-layer{transform:translate3d(calc(var(--px,0px) * var(--depth,0)), calc(var(--py,0px) * var(--depth,0)), 0);transition:transform var(--vio-dur-slower) var(--vio-ease-out);will-change:transform}.app-main :is(.item-card,.list-card,.notification-card,.habit-tab){animation:vio-fade-up var(--vio-dur-slow) var(--vio-ease-out) backwards}.app-main :is(.item-card,.list-card,.notification-card,.habit-tab):nth-child(2){animation-delay:40ms}.app-main :is(.item-card,.list-card,.notification-card,.habit-tab):nth-child(3){animation-delay:80ms}.app-main :is(.item-card,.list-card,.notification-card,.habit-tab):nth-child(4){animation-delay:.12s}.app-main :is(.item-card,.list-card,.notification-card,.habit-tab):nth-child(n+5){animation-delay:.16s}.list-surface{transition:opacity var(--vio-dur-base) var(--vio-ease-standard)}.list-surface.is-refreshing{opacity:.62;transition-delay:.22s}.list-surface.is-refreshing :is(.item-card,.list-card,.notification-card,.habit-tab){animation:none}@media (prefers-reduced-motion:reduce){.list-surface{transition:none}}.is-theme-switching *,.is-theme-switching :before,.is-theme-switching :after{transition:background-color var(--vio-dur-base) var(--vio-ease-standard), border-color var(--vio-dur-base) var(--vio-ease-standard), color var(--vio-dur-base) var(--vio-ease-standard), fill var(--vio-dur-base) var(--vio-ease-standard)!important}.btn:not(:disabled):active,.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active,.btn-ghost:not(:disabled):active,.btn-danger:not(:disabled):active,.icon-btn:not(:disabled):active,.modal-close:not(:disabled):active,.app-sidebar-toggle:not(:disabled):active,.app-logout:not(:disabled):active,.voice-bar-stop:not(:disabled):active{transition-duration:var(--vio-dur-instant);transition-timing-function:linear;transform:scale(.97)}.app-main :is(.item-card,.list-card,.notification-card):active,.app-nav-link:active{transition-duration:var(--vio-dur-instant);transition-timing-function:linear;transform:scale(.995)}@media (prefers-reduced-motion:reduce){.page-transition,.app-main :is(.item-card,.list-card,.notification-card,.habit-tab){animation:none}.btn:not(:disabled):active,.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active,.btn-ghost:not(:disabled):active,.btn-danger:not(:disabled):active,.icon-btn:not(:disabled):active,.modal-close:not(:disabled):active,.app-sidebar-toggle:not(:disabled):active,.app-logout:not(:disabled):active,.voice-bar-stop:not(:disabled):active,.app-main :is(.item-card,.list-card,.notification-card):active,.app-nav-link:active{opacity:.82;transform:none}.reveal{opacity:1;transition:none;transform:none}.vio-tilt,.vio-magnetic,.parallax-layer{transition:none!important;transform:none!important}}
.vio-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.vio-page-main{flex:1 0 auto;padding:clamp(96px,12vw,140px) 0 clamp(64px,8vw,96px)}.vio-container{width:min(100% - 40px,940px);margin-inline:auto}.vio-container-wide{width:min(100% - 40px,1180px)}.vio-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 12% -8%,#8b43ff29,#0000 70%),radial-gradient(48% 36% at 92% 4%,#58c8ff17,#0000 72%);position:fixed;inset:0}.vio-page>*{z-index:1;position:relative}.vio-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--background) 82%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.vio-header-inner{align-items:center;gap:16px;padding:14px 0;display:flex}.vio-header-nav{align-items:center;gap:20px;margin-inline-start:auto;font-size:14px;display:flex}.vio-header-nav a{color:var(--muted-strong);transition:color var(--vio-dur-base) var(--vio-ease-standard);text-decoration:none}.vio-header-nav a:hover,.vio-header-nav a[aria-current=page]{color:var(--foreground)}@media (max-width:1000px){.vio-header-nav{gap:14px;font-size:13px}}.vio-lang{border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.vio-lang-option{letter-spacing:.04em;min-width:34px;color:var(--muted);transition:color var(--vio-dur-base) var(--vio-ease-standard), background var(--vio-dur-base) var(--vio-ease-standard);border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.vio-lang-option:hover{color:var(--foreground)}.vio-lang-option.is-active{color:#fff;background:var(--primary)}.vio-btn{font:inherit;cursor:pointer;transition:transform var(--vio-dur-base) var(--vio-ease-standard), background var(--vio-dur-base) var(--vio-ease-standard), border-color var(--vio-dur-base) var(--vio-ease-standard);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.vio-btn:hover{transform:translateY(-1px)}.vio-btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover))}.vio-btn-ghost{color:var(--foreground);border-color:var(--border);background:var(--card)}.vio-breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.vio-breadcrumbs a{color:var(--muted);text-decoration:none}.vio-breadcrumbs a:hover{color:var(--foreground)}.vio-breadcrumbs i{opacity:.5;font-style:normal}.vio-page-head{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}.vio-eyebrow{border:1px solid var(--border);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-strong);border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.vio-page-head h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,5vw,50px);line-height:1.08}.vio-page-lead{color:var(--muted-strong);margin:0;font-size:clamp(16px,1.7vw,19px);line-height:1.62}.vio-page-meta{color:var(--muted);margin-top:18px;font-size:13px}.vio-prose{max-width:760px;color:var(--muted-strong);font-size:16px;line-height:1.72}.vio-prose section+section{margin-top:clamp(32px,4vw,48px)}.vio-prose h2{letter-spacing:-.01em;color:var(--foreground);margin:0 0 14px;scroll-margin-top:96px;font-size:clamp(21px,2.6vw,27px);line-height:1.24}.vio-prose h3{color:var(--foreground);margin:28px 0 10px;font-size:17px}.vio-prose p{margin:0 0 14px}.vio-prose a{color:var(--primary-hover);text-underline-offset:3px}.vio-prose ul,.vio-prose ol{margin:0 0 16px;padding-inline-start:22px}.vio-prose li{margin-bottom:8px}.vio-prose li::marker{color:var(--primary-hover)}.vio-note{border:1px solid var(--border);border-inline-start:3px solid var(--primary);background:var(--card);border-radius:0 14px 14px 0;margin:20px 0;padding:16px 18px;font-size:15px}.vio-note p:last-child{margin-bottom:0}.vio-toc{border:1px solid var(--border);background:var(--card);border-radius:16px;margin:0 0 clamp(32px,4vw,44px);padding:18px 20px}.vio-toc h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:800}.vio-toc ol{margin:0;padding-inline-start:20px;font-size:15px}.vio-toc li{margin-bottom:6px}.vio-toc a{color:var(--muted-strong);text-decoration:none}.vio-toc a:hover{color:var(--foreground);text-decoration:underline}.vio-doc-group+.vio-doc-group{margin-top:clamp(44px,6vw,68px)}.vio-doc-group-head{margin-bottom:22px}.vio-doc-group-head h2{letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(20px,2.4vw,26px)}.vio-doc-group-head p{color:var(--muted);margin:0;font-size:15px}.vio-card-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px;display:grid}.vio-card{border:1px solid var(--border);background:var(--card);color:inherit;transition:transform var(--vio-dur-base) var(--vio-ease-standard), border-color var(--vio-dur-base) var(--vio-ease-standard), background var(--vio-dur-base) var(--vio-ease-standard);border-radius:18px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.vio-card:hover{border-color:color-mix(in srgb, var(--primary) 46%, transparent);background:color-mix(in srgb, var(--primary) 8%, var(--card));transform:translateY(-3px)}.vio-card-glyph{border:1px solid var(--border);width:38px;height:38px;color:var(--primary-hover);border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;font-size:17px;display:inline-flex}.vio-card h3{color:var(--foreground);margin:0;font-size:17px}.vio-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.vio-table-wrap{border:1px solid var(--border);border-radius:16px;margin:0 0 12px;overflow-x:auto}.vio-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14.5px}.vio-table th,.vio-table td{text-align:start;border-bottom:1px solid var(--border);padding:12px 16px}.vio-table thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--card);font-size:11px;font-weight:800}.vio-table tbody tr:last-child td{border-bottom:none}.vio-table td:first-child{color:var(--foreground);white-space:normal;font-weight:600}.vio-model-primary{background:var(--primary-soft);color:var(--foreground);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.vio-model-fallback{color:var(--muted);white-space:normal;font-size:13.5px}.vio-model-fallback span+span:before{content:" · ";opacity:.6}.vio-next{border-top:1px solid var(--border);margin-top:clamp(44px,6vw,64px);padding-top:28px}.vio-next h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:15px;font-weight:800}.vio-contact-box{border:1px solid var(--border);background:var(--card);border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(36px,5vw,52px);padding:22px 24px;display:flex}.vio-contact-box p{color:var(--muted-strong);flex:260px;margin:0}.landing-footer.vio-footer{border-top:1px solid var(--border);padding:0}.vio-footer-top{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(32px,4vw,48px);padding:clamp(40px,6vw,64px) 0 36px;display:grid}.vio-footer-brand{max-width:280px}.landing-footer.vio-footer .vio-footer-brand p{max-width:280px;color:var(--muted);margin:14px 0 16px;font-size:14.5px;line-height:1.6}.vio-footer-contacts{flex-wrap:wrap;gap:10px;display:flex}.vio-footer-contacts a{border:1px solid var(--border);color:var(--muted-strong);transition:color var(--vio-dur-base) var(--vio-ease-standard), border-color var(--vio-dur-base) var(--vio-ease-standard);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.vio-footer-contacts a:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--primary) 50%, transparent)}.vio-footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:28px 32px;display:grid}.vio-footer-group h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:11px;font-weight:800}.vio-footer-group ul{margin:0;padding:0;list-style:none}.vio-footer-group li{margin-bottom:10px}.vio-footer-group li:last-child{margin-bottom:0}.vio-footer-group a{color:var(--muted-strong);transition:color var(--vio-dur-base) var(--vio-ease-standard);font-size:14.5px;line-height:1.35;text-decoration:none}.vio-footer-group a:hover{color:var(--foreground)}.vio-footer-bottom{border-top:1px solid var(--border);width:100%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:22px 0 32px;font-size:13px;display:flex}@media (max-width:1100px){.vio-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}}@media (max-width:860px){.vio-footer-top{grid-template-columns:1fr;gap:36px}.vio-footer-brand{max-width:none}}@media (max-width:520px){.vio-footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px}.vio-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}.vio-cookie{inset-inline:16px;z-index:90;animation:.32s both vio-cookie-in;position:fixed;bottom:16px}@keyframes vio-cookie-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.vio-cookie{animation:none}.vio-btn:hover,.vio-card:hover{transform:none}}.vio-cookie-inner{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;width:min(100%,880px);margin-inline:auto;padding:18px 22px;display:flex;box-shadow:0 18px 50px #00000059}.vio-cookie-copy{flex:320px}.vio-cookie-copy strong{color:var(--foreground);margin-bottom:4px;font-size:15px;display:block}.vio-cookie-copy p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.58}.vio-cookie-copy a{color:var(--primary-hover)}.vio-cookie-actions{flex-wrap:wrap;gap:10px;display:flex}.vio-cookie-actions .vio-btn{padding:9px 16px;font-size:13.5px}.landing-lang-switch{margin-inline-end:4px}@media (max-width:900px){.landing-header-controls .landing-lang-switch{display:none}}.landing-telegram-cta{margin-top:18px}.vio-header-inner{position:relative}.vio-header-controls{align-items:center;gap:8px;margin-inline-start:12px;display:flex}.vio-menu-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--muted-strong);background:var(--card);cursor:pointer;transition:color var(--vio-dur-base) var(--vio-ease-standard), border-color var(--vio-dur-base) var(--vio-ease-standard);border-radius:50%;flex:none;place-items:center;padding:0;display:none}.vio-menu-toggle:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--primary) 46%, transparent)}.vio-menu-toggle-bars{gap:5px;width:16px;display:grid}.vio-menu-toggle-bars span{background:currentColor;border-radius:2px;height:1.5px;display:block}.vio-menu-backdrop{z-index:28;background:color-mix(in srgb, var(--background) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.vio-menu-backdrop[hidden],.vio-mobile-menu[hidden]{display:none}.vio-mobile-menu{z-index:31;top:calc(100% + 8px);overscroll-behavior:contain;border:1px solid var(--border);background:color-mix(in srgb, var(--background) 96%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:20px;gap:14px;max-height:calc(100svh - 120px);padding:16px 14px 14px;display:grid;position:absolute;inset-inline:12px;overflow-y:auto;box-shadow:0 28px 56px #0006}.vio-mobile-nav{gap:2px;display:grid}.vio-mobile-nav a{min-height:46px;color:var(--muted-strong);border-radius:12px;align-items:center;padding:0 12px;font-size:15.5px;text-decoration:none;display:flex}.vio-mobile-nav a:hover,.vio-mobile-nav a[aria-current=page]{color:var(--foreground);background:var(--primary-soft)}.vio-mobile-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;display:flex}.vio-mobile-actions .vio-btn{flex:auto;min-height:44px}@media (max-width:860px){.vio-header-nav{display:none}.vio-menu-toggle{display:grid}.vio-header-controls{margin-inline-start:auto}}.vio-symptom-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin-bottom:24px;display:grid}.vio-symptom{border:1px solid var(--border);border-inline-start:3px solid color-mix(in srgb, var(--primary) 60%, transparent);background:var(--card);border-radius:0 16px 16px 0;padding:18px 20px}.vio-symptom h3{color:var(--foreground);margin:0 0 6px;font-size:16px}.vio-symptom p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.62}.vio-answer-box{border:1px solid color-mix(in srgb, var(--primary) 32%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--card));border-radius:20px;padding:clamp(20px,3vw,28px)}.vio-answer-box h3{color:var(--foreground);margin:0 0 12px;font-size:18px}.vio-answer-box p{color:var(--muted-strong);margin:0 0 12px;font-size:15.5px;line-height:1.68}.vio-answer-box p:last-child{margin-bottom:0}.vio-matrix-wrap,.vio-versus-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.vio-matrix-wrap:focus-visible,.vio-versus-wrap:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.vio-matrix th[scope=row],.vio-versus th[scope=row]{z-index:1;text-align:start;white-space:normal;min-width:190px;max-width:260px;color:var(--foreground);background:color-mix(in srgb, var(--background) 94%, var(--card));font-weight:600;position:sticky;inset-inline-start:0}.vio-matrix thead th:first-child,.vio-versus thead th:first-child{z-index:2;background:color-mix(in srgb, var(--background) 94%, var(--card));position:sticky;inset-inline-start:0}.vio-matrix td,.vio-versus td{white-space:normal;min-width:132px;color:var(--muted)}.vio-versus td{min-width:176px}.vio-matrix .is-own,.vio-versus .is-own{color:var(--foreground);background:color-mix(in srgb, var(--primary) 9%, transparent)}.vio-matrix thead .is-own,.vio-versus thead .is-own{color:var(--foreground);background:color-mix(in srgb, var(--primary) 18%, var(--card))}.vio-table-note{color:var(--muted);margin:10px 0 0;font-size:13.5px;line-height:1.6}.vio-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vio-diagram-pair{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:clamp(26px,4vw,40px) 0 clamp(32px,5vw,48px);display:grid}.vio-diagram{border:1px solid var(--border);background:var(--card);border-radius:20px;margin:0;padding:14px 14px 4px}.vio-diagram-svg{width:100%;height:auto;display:block}.vio-diagram figcaption{gap:3px;padding:4px 6px 14px;display:grid}.vio-diagram figcaption strong{color:var(--foreground);font-size:15px}.vio-diagram figcaption span{color:var(--muted);font-size:13.5px;line-height:1.55}.vio-diagram-node text{text-anchor:middle;fill:var(--muted-strong);font-size:12.5px;font-weight:600}.vio-diagram-node.is-loose rect{fill:color-mix(in srgb, var(--background) 60%, var(--card));stroke:var(--border-strong);stroke-dasharray:4 4}.vio-diagram-node.is-linked rect{fill:color-mix(in srgb, var(--primary) 10%, var(--card));stroke:color-mix(in srgb, var(--primary) 42%, transparent)}.vio-diagram-node.is-linked text{fill:var(--foreground)}.vio-diagram-trail{fill:none;stroke:var(--muted);stroke-width:1.4px;stroke-dasharray:3 6;stroke-linecap:round;opacity:.42}.vio-diagram-edge{stroke:color-mix(in srgb, var(--primary) 48%, transparent);stroke-width:1.6px}.vio-diagram-core{fill:var(--primary)}.vio-diagram-core-halo{fill:color-mix(in srgb, var(--primary) 16%, transparent)}.vio-diagram-core-label{text-anchor:middle;fill:var(--vio-white);font-size:20px;font-weight:800}.vio-coverage{border:1px solid var(--border);background:var(--card);border-radius:20px;gap:10px;padding:clamp(16px,2.4vw,22px);display:grid}.vio-coverage-row{grid-template-columns:minmax(96px,168px) minmax(0,1fr) 64px;align-items:center;gap:14px;display:grid}.vio-coverage-name{color:var(--muted-strong);overflow-wrap:anywhere;font-size:14.5px}.vio-coverage-row.is-own .vio-coverage-name{color:var(--foreground);font-weight:700}.vio-coverage-track{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:999px;height:10px}.vio-coverage-bar{background:color-mix(in srgb, var(--primary) 42%, transparent);border-radius:999px;height:100%;display:block}.vio-coverage-row.is-own .vio-coverage-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%)}.vio-coverage-value{font-variant-numeric:tabular-nums;text-align:end;color:var(--muted);font-size:13px}.vio-coverage-row.is-own .vio-coverage-value{color:var(--foreground)}.vio-legend{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:0 0 14px;padding:0;font-size:13.5px;list-style:none;display:flex}.vio-legend li{align-items:center;gap:7px;display:inline-flex}.vio-mark{vertical-align:-2px;border:1.5px solid;border-radius:50%;width:13px;height:13px;display:inline-block}.vio-mark.is-full{color:var(--primary-hover);background:currentColor}.vio-mark.is-partial{color:var(--vio-warning);background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.vio-mark.is-none{color:var(--muted);opacity:.55}.vio-matrix-marks td{text-align:center;min-width:88px}.vio-matrix-marks .vio-mark{vertical-align:-3px;width:16px;height:16px}.vio-matrix-marks th[scope=row] a{color:inherit;border-bottom:1px solid #0000;text-decoration:none}.vio-matrix-marks th[scope=row] a:hover{color:var(--primary-hover);border-bottom-color:currentColor}.vio-flow{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.vio-flow-step{border:1px solid var(--border);background:var(--card);border-radius:18px;gap:6px;padding:18px 20px;display:grid;position:relative}.vio-flow-step strong{color:var(--foreground);font-size:16px}.vio-flow-step span:last-child{color:var(--muted);font-size:14px;line-height:1.6}.vio-flow-index{background:var(--primary-soft);width:26px;height:26px;color:var(--primary-hover);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.vio-flow-step+.vio-flow-step:before{content:"→";inset-inline-start:-15px;color:var(--primary-hover);font-size:17px;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:640px){.vio-flow-step+.vio-flow-step:before{content:none}}.vio-chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 clamp(28px,4vw,40px);display:flex}.vio-chip-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.vio-chip{border:1px solid var(--border);background:var(--card);color:var(--muted-strong);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:13.5px;display:inline-flex}.vio-chip span{color:var(--primary-hover)}.vio-job{color:var(--foreground);margin:0;font-size:clamp(16px,1.8vw,18px);font-weight:600;line-height:1.55}.vio-subhead{color:var(--foreground);margin:clamp(24px,3vw,32px) 0 14px;font-size:16px}.vio-symptom p:only-child{color:var(--muted-strong)}.vio-card-job{color:var(--muted);border-top:1px solid var(--border);margin-top:auto;padding-top:10px;font-size:13px;line-height:1.55}.vio-role-card{min-height:200px}.vio-tool-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.vio-tool-list a{border:1px solid var(--border);background:var(--card);color:inherit;transition:border-color var(--vio-dur-base) var(--vio-ease-standard), background var(--vio-dur-base) var(--vio-ease-standard);border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 14px;padding:12px 16px;text-decoration:none;display:grid}.vio-tool-list a:hover{border-color:color-mix(in srgb, var(--primary) 46%, transparent);background:color-mix(in srgb, var(--primary) 8%, var(--card))}.vio-tool-glyph{border:1px solid var(--border);width:34px;height:34px;color:var(--primary-hover);border-radius:11px;grid-row:span 2;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.vio-tool-name{color:var(--foreground);font-size:15px;font-weight:600}.vio-tool-note{color:var(--muted);font-size:13px;line-height:1.5}.vio-compare-group+.vio-compare-group{margin-top:clamp(28px,4vw,40px)}.vio-compare-group h3{color:var(--foreground);margin:0 0 4px;font-size:17px}.vio-compare-group-lead{color:var(--muted);margin:0 0 16px;font-size:14.5px}.vio-card h4{color:var(--foreground);margin:0;font-size:17px}.vio-keep-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vio-keep-list li{color:var(--muted-strong);padding-inline-start:30px;font-size:15.5px;line-height:1.62;position:relative}.vio-keep-list li:before{content:"✓";inset-inline-start:0;color:var(--primary-hover);font-weight:700;position:absolute;top:0}.vio-roadmap{border:1px dashed color-mix(in srgb, var(--primary) 44%, var(--border));background:color-mix(in srgb, var(--primary) 6%, transparent);border-radius:20px;margin-top:clamp(32px,4vw,44px);padding:clamp(20px,3vw,28px)}.vio-roadmap-tag{background:var(--primary-soft);letter-spacing:.12em;text-transform:uppercase;color:var(--foreground);border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.vio-roadmap h2{color:var(--foreground);margin:0 0 10px;font-size:clamp(18px,2.2vw,22px)}.vio-roadmap p{color:var(--muted-strong);margin:0;font-size:15.5px;line-height:1.66}.vio-next-back{margin:20px 0 0;font-size:14.5px}.vio-next-back a{color:var(--muted-strong);text-decoration:none}.vio-next-back a:hover{color:var(--foreground)}.vio-banner{border:1px solid color-mix(in srgb, var(--primary) 38%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--card));border-radius:16px;gap:6px;margin:0 0 clamp(24px,4vw,36px);padding:16px 20px;display:grid}.vio-banner strong{color:var(--foreground);font-size:15.5px}.vio-banner span{color:var(--muted-strong);font-size:14.5px;line-height:1.6}.vio-plan-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.vio-plan{border:1px solid var(--border);background:var(--card);border-radius:20px;flex-direction:column;gap:18px;padding:clamp(20px,2.6vw,26px);display:flex}.vio-plan.is-featured{border-color:color-mix(in srgb, var(--primary) 52%, transparent);background:color-mix(in srgb, var(--primary) 7%, var(--card))}.vio-plan.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.vio-plan-head h3{color:var(--foreground);margin:0 0 6px;font-size:19px}.vio-plan-price{flex-wrap:wrap;align-items:baseline;gap:4px;margin:0 0 10px;display:flex}.vio-plan-price strong{letter-spacing:-.02em;color:var(--foreground);font-size:clamp(30px,4vw,38px);line-height:1}.vio-plan-currency{color:var(--foreground);font-size:20px}.vio-plan-price small{color:var(--muted);margin-inline-start:6px;font-size:13.5px}.vio-plan-tagline{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.vio-plan-actions{gap:8px;display:grid}.vio-plan-actions .vio-btn{width:100%;min-height:46px}.vio-btn-soldout{color:var(--muted);border-color:var(--border);cursor:not-allowed;background:0 0;text-decoration:line-through;text-decoration-thickness:1px}.vio-btn-soldout:disabled{opacity:.75}.vio-btn-soldout:hover{transform:none}.vio-plan-hint{text-align:center;color:var(--muted);font-size:12.5px}.vio-plan-lists h4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:800}.vio-plan-lists h4+ul{margin-bottom:18px}.vio-plan-list{gap:7px;margin:0;padding:0;font-size:14.5px;line-height:1.55;list-style:none;display:grid}.vio-plan-list li{padding-inline-start:22px;position:relative}.vio-plan-list li:before{inset-inline-start:0;position:absolute;top:0}.vio-plan-list-yes li{color:var(--muted-strong)}.vio-plan-list-yes li:before{content:"✓";color:var(--primary-hover);font-weight:700}.vio-plan-list-no li{color:var(--muted)}.vio-plan-list-no li:before{content:"—";opacity:.7}.vio-request{border:1px solid var(--border);background:var(--card);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,40px);margin-top:clamp(36px,5vw,56px);padding:clamp(22px,3.4vw,34px);scroll-margin-top:96px;display:grid}@media (max-width:860px){.vio-request{grid-template-columns:1fr}}.vio-request-copy h2{color:var(--foreground);margin:0 0 12px;font-size:clamp(20px,2.6vw,26px)}.vio-request-copy p{color:var(--muted-strong);margin:0 0 16px;font-size:15.5px;line-height:1.66}.vio-request-list{color:var(--muted);gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.vio-request-list li{padding-inline-start:22px;position:relative}.vio-request-list li:before{content:"→";color:var(--primary-hover);position:absolute;inset-inline-start:0}.vio-request-selected{border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--primary-soft);color:var(--muted-strong);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;padding:10px 14px;font-size:14px;display:flex}.vio-request-selected strong{color:var(--foreground)}.vio-request-selected button{border:1px solid var(--border);min-height:32px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin-inline-start:auto;padding:4px 10px;font-size:12.5px}.vio-request-selected button:hover{color:var(--foreground)}.vio-faq{gap:10px;display:grid}.vio-faq-item{border:1px solid var(--border);background:var(--card);border-radius:16px}.vio-faq-item summary{min-height:52px;color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;font-size:15.5px;font-weight:600;list-style:none;display:flex}.vio-faq-item summary::-webkit-details-marker{display:none}.vio-faq-item summary i{flex:none;width:12px;height:12px;position:relative}.vio-faq-item summary i:before,.vio-faq-item summary i:after{content:"";inset-inline-start:0;background:var(--primary-hover);width:12px;height:1.5px;transition:transform var(--vio-dur-base) var(--vio-ease-standard);border-radius:2px;position:absolute;top:50%}.vio-faq-item summary i:after{transform:rotate(90deg)}.vio-faq-item[open] summary i:after{transform:rotate(0)}.vio-faq-item p{color:var(--muted);margin:0;padding:0 18px 16px;font-size:15px;line-height:1.66}.vio-cta-box{border:1px solid color-mix(in srgb, var(--primary) 32%, var(--border));background:color-mix(in srgb, var(--primary) 6%, var(--card));border-radius:20px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:clamp(36px,5vw,56px);padding:clamp(20px,3vw,28px);display:flex}.vio-cta-box>div{flex:300px}.vio-cta-box h2{color:var(--foreground);margin:0 0 6px;font-size:clamp(18px,2.2vw,22px)}.vio-cta-box p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.62}.vio-cta-box .vio-btn{min-height:46px}.vio-about-links{margin-top:clamp(28px,4vw,40px)}@media (hover:none){.vio-btn:hover,.vio-card:hover{transform:none}.vio-page a,.vio-page button,.vio-page summary{-webkit-tap-highlight-color:transparent}}@media (pointer:coarse){.vio-footer-group li{margin-bottom:2px}.vio-footer-group a,.vio-toc a,.vio-next-back a{align-items:center;min-height:40px;display:inline-flex}.vio-toc li{margin-bottom:0}.vio-breadcrumbs{gap:4px 8px}.vio-breadcrumbs a,.vio-breadcrumbs span[aria-current]{align-items:center;min-height:32px;display:inline-flex}.vio-footer-contacts a{align-items:center;min-height:36px;display:inline-flex}.vio-lang-option{min-width:40px;min-height:36px}}@media (max-width:720px){.vio-container,.vio-container-wide{width:calc(100% - 32px)}.vio-btn,.vio-lang-option{min-height:44px}.vio-lang-option{min-width:44px}.vio-contact-box,.vio-cta-box{flex-direction:column;align-items:stretch}.vio-contact-box .vio-btn,.vio-cta-box .vio-btn,.vio-cookie-actions{width:100%}.vio-cookie-actions .vio-btn{flex:140px;min-height:44px}.vio-cookie{bottom:max(16px, env(safe-area-inset-bottom))}.vio-matrix th[scope=row],.vio-versus th[scope=row]{min-width:152px;font-size:14px}.vio-versus-wrap{border:0;border-radius:0;overflow:visible}.vio-versus{white-space:normal;display:block}.vio-versus thead{display:none}.vio-versus tbody{gap:12px;display:grid}.vio-versus tr{border:1px solid var(--border);background:var(--card);border-radius:16px;display:grid;overflow:hidden}.vio-versus th[scope=row],.vio-versus td{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:minmax(88px,.34fr) minmax(0,1fr);gap:12px;min-width:0;max-width:none;padding:12px 14px;display:grid;position:static}.vio-versus th[scope=row]{background:color-mix(in srgb, var(--primary) 8%, var(--card));padding-block:13px;font-size:15px;display:block}.vio-versus td:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:start;font-size:11px;font-weight:800}.vio-versus td:last-child{border-bottom:0}.vio-versus .is-own{background:color-mix(in srgb, var(--primary) 9%, transparent)}.vio-table th,.vio-table td{padding:11px 13px}}@media (max-width:400px){.vio-container,.vio-container-wide{width:calc(100% - 24px)}.vio-page-head h1{font-size:clamp(26px,8vw,32px)}.vio-card,.vio-plan{padding:16px}.vio-symptom{padding:15px 16px}.vio-mobile-menu{inset-inline:8px}.vio-matrix th[scope=row],.vio-versus th[scope=row]{min-width:132px}}@supports (min-height:100svh){.vio-page{min-height:100svh}}
.is-offscreen,.is-offscreen *,.is-offscreen :before,.is-offscreen :after{animation-play-state:paused!important}.ambient-background,.landing-space{contain:strict}@media (hover:none) and (pointer:coarse){.landing-header-inner,.landing-mobile-menu,.app-sidebar,.modal-panel,.modal-backdrop,.ui-select-menu,.voice-bar,.vio-header,.vio-mobile-menu,.vio-menu-backdrop,.vio-cookie-inner{-webkit-backdrop-filter:none!important}.landing-header-inner,.landing-mobile-menu{background:#0a0713f0!important}.app-sidebar,.modal-panel,.ui-select-menu{background:var(--panel-solid)!important}.vio-header,.vio-mobile-menu,.vio-cookie-inner{background:var(--background)!important}.ambient-orb{filter:blur(22px)!important;opacity:.16!important;will-change:auto!important}.ambient-noise{display:none!important}.landing-aurora{opacity:.55;filter:blur(38px)!important;animation:none!important}.landing-horizon{opacity:.7}.landing-stars{animation:none!important}.agent-orb-lobe,.agent-orb-mesh,.agent-orb-gloss,.agent-orb-spec{mix-blend-mode:normal!important}.agent-orb-mesh{opacity:.28;animation:none!important}.agent-orb-lobe{filter:none!important;animation:none!important}.agent-orb-glow{filter:blur(calc(var(--orb-size,96px) * .09))!important}.landing-constellation-aurora{filter:blur(12px)!important;animation:none!important}.landing-constellation-planet,.landing-constellation-core-label,.landing-constellation-ring-arc.is-front{filter:none!important}.landing-constellation-comet{display:none}.landing-constellation-meridian,.landing-constellation-wave,.landing-constellation-boundary,.landing-constellation-stars span{animation:none!important}.landing-constellation-wave{display:none}.landing-data-stream{display:none!important}.reveal{transition:opacity var(--vio-dur-slow) var(--vio-ease-out), transform var(--vio-dur-slow) var(--vio-ease-out);transform:translateY(18px)}.page-transition{animation-name:vio-page-enter-lite;animation-duration:var(--vio-dur-base)}.app-main :is(.item-card,.list-card,.notification-card,.habit-tab){animation-name:vio-fade-up-lite;animation-duration:var(--vio-dur-base)}.parallax-layer,.landing-word{will-change:auto!important}.landing-float-chip,.landing-orbit-label{box-shadow:none!important}.landing-close-glow{opacity:.7;filter:blur(12px)!important;animation:none!important}}@media (hover:none){.btn:hover:not(:active),.btn-primary:hover:not(:active),.btn-secondary:hover:not(:active),.btn-ghost:hover:not(:active),.btn-danger:hover:not(:active),.icon-btn:hover:not(:active),:is(.item-card,.list-card,.notification-card,.habit-tab):hover:not(:active),.app-nav-link:hover:not(:active),.relation-node:hover:not(:active),.voice-bar-stop:hover:not(:active),.button:hover:not(:active),.habit-check:hover:not(:disabled):not(:active),.landing-orb-trigger:hover:not(:active){transform:none}:is(.item-card,.list-card,.notification-card):hover{box-shadow:none}a,button,summary,[role=button]{-webkit-tap-highlight-color:transparent}}@media (hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){.landing-orb-trigger .agent-orb-lobe{animation:7.2s ease-in-out infinite landing-orb-mobile-lobe!important}.landing-orb-trigger .agent-orb-lobe-1{opacity:.92}.landing-orb-trigger .agent-orb-lobe-2{opacity:.78;animation-name:landing-orb-mobile-lobe-alt!important;animation-duration:8.4s!important;animation-delay:-1.8s!important}.landing-orb-trigger .agent-orb-lobe-3{opacity:.86;animation-duration:7.8s!important;animation-delay:-3.9s!important}.landing-orb-trigger .agent-orb-lobe-4{opacity:.7;animation-name:landing-orb-mobile-lobe-alt!important;animation-duration:9.1s!important;animation-delay:-5.5s!important}.landing-orb-trigger .agent-orb-mesh{opacity:.34;animation:22s linear infinite orb-spin!important}.landing-orb-trigger .agent-orb-body{animation:5.2s ease-in-out infinite orb-breathe!important}.landing-orb-trigger .agent-orb-glow{animation:4.8s ease-in-out infinite orb-glow-pulse!important}}:root[data-perf=lite] .ambient-orb{filter:blur(28px);opacity:.18;will-change:auto}:root[data-perf=lite] .ambient-noise,:root[data-perf=lite] .landing-data-stream{display:none}:root[data-perf=lite] .landing-aurora,:root[data-perf=lite] .agent-orb-mesh,:root[data-perf=lite] .agent-orb-lobe{animation:none}@media (prefers-reduced-motion:no-preference){:root[data-perf=lite] .landing-orb-trigger .agent-orb-lobe{animation:7.2s ease-in-out infinite landing-orb-mobile-lobe}:root[data-perf=lite] .landing-orb-trigger .agent-orb-lobe-2,:root[data-perf=lite] .landing-orb-trigger .agent-orb-lobe-4{animation-name:landing-orb-mobile-lobe-alt}:root[data-perf=lite] .landing-orb-trigger .agent-orb-mesh{animation:22s linear infinite orb-spin}:root[data-perf=lite] .landing-orb-trigger .agent-orb-body{animation:5.2s ease-in-out infinite orb-breathe}:root[data-perf=lite] .landing-orb-trigger .agent-orb-glow{animation:4.8s ease-in-out infinite orb-glow-pulse}}:root[data-perf=lite] .reveal{transition:opacity var(--vio-dur-slow) var(--vio-ease-out), transform var(--vio-dur-slow) var(--vio-ease-out)}@keyframes vio-page-enter-lite{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vio-fade-up-lite{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-orb-mobile-lobe{0%,to{opacity:.88;transform:translate(0,0)scale(1)rotate(0)}28%{opacity:1;transform:translate(9%,-7%)scale(1.18,.9)rotate(10deg)}58%{opacity:.72;transform:translate(-7%,8%)scale(.88,1.16)rotate(-8deg)}82%{opacity:.94;transform:translate(5%,3%)scale(1.08,.96)rotate(4deg)}}@keyframes landing-orb-mobile-lobe-alt{0%,to{opacity:.74;transform:translate(0,0)scale(1.04,.96)rotate(0)}34%{opacity:.95;transform:translate(-10%,6%)scale(.86,1.2)rotate(-11deg)}66%{opacity:.68;transform:translate(8%,-9%)scale(1.2,.88)rotate(9deg)}}