.sidebar{position:sticky;top:0;height:100vh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-medium);color:var(--color-text-primary);padding:var(--space-10) var(--space-6);transition:all var(--transition-normal);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar .visitor-counter{margin-top:auto}.logo{font-weight:var(--font-bold);font-size:1.5rem;margin-bottom:var(--space-12);color:var(--color-primary);letter-spacing:-.03em;line-height:1.1}.sidebar nav{display:grid;gap:var(--space-2);flex-grow:1;flex-shrink:0}.sidebar .nav-item{color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-normal);font-size:var(--text-sm);transition:all var(--transition-smooth);position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;gap:var(--space-3)}.sidebar .nav-icon{font-size:1.1em;display:inline-flex;align-items:center;animation:sparkleIcon 2s ease-in-out infinite}@keyframes sparkleIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sidebar .nav-label{flex:1}.sidebar .nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:var(--color-accent);transition:height var(--transition-smooth);border-radius:var(--radius-full)}.sidebar .nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.sidebar .nav-item:hover:before{height:60%}.sidebar .nav-item:active,.sidebar .nav-item.active{color:var(--color-accent);background:var(--color-bg-tertiary);font-weight:var(--font-medium)}.sidebar .nav-item:active:before,.sidebar .nav-item.active:before{height:100%}@keyframes slideIn{0%{width:0;opacity:0}to{width:4px;opacity:1}}.sidebar .nav-item:focus{outline:2px solid var(--color-text-inverse);outline-offset:2px}@media (max-width: 767px){.sidebar{height:auto;position:sticky;top:0;z-index:40;padding:var(--space-3);border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-direction:column;color:var(--color-text-inverse)}.logo{font-size:1.5rem;margin-bottom:var(--space-4);color:var(--color-text-inverse)}.sidebar nav{display:flex;align-items:center;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity;padding-bottom:var(--space-2);flex-grow:1;flex-shrink:1;min-width:0;mask-image:linear-gradient(to right,transparent 0,black var(--space-4),black calc(100% - var(--space-4)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--space-4),black calc(100% - var(--space-4)),transparent 100%)}.sidebar .visitor-counter{margin-left:auto;margin-top:0;flex-shrink:0}.sidebar .nav-item{flex:0 0 auto;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-lg);scroll-snap-align:start;transition:all var(--transition-smooth);border:1px solid rgba(255,255,255,.1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;overflow:hidden}.sidebar .nav-item:before{left:-100%}.sidebar .nav-item:hover{background:#fff3;border-color:#ffffff4d;color:var(--color-text-inverse);transform:translateY(-1px) scale(1.02)}.sidebar .nav-item:hover:before{left:100%}.sidebar .nav-item:active,.sidebar .nav-item.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse);transform:translateY(0) scale(.98);box-shadow:var(--shadow-md)}.sidebar nav::-webkit-scrollbar{height:8px}.sidebar nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius-full);margin:0 var(--space-4)}.sidebar nav::-webkit-scrollbar-thumb{background:#fff6;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#fff9}}@media (min-width: 768px) and (max-width: 1023px){.sidebar{padding:var(--space-6) var(--space-4)}.logo{font-size:1.875rem;margin-bottom:var(--space-6)}.sidebar .nav-item{padding:var(--space-3) var(--space-3);font-size:var(--text-sm)}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){.sidebar{padding:var(--space-5) var(--space-3)}.logo{font-size:var(--text-xl);margin-bottom:var(--space-5)}.sidebar nav{gap:var(--space-1)}.sidebar .nav-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (min-width: 1024px){.sidebar{padding:var(--space-10) var(--space-6);border-right:1px solid rgba(255,255,255,.1)}.logo{font-size:2rem;margin-bottom:var(--space-10);letter-spacing:-.05em}.sidebar nav{gap:var(--space-3)}.sidebar .nav-item{padding:var(--space-4) var(--space-5);font-size:var(--text-base);position:relative;overflow:visible}.sidebar .nav-item:hover{transform:translate(8px);box-shadow:var(--shadow-lg)}.sidebar .nav-item:active,.sidebar .nav-item.active{transform:translate(12px);box-shadow:var(--shadow-xl)}}@media (min-width: 1440px){.sidebar{padding:var(--space-12) var(--space-8)}.logo{font-size:2.25rem;margin-bottom:var(--space-12)}.sidebar nav{gap:var(--space-4)}.sidebar .nav-item{padding:var(--space-5) var(--space-6);font-size:var(--text-lg)}}@media (min-width: 1920px){.sidebar{padding:var(--space-16) var(--space-10)}.logo{font-size:2.5rem;margin-bottom:var(--space-16)}.sidebar .nav-item{padding:var(--space-6) var(--space-8);font-size:var(--text-xl)}}.simple-list{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.simple-item{display:flex;flex-direction:column;gap:var(--space-2)}.simple-content{line-height:1.6}.simple-content strong{color:var(--color-text-primary);font-weight:var(--font-medium);font-size:var(--text-base)}.simple-content span{color:var(--color-text-secondary);font-size:var(--text-sm)}.simple-content a{color:var(--color-accent);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-smooth)}.simple-content a:hover{color:var(--color-accent-hover)}.experience-simple-list{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-10)}.experience-simple-item{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-light)}.experience-simple-item:last-child{border-bottom:none;padding-bottom:0}.experience-simple-header{display:flex;flex-direction:column;gap:var(--space-1)}.experience-simple-header strong{color:var(--color-text-primary);font-weight:var(--font-medium);font-size:var(--text-base)}.experience-simple-header span{color:var(--color-text-secondary);font-size:var(--text-sm)}.experience-simple-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-top:var(--space-2)}.experience-simple-highlights{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.experience-simple-highlights li{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;padding-left:var(--space-4);position:relative}.experience-simple-highlights li:before{content:"•";position:absolute;left:0;color:var(--color-text-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-normal);border-radius:var(--radius-md);transition:all var(--transition-smooth);white-space:nowrap}@media (max-width: 768px){.simple-list{gap:var(--space-5)}.experience-simple-list{gap:var(--space-8)}.experience-simple-item{padding-bottom:var(--space-8)}.tag{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}}@media (min-width: 1024px){.experience-simple-list{gap:var(--space-12)}.experience-simple-item{padding-bottom:var(--space-12)}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);gap:var(--space-6)}.spinner{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--color-accent)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--color-accent-hover);width:85%;height:85%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--color-primary);width:70%;height:70%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0;text-align:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none;border-top-color:var(--color-accent)}.loading-message{animation:none}.spinner:after{content:"";position:absolute;width:12px;height:12px;background:var(--color-accent);border-radius:var(--radius-full)}}@media (max-width: 768px){.loading-spinner-container{padding:var(--space-8) var(--space-4);gap:var(--space-5)}.spinner{width:56px;height:56px}.loading-message{font-size:var(--text-base)}}@media (min-width: 768px) and (max-width: 1023px){.loading-spinner-container{padding:var(--space-10) var(--space-5)}.spinner{width:60px;height:60px}}.analysis-results{width:100%;display:flex;flex-direction:column;gap:var(--space-8)}.score-container{display:flex;justify-content:center;align-items:center;padding:var(--space-6) 0}.score-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--color-bg-primary);border:3px solid;box-shadow:var(--shadow-lg);min-width:200px;transition:all var(--transition-smooth)}.score-display:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.score-value{font-size:4rem;font-weight:var(--font-extrabold);line-height:1;margin-bottom:var(--space-2)}.score-label{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.score-red{border-color:#ef4444}.score-red .score-value{color:#ef4444}.score-yellow{border-color:#f59e0b}.score-yellow .score-value{color:#f59e0b}.score-green{border-color:#10b981}.score-green .score-value{color:#10b981}.score-gray{border-color:var(--color-border-medium)}.score-gray .score-value{color:var(--color-text-muted)}.feedback-sections{display:flex;flex-direction:column;gap:var(--space-6)}.feedback-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-smooth)}.feedback-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.feedback-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-bold)}.strengths-section .feedback-icon{background:#d1fae5;color:#10b981}.gaps-section .feedback-icon{background:#fee2e2;color:#ef4444}.recommendations-section .feedback-icon{background:#dbeafe;color:#3b82f6}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.feedback-item{padding-left:var(--space-6);position:relative;line-height:var(--leading-relaxed);color:var(--color-text-primary);font-size:var(--text-base)}.feedback-item:before{content:"•";position:absolute;left:var(--space-3);font-weight:var(--font-bold);font-size:var(--text-lg)}.strengths-section .feedback-item:before{color:#10b981}.gaps-section .feedback-item:before{color:#ef4444}.recommendations-section .feedback-item:before{color:#3b82f6}.actions-container{display:flex;justify-content:center;padding:var(--space-4) 0}.new-analysis-button{padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--color-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-sm)}.new-analysis-button:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.new-analysis-button:active{transform:translateY(0) scale(.98)}.new-analysis-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 768px){.analysis-results{gap:var(--space-6)}.score-container{padding:var(--space-4) 0}.score-display{padding:var(--space-6);min-width:160px}.score-value{font-size:3rem}.score-label{font-size:var(--text-xs)}.feedback-sections{gap:var(--space-4)}.feedback-section{padding:var(--space-4)}.feedback-title{font-size:var(--text-lg);gap:var(--space-2)}.feedback-icon{width:28px;height:28px;font-size:var(--text-base)}.feedback-item{font-size:var(--text-sm);padding-left:var(--space-5)}.feedback-item:before{left:var(--space-2)}.new-analysis-button{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);width:100%}}@media (max-width: 480px){.score-display{padding:var(--space-5);min-width:140px}.score-value{font-size:2.5rem}.feedback-section{padding:var(--space-3)}.feedback-title{font-size:var(--text-base)}}@media (min-width: 768px) and (max-width: 1023px){.score-display{min-width:180px}.score-value{font-size:3.5rem}}@media (min-width: 1024px){.feedback-sections{gap:var(--space-8)}.feedback-section{padding:var(--space-8)}.feedback-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.score-display,.feedback-section,.new-analysis-button{transition:none}.score-display:hover,.feedback-section:hover,.new-analysis-button:hover,.new-analysis-button:active{transform:none}}.resume-matcher-section{padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--space-8);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light)}@media (min-width: 1024px){.resume-matcher-section{padding:var(--space-6) var(--space-8);margin-bottom:var(--space-12)}}.section-title-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ai-icon{font-size:1.75rem;display:inline-flex;align-items:center;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(59,130,246,.3))}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.gradient-title{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);margin:0;font-weight:var(--font-bold);position:relative}.gradient-title:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:.3;border-radius:2px}.section-description{color:#64748b;margin-bottom:2rem;font-size:1rem;line-height:1.6;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.info-link{background:none;border:none;color:var(--color-accent);font-size:.875rem;font-weight:var(--font-semibold);cursor:pointer;text-decoration:underline;padding:0;transition:color var(--transition-fast)}.info-link:hover{color:var(--color-accent-hover)}.job-matcher-form{max-width:100%;background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}@media (min-width: 1024px){.job-matcher-form{padding:var(--space-6)}}.form-row{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{flex:1;min-width:0}.form-label{display:block;font-weight:600;margin-bottom:.75rem;color:#334155;font-size:.95rem;letter-spacing:.01em}.job-title-input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;line-height:1.5;transition:all .2s ease;background-color:#f8fafc}.job-title-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f614}.job-title-input.input-error{border-color:#ef4444}.job-title-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.job-title-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;min-height:1.5rem}.character-count{font-size:.875rem;color:#6b7280;font-weight:500}.validation-error{font-size:.875rem;color:#ef4444;font-weight:500}.preset-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.preset-chip{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.preset-chip:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-1px)}.submit-button{background:var(--color-accent);color:#fff;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-card);width:100%}.submit-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:var(--color-border-medium);cursor:not-allowed;opacity:.6}.error-container{background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.error-message{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.error-icon{font-size:1.5rem;flex-shrink:0;color:#ef4444}.error-message p{margin:0;color:#991b1b;line-height:1.5;font-size:.95rem}.retry-button{background-color:#ef4444;color:#fff;padding:.625rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}.retry-button:active{transform:translateY(0)}@media (max-width: 768px){.resume-matcher-section{padding:2rem 1.5rem;margin:.5rem 0}.gradient-title{font-size:var(--text-xl)}.ai-icon{font-size:1.5rem}.job-matcher-form{padding:1.5rem}.section-description{font-size:.95rem;margin-bottom:1.25rem}.job-title-input{font-size:.9rem;padding:.625rem}.submit-button{width:100%;padding:.875rem}.input-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.character-count{order:2}.validation-error{order:1}.error-container{padding:1.25rem}.retry-button{width:100%}}@media (max-width: 480px){.resume-matcher-section{padding:1.5rem 1rem}.gradient-title{font-size:var(--text-lg)}.ai-icon{font-size:1.35rem}.job-matcher-form{padding:1.25rem}.form-label{font-size:.9rem}.job-title-input{font-size:.875rem;padding:.5rem}.submit-button{font-size:.95rem;padding:.75rem}.character-count,.validation-error{font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:var(--shadow-xl)}.modal-content h3{margin:0 0 var(--space-4) 0;color:var(--color-text-primary)}.modal-content p{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.modal-content ul{margin:0 0 var(--space-5) 0;padding-left:var(--space-5)}.modal-content li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.modal-close{background:var(--color-accent);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;width:100%;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-accent-hover);transform:translateY(-1px)}@media (min-width: 768px){.form-row{flex-direction:row;align-items:flex-end}.submit-button{width:auto;flex-shrink:0}.preset-chips{max-width:100%}}.visitor-counter{margin:var(--space-6) auto;padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:var(--radius-md);max-width:400px;transition:all var(--transition-smooth)}.visitor-counter__label{display:inline-block;margin-right:var(--space-2);font-weight:var(--font-normal);opacity:.8}.visitor-counter__count{display:inline-block;font-weight:var(--font-bold);color:var(--color-accent);background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.visitor-counter:hover{background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.visitor-counter:hover .visitor-counter__count{background:var(--color-accent);color:var(--color-text-inverse);transform:scale(1.05)}@media (max-width: 768px){.visitor-counter{margin:var(--space-4) auto;padding:var(--space-3);font-size:var(--text-xs)}.visitor-counter__label{margin-right:var(--space-1)}.visitor-counter__count{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}}@media (min-width: 768px) and (max-width: 1023px){.visitor-counter{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}@media (min-width: 1024px){.visitor-counter{padding:var(--space-4) var(--space-5);font-size:var(--text-sm)}.visitor-counter__count{padding:var(--space-2) var(--space-3)}}@media (min-width: 1440px){.visitor-counter{padding:var(--space-5) var(--space-6)}}@media (min-width: 1920px){.visitor-counter{padding:var(--space-6) var(--space-8);font-size:var(--text-base)}}@media (prefers-reduced-motion: reduce){.visitor-counter,.visitor-counter__count{transition:none}}@media (prefers-contrast: high){.visitor-counter{color:var(--color-text-inverse);border-top-color:var(--color-text-inverse)}.visitor-counter__count{background:transparent;border-color:var(--color-text-inverse);color:var(--color-text-inverse)}}@media (forced-colors: active){.visitor-counter{color:ButtonText;border-top-color:ButtonText}.visitor-counter__count{background:ButtonFace;border-color:ButtonText;color:ButtonText}}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-semibold);z-index:10000;transition:top var(--transition-fast)}.skip-link:focus{top:6px;outline:2px solid var(--color-text-inverse);outline-offset:2px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--color-bg-primary);gap:0}.app-content{padding:var(--space-12) var(--space-8);overflow:hidden;max-width:900px;margin:0 auto}.app-shell>*,.app-shell,.app-content,section,.card,.sidebar,nav{min-width:0}section{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-12);box-shadow:none;transition:all var(--transition-smooth);scroll-margin-top:120px}@media (min-width: 1024px){section{padding:var(--space-10);margin-bottom:var(--space-16)}}@media (min-width: 768px){section{scroll-margin-top:20px}}section:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}section h2{margin:0 0 var(--space-8);font-size:var(--text-h2-lg);font-weight:var(--font-semibold);line-height:1.2;color:var(--color-primary);letter-spacing:-.02em}.meta{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.list-reset{list-style:none;padding:0;margin:0}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-normal);max-width:100%;white-space:normal;overflow-wrap:anywhere;transition:all var(--transition-smooth)}.tag:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.app-shell{grid-template-columns:1fr}.app-content{padding:var(--space-3) var(--space-3);min-height:calc(100vh - 120px);padding-bottom:var(--space-10)}section{padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md)}.grid-2{grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 768px){.app-shell{grid-template-columns:240px 1fr;gap:var(--space-4)}.app-content{padding:var(--space-5) var(--space-4);max-width:none}section{padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}@media (min-width: 768px) and (max-width: 1023px){.app-shell{grid-template-columns:220px 1fr}.app-content{padding:var(--space-5) var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}@media (min-width: 1024px){.app-shell{grid-template-columns:280px 1fr;gap:var(--space-4)}.app-content{padding:var(--space-10) var(--space-8);max-width:1040px;margin:0 auto}section{padding:var(--space-8) var(--space-6);margin-bottom:var(--space-8);border-radius:var(--radius-xl)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}}@media (min-width: 1440px){.app-shell{grid-template-columns:320px 1fr;max-width:1800px;margin:0 auto;gap:var(--space-5)}.app-content{padding:var(--space-12) var(--space-10);max-width:1040px;margin:0 auto}section{padding:var(--space-10) var(--space-8);margin-bottom:var(--space-10)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}@media (min-width: 1920px){.app-shell{grid-template-columns:360px 1fr;max-width:1800px}.app-content{padding:var(--space-10) var(--space-8)}.grid-2{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10)}}html{overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word;scroll-padding-top:120px}body{overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word}@media (min-width: 768px){html{scroll-padding-top:20px}}p,li,.meta{overflow-wrap:anywhere;word-break:normal}a{overflow-wrap:anywhere;word-break:break-all}.go-top{position:fixed;right:var(--space-4);bottom:var(--space-4);width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xl);line-height:1;display:grid;place-items:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-normal);z-index:9999;opacity:.95}.go-top:active{transform:translateY(0)}html{font-size:clamp(16px,2.5vw,18px)}@media (max-width: 767px){html{font-size:16px}body{line-height:var(--leading-relaxed);-webkit-text-size-adjust:100%;text-size-adjust:100%}h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}h2{font-size:var(--text-xl);line-height:var(--leading-snug)}h3{font-size:var(--text-lg);line-height:var(--leading-snug)}p{line-height:var(--leading-loose);margin-bottom:var(--space-5)}a{min-height:44px;display:inline-flex;align-items:center;padding:var(--space-1) 0}}p,li{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--color-text-primary)}ul,ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}a{color:var(--color-accent);text-decoration:none;transition:all var(--transition-fast);font-weight:var(--font-medium)}a:hover{color:var(--color-accent-hover);text-decoration:underline}*+h1,*+h2,*+h3{margin-top:var(--space-8)}.content-spacing>*+*{margin-top:var(--space-4)}.content-spacing>h2+*,.content-spacing>h3+*{margin-top:var(--space-3)}.go-top{position:fixed;right:var(--space-4);bottom:var(--space-4);width:56px;height:56px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xl);line-height:1;display:grid;place-items:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-normal);z-index:9999;opacity:.95;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.go-top:hover{opacity:1;background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.go-top:active{transform:translateY(0);background:var(--color-accent-hover)}.go-top:focus{outline:3px solid var(--color-text-inverse);outline-offset:2px}@media (max-width: 767px){.go-top:active{transform:scale(.95);transition:transform .1s ease}}@media (min-width: 768px){.go-top{display:none}}@media (min-width: 1024px){section{transition:all var(--transition-normal)}section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}section:focus-within{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-xl)}a:hover{transition:all var(--transition-fast)}.tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}@media (min-width: 1024px){p,li{line-height:var(--leading-relaxed)}.meta{font-size:var(--text-sm);line-height:var(--leading-normal)}}:root{--color-primary: #0a0a0a;--color-secondary: #171717;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f5f5;--color-text-primary: #0a0a0a;--color-text-secondary: #525252;--color-text-muted: #a3a3a3;--color-text-inverse: #ffffff;--color-border-light: #f5f5f5;--color-border-medium: #e5e5e5;--color-border-strong: #d4d4d4;--color-success: #10b981;--color-success-bg: #d1fae5;--color-warning: #f59e0b;--color-error: #ef4444;--color-error-bg: #fee2e2;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-caption: .75rem;--text-sm: .875rem;--text-base: .9375rem;--text-body: 1rem;--text-h3: 1rem;--text-h3-lg: 1.125rem;--text-h2: 1.25rem;--text-h2-lg: 1.5rem;--text-h1: 1.875rem;--text-h1-lg: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 600;--font-extrabold: 700;--leading-tight: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-card: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px 0 rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px 0 rgba(0, 0, 0, .06);--shadow-xl: 0 8px 24px 0 rgba(0, 0, 0, .08);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-smooth: .2s cubic-bezier(.4, 0, .2, 1);--hover-scale: 1.02;--active-scale: .98;--lift-distance: -2px;--lift-distance-large: -4px;--card-bg: var(--color-bg-primary);--card-border: var(--color-border-light);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--card-radius: var(--radius-lg);--bg: var(--color-bg-secondary);--panel: var(--color-bg-primary);--text: var(--color-text-primary);--muted: var(--color-text-muted);--primary: var(--color-primary);--accent: var(--color-accent);--border: var(--color-border-light);--radius: var(--radius-lg);--shadow: var(--shadow-md)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em}a{color:var(--color-accent);text-decoration:none;transition:all var(--transition-smooth);position:relative}a:hover{color:var(--color-accent-hover);text-decoration:underline;transform:translateY(-1px)}a:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm);transform:translateY(-1px)}a:active{transform:translateY(0)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}h1{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:1.1;color:var(--color-primary)}h2{font-size:var(--text-h2);font-weight:var(--font-semibold);line-height:1.2;color:var(--color-primary)}h3{font-size:var(--text-h3);font-weight:var(--font-medium);line-height:1.3;color:var(--color-text-primary)}@media (min-width: 1024px){h1{font-size:var(--text-h1-lg)}h2{font-size:var(--text-h2-lg)}h3{font-size:var(--text-h3-lg)}}p{margin:0 0 var(--space-4) 0;line-height:1.5;color:var(--color-text-primary);font-size:var(--text-base)}.caption,.text-caption{font-size:var(--text-caption);line-height:1.5}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-strong{border-color:var(--color-border-strong)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}.transition-smooth{transition:all var(--transition-smooth)}.hover-lift:hover{transform:translateY(var(--lift-distance))}.hover-lift-large:hover{transform:translateY(var(--lift-distance-large))}.hover-scale:hover{transform:scale(var(--hover-scale))}.active-scale:active{transform:scale(var(--active-scale))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root{--transition-fast: .01ms;--transition-normal: .01ms;--transition-slow: .01ms;--transition-bounce: .01ms;--transition-smooth: .01ms;--hover-scale: 1;--active-scale: 1;--lift-distance: 0px;--lift-distance-large: 0px}.hover-lift:hover,.hover-lift-large:hover,.hover-scale:hover,.active-scale:active{transform:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm);transition:outline var(--transition-fast)}button,[role=button],.btn{transition:all var(--transition-smooth);cursor:pointer;position:relative;overflow:hidden}button:hover,[role=button]:hover,.btn:hover{transform:translateY(-1px)}button:active,[role=button]:active,.btn:active{transform:translateY(0) scale(.98)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.animate-fade-in-up,.animate-pulse,.animate-shimmer{animation:none!important}html{scroll-behavior:auto}@keyframes fadeInUp{0%,to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}}@keyframes shimmer{0%,to{background-position:0 0}}@keyframes slideIn{0%,to{width:4px;opacity:1}}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#0f172a;line-height:1.625}section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 1px 2px #0000000d}section h2{color:#3b82f6;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.sidebar{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:2rem 1.25rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.tag{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;font-weight:500}a{color:#3b82f6}a:hover{color:#2563eb}}@supports (-webkit-appearance: none){.sidebar{-webkit-backdrop-filter:blur(8px)}.sidebar nav::-webkit-scrollbar{height:8px}.sidebar nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:9999px}.sidebar nav::-webkit-scrollbar-thumb{background:#fff6;border-radius:9999px}}@-moz-document url-prefix(){.sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.1)}*:focus{outline:2px solid #3b82f6;outline-offset:2px}}@supports (-ms-ime-align: auto){.app-shell{display:-ms-grid;-ms-grid-columns:280px 1fr}.sidebar{-ms-grid-column:1}.app-content{-ms-grid-column:2}}.tag-list,.experience-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@supports not (display: grid){.app-shell{display:table;width:100%;table-layout:fixed}.sidebar{display:table-cell;width:280px;vertical-align:top}.app-content{display:table-cell;vertical-align:top}.grid-2{display:block}.grid-2>*{display:inline-block;width:48%;vertical-align:top;margin-right:2%}.grid-2>*:nth-child(2n){margin-right:0}}@supports not (transform: translateY(-2px)){.card:hover,section:hover,.tag:hover{margin-top:-2px;margin-bottom:2px}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.sidebar{display:none}.app-shell{display:block}.app-content{padding:0}section{break-inside:avoid;margin-bottom:1rem;padding:1rem;border:1px solid #ccc}.go-top{display:none}}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-bg-primary: #ffffff;--color-accent: #0000ff;--color-border-light: #000000}section{border:2px solid black}.card{border:1px solid black}.tag{border:1px solid black;background:#fff;color:#000}}@media (forced-colors: active){section{border:1px solid ButtonText;background:ButtonFace}.card{border:1px solid ButtonText;background:ButtonFace}.sidebar{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}a{color:LinkText}a:hover{color:VisitedText}}