:root{--ink:#193b34;--dark:#143b34;--dark2:#0d2925;--gold:#d2b06e;--gold2:#efdcb2;--muted:#66736e;--paper:#f7f5ef;--white:#fffefd;--stroke:#dddcd4;--shadow:0 16px 50px rgba(10,42,35,.07);--sidebar:266px;--dock-height:226px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(2.35rem,3.6vw,4rem);line-height:1.11;letter-spacing:-.035em;margin-bottom:16px}h2{font-size:clamp(1.65rem,2.7vw,2.6rem);line-height:1.17;letter-spacing:-.025em}h3{font-size:1.23rem;margin-bottom:10px}.muted{color:var(--muted)}.smalltext{font-size:.84rem}.eyebrow{font-size:.71rem;letter-spacing:.16em;font-weight:850;color:#9c814c;text-transform:uppercase;margin-bottom:12px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:55;top:0;bottom:0;left:0;width:var(--sidebar);display:flex;flex-direction:column;background:var(--dark);padding:27px 16px 21px;color:#ecf3ec;overflow:auto;box-shadow:6px 0 35px rgba(0,0,0,.03)}.brand{display:flex;gap:10px;align-items:center;padding:4px 11px 34px;line-height:1.1}.brand-icon{font-family:Georgia;font-size:2.6rem;color:var(--gold)}.brand strong{font-family:Georgia;font-size:1.29rem;letter-spacing:.075em}.brand small{display:block;margin-top:7px;color:#d4d9cc;font-size:.53rem;letter-spacing:.09em}.nav-caption{margin:4px 12px 11px;font-size:.64rem;color:#c4baa3;font-weight:800;letter-spacing:.14em}.nav-btn{display:flex;align-items:center;width:100%;margin:1px 0;padding:11px 12px;gap:11px;text-align:left;border:0;border-radius:9px;background:transparent;color:#d6e1d9;font-size:.9rem}.nav-btn span{font-size:1.22rem;min-width:21px;text-align:center}.nav-btn:hover,.nav-btn.selected{background:#2d5249;color:#fff}.sidebar-gap{height:26px}.side-note{margin-top:auto;background:#245047;border:1px solid #4d7067;padding:14px;border-radius:13px;font-size:.76rem;line-height:1.8;color:#f0f4e9}.side-note .muted{color:#c8d4cb}.status-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#b1bcac;margin-right:7px}.status-dot.active{background:#4bddaa;box-shadow:0 0 0 4px rgba(74,221,169,.12)}.main-area{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));padding-bottom:calc(var(--dock-height) + 45px)}.topbar{position:sticky;top:0;z-index:22;background:rgba(247,245,239,.92);backdrop-filter:blur(12px);border-bottom:1px solid #e6e3da;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 35px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:.72rem;letter-spacing:.11em;color:#77837b;font-weight:750}.breadcrumb span{padding:0 8px;color:#b9b5a9}.breadcrumb strong{color:#334d44}.live-chip{font-size:.67rem;letter-spacing:.09em;border:1px solid #d8d8cc;background:#fffef9;padding:8px 12px;border-radius:100px;color:#4c665f;white-space:nowrap}.icon-btn{background:transparent;border:0;border-radius:9px;color:inherit;padding:7px 11px;font-size:1.2rem}.icon-btn:hover{background:rgba(23,50,42,.09)}.mobile-menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;border:1px solid transparent;border-radius:11px;font-size:.87rem;font-weight:750;transition:filter .12s}.btn:hover{filter:brightness(.96)}.btn.small{padding:8px 12px;font-size:.75rem}.btn-dark{background:var(--dark);color:#fff}.btn-gold{background:var(--gold);color:#1a322c}.btn-outline{border-color:#d5d8ca;color:var(--ink);background:transparent}.btn-light{background:var(--white);color:var(--dark)}.btn-danger{background:#fff0ec;color:#9f423c;border-color:#f3c6bd}.link-btn{border:0;background:transparent;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px}.page-wrap{padding:40px clamp(19px,4vw,65px);max-width:1360px;margin:auto}.hero{background:var(--dark);color:#fff;border-radius:20px;position:relative;overflow:hidden;padding:clamp(26px,4vw,60px);min-height:290px;box-shadow:var(--shadow)}.hero:after{content:'✳';position:absolute;right:-16px;top:-122px;font-size:30rem;line-height:1;color:rgba(220,185,120,.07);font-family:Georgia;pointer-events:none}.hero .eyebrow{color:var(--gold)}.hero p{color:#d5e0d8;max-width:610px;font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px;position:relative;z-index:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:19px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:var(--white);border:1px solid #e0e0d7;border-radius:17px;box-shadow:var(--shadow);padding:25px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 19px}.section-title h2{margin-bottom:0}.section-subtitle{margin-bottom:23px;color:#627169;max-width:850px}.tile-icon{display:flex;align-items:center;justify-content:center;background:#ecede0;border-radius:12px;width:40px;height:40px;color:#2c554b;font-size:1.4rem}.course-card{min-height:190px;display:flex;flex-direction:column;gap:13px}.course-card h3{font-family:Georgia;font-size:1.35rem;line-height:1.22}.course-card .btn{margin-top:auto;align-self:start}.tag{display:inline-flex;border:1px solid #e4ddd0;border-radius:100px;padding:4px 10px;font-size:.69rem;letter-spacing:.04em;font-weight:750;color:#6c6d5c;background:#fbf6e9}.tags{display:flex;flex-wrap:wrap;gap:7px}.metric{font-family:Georgia;font-size:1.8rem;color:var(--dark);line-height:1}.metric-caption{font-size:.77rem;color:#66716a}.lesson-header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:24px}.lesson-header h1{max-width:900px}.lesson-note{background:#f0efdf;border-left:4px solid var(--gold);border-radius:8px;padding:17px 20px;color:#495e50;margin-bottom:24px}.theory-card{margin-bottom:15px;border-left:4px solid #b7cfc4}.theory-card .example{background:#eef5ef;padding:14px;border-radius:9px;font-size:.95rem}.reading{font-size:1.12rem;line-height:1.9;border-radius:13px;background:#f4f1e7;border:1px solid #e5ddca;padding:25px;margin:17px 0}.goal-list{padding-left:23px;margin-bottom:0}.goal-list li{margin:9px 0}.exercise-card{margin-bottom:18px}.question{font-size:1.21rem;font-family:Georgia;font-weight:700}.answers{display:flex;flex-direction:column;gap:9px;margin:17px 0}.answer{border:1px solid #dcded5;background:#fff;border-radius:10px;padding:12px 15px;display:flex;gap:12px;align-items:center;text-align:left;color:var(--dark)}.answer:hover{background:#f4f7f1}.answer .letter{border:1px solid #ccd4c8;border-radius:100px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.79rem;flex-shrink:0}.answer.right{border-color:#539a78;background:#edf8ee}.answer.wrong{border-color:#d49c85;background:#fff2ed}.feedback{font-size:.89rem;margin:10px 0 0;border-left:3px solid #6a9b85;background:#f4f7ed;padding:12px}.visual-card{border:1px solid #e4decf;background:#fffcf7;border-radius:19px;padding:24px}.visual-title{font-family:Georgia;font-size:1.9rem;color:#163d34}.flow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:25px 0}.flow-step{background:#f0eee4;border-top:5px solid var(--gold);border-radius:11px;padding:23px;font-weight:850;font-family:Georgia;font-size:1.25rem;min-height:104px;display:flex;align-items:center}.notice{padding:14px 17px;background:#f2ede0;border-radius:10px;border:1px solid #eadbbd;font-size:.85rem;color:#665d46}.notice.warn{border-color:#ecb8ad;background:#fff5f2;color:#8c4940}.notice.ok{border-color:#b4d4bf;background:#f0f9f0;color:#225c3a}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.field label,label{font-weight:750;font-size:.83rem}input,textarea,select{border:1px solid #d3d8ce;border-radius:10px;background:#fff;padding:11px 13px;max-width:100%;color:#253c33;outline-offset:2px}textarea{width:100%;resize:vertical}input[type='checkbox']{width:auto}input[type='file']{padding:6px;width:100%}.field input,.field select{width:100%}.input-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hint{font-size:.78rem;color:#6f7b70}.separator{height:1px;background:#e3e5db;margin:25px 0}.summary-output{white-space:pre-wrap;font-size:.97rem;line-height:1.75}.generated-pane{margin-top:22px}.generated-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.generated-tab{background:#eff0e6;border:1px solid #d5dacb;color:#4b695a;border-radius:100px;padding:7px 16px;font-weight:750}.generated-tab.selected{background:var(--dark);color:#fff}.generated-content .card{margin-bottom:14px}.generated-content ol,.generated-content ul{padding-left:25px}.prompt-box{white-space:pre-wrap;border-radius:11px;background:#f2f4ec;border:1px solid #dce3d6;padding:19px;line-height:1.65;font-size:.86rem}.infographic-render{background:#faf8ef;color:#17382f;border:2px solid #dacba8;border-radius:17px;padding:28px;max-width:780px}.info-numeral{color:#a88c50;font-size:.72rem;letter-spacing:.17em;font-weight:900}.infographic-render h2{font-size:2rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.info-block{background:#fff;border-left:5px solid var(--gold);border-radius:10px;padding:13px}.info-block strong{display:block;font-family:Georgia;font-size:1.13rem}.info-block p{margin:6px 0;font-size:.87rem}.caption-dock{position:fixed;z-index:50;left:var(--sidebar);right:0;bottom:0;min-height:var(--dock-height);background:#112f29;color:white;border-top:4px solid var(--gold);box-shadow:0 -12px 40px rgba(0,0,0,.2);padding:10px 20px 8px}.dock-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.dock-identity{font-size:.68rem;letter-spacing:.13em;font-weight:900;color:#f2eedf;white-space:nowrap}.dock-identity .signal{color:#e1c07f;font-size:1rem;margin-right:6px}.dock-mini{color:#c7d6c6;margin-left:10px}.dock-controls{display:flex;align-items:center;gap:10px}.dock-status{font-size:.72rem;color:#b9cfc4}.subtitle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.subtile{background:#1c473b;border:1px solid #3d6658;padding:11px 13px;border-radius:10px;min-height:109px;overflow:hidden}.subtile.sub-en{background:#254b40}.subtile.sub-ru{background:#24463f}.lang-label{font-size:.67rem;font-weight:850;color:#e4c98c;letter-spacing:.09em}.subtitle-text{font-size:clamp(1.03rem,1.63vw,1.53rem);font-weight:750;line-height:1.3;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.subtitle-text.placeholder{color:#bacdc1;font-size:clamp(.85rem,1.2vw,1.09rem);font-weight:400}.dock-foot{display:flex;justify-content:space-between;gap:9px;font-size:.73rem;color:#bcd0c4;margin-top:8px}.dock-foot-right{white-space:nowrap}.caption-dock.collapsed{min-height:0;padding-bottom:10px}.caption-dock.collapsed .subtitle-grid,.caption-dock.collapsed .dock-foot{display:none}.caption-dock.collapsed .dock-head{margin-bottom:0}.modal{border:0;border-radius:20px;max-width:570px;width:calc(100vw - 35px);padding:27px;color:var(--ink);box-shadow:0 20px 70px #0e2c2575}.modal::backdrop{background:rgba(13,33,28,.56)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.7rem;margin-bottom:10px}.modal textarea{margin:8px 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.toast{position:fixed;z-index:120;right:18px;top:85px;max-width:420px;padding:13px 17px;border-radius:12px;background:#193e32;color:white;box-shadow:0 13px 30px #0003;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}body.focus-mode{--sidebar:0px}body.focus-mode .sidebar{display:none}body.focus-mode .page-wrap{max-width:1600px}.action-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.empty-note{border:2px dashed #d5d7cb;border-radius:13px;padding:26px;text-align:center;color:#66796b}.progress{height:10px;border-radius:99px;background:#e6e8df;overflow:hidden}.progress>span{display:block;height:100%;background:#7fac8e;transition:width .2s}kbd{background:#eee9df;border-radius:4px;padding:2px 5px;font-size:.8rem}.session-chip{display:inline-flex;gap:6px;align-items:center;background:#eef4ec;border:1px solid #cfdccb;color:#436151;font-weight:750;padding:7px 12px;font-size:.8rem;border-radius:100px}
@media (max-width:1100px){:root{--sidebar:224px}.topbar{padding:0 19px}.page-wrap{padding:28px 24px}.subtitle-text{font-size:1rem}.dock-mini{display:none}.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){:root{--sidebar:0px;--dock-height:294px}.sidebar{width:267px;transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:5px 0 0 200vmax rgba(0,0,0,.2)}.mobile-menu{display:inline-flex}.topbar{height:59px;padding:0 12px}.topbar-right .btn span{display:none}.breadcrumb{font-size:.61rem}.live-chip{display:none}.page-wrap{padding:23px 13px}.hero{padding:27px 22px;min-height:220px}.grid-2,.grid-3,.info-grid{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr}.caption-dock{padding:8px 10px}.dock-head{flex-wrap:wrap;margin-bottom:8px}.dock-status{display:none}.subtitle-grid{grid-template-columns:1fr;gap:6px}.subtile{min-height:0;padding:6px 10px}.subtitle-text{font-size:.94rem;-webkit-line-clamp:2;margin:3px 0}.lang-label{font-size:.61rem}.dock-foot{font-size:.62rem}.dock-foot-right{display:none}.dock-identity{font-size:.61rem}.caption-dock.collapsed .dock-controls{margin-left:auto}.card{padding:18px}.reading{padding:17px;font-size:1rem}.section-title{align-items:flex-start}.lesson-header{flex-direction:column}}
@media print{.sidebar,.topbar,.caption-dock,.toolbar,.btn,.generated-tabs,.no-print{display:none!important}.main-area{margin:0;width:100%;padding:0}.page-wrap{padding:0}.card,.infographic-render{box-shadow:none;break-inside:avoid}.generated-content{display:block!important}}