.itsvt-app{--ink:#15151a;--muted:#6b7280;--line:#e5e7eb;--soft:#fafafc;--accent:#7c5ce6;--accent-soft:#f2ebff;--success:#18794e;--success-soft:#eaf8f0;--danger:#c43535;--danger-soft:#fff0f0;max-width:1040px;margin:0 auto;padding:0 18px 72px;color:var(--ink);font-family:inherit;line-height:1.55}
.itsvt-app *{box-sizing:border-box}
.itsvt-app button,.itsvt-app select,.itsvt-app input{font:inherit}
.itsvt-app button{cursor:pointer}
.itsvt-loading,.itsvt-error{display:grid;place-items:center;gap:12px;min-height:360px;text-align:center;color:var(--muted)}
.itsvt-spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:itsvt-spin .8s linear infinite}
@keyframes itsvt-spin{to{transform:rotate(360deg)}}
.itsvt-hero{padding:58px 0 36px;border-bottom:1px solid var(--line)}
.itsvt-kicker{margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent)}
.itsvt-hero h1{margin:0;font-size:clamp(42px,9vw,80px);line-height:.95;letter-spacing:-.055em;font-weight:900}
.itsvt-hero h1 span{color:var(--accent)}
.itsvt-lead{max-width:710px;margin:24px 0 0;font-size:16px;color:#3f424b}
.itsvt-download{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:20px 0 0;padding:18px;border:1px solid #d7c7ff;border-radius:16px;background:var(--accent-soft)}
.itsvt-download p{margin:0 0 5px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em}
.itsvt-download h2{margin:0;font-size:20px;letter-spacing:-.025em}
.itsvt-download span{display:block;margin-top:6px;color:#56505f;font-size:12px}
.itsvt-download__button{flex:0 0 auto;padding:11px 15px;border-radius:10px;background:var(--accent);color:#fff!important;font-size:12px;font-weight:900;text-decoration:none!important}
.itsvt-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 0}
.itsvt-summary article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.itsvt-summary strong{display:block;font-size:28px;line-height:1;color:var(--accent)}
.itsvt-summary span{display:block;margin-top:8px;font-size:12px;color:var(--muted);font-weight:700}
.itsvt-savebar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:12px;color:var(--muted)}
.itsvt-savebar a{color:var(--accent);font-weight:800}
.itsvt-save-status{flex:0 0 auto;font-weight:800}
.itsvt-save-status.is-success{color:var(--success)}
.itsvt-save-status.is-warning{color:#a65c00}
.itsvt-navigator{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:end;margin:28px 0 14px}
.itsvt-navigator label span{display:block;margin:0 0 7px;font-size:12px;font-weight:800;color:var(--muted)}
.itsvt-navigator select{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:800}
.itsvt-step{height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:20px}
.itsvt-step:hover{border-color:var(--accent);color:var(--accent)}
.itsvt-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:14px;background:#f0f1f3}
.itsvt-tabs button,.itsvt-tabs a{display:grid;place-items:center;min-height:44px;padding:8px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;text-align:center;text-decoration:none}
.itsvt-tabs button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(20,20,30,.08)}
.itsvt-tabs a:hover{background:#fff;color:var(--accent)}
.itsvt-main{padding-top:28px}
.itsvt-section-head{display:flex;flex-direction:column;gap:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.itsvt-section-head p{margin:0 0 6px;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--accent)}
.itsvt-section-head h2{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.035em}
.itsvt-section-head span{display:block;margin-top:7px;font-size:13px;color:var(--muted)}
.itsvt-head-actions{display:flex;flex-wrap:wrap;gap:8px}
.itsvt-button{min-height:44px;padding:10px 17px;border:1px solid var(--ink);border-radius:11px;background:var(--ink);color:#fff;font-weight:800}
.itsvt-button:hover{background:var(--accent);border-color:var(--accent)}
.itsvt-button.is-quiet{background:#fff;color:var(--ink);border-color:var(--line)}
.itsvt-button.is-quiet:hover{color:var(--accent);border-color:var(--accent)}
.itsvt-button.is-wide{width:100%;margin-top:10px}
.itsvt-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}
.itsvt-filters::-webkit-scrollbar{display:none}
.itsvt-filters button{flex:0 0 auto;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}
.itsvt-filters button.is-active{background:var(--accent-soft);border-color:#d7c7ff;color:var(--accent)}
.itsvt-word-list{display:grid;gap:10px}
.itsvt-word{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:border-color .18s,background .18s}
.itsvt-word.is-learned{border-color:#bde5cc;background:#fbfffc}
.itsvt-word__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#9ca3af}
.itsvt-word__meta b{color:var(--accent)}
.itsvt-word h3{margin:7px 0 8px;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.itsvt-meaning{min-height:24px;margin:0;color:#9ca3af;font-size:14px}
.itsvt-meaning.is-visible{color:#3f424b;font-weight:650}
.itsvt-word__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}
.itsvt-word__actions button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}
.itsvt-word__actions button.is-done{border-color:#bde5cc;background:var(--success-soft);color:var(--success)}
.itsvt-empty,.itsvt-alert{padding:34px 18px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.itsvt-alert{margin-top:12px;color:var(--danger)}
.itsvt-quiz-setup{max-width:680px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.itsvt-quiz-setup fieldset{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 22px;padding:0;border:0}
.itsvt-quiz-setup legend{margin-bottom:10px;font-size:13px;font-weight:900}
.itsvt-quiz-setup label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:#454851;font-size:14px;font-weight:700}
.itsvt-quiz-setup input{accent-color:var(--accent)}
.itsvt-check{margin-bottom:8px;background:var(--accent-soft);border-color:#d7c7ff!important;color:var(--accent)!important}
.itsvt-quiz-card{max-width:760px;margin:0 auto;padding:22px 0}
.itsvt-quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:34px;font-size:12px;font-weight:900;color:var(--muted)}
.itsvt-quiz-progress>div{height:6px;flex:1;overflow:hidden;border-radius:999px;background:#eceef1}
.itsvt-quiz-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}
.itsvt-question-label{margin:0 0 10px;color:var(--muted);font-size:13px;font-weight:800}
.itsvt-quiz-card h2{margin:0 0 14px;font-size:clamp(28px,7vw,48px);line-height:1.15;letter-spacing:-.04em;word-break:keep-all}
.itsvt-priority{display:inline-block;margin-bottom:18px;padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:900}
.itsvt-options{display:grid;gap:9px;margin-top:16px}
.itsvt-options button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left;font-size:14px;font-weight:700;line-height:1.45}
.itsvt-options button span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;background:#f0f1f3;color:var(--muted);font-size:11px}
.itsvt-options button:hover:not(:disabled){border-color:var(--accent);background:#fcfaff}
.itsvt-options button.is-correct{border-color:#85c9a1;background:var(--success-soft);color:var(--success)}
.itsvt-options button.is-wrong{border-color:#efadad;background:var(--danger-soft);color:var(--danger)}
.itsvt-feedback{margin-top:16px;padding:17px;border-radius:14px}
.itsvt-feedback.is-correct{background:var(--success-soft);color:var(--success)}
.itsvt-feedback.is-wrong{background:var(--danger-soft);color:var(--danger)}
.itsvt-feedback strong{font-size:16px}
.itsvt-feedback p{margin:7px 0 14px;color:#454851;font-size:13px}
.itsvt-result{max-width:620px;margin:0 auto;padding:36px 20px;border:1px solid var(--line);border-radius:20px;text-align:center}
.itsvt-result>p{margin:0;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.13em}
.itsvt-result>strong{display:block;margin:16px 0 0;font-size:78px;line-height:1;color:var(--accent);letter-spacing:-.07em}
.itsvt-result>strong small{font-size:20px;letter-spacing:0}
.itsvt-result h2{margin:8px 0 26px;font-size:18px}
.itsvt-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
.itsvt-result-grid article{padding:13px 6px;border-radius:11px;background:var(--soft)}
.itsvt-result-grid b,.itsvt-result-grid span{display:block}
.itsvt-result-grid b{font-size:17px}
.itsvt-result-grid span{margin-top:4px;color:var(--muted);font-size:10px}
.itsvt-perfect{margin:12px 0;padding:14px;border-radius:11px;background:var(--success-soft);color:var(--success);font-weight:800}
.itsvt-progress-note{margin-bottom:18px;padding:17px;border-radius:14px;background:var(--accent-soft)}
.itsvt-progress-note strong{color:var(--accent);font-size:18px}
.itsvt-progress-note p{margin:7px 0 0;color:#56505f;font-size:12px}
.itsvt-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.itsvt-day-grid button{min-height:74px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.itsvt-day-grid strong,.itsvt-day-grid span{display:block}
.itsvt-day-grid strong{font-size:17px}
.itsvt-day-grid span{margin-top:4px;color:#9ca3af;font-size:10px;font-weight:800}
.itsvt-day-grid button.is-started{border-color:#d7c7ff;background:#fcfaff}
.itsvt-day-grid button.is-started span{color:var(--accent)}
.itsvt-day-grid button.is-complete{border-color:#a9dabd;background:var(--success-soft);color:var(--success)}
.itsvt-day-grid button.is-complete span{color:var(--success)}
@media(min-width:640px){.itsvt-app{padding-left:28px;padding-right:28px}.itsvt-download{flex-direction:row;align-items:center;justify-content:space-between}.itsvt-summary{grid-template-columns:repeat(4,1fr)}.itsvt-section-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.itsvt-word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.itsvt-quiz-setup fieldset{grid-template-columns:repeat(3,1fr)}.itsvt-quiz-setup fieldset:first-child{grid-template-columns:repeat(2,1fr)}.itsvt-day-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:900px){.itsvt-app{padding-left:0;padding-right:0}.itsvt-hero{padding-top:72px}.itsvt-lead{font-size:18px}.itsvt-summary article{padding:22px}.itsvt-summary strong{font-size:34px}.itsvt-word-list{grid-template-columns:repeat(3,minmax(0,1fr))}.itsvt-day-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.itsvt-spinner{animation:none}.itsvt-app *{scroll-behavior:auto!important;transition:none!important}}