.baraholka-howto-overlay{z-index:10200;padding:calc(var(--header-height) + var(--space-6))var(--space-6)var(--space-6);background:#00000080;justify-content:center;align-items:flex-start;animation:.2s ease-out baraholka-howto-fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes baraholka-howto-fadeIn{0%{opacity:0}to{opacity:1}}.baraholka-howto-modal{border-radius:var(--radius-md);width:100%;max-width:640px;max-height:calc(100vh - var(--header-height) - var(--space-10));background:#fff;flex-direction:column;flex-shrink:0;animation:.3s ease-out baraholka-howto-slideUp;display:flex;box-shadow:0 8px 32px #0000002e}@keyframes baraholka-howto-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.baraholka-howto-header{padding:var(--space-6)var(--space-7)var(--space-5);border-bottom:1px solid #4c4a5a1f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.baraholka-howto-title{font-size:var(--font-size-3xl);color:#404040;margin:0;font-weight:700}.baraholka-howto-close{color:#4c4a5a;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:28px;line-height:1;transition:background .2s,color .2s;display:flex}.baraholka-howto-close:hover{color:#404040;background:#4c4a5a14}.baraholka-howto-body{padding:var(--space-6)var(--space-7)var(--space-7);overflow-y:auto}.baraholka-howto-lead{font-size:var(--font-size-md);color:#4c4a5a;margin:0 0 var(--space-7)0;line-height:1.55}.baraholka-howto-section{margin-bottom:var(--space-8)}.baraholka-howto-section:last-of-type{margin-bottom:var(--space-6)}.baraholka-howto-section-title{font-size:var(--font-size-xl);color:#404040;margin:0 0 var(--space-3)0;font-weight:700;line-height:1.3}.baraholka-howto-desc{font-size:var(--font-size-base);color:#6c6c6c;margin:0 0 var(--space-4)0;line-height:1.5}.baraholka-howto-checklist-list{margin:0 0 var(--space-6)0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.baraholka-howto-checklist-list li{align-items:flex-start;gap:var(--space-4);font-size:var(--font-size-base);color:#404040;margin:0;padding:0;line-height:1.45;display:flex}.baraholka-howto-checklist-list li:before{display:none}.baraholka-howto-checklist-icon{background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%);border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:2px;position:relative;box-shadow:0 2px 6px #2e7d3259}.baraholka-howto-checklist-icon:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.baraholka-howto-list{margin:0 0 var(--space-6)0;padding-left:var(--space-6);font-size:var(--font-size-base);color:#404040;line-height:1.55}.baraholka-howto-list li{margin-bottom:var(--space-3)}.baraholka-howto-list li:last-child{margin-bottom:0}.baraholka-howto-list strong{color:#4c4a5a}.baraholka-howto-status-list{margin:0 0 var(--space-6)0;padding-left:var(--space-6);font-size:var(--font-size-base);color:#404040;line-height:1.55}.baraholka-howto-status-list li{margin-bottom:var(--space-3)}.baraholka-howto-status-list li:last-child{margin-bottom:0}.baraholka-howto-status-list strong{color:#2e7d32}.baraholka-howto-placeholder{margin:var(--space-5)0 0 0;text-align:center}.baraholka-howto-placeholder-inner{border-radius:var(--radius-md);background:#f5f5f5;border:2px dashed #40404033;width:100%}.baraholka-howto-placeholder--wide .baraholka-howto-placeholder-inner{aspect-ratio:2.4;max-width:100%}.baraholka-howto-placeholder--tall .baraholka-howto-placeholder-inner{aspect-ratio:4/5;max-width:280px;margin:0 auto}.baraholka-howto-placeholder-caption{font-size:var(--font-size-xs);color:#757575;margin:var(--space-3)0 0 0;font-weight:500}.baraholka-howto-footer{justify-content:space-between;align-items:center;gap:var(--space-5);padding-top:var(--space-4);border-top:1px solid #4c4a5a14;display:flex}@media (max-width:768px){.baraholka-howto-overlay{padding:var(--header-height)var(--space-4)var(--space-4);justify-content:center;align-items:flex-start}.baraholka-howto-modal{max-height:calc(100vh - var(--header-height) - var(--space-6));border-radius:var(--radius-md)}.baraholka-howto-header{padding:var(--space-5)var(--space-5)var(--space-4)}.baraholka-howto-title{font-size:var(--font-size-2xl)}.baraholka-howto-close{width:44px;min-width:44px;height:44px;min-height:44px;font-size:26px}.baraholka-howto-body{padding:var(--space-5)var(--space-5)var(--space-6)}.baraholka-howto-lead{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.baraholka-howto-section{margin-bottom:var(--space-6)}.baraholka-howto-section:last-of-type{margin-bottom:var(--space-5)}.baraholka-howto-section-title{font-size:var(--font-size-lg)}.baraholka-howto-desc{font-size:var(--font-size-base)}.baraholka-howto-checklist-list,.baraholka-howto-list,.baraholka-howto-status-list{font-size:var(--font-size-base);padding-left:var(--space-5)}.baraholka-howto-footer{gap:var(--space-4);padding-top:var(--space-4);flex-wrap:wrap}}@media (max-width:480px){.baraholka-howto-overlay{padding:var(--header-height)var(--space-3)var(--space-3)}.baraholka-howto-modal{max-height:calc(100vh - var(--header-height) - var(--space-4))}.baraholka-howto-header{padding:var(--space-4)var(--space-4)var(--space-4)}.baraholka-howto-title{font-size:var(--font-size-xl)}.baraholka-howto-body{padding:var(--space-4)var(--space-4)var(--space-5)}.baraholka-howto-lead,.baraholka-howto-section{margin-bottom:var(--space-5)}.baraholka-howto-section-title{font-size:var(--font-size-base)}.baraholka-howto-desc,.baraholka-howto-checklist-list li,.baraholka-howto-list,.baraholka-howto-status-list{font-size:var(--font-size-sm)}.baraholka-howto-placeholder--tall .baraholka-howto-placeholder-inner{max-width:100%}.baraholka-howto-footer{flex-direction:column;align-items:stretch}}@media (max-width:360px){.baraholka-howto-overlay{padding:var(--header-height)var(--space-2)var(--space-2)}.baraholka-howto-header,.baraholka-howto-body{padding-left:var(--space-4);padding-right:var(--space-4)}.baraholka-howto-title{font-size:var(--font-size-lg)}}