:root{--ics-color-primary: #1565c0;--ics-color-primary-dark: #0d47a1;--ics-color-accent: #1976d2;--ics-color-success: #2e7d32;--ics-color-success-bg: #e8f5e9;--ics-color-error: #c62828;--ics-color-error-bg: #ffebee;--ics-color-warning: #e65100;--ics-color-warning-bg: #fff3e0;--ics-color-bg: #f4f6f8;--ics-color-surface: #ffffff;--ics-color-border: #dde1e7;--ics-color-text: #1a1a2e;--ics-color-text-muted: #546e7a;--ics-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ics-font-mono: ui-monospace, "Roboto Mono", monospace;--ics-text-xs: .75rem;--ics-text-sm: .875rem;--ics-text-base: 1rem;--ics-text-lg: 1.125rem;--ics-text-xl: 1.375rem;--ics-text-2xl: 1.75rem;--ics-text-3xl: 2.25rem;--ics-leading: 1.55;--ics-s1: .25rem;--ics-s2: .5rem;--ics-s3: .75rem;--ics-s4: 1rem;--ics-s5: 1.25rem;--ics-s6: 1.5rem;--ics-s8: 2rem;--ics-s10: 2.5rem;--ics-s12: 3rem;--ics-radius: .375rem;--ics-radius-lg: .75rem;--ics-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--ics-shadow-md: 0 4px 10px rgba(0,0,0,.1);--ics-max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--ics-font);font-size:var(--ics-text-base);line-height:var(--ics-leading);color:var(--ics-color-text);background:var(--ics-color-bg);min-height:100dvh}img,svg{display:block;max-width:100%}.ics-heading-1{font-size:var(--ics-text-3xl);font-weight:700;line-height:1.2;color:var(--ics-color-primary-dark)}.ics-heading-2{font-size:var(--ics-text-2xl);font-weight:600;line-height:1.25;color:var(--ics-color-primary-dark)}.ics-heading-3{font-size:var(--ics-text-xl);font-weight:600;line-height:1.3}.ics-text-muted{color:var(--ics-color-text-muted);font-size:var(--ics-text-base)}.ics-text-xs{font-size:var(--ics-text-xs)}.ics-text-sm{font-size:var(--ics-text-sm)}.ics-text-success{color:var(--ics-color-success);font-weight:500}.ics-text-error{color:var(--ics-color-error);font-weight:500}.ics-text-bold{font-weight:600}.ics-amount{font-family:var(--ics-font-mono);font-size:var(--ics-text-lg);font-weight:600;color:var(--ics-color-primary)}#ics-app{min-height:100dvh;display:flex;flex-direction:column}.ics-screen{flex:1;display:flex;flex-direction:column;min-height:100dvh}.ics-screen--center{align-items:center;justify-content:center;text-align:center;gap:var(--ics-s4);padding:var(--ics-s8) var(--ics-s4)}.ics-container{width:100%;max-width:var(--ics-max-width);margin-inline:auto;padding-inline:var(--ics-s4)}.ics-header{background:var(--ics-color-primary);color:#fff;padding:var(--ics-s4) var(--ics-s6);display:flex;align-items:center;justify-content:space-between;gap:var(--ics-s4)}.ics-header--learning{background:#bf360c}.ics-header--control{background:#0d47a1}.ics-header__title-wrap{display:flex;flex-direction:column;gap:.25rem}.ics-header__title{font-size:var(--ics-text-lg);font-weight:600;color:#fff}.ics-header__mode-badge{align-self:flex-start;font-size:var(--ics-text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ics-main{flex:1;padding:var(--ics-s6) var(--ics-s4)}.ics-footer{padding:var(--ics-s4) var(--ics-s6);background:var(--ics-color-surface);border-top:1px solid var(--ics-color-border);display:flex;flex-direction:column;gap:var(--ics-s3)}.ics-footer__nav{display:flex;justify-content:space-between;align-items:center;gap:var(--ics-s4)}.ics-author{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:var(--ics-text-xs);color:var(--ics-color-text-muted);font-weight:500}.ics-author--start{justify-content:flex-start;text-align:left;padding-top:var(--ics-s1);padding-bottom:0}.ics-author__badge{background:#f1f5f9;color:#475569;font-size:11px;font-weight:600;padding:.2rem .6rem;border-radius:.4rem}.ics-author__sep{color:var(--ics-color-border)}.ics-author__copy{color:var(--ics-color-text-muted)}.ics-author__socials{display:flex;align-items:center;gap:.5rem}.ics-author__social-link{color:var(--ics-color-text-muted);display:flex;align-items:center;transition:color .15s}.ics-author__social-link:hover{color:var(--ics-color-primary)}.ics-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ics-s2);padding:var(--ics-s3) var(--ics-s6);border:2px solid transparent;border-radius:var(--ics-radius);font-family:inherit;font-size:var(--ics-text-base);font-weight:500;line-height:1;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;min-height:44px}.ics-btn:focus-visible{outline:3px solid var(--ics-color-accent);outline-offset:2px}.ics-btn:disabled{opacity:.45;cursor:not-allowed}.ics-btn--primary{background:var(--ics-color-primary);color:#fff}.ics-btn--primary:hover:not(:disabled){background:var(--ics-color-primary-dark)}.ics-btn--secondary{background:var(--ics-color-surface);color:var(--ics-color-primary);border-color:var(--ics-color-primary)}.ics-btn--secondary:hover:not(:disabled){background:#e3f0ff}.ics-btn--text{background:transparent;color:var(--ics-color-text-muted);padding-inline:var(--ics-s3)}.ics-btn--text:hover:not(:disabled){color:var(--ics-color-text)}.ics-btn--success{background:var(--ics-color-success);color:#fff}.ics-btn--success:hover:not(:disabled){background:#1b5e20}.ics-btn-group{display:flex;flex-wrap:wrap;gap:var(--ics-s3)}.ics-details{background:var(--ics-color-surface);border:1px solid var(--ics-color-border);border-radius:var(--ics-radius-lg);box-shadow:var(--ics-shadow);overflow:hidden}.ics-details>summary{padding:var(--ics-s4) var(--ics-s6);cursor:pointer;font-weight:600;font-size:var(--ics-text-base);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--ics-s3)}.ics-details>summary::-webkit-details-marker{display:none}.ics-details>summary:after{content:"▸";font-size:var(--ics-text-sm);color:var(--ics-color-text-muted);transition:transform .2s;flex-shrink:0}.ics-details[open]>summary:after{transform:rotate(90deg)}.ics-details__body{padding:0 var(--ics-s4) var(--ics-s4)}.ics-details__body img{width:100%;height:auto;border-radius:var(--ics-radius);display:block}.ics-choice-item{display:flex;align-items:flex-start;gap:var(--ics-s3);padding:var(--ics-s3) var(--ics-s4);border:2px solid var(--ics-color-border);border-radius:var(--ics-radius);background:var(--ics-color-surface);cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.ics-choice-item:hover{border-color:var(--ics-color-accent);background:#f0f7ff}.ics-choice-item__input{margin-top:2px;flex-shrink:0;width:1rem;height:1rem;accent-color:var(--ics-color-accent);cursor:pointer}.ics-choice-item__text{font-size:var(--ics-text-sm);line-height:var(--ics-leading);color:var(--ics-color-text)}.ics-choice-result{display:flex;align-items:flex-start;gap:var(--ics-s3);padding:var(--ics-s2) var(--ics-s4);border-radius:var(--ics-radius)}.ics-choice-result__icon{font-size:var(--ics-text-base);font-weight:700;flex-shrink:0;line-height:var(--ics-leading)}.ics-choice-result--correct{background:var(--ics-color-success-bg);color:var(--ics-color-success)}.ics-choice-result--correct .ics-choice-result__icon{color:var(--ics-color-success)}.ics-choice-result--wrong{background:var(--ics-color-error-bg);color:var(--ics-color-error)}.ics-choice-result--wrong .ics-choice-result__icon{color:var(--ics-color-error)}.ics-choice-result--missed{background:#fff8e1;color:var(--ics-color-warning)}.ics-choice-result--missed .ics-choice-result__icon{color:var(--ics-color-warning)}.ics-input{width:100%;padding:var(--ics-s3) var(--ics-s4);border:2px solid var(--ics-color-border);border-radius:var(--ics-radius);font-family:inherit;font-size:var(--ics-text-base);line-height:var(--ics-leading);color:var(--ics-color-text);background:var(--ics-color-surface);transition:border-color .15s}.ics-input:focus{outline:none;border-color:var(--ics-color-accent)}.ics-textarea{width:100%;min-height:140px;padding:var(--ics-s3) var(--ics-s4);border:2px solid var(--ics-color-border);border-radius:var(--ics-radius);font-family:inherit;font-size:var(--ics-text-base);line-height:var(--ics-leading);color:var(--ics-color-text);background:var(--ics-color-surface);resize:vertical;transition:border-color .15s}.ics-textarea:focus{outline:none;border-color:var(--ics-color-accent)}.ics-card{background:var(--ics-color-surface);border:1px solid var(--ics-color-border);border-radius:var(--ics-radius-lg);padding:var(--ics-s6);box-shadow:var(--ics-shadow)}.ics-card+.ics-card{margin-top:var(--ics-s4)}.ics-costs-grid{display:grid;grid-template-columns:1fr;gap:var(--ics-s3)}.ics-cost-card{background:var(--ics-color-surface);border:2px solid var(--ics-color-border);border-radius:var(--ics-radius);padding:var(--ics-s4);cursor:pointer;display:flex;align-items:flex-start;gap:var(--ics-s3);transition:border-color .15s,background .15s,box-shadow .15s;min-height:72px;position:relative;-webkit-user-select:none;user-select:none}.ics-cost-card:focus-visible{outline:3px solid var(--ics-color-accent);outline-offset:2px}.ics-cost-card__check{flex-shrink:0;width:20px;height:20px;border:2px solid var(--ics-color-border);border-radius:4px;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .15s,border-color .15s}.ics-cost-card__body{flex:1}.ics-cost-card__label{font-size:var(--ics-text-base);font-weight:500;line-height:1.35;margin-bottom:var(--ics-s1)}.ics-cost-card__amount{font-family:var(--ics-font-mono);font-size:var(--ics-text-sm);color:var(--ics-color-text-muted)}.ics-cost-card__hint{font-size:var(--ics-text-sm);color:var(--ics-color-text-muted);margin-top:var(--ics-s2);line-height:1.4}.ics-cost-card--selected{border-color:var(--ics-color-accent);background:#e3f0ff;box-shadow:var(--ics-shadow)}.ics-cost-card--selected .ics-cost-card__check{background:var(--ics-color-accent);border-color:var(--ics-color-accent);color:#fff}.ics-cost-card--correct{border-color:var(--ics-color-success);background:var(--ics-color-success-bg)}.ics-cost-card--correct .ics-cost-card__check{background:var(--ics-color-success);border-color:var(--ics-color-success);color:#fff}.ics-cost-card--wrong{border-color:var(--ics-color-error);background:var(--ics-color-error-bg)}.ics-cost-card--wrong .ics-cost-card__check{background:var(--ics-color-error);border-color:var(--ics-color-error);color:#fff}.ics-cost-card--add{border-color:var(--ics-color-success);background:var(--ics-color-success-bg)}.ics-cost-card--exclude{border-color:var(--ics-color-error);background:var(--ics-color-error-bg)}.ics-cost-card--disabled{opacity:.45;cursor:default;pointer-events:none}.ics-cost-card--seller{border-color:var(--ics-color-warning);background:#fff3e0;cursor:default;pointer-events:none}.ics-cost-card--seller .ics-cost-card__amount{color:var(--ics-color-warning)}.ics-cost-card__actions{display:flex;gap:var(--ics-s2);flex-shrink:0;align-self:center}.ics-cost-card__action{padding:var(--ics-s1) var(--ics-s3);border:1px solid var(--ics-color-border);border-radius:var(--ics-radius);background:var(--ics-color-bg);font-size:var(--ics-text-sm);font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s;min-height:32px}.ics-cost-card__action:hover{background:#e3f0ff;border-color:var(--ics-color-accent)}.ics-cost-card__action--active-add{background:var(--ics-color-success-bg);border-color:var(--ics-color-success);color:var(--ics-color-success);font-weight:600}.ics-cost-card__action--active-exclude{background:var(--ics-color-error-bg);border-color:var(--ics-color-error);color:var(--ics-color-error);font-weight:600}.ics-costs-group{display:flex;flex-direction:column;gap:var(--ics-s2)}.ics-costs-group__title{font-size:var(--ics-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ics-color-text-muted);padding-bottom:var(--ics-s1);border-bottom:1px solid var(--ics-color-border)}.ics-cost-card--in-invoice{background:#f0f4f8;border-color:#c8d6e2}.ics-cost-card__tag{display:inline-block;margin-top:var(--ics-s1);padding:1px var(--ics-s2);font-size:var(--ics-text-xs);font-weight:600;color:var(--ics-color-primary);background:#e3f0ff;border-radius:4px;line-height:1.6}.ics-badge{display:inline-block;padding:var(--ics-s1) var(--ics-s3);border-radius:99px;font-size:var(--ics-text-sm);font-weight:600;line-height:1}.ics-badge--incoterm{background:#e3f0ff;color:var(--ics-color-primary-dark);font-family:var(--ics-font-mono);letter-spacing:.04em}.ics-badge--import{background:#e8eaf6;color:#283593}.ics-badge--export{background:#fce4ec;color:#880e4f}.ics-badge--learning{background:#fff9c4;color:#e65100}.ics-badge--control{background:#e3f0ff;color:#0d47a1}.ics-badge--teacher{background:#f3e5f5;color:#4a148c}.ics-badge--mvp{background:var(--ics-color-success-bg);color:var(--ics-color-success)}.ics-feedback{padding:var(--ics-s4);border-radius:var(--ics-radius);border-left:4px solid currentColor;font-size:var(--ics-text-base);line-height:var(--ics-leading);white-space:pre-line}.ics-feedback--success{background:var(--ics-color-success-bg);color:var(--ics-color-success)}.ics-feedback--error{background:var(--ics-color-error-bg);color:var(--ics-color-error)}.ics-feedback--hint{background:var(--ics-color-warning-bg);color:var(--ics-color-warning)}.ics-feedback--info{background:#e3f0ff;color:var(--ics-color-primary-dark)}.ics-formula{background:var(--ics-color-bg);border:1px solid var(--ics-color-border);border-radius:var(--ics-radius);padding:var(--ics-s4) var(--ics-s5);font-family:var(--ics-font-mono);font-size:var(--ics-text-sm);line-height:1.8}.ics-formula__total{font-size:var(--ics-text-lg);font-weight:700;color:var(--ics-color-primary);border-top:2px solid var(--ics-color-border);padding-top:var(--ics-s2);margin-top:var(--ics-s2)}.ics-score{text-align:center}.ics-score__value{font-size:var(--ics-text-3xl);font-weight:700;color:var(--ics-color-primary);line-height:1}.ics-score__max{font-size:var(--ics-text-lg);color:var(--ics-color-text-muted)}.ics-progress{height:10px;border-radius:99px;background:var(--ics-color-border);overflow:hidden;margin-top:var(--ics-s2)}.ics-progress__bar{height:100%;border-radius:99px;background:var(--ics-color-primary);transition:width .4s ease}.ics-route-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ics-route{display:flex;flex-direction:column;gap:var(--ics-s3)}.ics-route__zone{background:var(--ics-color-surface);border:1px solid var(--ics-color-border);border-radius:var(--ics-radius);padding:var(--ics-s3) var(--ics-s4)}.ics-route__zone-label{font-size:var(--ics-text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ics-color-text-muted);margin-bottom:var(--ics-s2)}.ics-route__zone--before{border-left:4px solid #f57c00;background:#fffbf4}.ics-route__zone--after{border-left:4px solid var(--ics-color-primary);background:#f4f8ff}.ics-route__zone--import{border-left:4px solid var(--ics-color-error);background:#fff5f5}.ics-route__border-sep{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.ics-route__border-sep:before,.ics-route__border-sep:after{content:"";flex:1;height:0;border-top:2px dashed var(--ics-color-error)}.ics-route__border-sep-badge{flex-shrink:0;background:var(--ics-color-error-bg);color:var(--ics-color-error);border:2px dashed var(--ics-color-error);border-radius:99px;padding:var(--ics-s1) var(--ics-s3);font-size:var(--ics-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin:0 var(--ics-s2)}.ics-cost-card__tag--before{color:#b45309;background:#fff3e0}.ics-cost-card__tag--after{color:var(--ics-color-primary-dark);background:#e3f0ff}.ics-cost-card__tag--import{color:var(--ics-color-error);background:var(--ics-color-error-bg)}.ics-instr{display:flex;flex-direction:column;gap:var(--ics-s3)}.ics-instr__step-title{font-weight:600;font-size:var(--ics-text-sm);color:var(--ics-color-primary-dark);margin:0}.ics-instr__list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--ics-s1)}.ics-instr__list li{font-size:var(--ics-text-sm);color:var(--ics-color-text);line-height:1.5}.ics-modes-grid{display:grid;grid-template-columns:1fr;gap:var(--ics-s3)}.ics-variants-grid{display:grid;grid-template-columns:1fr;gap:var(--ics-s2)}.ics-variant-item{background:var(--ics-color-surface);border:2px solid var(--ics-color-border);border-radius:var(--ics-radius);padding:var(--ics-s3) var(--ics-s4);cursor:pointer;display:flex;align-items:center;gap:var(--ics-s3);font-family:inherit;font-size:var(--ics-text-base);text-align:left;transition:border-color .12s,background .12s;min-height:56px}.ics-variant-item__num{font-size:var(--ics-text-sm);font-weight:600;color:var(--ics-color-text-muted);min-width:1.5rem;text-align:right;flex-shrink:0}.ics-variant-item:hover:not(:disabled){border-color:var(--ics-color-accent);background:#e3f0ff}.ics-variant-item:focus-visible{outline:3px solid var(--ics-color-accent);outline-offset:2px}.ics-variant-item--selected{border-color:var(--ics-color-primary);background:#e3f0ff}.ics-variant-item:disabled{opacity:.4;cursor:not-allowed}.ics-variant-item--pending{opacity:.7;border-style:dashed}.ics-variant-item__pending{display:block;font-size:var(--ics-text-xs, .75rem);color:var(--ics-color-text-muted);font-style:italic;margin-top:var(--ics-s1);flex-basis:100%}.ics-divider{border:none;border-top:1px solid var(--ics-color-border);margin-block:var(--ics-s6)}.ics-stack{display:flex;flex-direction:column}.ics-stack--sm{gap:var(--ics-s2)}.ics-stack--md{gap:var(--ics-s4)}.ics-stack--lg{gap:var(--ics-s8)}.ics-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (min-width: 600px){.ics-modes-grid{grid-template-columns:repeat(3,1fr)}.ics-variants-grid{grid-template-columns:1fr}.ics-costs-grid{grid-template-columns:repeat(2,1fr)}.ics-container{padding-inline:var(--ics-s6)}.ics-route{flex-direction:row;align-items:stretch}.ics-route__zone{flex:1;min-width:160px}.ics-route__border-sep{flex-direction:column;align-self:stretch;width:48px;min-width:48px;flex-shrink:0;padding:var(--ics-s2) 0;background:#c628280a;border-left:2px dashed var(--ics-color-error);border-right:2px dashed var(--ics-color-error);border-radius:0;align-items:center;justify-content:center;gap:0}.ics-route__border-sep:before,.ics-route__border-sep:after{display:none}.ics-route__border-sep-badge{border:none;background:transparent;border-radius:0;padding:0;margin:0;font-size:10px;letter-spacing:.06em;text-align:center;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1}}@media (min-width: 960px){.ics-costs-grid{grid-template-columns:repeat(3,1fr)}.ics-container{padding-inline:var(--ics-s8)}.ics-heading-1{font-size:clamp(2rem,4vw,2.5rem)}}