:root{--bg: #f8f7f5;--white: #ffffff;--text: #1d1d1b;--text-secondary: #505050;--accent: #0052a5;--accent-hover: #003d7a;--accent-light: #e8f0fa;--success: #00703c;--success-light: #e6f3ec;--error: #d4351c;--error-light: #fbe9e6;--warning: #f47738;--warning-light: #fef3eb;--border: #d8d8d6;--card-bg: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1), 0 8px 32px rgba(0, 0, 0, .06);--radius: 8px;--radius-lg: 12px;--transition: .2s ease;--font: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;min-height:100vh}.app-header{background:var(--accent);color:#fff;padding:16px 24px;position:sticky;top:0;z-index:100}.app-header-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:12px}.app-header .logo{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:.85}.app-header h1{font-size:18px;font-weight:700;margin:0}.container{max-width:680px;margin:0 auto;padding:24px 20px 80px}.progress-wrap{margin-bottom:32px}.progress-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.progress-bar{height:4px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.screen{animation:screenIn .3s ease}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.question-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 28px;margin-bottom:24px}.question-card h2{font-size:22px;font-weight:700;line-height:1.35;margin-bottom:8px;color:var(--text)}.question-card .hint{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.question-card .hint:last-child{margin-bottom:0}.btn-group{display:flex;flex-direction:column;gap:10px}.btn-group.horizontal{flex-direction:row}.btn{display:flex;align-items:center;justify-content:center;padding:14px 24px;border:2px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text);font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);text-align:center;min-height:52px;line-height:1.3}.btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-yes-no{flex:1}.status-list{display:flex;flex-direction:column;gap:8px}.status-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text);font-size:15px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);text-align:left;line-height:1.35}.status-btn .icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.status-btn .icon.active{background:var(--success-light);color:var(--success)}.status-btn .icon.inactive{background:var(--error-light);color:var(--error)}.status-btn:hover{border-color:var(--accent);background:var(--accent-light)}.input-group{display:flex;align-items:center;gap:12px;margin-bottom:16px}.input-group input{flex:1;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:18px;font-weight:600;font-family:var(--font);color:var(--text);outline:none;transition:border-color var(--transition);max-width:220px}.input-group input:focus{border-color:var(--accent)}.input-group .unit{font-size:16px;font-weight:600;color:var(--text-secondary)}.input-error{font-size:13px;color:var(--error);margin-top:-8px;margin-bottom:12px}.date-input{padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;font-family:var(--font);color:var(--text);outline:none;transition:border-color var(--transition);width:100%;max-width:220px}.date-input:focus{border-color:var(--accent)}.input-toggle{display:flex;gap:4px;background:var(--bg);border-radius:6px;padding:3px;margin-bottom:20px}.input-toggle button{flex:1;padding:10px 16px;min-height:44px;border:none;border-radius:4px;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);background:transparent;color:var(--text-secondary)}.input-toggle button.active{background:var(--white);color:var(--text);box-shadow:0 1px 3px #0000001a}.nav-row{display:flex;gap:12px;margin-top:8px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;min-height:44px;border:none;background:none;color:var(--accent);font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;border-radius:var(--radius);transition:background var(--transition)}.back-btn:hover{background:var(--accent-light)}.result-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:16px}.result-card .result-header{padding:24px 28px 20px;display:flex;align-items:flex-start;gap:14px}.result-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.result-icon.success{background:var(--success-light);color:var(--success)}.result-icon.error{background:var(--error-light);color:var(--error)}.result-icon.warning{background:var(--warning-light);color:var(--warning)}.result-header .result-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.result-header .result-title.success{color:var(--success)}.result-header .result-title.error{color:var(--error)}.result-header .result-name{font-size:20px;font-weight:700;line-height:1.3}.result-amount{padding:0 28px;margin-bottom:20px}.result-amount .amount{font-size:36px;font-weight:700;color:var(--accent)}.result-amount .amount-label{font-size:14px;color:var(--text-secondary)}.result-body{padding:0 28px 24px}.result-body p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.result-details{background:var(--bg);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px}.result-details .detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.result-details .detail-row .label{color:var(--text-secondary)}.result-details .detail-row .value{font-weight:600}.result-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.result-badge.recommended{background:var(--success-light);color:var(--success)}.result-badge.alternative{background:var(--bg);color:var(--text-secondary)}.result-badge.grace-period{background:var(--warning-light);color:var(--warning)}.info-box{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;margin:16px 0;font-size:14px;line-height:1.5;color:var(--text)}.info-box.warning{background:var(--warning-light);border-left-color:var(--warning)}.info-box.error-box{background:var(--error-light);border-left-color:var(--error)}.result-actions{padding:0 28px 28px;display:flex;flex-direction:column;gap:10px}.link-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius);font-size:15px;font-weight:600;text-decoration:none;transition:all var(--transition)}.link-btn.primary{background:var(--accent);color:#fff}.link-btn.primary:hover{background:var(--accent-hover)}.link-btn.secondary{background:var(--bg);color:var(--text)}.link-btn.secondary:hover{background:var(--border)}.comparison{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.comparison{flex-direction:row}.comparison .result-card{flex:1}}.or-separator{text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;padding:4px 0}.info-screen{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 28px}.info-screen h2{font-size:20px;font-weight:700;margin-bottom:16px;line-height:1.35}.info-screen p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.info-screen .actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.landing{text-align:center;padding:40px 0 20px}.landing .emblem{font-size:48px;margin-bottom:16px}.landing h2{font-size:28px;font-weight:700;margin-bottom:8px}.landing .subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5}.features{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:32px}.feature{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.feature .feat-icon{font-size:24px;flex-shrink:0;margin-top:2px}.feature .feat-text .feat-title{font-weight:700;font-size:15px;margin-bottom:2px}.feature .feat-text .feat-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.disclaimer{font-size:12px;color:var(--text-secondary);margin-top:24px;line-height:1.5}.section-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin:20px 0 8px}.spinner-screen{text-align:center;padding:60px 0}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.spinner-screen p{color:var(--text-secondary);font-size:15px}@media(max-width:480px){.question-card{padding:24px 20px}.question-card h2{font-size:19px}.result-card .result-header{padding:20px}.result-amount{padding:0 20px}.result-body,.result-actions{padding:0 20px 20px}.info-screen{padding:24px 20px}.result-amount .amount{font-size:30px}.btn-group.horizontal{flex-direction:column}.btn-yes-no{flex:none}.back-btn,.input-toggle button{min-height:44px}.month-picker{grid-template-columns:repeat(2,1fr)}}.timeline{position:relative;margin:24px 0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.timeline-bar{display:flex;border-radius:6px;overflow:hidden;height:40px;background:var(--bg);border:1px solid var(--border)}.timeline-segment{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1.2;text-align:center;padding:4px 6px;position:relative;min-width:0}.timeline-segment.ok{background:var(--success-light);color:var(--success)}.timeline-segment.grace{background:var(--warning-light);color:#b45309}.timeline-segment.lost{background:var(--error-light);color:var(--error)}.timeline-segment.future{background:var(--bg);color:var(--text-secondary)}.timeline-segment.now{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}.timeline-labels{display:flex;margin-top:4px}.timeline-labels .tl-label{font-size:11px;color:var(--text-secondary);text-align:center;min-width:0}.timeline-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:13px}.timeline-legend .leg-item{display:flex;align-items:center;gap:6px}.timeline-legend .leg-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.timeline-legend .leg-dot.ok{background:var(--success-light);border:1px solid var(--success)}.timeline-legend .leg-dot.grace{background:var(--warning-light);border:1px solid #b45309}.timeline-legend .leg-dot.lost{background:var(--error-light);border:1px solid var(--error)}.timeline-now-marker{font-size:11px;font-weight:700;color:var(--accent);text-align:center;margin-top:2px}.okres-expired-banner{background:var(--error-light);border:2px solid var(--error);border-radius:var(--radius);padding:16px 20px;text-align:center;margin:16px 0}.okres-expired-banner .expired-icon{font-size:32px;margin-bottom:8px}.okres-expired-banner .expired-title{font-size:16px;font-weight:700;color:var(--error);margin-bottom:4px}.okres-expired-banner .expired-text{font-size:14px;color:var(--text)}.okres-active-banner{background:var(--warning-light);border:2px solid var(--warning);border-radius:var(--radius);padding:16px 20px;text-align:center;margin:16px 0}.okres-active-banner .active-icon{font-size:32px;margin-bottom:8px}.okres-active-banner .active-title{font-size:16px;font-weight:700;color:#b45309;margin-bottom:4px}.okres-active-banner .active-text{font-size:14px;color:var(--text)}.month-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.month-picker .mp-btn{padding:10px 8px;border:2px solid var(--border);border-radius:var(--radius);background:var(--white);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);text-align:center}.month-picker .mp-btn:hover{border-color:var(--accent);background:var(--accent-light)}.month-picker .mp-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff}.month-picker .mp-btn:disabled{opacity:.4;cursor:not-allowed}.how-steps{display:flex;flex-direction:column;gap:12px;margin:16px 0}.how-step{display:flex;gap:14px;align-items:flex-start}.how-step .step-num{width:28px;height:28px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-step .step-text{font-size:14px;line-height:1.5;color:var(--text);padding-top:3px}