:root{--bg:#080b10;--panel:#121922;--panel2:#18222d;--text:#f4f7fa;--muted:#a9b5c4;--accent:#a8b274;--accent2:#dfc77f;--line:rgba(255,255,255,.11);--ok:#66d69a;--warn:#ffd06f;--bad:#ff8585;--shadow:0 18px 52px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(168,178,116,.15),transparent 28%),radial-gradient(circle at 90% 10%,rgba(77,105,145,.1),transparent 30%),linear-gradient(155deg,#07090d,#101722 55%,#07090d);color:var(--text);font-family:Arial,"Noto Sans Hebrew",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.protocol-warning{position:sticky;top:0;z-index:100;background:#7a351e;color:#fff4e9;text-align:center;padding:11px;border-bottom:1px solid #ff9b6e}.app-shell{max-width:1560px;margin:auto;padding:16px}.topbar{position:sticky;top:8px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(8,11,16,.91);backdrop-filter:blur(17px);border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#111));color:#0e120b;font-weight:900}.brand-copy h1{font-size:1.15rem;margin:0;white-space:nowrap}.brand-copy p{font-size:.8rem;color:var(--muted);margin:3px 0 0}.top-actions,.inline-actions,.center-actions,.preset-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:11px;padding:9px 12px;transition:.18s ease;text-decoration:none}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.11)}.btn.primary{background:var(--accent);color:#0d1209;border-color:transparent;font-weight:800}.btn.danger{border-color:rgba(255,133,133,.32);color:#ffd1d1}.small-btn{padding:6px 9px;font-size:.8rem}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;margin-top:16px}.sidebar{position:sticky;top:91px;height:calc(100vh - 110px);overflow:auto;background:rgba(18,25,34,.96);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.profile-card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:14px;padding:12px;margin-bottom:12px}.profile-card strong{display:block}.profile-card span{font-size:.8rem;color:var(--muted)}.side-label{font-size:.7rem;letter-spacing:.13em;color:var(--muted);margin:13px 8px 8px}.element-button,.sub-button{width:100%;border:0;background:transparent;color:var(--text);text-align:right;border-radius:12px;padding:11px;margin-bottom:5px}.element-button{display:flex;justify-content:space-between;align-items:center}.element-button:hover,.sub-button:hover{background:rgba(255,255,255,.055)}.element-button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent);outline:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}.sub-button{padding-right:30px;color:var(--muted);font-size:.91rem}.sub-button.active{color:#fff;background:rgba(255,255,255,.075)}.compact-field{display:grid;gap:6px;color:var(--muted);font-size:.8rem}.toggle-row{display:flex;gap:8px;align-items:center;margin-top:10px;color:var(--muted);font-size:.82rem}.toggle-row input{width:auto}.sidebar-actions{display:grid;gap:7px;margin-top:13px}.main-content{display:grid;gap:16px;min-width:0}.hero,.card,.accuracy-notice{border:1px solid var(--line);border-radius:18px;background:rgba(18,25,34,.95);box-shadow:var(--shadow)}.hero{min-height:300px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:22px;align-items:center}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:var(--accent);filter:blur(92px);opacity:.1;left:-180px;bottom:-360px}.hero-copy,.verification-panel{position:relative;z-index:1}.eyebrow{color:var(--accent2);font-size:.76rem;letter-spacing:.14em;font-weight:800}.hero h2{font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98;margin:10px 0 12px}.hero p{color:#d6dde7;line-height:1.72;font-size:1.04rem;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip{border:1px solid var(--line);background:rgba(0,0,0,.25);padding:7px 10px;border-radius:999px;font-size:.8rem}.verification-panel{border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:16px;padding:16px;text-align:center}.verification-title{font-size:.76rem;color:var(--muted)}.verification-score{font-size:2.5rem;font-weight:900;margin:6px 0}.small{font-size:.81rem;color:var(--muted);line-height:1.5}.accuracy-notice{padding:14px 16px;line-height:1.65;background:rgba(255,208,111,.075);border-color:rgba(255,208,111,.29)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{grid-column:span 6;padding:18px;min-width:0}.card.full{grid-column:1/-1}.card.half{grid-column:span 6}.card.two-thirds{grid-column:span 8}.card.third{grid-column:span 4}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.card-head h3{margin:0;font-size:1.05rem}.card-head p{margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:13px}.stat b{display:block;font-size:1.5rem}.stat span{font-size:.79rem;color:var(--muted)}.playstyle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.info-tile{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:13px}.info-tile b{display:block;margin-bottom:5px}.info-tile span{font-size:.83rem;color:var(--muted);line-height:1.5}.move-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.move-card{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:8px}.move-card h4{margin:0}.move-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.move-meta{display:flex;gap:6px;flex-wrap:wrap}.badge,.source-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:.65rem}.badge.exact{color:var(--ok)}.badge.named{color:var(--warn)}.badge.tutorial{color:var(--bad)}.badge.custom{color:#a9c8ff}.role{color:#d8e2ef}.move-actions{margin-top:auto}.combo-list{display:grid;gap:9px}.combo{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}.combo summary{list-style:none;padding:12px 14px;font-weight:800;display:flex;justify-content:space-between}.combo summary::-webkit-details-marker{display:none}.combo-body{padding:0 14px 14px;line-height:1.65;color:#dbe1e9}.combo-body ol{padding-right:22px}.master-quote{margin:0;border-right:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:15px;border-radius:12px;line-height:1.7}.mistakes{margin-top:14px}.mistakes h4{margin:0 0 7px}.mistakes ul{margin:0;padding-right:20px;color:var(--muted);line-height:1.65;font-size:.84rem}.training-plan{display:grid;gap:9px}.phase{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:11px;border-radius:13px}.phase-number{width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center;color:#111;font-weight:900}.phase h4{margin:0 0 4px}.phase p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}.phase input{width:24px;height:24px;accent-color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.video-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#080a0d}.video-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#050608}.video-body{padding:12px}.video-body h4{margin:0 0 6px}.video-body p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.5}.video-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.source-pill.official{color:var(--ok)}.source-pill.wiki{color:#b9d0ff}.source-pill.community{color:var(--warn)}.source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.source-item{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;padding:11px}.source-item a{color:#e9efff;text-decoration:none}.source-item a:hover{text-decoration:underline}.source-item p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.preset-row,.center-actions{justify-content:center}.timer-display{text-align:center;font-size:clamp(3rem,8vw,5.7rem);font-variant-numeric:tabular-nums;margin:18px 0}.timer-status{text-align:center;color:var(--muted);font-size:.84rem}.flashcard{min-height:250px;border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:16px;display:grid;place-items:center;text-align:center;padding:20px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 13%,transparent),transparent 58%),rgba(255,255,255,.025)}.flashcard h4{font-size:clamp(1.5rem,4vw,2.2rem);margin:9px}.flashcard p{color:var(--muted);line-height:1.6}.flash-answer{display:none}.flashcard.revealed .flash-prompt{display:none}.flashcard.revealed .flash-answer{display:block}.flash-actions{margin-top:10px}.form-grid{display:grid;gap:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}label{display:grid;gap:5px;color:var(--muted);font-size:.8rem}input,textarea,select{width:100%;background:rgba(0,0,0,.28);border:1px solid var(--line);color:#fff;padding:10px;border-radius:10px;outline:none}textarea{min-height:86px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 70%,#fff 10%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.note-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.session-log{display:grid;gap:8px;max-height:300px;overflow:auto;margin-top:12px}.log-item{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;padding:10px 11px;display:flex;justify-content:space-between;gap:10px}.log-item span{font-size:.8rem;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:18px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:none;align-items:center;justify-content:center;padding:16px}.modal.open{display:flex}.modal-box{width:min(680px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#111821;padding:18px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.modal-head h3{margin:0}.exercise{border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:15px;padding:15px;line-height:1.65}.exercise h2{margin:8px 0}.warning-box{border:1px solid rgba(255,208,111,.3);background:rgba(255,208,111,.08);padding:12px;border-radius:12px;line-height:1.55}footer{text-align:center;color:var(--muted);font-size:.75rem;padding:24px 8px 8px;line-height:1.55}@media(max-width:1080px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.card,.card.full,.card.half,.card.two-thirds,.card.third{grid-column:1/-1}}@media(max-width:800px){.top-actions{display:none}.hero{grid-template-columns:1fr}.verification-panel{max-width:260px}.move-catalog,.playstyle-grid,.video-grid,.source-list,.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:570px){.app-shell{padding:8px}.move-catalog,.playstyle-grid,.video-grid,.source-list,.stats-grid,.form-row{grid-template-columns:1fr}.phase{grid-template-columns:40px 1fr}.phase input{grid-column:2}.note-form{grid-template-columns:1fr}.brand-copy p{display:none}}
@media print{.topbar,.sidebar,.btn,.accuracy-notice,.protocol-warning{display:none!important}.layout{display:block}.app-shell{max-width:none}.card,.hero{box-shadow:none;break-inside:avoid}.video-card iframe{display:none}.dashboard-grid{display:block}.card{margin-bottom:14px}}