@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html,body{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100vh;width:100%;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;padding-bottom:100px;padding-top:5px}button,a,.nav-item,.talk-button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-content::-webkit-scrollbar{display:none}@media (prefers-color-scheme: dark){.app{background:#fff}}.auth-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner-large{width:48px;height:48px;border:3px solid rgba(1,33,105,.2);border-top-color:#012169;border-radius:50%;animation:spinner-rotate .8s linear infinite}.loading-spinner-container p{font-size:16px;color:var(--glass-text-secondary);margin:0;font-weight:500}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.top-banner{position:fixed;top:0;left:0;right:0;width:100%;height:60px;z-index:1100;background:#fef5edf2;border-bottom:1px solid rgba(30,40,137,.08);border-radius:0;backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);box-shadow:0 4px 20px #1e28890d;padding-top:env(safe-area-inset-top);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.top-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#1e28890d,#1e28891a 50%,#1e28890d);pointer-events:none}.banner-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;max-width:100%;position:relative;z-index:1}.banner-title h1{font-size:24px;font-weight:700;color:#1e2889;margin:0;letter-spacing:-.5px;position:relative;transition:color .3s ease}.clickable-title{cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.clickable-title:hover{color:#ff8603}.banner-profile{display:flex;align-items:center;justify-content:center}.profile-image{width:36px;height:36px;border-radius:50%;border:2px solid rgba(30,40,137,.1);background:#fff;box-shadow:0 4px 20px #1e28890d;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-image.profile-clickable{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.profile-image.profile-clickable:after{content:"View Profile";position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(0);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s ease;z-index:1000}.profile-image.profile-clickable:hover:after{transform:translate(-50%) scale(1);opacity:1}.profile-image.profile-clickable:hover{transform:scale(1.05) translateY(-2px);border-color:#ff86034d;box-shadow:0 8px 32px #1e288914}.profile-image.profile-clickable:active{transform:scale(.95);box-shadow:0 2px 8px #1e28891a}.profile-image.profile-clickable:focus{outline:2px solid rgba(255,134,3,.5);outline-offset:2px}.profile-image.profile-clickable:focus:not(:focus-visible){outline:none}.profile-image.profile-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5d8bdd,#1e2889);position:relative;overflow:hidden}.profile-image.profile-initials:before{display:none}.initials-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none}.profile-image.profile-default{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef5ed,#feefd9);position:relative;overflow:hidden}.profile-image.profile-default svg{color:#5d8bdd;stroke-width:1.5;opacity:.9}.profile-image.profile-default:hover{background:linear-gradient(135deg,#feefd9,#feeac9)}.profile-image.profile-default:hover svg{color:#ff8603}.profile-image:not(.profile-initials):before{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;opacity:.8;display:flex;align-items:center;justify-content:center;filter:contrast(.9) brightness(1.1);pointer-events:none}.profile-image[data-has-image=true]:before{display:none}.profile-image[data-has-image=true]{background-size:cover;background-position:center;background-repeat:no-repeat}.profile-image.profile-with-image{background-color:transparent!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.profile-image[style*=background-image]:before{display:none}@media (max-width: 390px){.banner-title h1{font-size:20px}.profile-image{width:32px;height:32px}.profile-image:before{font-size:16px}.initials-text{font-size:12px}}@media (max-width: 768px){.banner-title h1{font-size:22px}.profile-image{width:34px;height:34px}}.navigation-wrapper{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform:translateY(0);pointer-events:auto}.navigation-wrapper.navigation-hidden{transform:translateY(calc(100% - 30px))}.navigation-wrapper.navigation-hidden .nav-item-wrapper.talk-item{transform:translateY(-90px)!important;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.navigation-wrapper.navigation-hidden .nav-item-wrapper:not(.talk-item){opacity:0;transition:opacity .3s ease-out;pointer-events:none}.navigation-bar{height:80px;padding:8px 0 20px;display:flex;align-items:center;justify-content:center;background:#fef5ed!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1px solid rgba(30,40,137,.08);box-shadow:0 -2px 12px #1e28890f;position:relative;overflow:visible!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-container{width:100%;max-width:440px;padding:0 20px;margin:0 auto;position:relative;z-index:10000}.nav-items{display:flex;justify-content:space-between;align-items:center;gap:0;position:relative;width:100%;height:100%}.nav-item-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:6px;flex:1;min-width:0;transition:all .2s ease}.nav-item-wrapper.talk-item{transform:translateY(0)}.nav-glass-circle{width:44px;height:44px;cursor:pointer;position:relative;border-radius:50%;overflow:hidden;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-glass-circle.talk-circle{width:44px;height:44px;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.nav-icon{width:24px;height:24px;color:#5d8bdd;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%;stroke-width:1.5}.nav-glass-circle.talk-circle .nav-icon{width:24px;height:24px;color:#5d8bdd}@media (hover: hover){.nav-glass-circle:hover:not(.active){transform:scale(1.1);background:#ff86030d}.nav-glass-circle:hover:not(.active) .nav-icon{color:#1e2889}.nav-glass-circle.talk-circle:hover:not(.active){transform:scale(1.1);background:#4a86430d}.nav-glass-circle.talk-circle:hover:not(.active) .nav-icon{color:#4a8643}}.nav-glass-circle:active{transform:scale(.95);background:#ff86031a}.nav-glass-circle:active .nav-icon{color:#ff8603}@media (hover: none) and (pointer: coarse){.nav-glass-circle:active:not(.active){transform:scale(.95)}}.nav-glass-circle.active{transform:scale(1);background:transparent!important}.nav-glass-circle.active .nav-icon{color:#ff8603!important}.nav-glass-circle.talk-circle.active{transform:scale(1);background:transparent!important}.nav-glass-circle.talk-circle.active .nav-icon{color:#ff8603!important}.nav-label{font-size:11px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#5d8bdd;letter-spacing:.2px;white-space:nowrap;text-transform:capitalize;margin-top:2px;transition:all .2s ease;text-shadow:none}.nav-item-wrapper.active .nav-label{color:#ff8603;font-weight:600}.nav-item-wrapper.talk-item .nav-label{color:#5d8bdd;font-weight:500;font-size:11px;text-transform:capitalize;letter-spacing:.2px}.nav-item-wrapper.talk-item.active .nav-label{color:#ff8603;font-weight:600}.nav-glass-circle:focus{outline:2px solid rgba(255,134,3,.5);outline-offset:2px}.nav-glass-circle:focus:not(:focus-visible){outline:none}@media (max-width: 390px){.nav-glass-circle,.nav-glass-circle.talk-circle{width:40px;height:40px}.nav-icon,.nav-glass-circle.talk-circle .nav-icon{width:22px;height:22px}.nav-label{font-size:10px}.navigation-bar{height:75px;padding:6px 0 18px}.nav-container{padding:0 16px}}@media (max-width: 350px){.nav-glass-circle,.nav-glass-circle.talk-circle{width:36px;height:36px}.nav-icon,.nav-glass-circle.talk-circle .nav-icon{width:20px;height:20px}.nav-label{font-size:9px}.navigation-bar{height:70px;padding:6px 0 16px}.nav-container{padding:0 12px}}.nav-glass-circle.voice-active{animation:voice-active-pulse 1.5s ease-in-out infinite;background:#4a86431a!important}.nav-glass-circle.voice-active .nav-icon{color:#4a8643!important}@keyframes voice-active-pulse{0%,to{transform:scale(1);background:#4a86431a}50%{transform:scale(1.05);background:#4a864326}}.voice-navigation-error{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#ff8603;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #ff86034d;z-index:10001;animation:error-slide-in .3s ease-out}.voice-navigation-error button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:0;line-height:1}.voice-navigation-error button:hover{opacity:.8}@keyframes error-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-glass-circle.recommended-action{position:relative}.nav-glass-circle.recommended-action:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ff8603;border-radius:50%;border:2px solid #FEF5ED;animation:recommended-pulse 2s ease-in-out infinite}@keyframes recommended-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.nav-glass-circle.recommended-action .nav-icon{color:#ff8603!important}.nav-item-wrapper.recommended-action .nav-label{color:#ff8603!important;font-weight:600}.nav-notch-tab{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:48px;height:30px;cursor:pointer;z-index:10001;background:#fef5ed!important;border-radius:12px 12px 0 0;border:1px solid rgba(30,40,137,.08);border-bottom:none;box-shadow:0 -2px 8px #1e28890a;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.navigation-wrapper:not(.navigation-hidden) .nav-notch-tab{opacity:.5;pointer-events:none;cursor:default}.navigation-wrapper.navigation-hidden .nav-notch-tab{opacity:1;cursor:pointer;animation:notch-hint 3s ease-in-out infinite}.notch-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:16px;height:12px;gap:2px;transition:all .3s ease}.nav-notch-tab .hamburger-line{width:14px;height:2px;background-color:#5d8bdd;border-radius:1px;transition:all .3s ease}@media (hover: hover){.navigation-wrapper.navigation-hidden .nav-notch-tab:hover{transform:translate(-50%) translateY(2px);background:#fef5ed!important;box-shadow:0 -2px 12px #1e288914}.navigation-wrapper.navigation-hidden .nav-notch-tab:hover .hamburger-line{background-color:#1e2889}}.navigation-wrapper.navigation-hidden .nav-notch-tab:active{transform:translate(-50%) translateY(-1px)}@keyframes notch-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}.nav-notch-tab:focus{outline:2px solid rgba(255,134,3,.5);outline-offset:3px}.nav-notch-tab:focus:not(:focus-visible){outline:none}@media (max-width: 480px){.nav-notch-tab{width:44px;height:28px;top:-28px}.notch-icon{width:14px;height:11px}.nav-notch-tab .hamburger-line{width:12px;height:1.5px}}@media (max-width: 390px){.nav-notch-tab{width:40px;height:26px;top:-26px}.notch-icon{width:12px;height:10px;gap:2px}.nav-notch-tab .hamburger-line{width:10px;height:1.5px}}@media (max-width: 350px){.nav-notch-tab{width:36px;height:24px;top:-24px}.notch-icon{width:10px;height:9px;gap:1.5px}.nav-notch-tab .hamburger-line{width:8px;height:1px}}.nav-glass-circle:focus-visible{outline:2px solid rgba(255,134,3,.5);outline-offset:2px;z-index:1}.nav-glass-circle{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-icon svg{pointer-events:none;user-select:none;-webkit-user-select:none}.nav-glass-circle{will-change:transform,color;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.nav-glass-circle.journal-talk-highlight{width:60px!important;height:60px!important;background:#4a864326!important;animation:journal-talk-pulse 2s ease-in-out infinite;box-shadow:0 4px 16px #4a86434d!important}.nav-glass-circle.journal-talk-highlight .nav-icon{width:32px!important;height:32px!important;color:#4a8643!important}.nav-item-wrapper.talk-item:has(.journal-talk-highlight) .nav-label{color:#4a8643!important;font-weight:600;font-size:12px}@keyframes journal-talk-pulse{0%,to{transform:scale(1);background:#4a864326;box-shadow:0 4px 16px #4a86434d}50%{transform:scale(1.1);background:#4a864340;box-shadow:0 6px 24px #4a864366}}@media (max-width: 390px){.nav-glass-circle.journal-talk-highlight{width:54px!important;height:54px!important}.nav-glass-circle.journal-talk-highlight .nav-icon{width:28px!important;height:28px!important}}@media (max-width: 350px){.nav-glass-circle.journal-talk-highlight{width:50px!important;height:50px!important}.nav-glass-circle.journal-talk-highlight .nav-icon{width:26px!important;height:26px!important}}.waveform{display:flex;align-items:center;justify-content:center;gap:2px;height:100%;width:100%}.waveform.small{gap:1px}.waveform.medium{gap:2px}.waveform.large{gap:3px}.waveform-bar{background:currentColor;border-radius:2px;transition:all .3s ease}.waveform.small .waveform-bar{width:2px;min-height:4px}.waveform.medium .waveform-bar{width:3px;min-height:6px}.waveform.large .waveform-bar{width:4px;min-height:8px}.waveform.inactive .waveform-bar{height:30%;opacity:.3}.waveform.active .waveform-bar{opacity:1;animation:waveform-pulse 1.5s ease-in-out infinite}.waveform.active .bar-1{animation-delay:0s}.waveform.active .bar-2{animation-delay:.1s}.waveform.active .bar-3{animation-delay:.2s}.waveform.active .bar-4{animation-delay:.3s}.waveform.active .bar-5{animation-delay:.4s}.waveform.active .bar-6{animation-delay:.5s}.waveform.active .bar-7{animation-delay:.6s}.waveform.user{color:#007aff}.waveform.agent{color:#fff}.waveform.idle{color:#94a3b8}@keyframes waveform-pulse{0%{height:30%;transform:scaleY(1)}25%{height:60%;transform:scaleY(1.2)}50%{height:100%;transform:scaleY(1.5)}75%{height:70%;transform:scaleY(1.1)}to{height:30%;transform:scaleY(1)}}.waveform.active .bar-1,.waveform.active .bar-4,.waveform.active .bar-7{animation-name:waveform-pulse-alt}@keyframes waveform-pulse-alt{0%{height:40%;transform:scaleY(1)}25%{height:80%;transform:scaleY(1.3)}50%{height:90%;transform:scaleY(1.4)}75%{height:50%;transform:scaleY(1.1)}to{height:40%;transform:scaleY(1)}}.waveform.active .bar-3,.waveform.active .bar-4,.waveform.active .bar-5{animation-name:waveform-pulse-center}@keyframes waveform-pulse-center{0%{height:35%;transform:scaleY(1)}25%{height:85%;transform:scaleY(1.4)}50%{height:100%;transform:scaleY(1.6)}75%{height:65%;transform:scaleY(1.2)}to{height:35%;transform:scaleY(1)}}.waveform{transition:color .5s ease}.waveform .waveform-bar{max-height:20px}.nav-icon .waveform{height:20px;width:20px}.nav-icon .waveform .waveform-bar{max-height:16px;min-height:3px}@media (max-width: 768px){.waveform.medium .waveform-bar{width:2px;min-height:4px;max-height:16px}.waveform.medium{gap:1px}}.login-screen-redesigned{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;background:linear-gradient(180deg,var(--soft-sand) 0%,var(--pure-white) 100%);display:flex;align-items:center;justify-content:center;padding:3rem;overflow:hidden}.login-background-pattern{position:absolute;inset:0;opacity:.03;background-image:linear-gradient(45deg,var(--deep-blue) 25%,transparent 25%),linear-gradient(-45deg,var(--deep-blue) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--deep-blue) 75%),linear-gradient(-45deg,transparent 75%,var(--deep-blue) 75%);background-size:50px 50px;background-position:0 0,0 25px,25px -25px,-25px 0px;pointer-events:none}.login-content-redesigned{position:relative;z-index:1;width:100%;max-width:480px}.login-card-redesigned{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;box-shadow:0 4px 6px #1e28890d,0 10px 20px #1e288914;border:1px solid rgba(30,40,137,.06)}.login-content-redesigned .fade-item-1,.login-content-redesigned .fade-item-2,.login-content-redesigned .fade-item-3,.login-content-redesigned .fade-item-4{opacity:0;transform:translateY(20px)}.login-content-redesigned.animate-in .fade-item-1{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:0ms}.login-content-redesigned.animate-in .fade-item-2{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.45s}.login-content-redesigned.animate-in .fade-item-3{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.9s}.login-content-redesigned.animate-in .fade-item-4{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:1.35s}.login-logo-redesigned{display:flex;align-items:flex-start;margin-bottom:2rem}.logo-circle-redesigned{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--deep-blue) 0%,var(--slate-blue) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1e288926;transition:transform .3s ease}.logo-circle-redesigned:hover{transform:scale(1.05)}.logo-text-redesigned{font-size:24px;font-weight:600;color:#fff;letter-spacing:-.5px}.login-header-redesigned{margin-bottom:2.5rem;text-align:left}.login-title-redesigned{font-size:2rem;font-weight:300;color:var(--deep-blue);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.2}.login-subtitle-redesigned{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5;font-weight:400}.login-body-redesigned{margin-bottom:2rem}.login-message-redesigned{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem;text-align:left}.google-signin-button-redesigned{width:100%;background:var(--coral-accent);color:#fff;border:none;border-radius:16px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #ff860333;display:flex;align-items:center;justify-content:center;gap:.75rem}.google-signin-button-redesigned:hover:not(:disabled){background:#e67a03;transform:translateY(-2px);box-shadow:0 6px 16px #ff86034d}.google-signin-button-redesigned:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #ff860333}.google-signin-button-redesigned:disabled{opacity:.6;cursor:not-allowed}.button-content,.button-loading{display:flex;align-items:center;gap:.75rem}.google-icon-redesigned{width:20px;height:20px;flex-shrink:0}.loading-spinner-redesigned{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.error-message-redesigned{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:#ff860314;border:1px solid rgba(255,134,3,.2);border-radius:12px;color:var(--coral-accent);font-size:.9rem;animation:fadeInSlideUp .3s ease-out}.error-icon-redesigned{flex-shrink:0}.login-footer-redesigned{padding-top:1.5rem;border-top:1px solid rgba(30,40,137,.08)}.footer-text-redesigned{font-size:.85rem;color:var(--text-tertiary);margin:0;line-height:1.6;text-align:left}.footer-link-redesigned{color:var(--deep-blue);text-decoration:none;font-weight:500;transition:opacity .3s ease}.footer-link-redesigned:hover{opacity:.7;text-decoration:underline}@media (max-width: 768px){.login-screen-redesigned,.login-card-redesigned{padding:2rem}.login-title-redesigned{font-size:1.75rem}.logo-circle-redesigned{width:56px;height:56px}.logo-text-redesigned{font-size:20px}}@media (max-width: 520px){.login-screen-redesigned{padding:1.5rem}.login-card-redesigned{padding:1.75rem}.login-title-redesigned{font-size:1.5rem}.login-subtitle-redesigned,.login-message-redesigned{font-size:.9rem}.google-signin-button-redesigned{font-size:.95rem;padding:.9rem 1.25rem}}@media (max-width: 400px){.login-screen-redesigned{padding:1rem}.login-card-redesigned{padding:1.5rem;border-radius:20px}.login-title-redesigned{font-size:1.35rem}.login-subtitle-redesigned,.login-message-redesigned{font-size:.85rem}.footer-text-redesigned{font-size:.8rem}}:root{--deep-blue: #1E2889;--soft-sand: #FEF5ED;--coral-accent: #FF8603;--moss-green: #4A8643;--slate-blue: #5D8BDD;--pure-white: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #64748B;--text-tertiary: #94A3B8}.onboarding-screen-redesigned{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;justify-content:flex-start;align-items:flex-start;min-height:100vh;background:linear-gradient(180deg,var(--soft-sand) 0%,var(--pure-white) 100%);padding:2rem 3rem;overflow-y:auto}.onboarding-container-redesigned{width:100%;max-width:900px;animation:containerFadeIn .5s ease-out}@keyframes containerFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-container-redesigned .fade-item-1,.onboarding-container-redesigned .fade-item-2,.onboarding-container-redesigned .fade-item-3{opacity:0;transform:translateY(20px)}.onboarding-container-redesigned.animate-in .fade-item-1{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:0ms}.onboarding-container-redesigned.animate-in .fade-item-2{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.45s}.onboarding-container-redesigned.animate-in .fade-item-3{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.9s}.onboarding-header-redesigned{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;position:relative;z-index:9999}.header-content-redesigned{flex:1}.welcome-title-redesigned{font-size:2.5rem;font-weight:300;color:var(--deep-blue);letter-spacing:-.02em;margin:0;line-height:1.2}.brand-emphasis{font-weight:600;font-style:italic}.user-name-emphasis{font-weight:500;color:var(--coral-accent)}.profile-section-redesigned{position:relative;z-index:99999;isolation:isolate}.profile-image-redesigned{width:48px;height:48px;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e28891a}.profile-image-redesigned.profile-with-image{background-color:transparent!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.profile-image-redesigned.profile-default{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef5ed,#feefd9)}.profile-image-redesigned.profile-default svg{color:#5d8bdd;stroke-width:1.5;opacity:.9}.profile-image-redesigned:hover{transform:scale(1.05);box-shadow:0 4px 12px #1e288926}.profile-menu-redesigned{position:absolute;top:56px;right:0;background:#fff;border-radius:16px;box-shadow:0 8px 24px #1e28891f;padding:1rem;min-width:220px;z-index:999999;animation:menuSlideDown .3s ease-out}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-user-info{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid rgba(30,40,137,.08)}.menu-user-name{font-weight:600;color:var(--deep-blue);margin:0 0 .25rem;font-size:.95rem}.menu-user-email{color:var(--text-secondary);margin:0;font-size:.85rem}.logout-button-redesigned{width:100%;background:transparent;color:var(--coral-accent);border:1px solid var(--coral-accent);border-radius:10px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-button-redesigned:hover{background:var(--coral-accent);color:#fff;transform:translateY(-1px)}.info-card-redesigned{background:#fff;border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #1e28890f;border:1px solid rgba(30,40,137,.06);position:relative;z-index:1}.info-title-redesigned{font-size:1.5rem;font-weight:500;color:var(--deep-blue);margin:0 0 1.5rem;letter-spacing:-.01em}.info-list-redesigned{list-style:none;padding:0;margin:0 0 1.5rem}.info-list-redesigned li{position:relative;padding:.6rem 0 .6rem 2rem;color:var(--text-primary);line-height:1.5;font-size:1rem}.info-list-redesigned li:before{content:"✓";position:absolute;left:0;color:var(--moss-green);font-weight:600;font-size:1.1rem}.privacy-note-redesigned{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin:0}.privacy-note-redesigned svg{color:var(--moss-green);flex-shrink:0}.start-button-redesigned{background:var(--coral-accent);color:#fff;border:none;border-radius:16px;padding:1.1rem 2rem;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff860340;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:320px}.start-button-redesigned:hover:not(:disabled){background:#e67a03;transform:translateY(-2px);box-shadow:0 6px 20px #ff860359}.start-button-redesigned:disabled{opacity:.6;cursor:not-allowed}.conversation-container-redesigned{animation:fadeInSlideUp .5s ease-out}.conversation-status-redesigned{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #1e28890f}.status-indicator-redesigned{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500}.status-dot-redesigned{width:12px;height:12px;border-radius:50%;background:var(--slate-blue);transition:all .3s ease}.status-dot-redesigned.speaking{background:var(--moss-green);animation:pulse 1.5s ease-in-out infinite}.status-dot-redesigned.listening{background:var(--coral-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.end-conversation-button-redesigned{background:transparent;color:var(--coral-accent);border:1px solid var(--coral-accent);border-radius:10px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.end-conversation-button-redesigned:hover{background:var(--coral-accent);color:#fff}.transcript-container-redesigned{height:450px;overflow-y:auto;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 2px 8px #1e28890f;margin-bottom:1.5rem;scroll-behavior:smooth}.message-bubble-redesigned{display:flex;margin-bottom:1rem;animation:messageSlideIn .4s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble-redesigned.user{justify-content:flex-end}.message-bubble-redesigned.agent{justify-content:flex-start}.message-content-redesigned{max-width:70%;border-radius:18px;padding:.75rem 1.25rem;box-shadow:0 2px 8px #00000014}.message-bubble-redesigned.user .message-content-redesigned{background:var(--deep-blue);color:#fff;border-bottom-right-radius:6px}.message-bubble-redesigned.agent .message-content-redesigned{background:var(--soft-sand);color:var(--text-primary);border-bottom-left-radius:6px;border:1px solid rgba(30,40,137,.08)}.message-text-redesigned{font-size:.95rem;line-height:1.5;margin-bottom:.25rem}.message-time-redesigned{font-size:.75rem;opacity:.7;text-align:right}.message-bubble-redesigned.typing .message-content-redesigned{background:var(--soft-sand);border:1px solid rgba(255,134,3,.2)}.typing-cursor-redesigned{opacity:1;animation:blink 1s infinite;color:var(--coral-accent);font-weight:600}.typing-indicator-redesigned{display:flex;align-items:center;gap:4px;padding:8px 0}.typing-indicator-redesigned span{width:8px;height:8px;border-radius:50%;background:var(--coral-accent);animation:typingDots 1.4s infinite ease-in-out}.typing-indicator-redesigned span:nth-child(1){animation-delay:-.32s}.typing-indicator-redesigned span:nth-child(2){animation-delay:-.16s}.typing-indicator-redesigned span:nth-child(3){animation-delay:0}@keyframes typingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.conversation-hints-redesigned{display:flex;justify-content:center;gap:2rem}.conversation-hints-redesigned p{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-secondary);font-size:.9rem}.conversation-hints-redesigned svg{color:var(--slate-blue)}.completion-message-redesigned{text-align:center;padding:3rem;background:#fff;border-radius:24px;box-shadow:0 2px 8px #1e28890f;animation:fadeInSlideUp .5s ease-out}.success-icon-redesigned{width:80px;height:80px;background:linear-gradient(135deg,var(--moss-green) 0%,#5FA652 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.completion-message-redesigned h2{color:var(--deep-blue);font-size:2rem;margin:0 0 .75rem;font-weight:500;letter-spacing:-.01em}.completion-message-redesigned p{color:var(--text-secondary);font-size:1.1rem;margin:0}.loading-container-redesigned,.loading-content-redesigned{text-align:center;padding:2rem}.spinner-redesigned{border:3px solid rgba(255,134,3,.2);border-top-color:var(--coral-accent);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-container-redesigned p,.loading-content-redesigned p{color:var(--text-secondary);font-size:1.1rem;margin:0}.error-card-redesigned{background:#ff860314;border:1px solid rgba(255,134,3,.2);border-radius:16px;padding:1.5rem;margin-top:1.5rem;animation:fadeInSlideUp .3s ease-out}.error-card-redesigned p{color:var(--coral-accent);margin:0 0 1rem;font-size:.95rem}.retry-button-redesigned{background:var(--coral-accent);color:#fff;border:none;border-radius:10px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-button-redesigned:hover{background:#e67a03;transform:translateY(-1px)}@media (max-width: 768px){.onboarding-screen-redesigned{padding:1.5rem}.welcome-title-redesigned{font-size:2rem}.onboarding-header-redesigned{flex-direction:column;gap:1rem}.profile-section-redesigned{align-self:flex-end}.info-card-redesigned{padding:2rem}.transcript-container-redesigned{height:400px}}@media (max-width: 520px){.onboarding-screen-redesigned{padding:1rem}.welcome-title-redesigned{font-size:1.5rem}.info-card-redesigned{padding:1.5rem;border-radius:20px}.info-title-redesigned{font-size:1.25rem}.info-list-redesigned li{font-size:.9rem;padding:.5rem 0 .5rem 1.75rem}.start-button-redesigned{font-size:1rem;padding:1rem 1.5rem}.transcript-container-redesigned{height:350px;padding:1rem}.message-content-redesigned{max-width:85%}.conversation-hints-redesigned{flex-direction:column;gap:.75rem}.conversation-hints-redesigned p{font-size:.85rem}}@media (max-width: 400px){.welcome-title-redesigned{font-size:1.35rem}.profile-image-redesigned{width:40px;height:40px}.info-card-redesigned{padding:1.25rem}.info-list-redesigned li{font-size:.85rem}.start-button-redesigned{font-size:.95rem;padding:.9rem 1.25rem}.completion-message-redesigned h2{font-size:1.5rem}.completion-message-redesigned p{font-size:1rem}}.text-conversation-container{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.text-conversation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.text-conversation-header h3{margin:0;font-size:18px;font-weight:600}.end-conversation-button{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.end-conversation-button:hover{background:#ffffff4d}.text-conversation-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#f7f9fc}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-bubble.agent{align-self:flex-start;background:#fff;color:#333;border:1px solid #e1e8ed;border-bottom-left-radius:4px}.message-content{margin:0}.message-content p{margin:0;line-height:1.5;font-size:15px;word-wrap:break-word}.message-timestamp{font-size:11px;margin-top:6px;opacity:.7}.message-bubble.user .message-timestamp{text-align:right;color:#fffc}.message-bubble.agent .message-timestamp{text-align:left;color:#8899a6}.typing-indicator{align-self:flex-start;display:flex;gap:4px;padding:12px 16px;background:#fff;border:1px solid #e1e8ed;border-radius:16px 16px 16px 4px;max-width:60px}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.text-input-container{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e1e8ed}.text-input-field{flex:1;padding:12px 16px;border:1px solid #e1e8ed;border-radius:8px;font-size:15px;font-family:inherit;resize:none;transition:border-color .2s;line-height:1.5}.text-input-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.text-input-field::placeholder{color:#8899a6}.text-input-send-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;min-width:80px}.text-input-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.text-input-send-button:active:not(:disabled){transform:translateY(0)}.text-input-send-button:disabled{opacity:.5;cursor:not-allowed}.text-conversation-loading,.text-conversation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.text-conversation-loading p,.text-conversation-error p{font-size:16px;color:#333;margin-bottom:16px}.text-conversation-error button{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600}@media (max-width: 768px){.text-conversation-container{height:100vh;max-width:100%;border-radius:0}.message-bubble{max-width:85%}.text-input-container{padding:12px 16px}.text-input-send-button{min-width:60px;padding:12px 16px}}.conversation-bubble-container{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px;width:100%;animation:fadeInUp .3s ease}.conversation-bubble-container.user{justify-content:flex-end;padding-left:60px}.conversation-bubble-container.agent{justify-content:flex-start;padding-right:60px}.bubble-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:#fff;display:flex;align-items:center;justify-content:center}.conversation-bubble{max-width:70%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #00000014;transition:all .2s ease}.bubble-user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.bubble-agent{background:#fff;color:#333;border:1px solid #e1e8ed;border-bottom-left-radius:4px}.bubble-compact{padding:8px 12px;font-size:14px}.bubble-detailed{padding:14px 18px;min-width:200px}.bubble-agent-name{font-size:12px;font-weight:600;color:#667eea;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.bubble-content{position:relative}.bubble-text{margin:0;line-height:1.5;font-size:15px;word-break:break-word}.typing-cursor{display:inline-block;width:2px;height:16px;background:currentColor;margin-left:1px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator{display:flex;gap:4px;padding:4px 0;align-items:center;min-height:20px}.typing-indicator span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite}.bubble-agent .typing-indicator span{background:#667eea}.bubble-user .typing-indicator span{background:#fff}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.bubble-typing{min-width:60px;max-width:80px}.bubble-metadata{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px}.bubble-timestamp{opacity:.7;font-size:11px}.bubble-user .bubble-timestamp{color:#ffffffd9}.bubble-agent .bubble-timestamp{color:#8899a6}.bubble-status{display:flex;align-items:center;opacity:.7}.status-icon{display:inline-block;vertical-align:middle}.status-icon.sending,.status-icon.sent{color:#ffffffb3}.status-icon.delivered{color:#ffffffe6}.status-icon.error{color:#f44}.bubble-error{background:#fff5f5;border:1px solid #ffdddd;color:#c00}.bubble-error.bubble-user{background:linear-gradient(135deg,#ff6b6b,#f44);border:none;color:#fff}.bubble-retry{padding:2px 8px;margin-left:8px;background:#fff3;color:currentColor;border:1px solid currentColor;border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;text-transform:uppercase;transition:all .2s}.bubble-retry:hover{background:#ffffff4d}.bubble-agent .bubble-retry{background:#667eea;color:#fff;border-color:#667eea}.bubble-agent .bubble-retry:hover{background:#5569d8}.bubble-animate{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conversation-bubble:hover{box-shadow:0 2px 8px #0000001f}.bubble-user:hover{transform:translateY(-1px)}@media (max-width: 768px){.conversation-bubble-container.user{padding-left:20px}.conversation-bubble-container.agent{padding-right:20px}.conversation-bubble{max-width:85%;font-size:14px;padding:10px 14px}.bubble-avatar{width:32px;height:32px}.bubble-text{font-size:14px}.bubble-compact{padding:6px 10px;font-size:13px}.bubble-detailed{padding:12px 16px;min-width:150px}}.conversation-bubble:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.bubble-agent{border-width:2px}.bubble-user{border:2px solid white}}@media (prefers-reduced-motion: reduce){.conversation-bubble,.conversation-bubble-container{animation:none}.typing-indicator span{animation:none;opacity:.7}.typing-cursor{animation:none;opacity:1}}@media print{.conversation-bubble-container{break-inside:avoid;page-break-inside:avoid}.bubble-avatar{display:none}.conversation-bubble{max-width:100%;box-shadow:none;border:1px solid #ddd;color:#000}.bubble-user{background:#f0f0f0;color:#000}.bubble-agent{background:#fff}}.screen{padding:8px 16px 20px;min-height:100%;background:transparent;position:relative}.screen-header{margin-bottom:16px;margin-top:0}.screen-title{font-size:32px;font-weight:600;color:#2c3e50;margin-top:0;margin-bottom:4px;letter-spacing:-.5px}.screen-subtitle{font-size:16px;color:#64748b;font-weight:400}.section-title{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:12px;letter-spacing:-.3px}.home-screen{background:#fff;position:relative}.welcome-message{margin-top:0;margin-bottom:16px;font-size:28px;font-weight:600;color:#2c3e50;padding:0;letter-spacing:-.5px}.home-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.home-content{margin-top:0;padding-top:0}.welcome-card{padding:24px;margin-bottom:24px;margin-top:0;border-radius:24px!important}.welcome-content{display:flex;align-items:center;gap:16px}.welcome-emoji{font-size:48px}.welcome-text h2{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:4px}.welcome-text p{font-size:16px;color:#64748b}.quick-actions{margin-bottom:24px}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-card{padding:20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.action-card:hover{transform:translateY(-4px) scale(1.02);border-color:#fff3}.action-card:active{transform:scale(.95)}.action-emoji{font-size:32px;margin-bottom:8px;display:block}.action-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:4px}.action-description{font-size:14px;color:#94a3b8}.activity-list{padding:16px;border-radius:20px!important}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.1)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:24px}.activity-details{flex:1}.activity-title{font-size:16px;font-weight:500;color:#2c3e50;margin-bottom:2px}.activity-time{font-size:12px;color:#94a3b8}.learn-screen{background:#fff}.learn-content{margin-top:0}.courses-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.course-card{padding:16px}.course-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.course-emoji{font-size:28px}.course-info{flex:1}.course-title{font-size:16px;font-weight:600;color:#000;margin-bottom:2px}.course-duration{font-size:12px;color:#00000080}.progress-container{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#012169,#003a7c);border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;font-weight:600;color:#000000b3;min-width:35px}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.recommendation-card{padding:16px;text-align:center;cursor:pointer}.rec-emoji{font-size:32px;display:block;margin-bottom:8px}.rec-title{font-size:14px;font-weight:600;color:#000;margin-bottom:4px}.rec-level{font-size:11px;color:#00000080;text-transform:uppercase;letter-spacing:.5px}.stats-card{padding:20px}.stats-title{font-size:18px;font-weight:600;color:#000;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#000;margin-bottom:4px}.stat-label{font-size:11px;color:#0009;text-transform:uppercase}.network-screen{background:#fff}.network-content{margin-top:0}.network-stats{padding:16px;margin-bottom:24px}.stats-row{display:flex;justify-content:space-around}.stat-block{text-align:center}.stat-number{display:block;font-size:28px;font-weight:700;color:#000;margin-bottom:4px}.connections-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.connection-card{display:flex;align-items:center;gap:12px;padding:12px}.connection-avatar{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff4d;border-radius:24px}.connection-info{flex:1}.connection-name{font-size:16px;font-weight:600;color:#000;margin-bottom:2px}.connection-role{font-size:13px;color:#000000b3}.connection-company{font-size:12px;color:#00000080}.message-btn{padding:6px 12px!important;font-size:13px!important;min-height:32px!important}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{display:flex;align-items:center;gap:12px;padding:12px}.suggestion-avatar{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff4d;border-radius:24px}.suggestion-info{flex:1}.suggestion-name{font-size:16px;font-weight:600;color:#000;margin-bottom:2px}.suggestion-role{font-size:13px;color:#000000b3}.mutual-connections{font-size:12px;color:#00000080}.resume-screen{background:#fff}.resume-content{margin-top:0}.resume-score-card{display:flex;align-items:center;gap:20px;padding:20px;margin-bottom:24px}.score-circle{position:relative;width:100px;height:100px}.score-svg{width:100%;height:100%}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{display:block;font-size:28px;font-weight:700;color:#000}.score-label{font-size:11px;color:#0009;text-transform:uppercase}.score-details h3{font-size:18px;font-weight:600;color:#000;margin-bottom:4px}.score-details p{font-size:13px;color:#0009}.improvements-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.improvement-card{display:flex;align-items:center;gap:12px;padding:12px}.priority-indicator{width:4px;height:30px;border-radius:2px}.priority-indicator.high{background:#ff3b30}.priority-indicator.medium{background:#ff9500}.priority-indicator.low{background:#34c759}.improvement-text{flex:1;font-size:14px;color:#000}.priority-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#ff3b301a;color:#ff3b30}.priority-badge.medium{background:#ff95001a;color:#ff9500}.priority-badge.low{background:#34c7591a;color:#34c759}.sections-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.section-card{display:flex;align-items:center;gap:12px;padding:12px}.section-icon{font-size:24px}.section-info{flex:1}.section-name{font-size:16px;font-weight:600;color:#000;margin-bottom:2px}.section-status{font-size:12px;text-transform:capitalize}.section-status.complete{color:#34c759}.section-status.needs-update{color:#ff9500}.section-status.incomplete{color:#ff3b30}.resume-actions{display:flex;gap:12px;margin-top:24px}.action-button{flex:1}.journal-screen{background:#fff}.journal-content{margin-top:0}.quick-entry{padding:20px;text-align:center;margin-bottom:24px}.entry-title{font-size:18px;font-weight:600;color:#000;margin-bottom:16px}.mood-selector{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.mood-option{font-size:32px;background:none;border:none;cursor:pointer;transition:transform .2s ease;padding:8px}.mood-option:active{transform:scale(1.2)}.new-entry-btn{width:100%}.prompts-carousel{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;-webkit-overflow-scrolling:touch}.prompt-card{min-width:250px;padding:16px}.prompt-text{font-size:14px;color:#000;font-style:italic}.entries-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.journal-entry{padding:16px}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.entry-mood{font-size:24px}.entry-date{font-size:12px;color:#00000080}.entry-preview{font-size:14px;color:#000000b3;line-height:1.4;margin-bottom:8px}.entry-tags{display:flex;flex-wrap:wrap;gap:6px}.entry-tag{font-size:11px;color:#0009;background:#0000000d;padding:2px 8px;border-radius:12px}.insights-card{padding:16px}.insights-title{font-size:18px;font-weight:600;color:#000;margin-bottom:12px}.insights-grid{display:grid;grid-template-columns:1fr;gap:12px}.insight-item{display:flex;align-items:center;gap:12px}.insight-icon{font-size:20px}.insight-text{font-size:14px;color:#000c}.talk-screen{padding-bottom:20px}.talk-content{display:flex;flex-direction:column;gap:24px;padding:0 16px}.voice-interface{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.voice-circle-container{position:relative;display:flex;align-items:center;justify-content:center}.voice-circle{width:120px;height:120px;border-radius:60px;background:#677eea0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid rgba(103,126,234,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);color:#677eea;box-shadow:18px 18px 10px -20px #677eea4d inset,-14px -14px 7px -12px #b3b3b399 inset,0 8px 24px #677eea33}.voice-circle:hover{transform:scale(1.05);border-color:#677eea4d;box-shadow:18px 18px 10px -20px #677eea66 inset,-14px -14px 7px -12px #b3b3b399 inset,0 10px 30px #677eea4d}.voice-circle:active{transform:scale(.95)}.voice-circle.listening{background:#677eea1a;border-color:#677eea66;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%{box-shadow:18px 18px 10px -20px #677eea66 inset,-14px -14px 7px -12px #b3b3b399 inset,0 0 20px #677eea4d}50%{box-shadow:18px 18px 10px -20px #677eea80 inset,-14px -14px 7px -12px #b3b3b399 inset,0 0 40px #677eea80}to{box-shadow:18px 18px 10px -20px #677eea66 inset,-14px -14px 7px -12px #b3b3b399 inset,0 0 20px #677eea4d}}.voice-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ripple-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(103,126,234,.4);animation:ripple 1.5s ease-out infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-ring:nth-child(2){animation-delay:.5s}.ripple-ring:nth-child(3){animation-delay:1s}@keyframes ripple{0%{width:120px;height:120px;opacity:1}to{width:200px;height:200px;opacity:0}}.voice-status{font-size:16px;color:#2c3e50;text-align:center;font-weight:500}.transcript-container{padding:16px;min-height:80px}.transcript-text{font-size:15px;color:#475569;line-height:1.5;text-align:center}.conversation-starters{display:flex;flex-direction:column;gap:12px}.starters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.starter-card{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.starter-card:active{transform:scale(.95)}.starter-emoji{font-size:28px}.starter-text{font-size:13px;font-weight:500;color:#475569;text-align:center}.recent-conversations{display:flex;flex-direction:column;gap:12px}.conversations-list{padding:12px;display:flex;flex-direction:column;gap:12px}.conversation-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:background .2s ease}.conversation-item:hover{background:#00000005}.conversation-icon{font-size:20px}.conversation-details{flex:1;display:flex;flex-direction:column;gap:4px}.conversation-title{font-size:14px;font-weight:500;color:#2c3e50}.conversation-time{font-size:12px;color:#94a3b8}.comparison-content{margin-top:0}.home-screen-redesigned{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#fef5ed,#fff);min-height:100vh;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.home-container-minimal{max-width:800px;width:100%;padding:1.5rem 3rem 3rem;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}@keyframes gentlePulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.home-container-minimal .line-1,.home-container-minimal .line-2,.home-container-minimal .line-3,.home-container-minimal .line-4{opacity:0;transform:translateY(20px);width:100%;margin-left:0;padding-left:0}.home-container-minimal.animate-in .line-1{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:0ms}.home-container-minimal.animate-in .line-2{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.45s}.home-container-minimal.animate-in .line-3{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.9s}.home-container-minimal.animate-in .line-4{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:1.35s}.greeting-minimal{font-size:clamp(2rem,5vw,4rem);font-weight:700;font-style:italic;letter-spacing:-.02em;color:#1e2889;margin:0;padding:0;text-align:left;line-height:1;white-space:nowrap;display:block}.weather-minimal{width:100%;display:flex;justify-content:flex-start;align-items:center;min-height:80px;padding:0;margin:0}.weather-slots-minimal{display:flex;align-items:center;justify-content:space-between;width:100%}.weather-slot-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.slot-time-minimal{font-size:1rem;font-weight:400;color:#64748b;text-align:center}.weather-slot-minimal.current-slot .slot-time-minimal{font-weight:600;color:#1e2889}.weather-slot-minimal.current-slot .slot-icon-minimal{color:#1e2889}.weather-slot-minimal.current-slot .slot-temp-minimal{font-weight:600;color:#1e2889}.slot-icon-minimal{display:flex;align-items:center;justify-content:center;color:#000}.slot-icon-minimal svg{width:56px;height:56px}.slot-temp-minimal{font-size:1.75rem;font-weight:300;color:#2c3e50;text-align:center}.date-location-minimal{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.95rem;color:#64748b;font-weight:400;padding:0;margin:0}.date-minimal{color:#64748b}.separator-minimal{color:#cbd5e1;font-weight:300}.location-minimal{color:#64748b}.weather-loading{animation:gentlePulse 2s ease-in-out infinite}.location-prompt{cursor:pointer;text-decoration:underline;transition:opacity .2s ease}.location-prompt:hover{opacity:.7}.guidance-summary-minimal{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:0}.guidance-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;line-height:1.6;color:#64748b;margin:0;padding:0;text-align:left;font-weight:400;letter-spacing:-.01em}.guidance-highlight{color:#1e2889;font-weight:500}.guidance-action{color:#ff8603;font-weight:600;font-style:italic}@media (max-width: 768px){.home-container-minimal{padding:1rem 1.5rem 1.5rem;gap:.35rem}.weather-slots-minimal{justify-content:space-between}.slot-time-minimal{font-size:.9rem}.slot-icon-minimal svg{width:48px;height:48px}.slot-temp-minimal{font-size:1.5rem}.date-location-minimal{font-size:.9rem}.guidance-text{font-size:1rem}}@media (max-width: 520px){.home-container-minimal{gap:.3rem}.weather-slots-minimal{justify-content:space-between}.weather-slot-minimal{flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.slot-time-minimal{text-align:center;font-size:.9rem}.slot-icon-minimal svg{width:44px;height:44px}.slot-temp-minimal{font-size:1.4rem}.date-location-minimal{justify-content:space-between;font-size:.85rem}.separator-minimal{display:none}.guidance-text{font-size:.95rem}}@media (max-width: 400px){.home-container-minimal{padding:.75rem 1rem 1rem;gap:.25rem}.greeting-minimal{font-size:clamp(1.8rem,5vw,2.5rem)}.slot-icon-minimal svg{width:40px;height:40px}.slot-temp-minimal{font-size:1.25rem}.date-location-minimal{font-size:.85rem}.guidance-text{font-size:.9rem;line-height:1.5}}.screen-bottom-padding{height:100px;width:100%;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:transparent}.screen-bottom-padding.with-sub-nav{height:180px}@media (max-width: 390px){.screen-bottom-padding{height:95px}.screen-bottom-padding.with-sub-nav{height:170px}}@media (max-width: 350px){.screen-bottom-padding{height:90px}.screen-bottom-padding.with-sub-nav{height:160px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.screen-bottom-padding{padding-bottom:env(safe-area-inset-bottom,0)}}.learn-screen{background:linear-gradient(180deg,#fef5ed,#fff);max-width:1200px;margin:0 auto;min-height:100vh;padding:1.5rem 2rem}.learn-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:0}.learn-top-image-container{width:100%;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.learn-top-image{max-width:240px;width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px #1e28890f;transition:transform .3s ease,box-shadow .3s ease}.learn-top-image:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e28891a}.learn-tile{padding:2rem;border-radius:24px;background:#fff!important;border:1px solid rgba(30,40,137,.08)!important;position:relative;z-index:1;box-shadow:0 4px 20px #1e28890d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUpFade .6s ease}.learn-tile:hover{box-shadow:0 8px 32px #1e288914;border-color:#ff860333!important;transform:translateY(-2px)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learn-placeholder{padding:2rem;text-align:center;color:#64748b;font-size:.95rem;min-height:100px;display:flex;align-items:center;justify-content:center}.learn-tile *{background:transparent!important}.learn-tile .skill-pill,.learn-tile .skill-pill-floating,.learn-tile .skill-pill-inline,.learn-tile .add-skill-input-group,.learn-tile .add-skill-btn,.learn-tile .refresh-skills-btn{background:#fff!important}.learn-tile .collapsible-section{background:transparent!important;box-shadow:none!important}.learn-tile .skill-recommendations-container,.learn-tile .collapsible-content{background:transparent!important}.learn-tile .liquid-glass{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.learn-tile .liquid-glass:before,.learn-tile .liquid-glass:after{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (max-width: 768px){.learn-screen{padding:1rem 1.5rem}.learn-content{gap:1rem}.learn-top-image-container{margin-bottom:1.5rem}.learn-top-image{max-width:180px}.learn-tile{padding:1.5rem;border-radius:20px}}@media (max-width: 520px){.learn-screen{padding:1rem}.learn-top-image{max-width:180px}.learn-content{gap:.75rem}.learn-tile{padding:1.25rem;border-radius:16px}}@media (max-width: 400px){.learn-screen{padding:.75rem}.learn-tile{padding:1rem}}:root{--glass-base: rgba(103, 126, 234, .03);--glass-border: rgba(103, 126, 234, .15);--glass-highlight: rgba(255, 255, 255, 1);--glass-shadow: rgba(179, 179, 179, .3);--glass-text-primary: #2c3e50;--glass-text-secondary: #475569;--glass-text-tertiary: #64748b;--glass-text-placeholder: #94a3b8;--glass-blur-layer1: 100px;--glass-blur-layer2: 90px;--glass-blur-layer3: 80px;--glass-blur-layer4: 70px;--glass-blur-layer5: 60px;--glass-blur-layer6: 50px;--glass-blur-layer7: 35px;--glass-blur-layer8: 25px;--glass-blur-layer9: 15px;--glass-blur-layer10: 5px;--glass-bg-minimal: rgba(103, 126, 234, .02);--glass-bg-light: rgba(103, 126, 234, .03);--glass-bg-medium: rgba(103, 126, 234, .04);--glass-bg-full: rgba(103, 126, 234, .05);--ios-system-blue: #007AFF;--ios-system-green: #34C759;--ios-system-indigo: #5856D6;--ios-system-orange: #FF9500;--ios-system-pink: #FF2D55;--ios-system-purple: #012169;--ios-system-red: #FF3B30;--ios-system-teal: #5AC8FA;--ios-system-yellow: #FFCC00;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-button: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--glass-inner-shadow: 18px 18px 10px -20px rgba(103, 126, 234, .1) inset, -14px -14px 7px -12px rgba(179, 179, 179, .2) inset}.liquid-glass{position:relative;background:var(--glass-base);border:2px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-inner-shadow),0 4px 12px #677eea14;overflow:hidden}.liquid-glass:before,.liquid-glass:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:inherit;pointer-events:none}.liquid-glass:before{width:calc(100% - 8px);height:calc(100% - 8px);background:var(--glass-base);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.liquid-glass:after{width:calc(100% - 16px);height:calc(100% - 16px);background:var(--glass-base);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.liquid-glass.minimal{backdrop-filter:blur(var(--glass-blur-layer10));-webkit-backdrop-filter:blur(var(--glass-blur-layer10))}.liquid-glass.minimal:before{backdrop-filter:blur(var(--glass-blur-layer5));-webkit-backdrop-filter:blur(var(--glass-blur-layer5))}.liquid-glass.minimal:after{display:none}.liquid-glass.light{backdrop-filter:blur(var(--glass-blur-layer10));-webkit-backdrop-filter:blur(var(--glass-blur-layer10))}.liquid-glass.light:before{backdrop-filter:blur(var(--glass-blur-layer8));-webkit-backdrop-filter:blur(var(--glass-blur-layer8))}.liquid-glass.light:after{backdrop-filter:blur(var(--glass-blur-layer5));-webkit-backdrop-filter:blur(var(--glass-blur-layer5))}.liquid-glass.medium{backdrop-filter:blur(var(--glass-blur-layer10));-webkit-backdrop-filter:blur(var(--glass-blur-layer10))}.liquid-glass.medium:before{backdrop-filter:blur(var(--glass-blur-layer7));-webkit-backdrop-filter:blur(var(--glass-blur-layer7))}.liquid-glass.medium:after{backdrop-filter:blur(var(--glass-blur-layer4));-webkit-backdrop-filter:blur(var(--glass-blur-layer4))}.liquid-glass.full{backdrop-filter:blur(var(--glass-blur-layer10)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur-layer10)) saturate(180%)}.liquid-glass.full:before{backdrop-filter:blur(var(--glass-blur-layer6));-webkit-backdrop-filter:blur(var(--glass-blur-layer6))}.liquid-glass.full:after{backdrop-filter:blur(var(--glass-blur-layer3));-webkit-backdrop-filter:blur(var(--glass-blur-layer3))}.glass-button{position:relative;background:#677eea0a;border:2px solid rgba(103,126,234,.2);border-radius:var(--radius-lg);box-shadow:var(--glass-inner-shadow),0 2px 8px #677eea1a;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-button);font-weight:600;color:var(--glass-text-primary);backdrop-filter:blur(var(--glass-blur-layer8)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-layer8)) saturate(120%);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:60px;overflow:hidden}.glass-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.glass-button:hover:before{transform:translate(100%)}.glass-button:active{transform:scale(.95)}.glass-button.primary{background:linear-gradient(135deg,#677eea14,#677eea0d);border-color:#677eea4d;color:#012169}.glass-card{position:relative;background:#677eea08;border:2px solid rgba(103,126,234,.12);border-radius:var(--radius-xl);box-shadow:var(--glass-inner-shadow),0 4px 12px #677eea0f;backdrop-filter:blur(var(--glass-blur-layer8)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-layer8)) saturate(120%);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.glass-card:before{content:"";position:absolute;inset:2px;background:var(--glass-base);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:inherit;z-index:-1}.glass-card:hover{transform:translateY(-2px) scale(1.02);border-color:#677eea33;box-shadow:var(--glass-inner-shadow),0 6px 16px #677eea1f}.glass-card.small{border-radius:var(--radius-lg);padding:var(--spacing-md)}.glass-card.medium{border-radius:calc(var(--radius-xl) * .75)}.glass-card.large{border-radius:var(--radius-2xl);padding:var(--spacing-2xl)}.glass-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff3;border:2px solid rgba(255,255,255,.25);border-top:1px solid rgba(255,255,255,.35);border-radius:24px 24px 0 0;box-shadow:0 -4px 25px #677eea26,0 -2px 10px #00000014,inset 0 1px 3px #ffffff80,var(--glass-inner-shadow);backdrop-filter:blur(35px) saturate(160%);-webkit-backdrop-filter:blur(35px) saturate(160%);z-index:9999;padding-bottom:env(safe-area-inset-bottom,0px);padding-top:8px;transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:visible}.glass-nav.navigation-bar{position:fixed!important;bottom:0!important;display:flex!important}.glass-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.glass-input{background:#677eea05;border:2px solid rgba(103,126,234,.15);border-radius:var(--radius-md);box-shadow:var(--glass-inner-shadow),0 2px 6px #677eea0d;backdrop-filter:blur(var(--glass-blur-layer9)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-layer9)) saturate(120%);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--glass-text-primary);transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%;min-height:56px}.glass-input::placeholder{color:var(--glass-text-placeholder)}.glass-input:focus{outline:none;border-color:#677eea4d;box-shadow:var(--glass-inner-shadow),0 0 0 4px #677eea1a,0 2px 8px #677eea1a}@keyframes glass-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.glass-shimmer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:glass-shimmer 2s infinite}.glass-shadow-sm{box-shadow:var(--shadow-sm)}.glass-shadow-md{box-shadow:var(--shadow-md)}.glass-shadow-lg{box-shadow:var(--shadow-lg)}.glass-shadow-xl{box-shadow:var(--shadow-xl)}.glass-radius-sm{border-radius:var(--radius-sm)}.glass-radius-md{border-radius:var(--radius-md)}.glass-radius-lg{border-radius:var(--radius-lg)}.glass-radius-xl{border-radius:var(--radius-xl)}.learn-tile .collapsible-section{background:transparent!important;box-shadow:none!important;padding:8px 6px;border-radius:10px;border:none!important;position:relative;z-index:1;transition:all .3s ease;width:100%;margin:0 auto}.collapsible-section:not(.learn-tile .collapsible-section){padding:1.5rem;border-radius:24px;background:#fff;border:1px solid rgba(30,40,137,.08);position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;margin:0 auto 1.5rem;box-shadow:0 4px 20px #1e28890d}.collapsible-section:not(.learn-tile .collapsible-section):hover{box-shadow:0 8px 32px #1e288914;transform:translateY(-2px)}.learn-tile .collapsible-section:hover{box-shadow:none!important;transform:none!important}.collapsible-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;padding-bottom:0;margin-top:0;transition:margin .3s ease;gap:8px}.collapsible-header:hover .collapse-toggle{background:#3b82f61a;border-color:#3b82f64d}.header-content{flex:1}.header-actions{display:flex;align-items:center;gap:6px}.refresh-toggle{width:28px;height:28px;border-radius:6px;border:1.5px solid rgba(0,0,0,.1);background:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.refresh-toggle:hover{background:#677eea1a;border-color:#677eea4d}.refresh-toggle:hover .refresh-icon-small{transform:rotate(180deg)}.refresh-toggle:disabled{opacity:.6;cursor:not-allowed}.refresh-toggle.refreshing .refresh-icon-small{animation:spin 1s linear infinite}.refresh-icon-small{width:16px;height:16px;color:#677eea;transition:transform .3s ease}.collapsible-section .section-title{margin:0;color:#1e2889;font-weight:700;font-size:1.25rem;z-index:10;position:relative;line-height:1.3}.section-subtitle{margin:.4rem 0 0;color:#64748b;font-size:.95rem;font-weight:400;line-height:1.5;z-index:10;position:relative}.collapse-toggle{width:32px;height:32px;border-radius:8px;border:1px solid rgba(30,40,137,.15);background:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.collapse-toggle:hover{background:#5d8bdd1a;border-color:#5d8bdd4d;transform:scale(1.05)}.chevron-icon{width:18px;height:18px;color:#5d8bdd;transition:transform .3s ease}.chevron-icon.expanded{transform:rotate(180deg)}.collapsible-content{overflow:hidden;transition:all .3s ease;transform-origin:top}.collapsible-content.expanded{opacity:1;max-height:none;margin-top:4px;padding-top:0;transform:scaleY(1);visibility:visible;display:block}.collapsible-content.collapsed{opacity:0;max-height:0!important;margin:0!important;padding:0!important;transform:scaleY(0);visibility:hidden;overflow:hidden;transition:all .3s ease,visibility 0s .3s;display:none}.collapsible-section *{position:relative;z-index:2}@media (max-width: 768px){.collapsible-section:not(.learn-tile .collapsible-section){padding:1.25rem;border-radius:20px}.collapsible-section .section-title{font-size:1.15rem}.section-subtitle{font-size:.9rem}.collapse-toggle,.refresh-toggle{width:30px;height:30px}.chevron-icon,.refresh-icon-small{width:16px;height:16px}.header-actions{gap:.5rem}}.collapsible-section.liquid-glass{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.collapsible-section.liquid-glass:before,.collapsible-section.liquid-glass:after{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (max-width: 480px){.collapsible-section:not(.learn-tile .collapsible-section){padding:1rem;border-radius:16px}.collapsible-section .section-title{font-size:1.05rem}.section-subtitle{font-size:.85rem;line-height:1.4}.collapse-toggle,.refresh-toggle{width:28px;height:28px}.chevron-icon,.refresh-icon-small{width:14px;height:14px}.collapsible-header{gap:.5rem}.header-actions{gap:.375rem}}.skill-recommendations-container{padding:16px 12px;width:100%;max-width:none;background:transparent!important}.skills-section{margin-bottom:1.5rem}.skills-section:last-child{margin-bottom:0}.skills-section-title{font-size:1.25rem;font-weight:700;color:#1e2889;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(30,40,137,.08);line-height:1.3}.skill-recommendations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px}.loading-main-text{color:#2c3e50;font-size:1rem;font-weight:600;text-align:center;margin:0}.progress-bar-container{display:flex;align-items:center;gap:12px;width:100%}.progress-bar-background{flex:1;height:8px;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:100px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-bar-fill{height:100%;background:linear-gradient(135deg,#ff8603,#ffb563);border-radius:100px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #ff86034d}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-percentage{font-size:.875rem;font-weight:700;color:#ff8603;min-width:35px;text-align:right}.loading-message-cycling{color:#64748b;font-size:14px;font-style:italic;text-align:center;margin:0;display:flex;align-items:center;gap:8px;animation:fadeInOut 2s ease;min-height:22px}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.loading-emoji{font-size:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.skill-error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:16px;color:#dc2626;font-size:14px}.skill-error-message .error-icon{font-size:18px;flex-shrink:0}.skills-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.skill-item-inline{display:block;animation:fadeIn .3s ease;line-height:1.6}.skill-item-wrapped{display:block;position:relative;animation:fadeIn .3s ease;line-height:1.6;min-height:32px;margin-bottom:12px}.skill-item{display:flex;align-items:flex-start;gap:8px;padding:3px 0;animation:fadeIn .3s ease;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.skill-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-top:1px}.skill-pill:hover{background:#fff;border-color:#ff860333;box-shadow:0 4px 20px #1e28890d;transform:translateY(-2px)}.skill-pill-floating{float:left;display:inline-flex;align-items:center;gap:4px;padding:4px 12px;margin:0 8px 8px 0;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #1e28890d;height:auto}.skill-pill-floating:hover{background:#fff;border-color:#ff860333;box-shadow:0 8px 32px #1e288914;transform:translateY(-2px)}.skill-name{font-size:.875rem;font-weight:600;color:#1e2889;white-space:nowrap;letter-spacing:.02em;line-height:1.2}.skill-delete-btn{display:flex;align-items:center;justify-content:center;width:10px;height:10px;padding:0;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:50%;color:#dc2626;font-size:8px;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:.6}.skill-delete-btn:hover{background:#ef444426;border-color:#ef444466;opacity:1;transform:scale(1.1)}.skill-delete-btn:active{transform:scale(.95)}.skill-rationale{flex:1;font-size:13px;color:#475569;line-height:1.5;padding-top:2px}.skill-rationale-inline{font-size:13px;color:#475569;line-height:1.6;margin:0;text-align:left}.skill-pill-inline{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;margin-right:8px;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #1e28890d;height:auto;vertical-align:middle;position:relative;top:-1px}.skill-pill-inline:hover{background:#fff;border-color:#ff860333;box-shadow:0 8px 32px #1e288914;transform:translateY(-2px)}.skill-rationale-wrapped{display:block;font-size:13px;color:#475569;line-height:1.6;margin:0;text-align:left;clear:left;padding-top:2px}.add-skill-container{margin-top:12px}.add-skill-btn{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;background:#fff;border:1px dashed rgba(30,40,137,.2);border-radius:16px;font-size:.875rem;font-weight:500;color:#5d8bdd;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-skill-btn:hover{background:#fff;border-style:solid;border-color:#ff8603;color:#ff8603;transform:translateY(-2px);box-shadow:0 8px 32px #1e288914}.add-skill-btn .add-icon{font-size:16px;font-weight:300;line-height:1}.add-skill-btn .add-text{font-weight:500}.add-skill-input-group{display:inline-flex;align-items:center;gap:8px;padding:4px;background:#fff!important;border:1px solid #e0e0e0;border-radius:24px;animation:expandIn .2s ease}@keyframes expandIn{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}.add-skill-input{flex:1;min-width:150px;padding:6px 12px;background:transparent;border:none;font-size:14px;color:#334155;outline:none}.add-skill-input::placeholder{color:#94a3b8}.add-skill-confirm,.add-skill-cancel{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid transparent;font-size:16px;cursor:pointer;transition:all .2s ease}.add-skill-confirm{background:linear-gradient(135deg,#10b9811a,#22c55e1a);border-color:#10b9814d;color:#10b981}.add-skill-confirm:hover:not(:disabled){background:linear-gradient(135deg,#10b98133,#22c55e33);border-color:#10b98180;transform:scale(1.1)}.add-skill-confirm:disabled{opacity:.4;cursor:not-allowed}.add-skill-cancel{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.add-skill-cancel:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.skill-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.skill-action-buttons{display:flex;align-items:center;gap:8px;width:100%;max-width:400px}.refresh-skills-btn{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:16px;font-size:.875rem;font-weight:500;color:#5d8bdd;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-skills-btn:hover{background:#fff;border-color:#ff860333;color:#ff8603;transform:translateY(-2px);box-shadow:0 8px 32px #1e288914}.refresh-skills-btn:active{transform:translateY(0)}.skill-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.5rem 1rem;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:16px;font-size:.875rem;font-weight:500;color:#5d8bdd;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;white-space:nowrap}.skill-action-btn:hover{background:#fff;border-color:#ff860333;color:#ff8603;transform:translateY(-2px);box-shadow:0 8px 32px #1e288914}.skill-action-btn:active{transform:translateY(0)}.skill-action-btn .action-icon{font-size:16px;font-weight:300;line-height:1}.refresh-icon{width:16px;height:16px;transition:transform .3s ease}.refresh-skills-btn:hover .refresh-icon,.skill-action-btn:hover .refresh-icon{transform:rotate(180deg)}.refresh-recommendations-btn .button-text-wrapper{display:flex;flex-direction:column;align-items:center;line-height:1.2;gap:2px}.unsaved-changes-indicator{font-size:12px;color:#f59e0b;font-weight:500;display:flex;align-items:center;gap:4px}.unsaved-changes-indicator:before{content:"•";font-size:16px;line-height:1}.find-courses-btn{background:#ff8603!important;border-color:#ff8603!important;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.find-courses-btn.primary{background:linear-gradient(135deg,#ff8603,#ffb563)!important;border:1px solid #FF8603!important;color:#fff!important;padding:.75rem 1.5rem!important;font-weight:600!important;box-shadow:0 4px 16px #ff860326!important;position:relative;overflow:hidden;animation:subtlePulse 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{box-shadow:0 4px 16px #ff860326}50%{box-shadow:0 6px 24px #ff860340}}.find-courses-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.find-courses-btn.primary:hover:before{left:100%}.find-courses-btn.primary:hover{background:linear-gradient(135deg,#ff7a00,#ffa042)!important;border-color:#ff7a00!important;color:#fff!important;box-shadow:0 6px 24px #ff860340!important;transform:translateY(-2px)}.find-courses-btn.primary:active{background:linear-gradient(135deg,#e67803,#ff8603)!important;border-color:#e67803!important;transform:translateY(0);box-shadow:0 4px 16px #ff860326!important}.find-courses-btn:hover{background:#ff7a00!important;border-color:#ff7a00!important;color:#fff!important;box-shadow:0 6px 20px #ff860333!important}.find-courses-btn:active{background:#e67803!important;border-color:#e67803!important}.courses-icon{width:16px;height:16px;stroke:#fff}.course-collapsible-tiles-container{margin-top:24px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}.course-tiles-title{font-size:15px;font-weight:600;color:#334155;margin:0 0 16px;display:flex;align-items:center;gap:8px}.course-collapsible-tiles-list{display:flex;flex-direction:column;gap:12px;width:100%}.course-collapsible-tile-wrapper{opacity:0;animation:staggeredFadeInSlide .4s ease forwards;animation-fill-mode:both}@keyframes staggeredFadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-collapsible-section{background:#fff!important;border:1px solid rgba(30,40,137,.08)!important;border-radius:24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-collapsible-section:hover{border-color:#ff860333!important;box-shadow:0 8px 32px #1e288914!important;transform:translateY(-2px)}.course-content-container{padding:16px 12px}.course-content-intro{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.course-content-icon{width:24px;height:24px;color:#012169;flex-shrink:0}.course-content-description{font-size:14px;color:#64748b;margin:0;line-height:1.5}.course-content-message{display:flex;align-items:center;justify-content:center;padding:24px;background:#677eea08;border:1px solid rgba(103,126,234,.1);border-radius:8px;margin-bottom:16px}.course-message-text{font-size:14px;color:#64748b;margin:0;text-align:center;font-style:italic}.skill-item-with-dropdown{display:block;margin-bottom:16px;animation:fadeIn .3s ease}.skill-dropdown-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#5d8bdd;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 4px}.skill-dropdown-arrow:hover{transform:scale(1.1);color:#ff8603}.dropdown-icon{width:10px;height:10px;transition:transform .2s ease}.dropdown-icon.expanded{transform:rotate(180deg)}.course-dropdown-container{margin-top:1rem;margin-left:2rem;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,40,137,.08);border-radius:16px;animation:slideDown .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #1e28890d}.difficulty-filter-container{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(1,33,105,.08)}.difficulty-label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:8px}.difficulty-slider{display:flex;gap:8px;padding:4px;background:#01216908;border-radius:8px}.difficulty-option{flex:1;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.difficulty-option:hover:not(:disabled){background:#ffffff80;color:#334155}.difficulty-option.active{background:#ff8603;color:#fff;border-color:#ff8603}.difficulty-option:disabled{opacity:.5;cursor:not-allowed}.course-results-container{max-height:500px;overflow-y:auto;padding-right:4px}.course-results-container::-webkit-scrollbar{width:6px}.course-results-container::-webkit-scrollbar-track{background:#0121690d;border-radius:3px}.course-results-container::-webkit-scrollbar-thumb{background:#01216933;border-radius:3px}.course-results-container::-webkit-scrollbar-thumb:hover{background:#0121694d}.course-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#64748b;font-size:14px;gap:12px}.course-loading-spinner{width:24px;height:24px;border:3px solid rgba(1,33,105,.1);border-top-color:#012169;border-radius:50%;animation:spin .8s linear infinite}.course-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:#dc2626;font-size:14px;text-align:center}.retry-btn{margin-top:.75rem;padding:.5rem 1rem;background:#ff8603;color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-btn:hover{background:#ff7a00;transform:translateY(-2px);box-shadow:0 4px 16px #ff860326}.course-list{display:flex;flex-direction:column;gap:12px}.course-card{padding:1.25rem;background:#fff;border:1px solid rgba(30,40,137,.08);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card.course-card-clickable{cursor:pointer}.course-card:hover{border-color:#ff860333;box-shadow:0 8px 32px #1e288914;transform:translateY(-2px)}.course-card-content{display:flex;gap:16px;align-items:flex-start}.course-image-container{flex-shrink:0;width:120px;height:80px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center}.course-image{width:100%;height:100%;object-fit:cover}.course-details{flex:1;min-width:0}.course-action-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.course-language{font-size:11px;color:#64748b;font-style:italic}.course-enrollment{display:flex;align-items:center;gap:4px;color:#475569;font-size:12px}.course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.course-title{margin:0;font-size:14px;font-weight:600;color:#1e293b;line-height:1.4;flex:1}.difficulty-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.difficulty-badge.beginner{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.difficulty-badge.intermediate{background:#fbbf241a;color:#d97706;border:1px solid rgba(251,191,36,.2)}.difficulty-badge.advanced{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:12px;color:#64748b}.course-provider{font-weight:500}.course-rating{display:flex;align-items:center;gap:4px;color:#f59e0b;font-weight:600}.course-duration{display:flex;align-items:center;gap:4px}.course-description{margin:0 0 12px;font-size:13px;color:#475569;line-height:1.5}.view-course-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#ff8603;color:#fff;border-radius:12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-course-btn:hover{background:#ff7a00;transform:translate(2px);box-shadow:0 4px 16px #ff860326}.view-all-container{margin-top:16px;padding-top:16px;border-top:1px solid rgba(1,33,105,.08);text-align:center}.view-all-link{display:inline-flex;align-items:center;padding:8px 16px;background:transparent;color:#012169;border:1px solid #012169;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.view-all-link:hover{background:#012169;color:#fff;transform:translateY(-1px)}.no-courses-message{padding:32px;text-align:center;color:#64748b}.no-courses-message p{margin:0 0 8px;font-size:14px}.try-different{font-size:13px;color:#94a3b8}@media (max-width: 640px){.skill-item{flex-wrap:wrap}.skill-rationale{flex-basis:100%;padding-left:0;padding-top:4px}.skill-item-inline{margin-bottom:8px}.skill-rationale-inline{font-size:12px}.skill-pill-inline{height:16px;padding:1px 4px;margin-right:4px}.skill-item-wrapped{margin-bottom:16px}.skill-pill-floating{float:none;display:inline-flex;margin:0 0 4px;height:16px}.skill-rationale-wrapped{display:block;text-align:left}.progress-bar-container{flex-direction:row}.loading-message-cycling{font-size:13px}.skill-actions{flex-direction:column;align-items:stretch}.skill-action-buttons{max-width:100%;flex-direction:row;gap:8px}.skill-action-btn{flex:1;justify-content:center;font-size:12px;padding:8px 12px}.refresh-skills-btn{justify-content:center}.add-skill-input-group{width:100%}.add-skill-input{min-width:100px}.course-collapsible-tiles-container{margin-top:20px;padding-top:16px}.course-collapsible-tiles-list{gap:10px}.course-tiles-title{font-size:14px;margin-bottom:12px}.course-content-container{padding:12px 8px}.course-content-intro{margin-bottom:16px;padding-bottom:12px}.course-content-icon{width:20px;height:20px}.course-content-description{font-size:12px}.course-message-text{font-size:13px}.skill-item-with-dropdown{margin-bottom:12px}.course-dropdown-container{margin-left:12px;padding:12px}.difficulty-slider{flex-wrap:wrap;gap:6px}.difficulty-option{min-width:calc(50% - 3px);font-size:11px;padding:5px 8px}.course-results-container{max-height:400px}.course-card{padding:12px}.course-card-content{flex-direction:column;gap:12px}.course-image-container{width:100%;height:120px}.course-title{font-size:13px}.course-description{font-size:12px}.course-meta{font-size:11px;gap:8px}.course-action-row{flex-direction:column;align-items:flex-start;gap:8px}.course-language{font-size:10px}.view-course-btn{font-size:11px;padding:5px 10px;align-self:stretch;text-align:center}.difficulty-badge{font-size:9px;padding:2px 6px}}:root{--deep-blue: #1E2889;--soft-sand: #FEF5ED;--coral-accent: #FF8603;--moss-green: #4A8643;--slate-blue: #5D8BDD;--light-gray: #F8F9FA;--warm-white: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #64748B;--text-light: #94A3B8;--border-light: rgba(30, 40, 137, .08);--shadow-soft: 0 4px 20px rgba(30, 40, 137, .05);--shadow-medium: 0 8px 32px rgba(30, 40, 137, .08);--shadow-coral: 0 4px 16px rgba(255, 134, 3, .15)}.resume-screen-redesigned{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--soft-sand) 0%,var(--warm-white) 100%);min-height:100vh;padding:0}.greeting-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--warm-white);border-bottom:1px solid var(--border-light)}.greeting-text{font-size:1.75rem;font-weight:600;font-style:italic;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--deep-blue),var(--slate-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-avatar{width:48px;height:48px;border-radius:24px;background:linear-gradient(135deg,var(--coral-accent),#FFB563);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-coral)}.user-avatar svg{color:var(--warm-white)}.resume-container-redesigned{max-width:1200px;margin:0 auto;padding:2rem}.resume-top-image-container{width:100%;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.resume-top-image{max-width:240px;width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px #1e28890f;transition:transform .3s ease,box-shadow .3s ease}.resume-top-image:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e28891a}.upload-card{background:var(--warm-white);border-radius:24px;margin-bottom:2rem;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-card.collapsed{background:#fffffff2}.upload-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.upload-card-header:hover{background:#fef5ed4d}.upload-header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.upload-icon-small{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ff86031a,#ffb5631a);display:flex;align-items:center;justify-content:center;color:var(--coral-accent);flex-shrink:0}.upload-icon-small svg{width:32px;height:32px}.upload-header-text{flex:1}.upload-header-text h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.upload-header-text p{font-size:.95rem;color:var(--text-secondary);margin:0}.success-indicator{width:24px;height:24px;border-radius:12px;background:var(--moss-green);display:flex;align-items:center;justify-content:center;margin-left:1rem;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.expand-icon{color:var(--text-light);transition:transform .3s ease}.upload-card.collapsed .expand-icon{transform:rotate(-90deg)}.upload-card-content{padding:0 2rem 2rem;transition:all .3s ease;opacity:1;max-height:1500px}.upload-card.collapsed .upload-card-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.empty-state-message{text-align:center;margin-bottom:1.5rem}.motivational-text{font-size:1.1rem;font-style:italic;color:var(--text-secondary);margin:0}.resume-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.resume-card{background:var(--light-gray);border-radius:16px;padding:1.25rem;border:1px solid var(--border-light);transition:all .2s ease}.resume-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:#ff860333}.resume-card.tailored{background:linear-gradient(135deg,#ff860308,#ffb56308);border-color:#ff860326}.resume-card-header{display:flex;gap:1rem;margin-bottom:1rem}.resume-icon{width:48px;height:48px;border-radius:12px;background:var(--warm-white);display:flex;align-items:center;justify-content:center;color:var(--deep-blue);position:relative;flex-shrink:0}.tailored-badge,.default-badge{position:absolute;top:-4px;right:-4px;font-size:14px}.default-badge{animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.resume-card.default-resume{border-color:#ffc1074d;background:linear-gradient(135deg,#ffc10708,#ffdc6308)}.resume-details{flex:1;min-width:0}.resume-details h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.tailored-info{color:var(--coral-accent);font-weight:500;background:#ff86031a;padding:2px 8px;border-radius:8px}.resume-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem 1rem;border-radius:12px;border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;background:var(--warm-white);color:var(--text-primary);border-color:var(--border-light)}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.action-btn.parse{background:linear-gradient(135deg,#5d8bdd1a,#5d8bdd0d);color:var(--slate-blue);border-color:#5d8bdd33}.action-btn.parse:hover{background:linear-gradient(135deg,#5d8bdd26,#5d8bdd1a);border-color:#5d8bdd4d}.action-btn.retry{background:linear-gradient(135deg,#ff86031a,#ff86030d);color:var(--coral-accent);border-color:#ff860333}.action-btn.parsing{background:#5d8bdd1a;color:var(--slate-blue);cursor:not-allowed;opacity:.8}.action-btn.parsed{background:linear-gradient(135deg,#4a86431a,#4a86430d);color:var(--moss-green);border-color:#4a864333;cursor:default}.action-btn.view{background:transparent;color:var(--slate-blue)}.action-btn.view:hover{background:#5d8bdd0d;border-color:#5d8bdd33}.action-btn.delete{background:transparent;color:#dc2626}.action-btn.delete:hover{background:#dc26260d;border-color:#dc262633}.action-btn.set-default{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);color:#f59e0b;border-color:#ffc10733}.action-btn.set-default:hover{background:linear-gradient(135deg,#ffc10726,#ffc1071a);border-color:#ffc1074d}.action-btn.set-default.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent;cursor:default}.action-btn.set-default.active svg{animation:starRotate 20s linear infinite}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:16px;height:16px;border:2px solid rgba(93,139,221,.2);border-top-color:var(--slate-blue);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.upload-btn-primary{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:var(--coral-accent);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-coral)}.upload-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ff860340;background:#ff7a00}.upload-btn-primary:active{transform:translateY(0)}.upload-btn-primary:disabled{opacity:.6;cursor:not-allowed}.upload-hint{text-align:center;font-size:.875rem;color:var(--text-light);margin-top:.75rem}.upload-error-msg,.error-message{background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:12px;padding:.75rem 1rem;color:#dc2626;font-size:.875rem;margin-top:1rem}.journey-section{background:var(--warm-white);border-radius:24px;padding:2rem;box-shadow:var(--shadow-soft);margin-bottom:2rem}.journey-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.journey-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#4a86431a,#4a86430d);display:flex;align-items:center;justify-content:center;color:var(--moss-green);flex-shrink:0}.journey-content{flex:1}.journey-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.journey-content p{font-size:.95rem;color:var(--text-secondary);margin:0}.start-journey-btn{padding:.75rem 1.5rem;background:var(--coral-accent);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-coral)}.start-journey-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff860340;background:#ff7a00}.start-journey-btn-lg{padding:1rem 2rem;background:var(--coral-accent);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-coral)}.start-journey-btn-lg:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff86034d;background:#ff7a00}.analysis-progress{background:linear-gradient(135deg,#fef5ed80,#ffffff80);border-radius:20px;padding:2rem;margin:2rem 0;border:1px solid rgba(255,134,3,.1)}.analysis-content{text-align:center}.progress-animation{display:flex;justify-content:center;margin-bottom:1.5rem;height:60px;align-items:center}.pulse-circle{width:12px;height:12px;border-radius:50%;background:var(--coral-accent);margin:0 6px;animation:pulse 1.5s ease-in-out infinite}.pulse-circle.delay-1{animation-delay:.3s}.pulse-circle.delay-2{animation-delay:.6s}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}.analysis-text{font-size:1.1rem;color:var(--text-primary);margin-bottom:2rem;font-weight:500;min-height:1.5rem;animation:fadeInOut 2.5s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.journey-preview{margin-top:2rem}.preview-stage{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #0000000d;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-icon-preview{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ff86031a,#ff86030d);display:flex;align-items:center;justify-content:center;color:var(--coral-accent);margin:0 auto 1rem}.preview-stage h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.preview-stage p{font-size:.95rem;color:var(--text-secondary);margin:0;font-style:italic}.journey-dots{display:flex;justify-content:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:#ff860333;transition:all .3s ease}.dot.active{width:24px;border-radius:4px;background:var(--coral-accent)}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.application-card{background:linear-gradient(135deg,#fef5ed4d,#fff);border-radius:20px;padding:1.5rem;border:1px solid var(--border-light);transition:all .3s ease;box-shadow:0 2px 12px #00000008}.application-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:#ff860326}.app-card-header{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.app-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.app-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.app-actions{display:flex;align-items:flex-start;gap:1rem}.fit-indicator{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;border-radius:12px;min-width:60px}.fit-indicator.fit-high{background:linear-gradient(135deg,#4a86431a,#4a86430d);border:1px solid rgba(74,134,67,.2)}.fit-indicator.fit-medium{background:linear-gradient(135deg,#ff86031a,#ff86030d);border:1px solid rgba(255,134,3,.2)}.fit-indicator.fit-low{background:linear-gradient(135deg,#dc26261a,#dc26260d);border:1px solid rgba(220,38,38,.2)}.fit-percent{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.fit-text{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.delete-app-btn{width:32px;height:32px;border-radius:8px;background:#dc26260d;border:1px solid rgba(220,38,38,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#dc2626}.delete-app-btn:hover{background:#dc26261a;border-color:#dc262633;transform:scale(1.1)}.app-stages{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.stage-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:12px;flex:1;min-width:0}.stage-step:hover{background:#ff86030d;transform:translateY(-2px)}.stage-step.not-started{opacity:.5}.stage-step.in-progress{background:#5d8bdd0d;border:1px solid rgba(93,139,221,.2);animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.8}50%{opacity:1}}.stage-step.completed .stage-icon-wrap{background:var(--moss-green);color:#fff}.stage-icon-wrap{width:36px;height:36px;border-radius:18px;background:var(--light-gray);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.stage-step span{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-align:center}.stage-connector{width:1px;height:24px;background:var(--border-light);align-self:center;margin:0 -.5rem;flex-shrink:0}.complete-stage-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--moss-green),#5A9652);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.complete-stage-btn:hover{transform:scale(1.02);box-shadow:0 4px 16px #4a86434d}.empty-journey{text-align:center;padding:3rem 1rem}.plant-illustration{margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-message{font-size:1.2rem;color:var(--text-secondary);margin:0 0 2rem;font-style:italic}.error-banner{display:flex;align-items:center;gap:1rem;background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:1rem 1.25rem;margin:1.5rem 0;color:#dc2626}.error-banner svg{flex-shrink:0}.error-banner span{flex:1;font-size:.95rem}.dismiss-error{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.dismiss-error:hover{opacity:1}.results-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.results-wrapper{max-width:1400px;width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026}.results-header{padding:1.5rem;text-align:center;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#fef5ed4d,#fff);border-radius:24px 24px 0 0}.results-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.results-header p{font-size:1rem;color:var(--text-secondary);margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2100;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal{background:#fff;border-radius:24px;padding:2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #00000026}.modal-icon-warning{margin:0 auto 1.5rem;width:64px;height:64px;border-radius:32px;background:linear-gradient(135deg,#ff86031a,#ff86030d);display:flex;align-items:center;justify-content:center;color:var(--coral-accent);animation:pulse 2s ease-in-out infinite}.delete-modal h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.delete-app-info{background:var(--light-gray);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.delete-app-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.delete-app-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.delete-warning{font-size:.95rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-btn-cancel{padding:.75rem 1.5rem;background:var(--light-gray);color:var(--text-primary);border:1px solid var(--border-light);border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-btn-cancel:hover:not(:disabled){background:#fff;border-color:var(--text-light)}.modal-btn-delete{padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.modal-btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 16px #dc26264d}.modal-btn-delete:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.greeting-header{padding:1rem 1.5rem}.greeting-text{font-size:1.4rem}.resume-container-redesigned{padding:1rem}.resume-top-image-container{margin-bottom:1.5rem}.upload-card-header{padding:1rem 1.5rem}.upload-card-content{padding:0 1.5rem 1.5rem}.journey-header{flex-direction:column;text-align:center;gap:1rem}.journey-icon{width:48px;height:48px}.journey-content h2{font-size:1.25rem}.start-journey-btn{width:100%}.applications-grid{grid-template-columns:1fr}.app-stages{flex-wrap:wrap;gap:.5rem}.stage-connector{display:none}.stage-step{min-width:calc(33.333% - .5rem)}.app-card-header{flex-direction:column;gap:1rem}.app-actions{width:100%;justify-content:space-between}.analysis-progress{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.modal-btn-cancel,.modal-btn-delete{width:100%}.resume-top-image{max-width:180px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.modal-header h2{margin:0;color:#1a1a1a;font-size:24px;font-weight:600}.modal-close{background:none;border:none;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#333}.modal-tabs{display:flex;border-bottom:1px solid #e5e5e5;padding:0 24px}.modal-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#666;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.modal-tab:hover:not(:disabled){color:#333;background:#f9f9f9}.modal-tab.active{color:#2563eb;border-bottom-color:#2563eb}.modal-tab:disabled{cursor:not-allowed;opacity:.5}.job-modal-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group textarea:disabled{background:#f9f9f9;cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit;min-height:200px}.url-input-group{display:flex;gap:10px}.url-input-group input{flex:1}.paste-clipboard-button{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.paste-clipboard-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.paste-clipboard-button:disabled{opacity:.5;cursor:not-allowed}.extract-button{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.extract-button:hover:not(:disabled){background:#1d4ed8}.extract-button:disabled{background:#94a3b8;cursor:not-allowed}.extracted-job-preview{margin-top:24px;padding:16px;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.extracted-job-preview h3{margin:0 0 12px;color:#1e40af;font-size:16px;font-weight:600}.job-preview-details{display:flex;flex-direction:column;gap:10px}.preview-item{color:#333;font-size:14px}.preview-item strong{color:#1a1a1a;margin-right:8px}.preview-summary,.preview-description{margin:4px 0 0;padding:8px;background:#fff;border-radius:4px;color:#666;line-height:1.5;font-size:13px}.error-message{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.error-message svg{flex-shrink:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e5e5}.modal-cancel-button,.modal-submit-button{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.modal-cancel-button{background:#f3f4f6;color:#374151}.modal-cancel-button:hover:not(:disabled){background:#e5e7eb}.modal-submit-button{background:#2563eb;color:#fff;display:flex;align-items:center;gap:8px}.modal-submit-button:hover:not(:disabled){background:#1d4ed8}.modal-cancel-button:disabled,.modal-submit-button:disabled{opacity:.5;cursor:not-allowed}.spinner-inline{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.modal-overlay{padding:0}.modal-container{max-height:100vh;border-radius:0}.modal-header{padding:20px 20px 12px}.modal-body{padding:20px}.modal-footer{padding:12px 20px}.modal-tabs{padding:0 20px}.url-input-group{flex-direction:column}.paste-clipboard-button,.extract-button{width:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0}.close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#1f2937}.fit-score-display{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:8px;margin-left:auto;margin-right:16px}.fit-score-display.fit-high{background:#22c55e1a;color:#15803d}.fit-score-display.fit-medium{background:#eab3081a;color:#a16207}.fit-score-display.fit-low{background:#ef44441a;color:#b91c1c}.fit-percentage{font-size:24px;font-weight:700}.fit-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.modal-body{flex:1;overflow-y:auto;padding:24px}.section-editor{display:flex;flex-direction:column;gap:20px}.editor-field{display:flex;flex-direction:column;gap:8px}.editor-field label{font-size:14px;font-weight:600;color:#374151}.summary-textarea,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:all .2s ease}.summary-textarea:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input[type=text]{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.summary-analysis-panel{margin-bottom:20px}.summary-analysis-panel h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 8px}.analysis-explanation{font-size:13px;line-height:1.5;color:#4b5563;margin-bottom:16px;padding:0}.analysis-subsection{margin-bottom:12px;padding:8px;background:#fff;border-radius:6px}.analysis-subsection h5{font-size:13px;font-weight:600;margin:0 0 6px}.analysis-subsection.strengths{border-left:3px solid #10b981}.analysis-subsection.strengths h5{color:#059669}.analysis-subsection.gaps{border-left:3px solid #f59e0b}.analysis-subsection.gaps h5{color:#d97706}.analysis-subsection.recommendations{border-left:3px solid #8b5cf6}.analysis-subsection.recommendations h5{color:#7c3aed}.analysis-subsection ul{list-style:none;padding:0;margin:0}.analysis-subsection li{font-size:13px;line-height:1.4;color:#4b5563;padding:3px 0 3px 18px;position:relative}.analysis-subsection li:before{content:"•";position:absolute;left:6px;font-weight:700}.suggested-rewrite{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px}.suggested-rewrite h5{font-size:14px;font-weight:600;color:#0369a1;margin:0 0 12px}.suggested-text{font-size:14px;line-height:1.6;color:#374151;padding:12px;background:#fff;border-radius:6px;margin-bottom:12px;font-style:italic}.use-suggestion-btn{padding:8px 16px;background:#0284c7;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.use-suggestion-btn:hover{background:#0369a1;transform:translateY(-1px)}.suggestions-panel,.missing-skills-panel,.gaps-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.suggestions-panel h4,.missing-skills-panel h4,.gaps-panel h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.suggestions-list,.gaps-list{list-style:none;padding:0;margin:0}.suggestions-list li,.gaps-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;line-height:1.5;color:#4b5563}.suggestion-icon{flex-shrink:0;font-size:16px}.skills-grid{display:flex;flex-wrap:wrap;gap:4px}.skill-item{display:inline-flex;align-items:center;gap:4px;background:#f3f4f6;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#374151;border:1px solid #e5e7eb}.remove-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-btn:hover{background:#ef44441a;color:#ef4444}.add-skill-row,.add-cert-row{display:flex;gap:8px}.skill-input,.cert-input{flex:1}.add-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:#2563eb;transform:translateY(-1px)}.missing-skills-grid,.suggested-certs-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.missing-skill-chip,.suggested-cert-chip{background:#fff;border:2px dashed #d1d5db;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.missing-skill-chip:hover,.suggested-cert-chip:hover{border-color:#3b82f6;background:#3b82f60d;color:#3b82f6;transform:translateY(-1px)}.missing-skills-with-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.missing-skill-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.missing-skill-row:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.missing-skill-name{font-size:13px;font-weight:500;color:#374151;flex:1}.missing-skill-actions{display:flex;gap:6px}.add-to-skills-btn,.add-to-plan-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-to-skills-btn{background:#3b82f6;color:#fff;border:none}.add-to-skills-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d}.add-to-plan-btn{background:#fff;color:#8b5cf6;border:1px solid #8b5cf6}.add-to-plan-btn:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #8b5cf64d}.experience-item-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.experience-header-editor{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease}.experience-header-editor:hover{background:#f3f4f6}.experience-title-wrapper{flex:1}.experience-header-editor h4{font-size:14px;font-weight:600;color:#374151;margin:0}.experience-dates-subtitle{font-size:12px;font-style:italic;color:#6b7280;margin-top:4px;font-weight:400}.experience-actions{display:flex;align-items:center;gap:8px}.expand-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.experience-details-editor{padding:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.education-item-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:12px}.editor-field-group{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.editor-field-group input{width:100%}.certifications-list-editor{display:flex;flex-direction:column;gap:8px}.certification-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151}.add-item-btn{width:100%;padding:12px;background:transparent;border:2px dashed #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-top:12px}.add-item-btn:hover{border-color:#3b82f6;background:#3b82f60d;color:#3b82f6}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.cancel-btn,.save-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb}.save-btn{background:#10b981;border:none;color:#fff}.save-btn:hover{background:#059669;transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.save-and-reassess-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-and-reassess-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.save-and-reassess-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.save-and-reassess-btn svg{flex-shrink:0}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header,.modal-body{padding:20px}.fit-score-display{display:none}.editor-row,.editor-field-group{grid-template-columns:1fr}.add-skill-row,.add-cert-row{flex-direction:column}.experience-actions{gap:4px}.remove-btn,.expand-btn,.close-btn{min-width:44px;min-height:44px}.add-btn,.save-btn,.cancel-btn{min-height:44px}}.validate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.validate-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.validate-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.validate-btn svg{flex-shrink:0}.validation-results-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;margin:20px 0;overflow:hidden;animation:fadeInScale .3s ease}.validation-header{background:#fff;padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.validation-header h4{margin:0;font-size:16px;font-weight:700;color:#1f2937}.close-validation-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-validation-btn:hover{background:#f3f4f6;color:#1f2937}.validation-score-section{padding:24px;background:#fff;display:flex;justify-content:center}.score-display{display:flex;align-items:center;gap:32px}.score-circle{width:100px;height:100px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;position:relative}.score-number{font-size:32px;font-weight:700;line-height:1}.score-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-top:4px}.assessment-level{display:flex;flex-direction:column;align-items:center;gap:8px}.assessment-icon{font-size:48px}.assessment-text{font-size:18px;font-weight:600;color:#374151;letter-spacing:.5px}.validation-section{padding:20px;border-top:1px solid #e5e7eb}.validation-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.section-icon{font-size:18px}.validation-list{list-style:none;padding:0;margin:0}.validation-list li{padding:8px 12px;margin-bottom:8px;background:#fff;border-radius:8px;font-size:14px;line-height:1.5;color:#4b5563}.strength-item{border-left:3px solid #10b981;background:#10b9810d}.improvement-item{border-left:3px solid #f59e0b;background:#f59e0b0d}.requirements-details{cursor:pointer}.requirements-summary{padding:8px 0;list-style:none}.requirements-summary::-webkit-details-marker{display:none}.requirements-summary h5{margin:0;display:inline-flex;align-items:center;gap:8px}.coverage-badge{margin-left:auto;padding:2px 8px;background:#f3f4f6;border-radius:12px;font-size:12px;font-weight:500;color:#6b7280}.requirements-list{margin-top:12px;display:flex;flex-direction:column;gap:12px}.requirement-item{background:#fff;border-radius:8px;padding:12px;border:1px solid #e5e7eb}.requirement-item.covered{border-color:#10b981;background:#10b98108}.requirement-item.not-covered{border-color:#ef4444;background:#ef444408}.requirement-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.coverage-icon{font-size:16px;flex-shrink:0;margin-top:2px}.requirement-text{font-size:14px;font-weight:500;color:#374151;line-height:1.4}.requirement-explanation{margin-left:24px;font-size:13px;color:#6b7280;line-height:1.5}.validation-actions{padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.continue-editing-btn{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.continue-editing-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.validation-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin:12px 0;font-size:14px;color:#b91c1c}.error-icon{font-size:18px;flex-shrink:0}@media (max-width: 768px){.score-display{flex-direction:column;gap:20px}.validation-results-container{margin:16px 0}.validate-btn{min-height:44px}.requirements-list{gap:8px}.requirement-item{padding:10px}}.validation-results-container--compact{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;overflow:hidden;animation:fadeInCompact .2s ease;box-shadow:0 1px 3px #0000001a}@keyframes fadeInCompact{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.validation-header-compact{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.validation-score-compact{display:flex;align-items:center;gap:10px}.score-circle-compact{width:36px;height:36px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background:#fff;font-size:14px}.assessment-level-compact{font-size:13px;font-weight:600;color:#374151;text-transform:capitalize}.close-validation-compact{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.close-validation-compact:hover{background:#e5e7eb;color:#1f2937}.validation-content-compact{padding:12px}.validation-section-compact{margin-bottom:12px}.validation-section-compact:last-child{margin-bottom:0}.section-title-compact{font-size:12px;font-weight:600;color:#374151;margin:0 0 6px;display:flex;align-items:center;gap:4px}.icon-compact{font-size:13px;font-weight:400}.validation-list-compact{list-style:none;margin:0;padding:0 0 0 16px}.validation-list-compact li{font-size:12px;line-height:1.4;color:#4b5563;position:relative;padding:2px 0 2px 12px}.validation-list-compact li:before{content:"•";position:absolute;left:0;color:#9ca3af}.requirements-compact{margin-top:8px;border-top:1px solid #e5e7eb;padding-top:8px}.requirements-summary-compact{font-size:12px;font-weight:600;color:#374151;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:6px;list-style:none}.requirements-summary-compact::-webkit-details-marker{display:none}.requirements-compact[open] .requirements-summary-compact .icon-compact{transform:rotate(180deg)}.requirements-summary-compact .icon-compact{font-size:10px;transition:transform .2s ease}.coverage-count-compact{font-weight:500;color:#6b7280;margin-left:auto;font-size:11px}.requirements-list-compact{margin-top:8px;padding-left:16px}.requirement-item-compact{margin-bottom:6px;font-size:11px}.requirement-item-compact:last-child{margin-bottom:0}.requirement-status-compact{display:flex;align-items:flex-start;gap:6px}.covered-icon,.not-covered-icon{font-size:11px;flex-shrink:0;margin-top:1px}.covered-icon{color:#10b981}.not-covered-icon{color:#ef4444}.requirement-text-compact{color:#374151;line-height:1.3}.requirement-explanation-compact{margin:2px 0 0 17px;font-size:10px;color:#6b7280;line-height:1.3}@media (max-width: 768px){.validation-results-container--compact{margin:8px 0}.validation-header-compact{padding:8px 10px}.validation-content-compact{padding:10px}.validation-list-compact li,.requirement-text-compact{font-size:11px}.requirement-explanation-compact{font-size:10px}}.original-analysis-panel{margin:16px 0;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.original-analysis-header{cursor:pointer;padding:10px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;list-style:none;-webkit-user-select:none;user-select:none;transition:background .15s ease}.original-analysis-header::-webkit-details-marker{display:none}.original-analysis-header:hover{background:#f3f4f6}.original-analysis-panel[open] .original-analysis-header{border-bottom:1px solid #e5e7eb}.toggle-icon{font-size:10px;color:#6b7280;transition:transform .2s ease;flex-shrink:0}.original-analysis-panel[open] .toggle-icon{transform:rotate(90deg)}.original-analysis-header h4{margin:0;font-size:14px;font-weight:600;color:#374151;flex:1}.original-analysis-panel .summary-analysis-panel{padding:12px;margin-bottom:0;animation:expandDown .2s ease}@keyframes expandDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.visual-resume-container{width:100%;max-width:900px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;box-shadow:0 10px 40px #0000001a}.resume-document{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000014;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.resume-header{border-bottom:2px solid #e5e7eb;padding-bottom:20px;margin-bottom:30px;text-align:center}.resume-name{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:10px;letter-spacing:-.5px}.resume-contact{font-size:14px;color:#6b7280;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.resume-contact .separator{color:#d1d5db}.resume-section{position:relative;margin-bottom:30px;padding:20px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.clickable-section{cursor:pointer}.clickable-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.section-overlay{position:absolute;inset:0;border-radius:8px;pointer-events:none;transition:opacity .3s ease;z-index:1}.section-overlay:hover{opacity:.8}.fade-in{animation:fadeIn .6s ease-out}.fit-badge{background:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#374151;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease;white-space:nowrap}.fit-badge:hover{transform:scale(1.05)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:2}.section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.section-header-right{display:flex;gap:12px;align-items:center}.section-actions{display:flex;gap:8px;align-items:center}.expand-toggle-btn,.edit-section-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s ease;padding:0}.expand-toggle-btn:hover,.edit-section-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151;transform:scale(1.05)}.expand-toggle-btn:active,.edit-section-btn:active{transform:scale(.95)}.section-content{font-size:14px;line-height:1.6;color:#4b5563;position:relative;z-index:2}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 20px;position:relative;z-index:2}.skill-text-item{font-size:12px;color:#4b5563;line-height:1.6;word-break:break-word}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 12px}.skill-text-item{font-size:11px}}.experience-item{margin-bottom:20px;position:relative;z-index:2}.experience-item:last-child{margin-bottom:0}.experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.experience-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.experience-dates{font-size:13px;color:#6b7280;font-style:italic}.experience-company{font-size:14px;color:#4b5563;font-weight:500;margin-bottom:8px}.experience-description{font-size:14px;line-height:1.6;color:#6b7280;margin:0}.education-item{margin-bottom:16px;position:relative;z-index:2}.education-item:last-child{margin-bottom:0}.education-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.education-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.education-dates{font-size:13px;color:#6b7280;font-style:italic}.education-institution{font-size:14px;color:#4b5563;font-weight:500}.certifications-list{list-style:none;padding:0;margin:0;position:relative;z-index:2}.certifications-list li{font-size:14px;color:#4b5563;margin-bottom:8px;padding-left:20px;position:relative}.certifications-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}@media (max-width: 768px){.visual-resume-container{padding:10px}.resume-document{padding:20px}.resume-name{font-size:24px}.resume-contact{font-size:12px}.section-title{font-size:16px}.resume-section{padding:15px;margin-bottom:20px}.fit-badge{font-size:11px;padding:4px 8px}.experience-header,.education-header{flex-direction:column;align-items:flex-start}.experience-dates,.education-dates{margin-top:4px}}@media (pointer: coarse){.clickable-section{min-height:44px}.fit-badge{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.enhanced-tailoring-results{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:12px}.results-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e5e5e5;margin-bottom:30px}.results-header h2{margin:0;color:#1a1a1a;font-size:28px;font-weight:600}.header-actions{display:flex;gap:16px;align-items:center}.header-buttons{display:flex;gap:12px;align-items:center}.view-toggle{display:flex;gap:0;background:#f3f4f6;border-radius:8px;padding:2px;border:1px solid #e5e7eb}.view-toggle-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-toggle-btn:hover{color:#374151}.view-toggle-btn.active{background:#fff;color:#1f2937;font-weight:600;box-shadow:0 1px 2px #0000000d}.visual-view-container{width:100%;min-height:600px;padding:20px 0}.coverage-scores-compact{display:flex;gap:20px;align-items:center;padding:8px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.coverage-compact-item{display:flex;align-items:center;gap:6px;font-size:14px}.coverage-compact-label{color:#6b7280;font-weight:500}.coverage-compact-value{font-weight:700;font-size:15px}.save-tailored-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.save-tailored-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,#059669,#10b981)}.save-tailored-btn:disabled{opacity:.6;cursor:not-allowed}.save-tailored-btn svg{flex-shrink:0}.saved-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ecfdf5;color:#059669;border:1px solid #10b981;border-radius:6px;font-size:13px;font-weight:600;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.print-resume-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.print-resume-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,#764ba2,#667eea)}.print-resume-btn:disabled{opacity:.6;cursor:not-allowed}.print-resume-btn svg{flex-shrink:0}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.results-close-sticky{position:sticky;top:20px;right:20px;float:right;margin:-50px -10px 0 0;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;box-shadow:0 2px 8px #0000001a}.results-close-sticky:hover{color:#333;background:#f9fafb;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.overall-match-banner{display:flex;justify-content:center;align-items:center;padding:16px;margin-bottom:20px;background:#f9fafb;border-radius:8px}.fit-score-badge{padding:4px 12px;border-radius:12px;font-weight:500;font-size:13px;margin-left:auto}.fit-score-badge.fit-score-high{background:#dcfce7;color:#15803d}.fit-score-badge.fit-score-medium{background:#fef3c7;color:#b45309}.fit-score-badge.fit-score-low{background:#fee2e2;color:#b91c1c}.collapsible-section{margin-bottom:24px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.collapsible-section.collapsed{margin-bottom:20px}.collapsible-section.collapsed+.collapsible-section{margin-top:8px}.collapsible-section:hover{box-shadow:0 4px 12px #00000014}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffc;transition:background .2s}.collapsible-header:hover{background:#fff}.collapsible-title-wrapper{display:flex;align-items:center;gap:12px}.collapsible-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.collapse-icon{color:#6b7280;transition:transform .3s ease}.collapsible-section.collapsed .collapse-icon{transform:rotate(-90deg)}.collapsible-content{padding:0 20px;max-height:2000px;opacity:1;transition:all .3s ease}.collapsible-section.collapsed .collapsible-content{max-height:0;padding:0 20px;opacity:0;overflow:hidden}.summary-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc}.summary-content{padding:20px 0}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.coverage-item{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.coverage-label{font-size:14px;font-weight:600;color:#4b5563;margin-bottom:12px}.coverage-visual{display:flex;align-items:center;gap:12px}.coverage-bar{flex:1;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden;position:relative}.coverage-fill{position:absolute;top:0;left:0;height:100%;border-radius:12px;transition:width .5s ease}.coverage-percentage{font-size:18px;font-weight:700;min-width:50px;text-align:right}.overall-fit-badge{text-align:center;margin-top:16px}.overall-fit-badge span{display:inline-block;padding:12px 24px;border-radius:24px;font-size:16px;font-weight:600;color:#fff}.fit-score-high{background:linear-gradient(135deg,#22c55e,#16a34a)}.fit-score-medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.fit-score-low{background:linear-gradient(135deg,#ef4444,#dc2626)}.gap-filling-section{border:2px solid #fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.gap-count-badge{padding:4px 12px;background:#dc2626;color:#fff;border-radius:16px;font-size:12px;font-weight:600}.priority-indicators{display:flex;gap:8px;align-items:center}.priority-indicator-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.priority-indicator-badge.priority-high{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.priority-indicator-badge.priority-medium{background:#fed7aa;color:#92400e;border:1px solid #fbbf24}.priority-indicator-badge.priority-low{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.gap-filling-content{padding:20px 0}.no-gaps{text-align:center;padding:40px;color:#16a34a}.no-gaps svg{margin-bottom:16px;color:#22c55e}.no-gaps p{font-size:18px;font-weight:500;margin:0}.gaps-list{display:flex;flex-direction:column;gap:20px}.gap-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.gap-item.added{background:#f0fdf4;border-color:#86efac}.gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gap-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.gap-status{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase}.gap-status.status-missing{background:#fee2e2;color:#dc2626}.gap-status.status-partial{background:#fed7aa;color:#d97706}.gap-details{display:flex;flex-direction:column;gap:16px}.requirement-source{margin-bottom:12px}.requirement-source strong{display:block;margin-bottom:8px;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.requirement-source blockquote{margin:0;font-style:italic;color:#4b5563;line-height:1.5}.gap-guidance{padding:12px;background:#fef3c7;border-left:3px solid #fbbf24;border-radius:4px}.gap-guidance strong{display:block;margin-bottom:8px;color:#78350f;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.gap-guidance p{margin:0;color:#92400e;line-height:1.5}.gap-filling-form{padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #93c5fd;border-radius:8px}.form-header{margin-bottom:16px}.form-header strong{color:#1e40af;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;color:#374151;font-size:14px;font-weight:500}.form-row select,.form-row textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row textarea{resize:vertical;line-height:1.5}.add-to-resume-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-to-resume-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.add-to-resume-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-message{padding:16px;background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#14532d;font-weight:500;text-align:center}.fit-analysis-content{padding:20px 0}.fit-explanation{font-size:15px;line-height:1.6;color:#4b5563;margin-bottom:24px}.strengths-section,.improvements-section{margin-bottom:20px}.strengths-section h4{color:#16a34a;margin-bottom:12px;font-size:16px}.improvements-section h4{color:#dc2626;margin-bottom:12px;font-size:16px}.strengths-section ul,.improvements-section ul{margin:0;padding-left:24px}.strengths-section li,.improvements-section li{color:#4b5563;margin-bottom:8px;line-height:1.5}.elements-content{padding:20px 0;display:flex;flex-direction:column;gap:16px}.element-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.element-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.element-type{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-weight:600}.element-score{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600}.element-score.score-high{background:#dcfce7;color:#166534}.element-score.score-medium{background:#fed7aa;color:#92400e}.element-score.score-low{background:#fee2e2;color:#991b1b}.element-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.element-explanation{font-size:14px;color:#4b5563;line-height:1.5}.matched-keywords{margin-top:12px;padding:8px 12px;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px;font-size:13px;color:#1e40af}.requirements-content{padding:20px 0}.req-category{margin-bottom:28px}.req-category h4{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px}.requirement-label{font-size:13px;font-weight:600;color:#4b5563;margin-bottom:8px;margin-top:12px}.job-description-context{padding:12px 16px;background:#f9fafb;border-left:3px solid #d1d5db;border-radius:4px;margin-bottom:12px;line-height:1.6}.context-sentence-text{font-size:14px;color:#666}.grey-text{color:#666;font-weight:400}.highlighted-keyword{color:#111827;font-weight:600;background:#fbbf241a;padding:0 2px;border-radius:2px}.req-item{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.req-item.status-covered{border-left:3px solid #22c55e}.req-item.status-partial{border-left:3px solid #f59e0b}.req-item.status-missing{border-left:3px solid #ef4444}.req-header{display:flex;align-items:center;gap:12px}.status-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.status-indicator.covered{background:#22c55e}.status-indicator.partial{background:#f59e0b}.status-indicator.missing{background:#ef4444}.req-text{flex:1;font-size:14px;color:#1f2937;line-height:1.4}.req-skill-name,.req-experience-name{flex:1;font-size:14px;color:#1f2937;font-weight:600}.req-details{margin-top:12px}.req-evidence{margin-top:12px;padding:8px 12px;background:#f0fdf4;border-radius:4px;font-size:13px;color:#14532d}.req-evidence strong{color:#166534;margin-right:4px}.suggestions-content{padding:20px 0;display:flex;flex-direction:column;gap:12px}.suggestion-item{padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.suggestion-item.priority-high{border-left:3px solid #ef4444}.suggestion-item.priority-medium{border-left:3px solid #f59e0b}.suggestion-item.priority-low{border-left:3px solid #3b82f6}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.suggestion-type{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-weight:600}.priority-badge{padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fed7aa;color:#92400e}.priority-badge.low{background:#dbeafe;color:#1e40af}.suggestion-text{font-size:14px;color:#1f2937;line-height:1.5;margin-bottom:8px}.suggestion-context{font-size:13px;color:#6b7280;font-style:italic}.interview-questions-content{padding:20px 0;display:flex;flex-direction:column;gap:12px}.interview-question-item{padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.interview-question-item.priority-high{border-left:3px solid #ef4444}.interview-question-item.priority-medium{border-left:3px solid #f59e0b}.interview-question-item.priority-low{border-left:3px solid #3b82f6}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-number{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#4b5563;font-weight:600}.question-text{font-size:15px;color:#1f2937;line-height:1.6;margin-bottom:8px;font-weight:500}.question-context{font-size:13px;color:#6b7280;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.skills-develop-content{padding:20px 0;display:flex;flex-direction:column;gap:12px}.skill-item{padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.skill-item.priority-high{border-left:3px solid #ef4444}.skill-item.priority-medium{border-left:3px solid #f59e0b}.skill-item.priority-low{border-left:3px solid #3b82f6}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-type{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-weight:600}.skill-text{font-size:14px;color:#1f2937;line-height:1.5;margin-bottom:8px}.skill-context{font-size:13px;color:#6b7280;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.skill-context-section{margin-top:12px}.added-accomplishment-display{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.grading-indicator{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.grading-ball{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.grading-ball.grading-green{background:#22c55e;box-shadow:0 2px 4px #22c55e4d}.grading-ball.grading-yellow{background:#eab308;box-shadow:0 2px 4px #eab3084d}.grading-ball.grading-red{background:#ef4444;box-shadow:0 2px 4px #ef44444d}.grading-text{font-size:14px;font-weight:600;color:#1f2937;line-height:1.4}.editable-accomplishment-text{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;color:#111827;background:#fff;resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.editable-accomplishment-text:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.editable-accomplishment-text:hover{border-color:#9ca3af}.validation-rating{margin:12px 0;text-align:center}.rating-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rating-badge.rating-green{background:#16a34a;color:#fff}.rating-badge.rating-yellow{background:#f59e0b;color:#fff}.rating-badge.rating-red{background:#dc2626;color:#fff}.validation-rationale{margin:12px 0;padding:12px;background:#fff;border-left:3px solid #6b7280;border-radius:4px;font-size:14px;line-height:1.5;color:#4b5563}.validation-rationale strong{display:inline-block;margin-bottom:4px;margin-right:4px;color:#374151;font-size:13px;font-weight:600}.added-text{margin-top:16px;padding:12px;background:#f0fdf4;border:1px solid #86efac;border-radius:6px}.added-text strong{display:block;margin-bottom:8px;color:#14532d;font-size:13px;font-weight:600}.added-text p{margin:0;color:#166534;font-size:14px;line-height:1.5}.revalidate-btn{margin-top:10px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.revalidate-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.revalidate-btn:disabled{opacity:.5;cursor:not-allowed}.suggestion-item.deleted{opacity:.7;background:#fee2e2}.suggestion-item.saved{background:#f0fdf4;border-color:#86efac}.achievement-to-remove{margin-top:16px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px}.achievement-text-display{flex:1;font-size:14px;color:#374151;line-height:1.5}.achievement-text-display .strikethrough{text-decoration:line-through;color:#9ca3af}.delete-achievement-btn{width:36px;height:36px;border-radius:50%;background:#fee2e2;border:1px solid #fecaca;color:#dc2626;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.delete-achievement-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.deletion-status{padding:4px 12px;background:#dc2626;color:#fff;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.reword-section,.improvement-edit-section{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.original-text-display{margin-bottom:16px;padding:12px;background:#fff;border-left:3px solid #6b7280;border-radius:4px}.original-text-display label{display:block;margin-bottom:8px;color:#374151;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.original-text-display p{margin:0;color:#4b5563;font-size:14px;line-height:1.5;font-style:italic}.reword-edit-area,.improvement-edit-section{display:flex;flex-direction:column;gap:12px}.reword-edit-area label,.improvement-edit-section label,.add-experience-section label{display:block;color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.reword-textarea,.improvement-textarea,.experience-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;line-height:1.5;transition:all .2s;background:#fff}.reword-textarea:focus,.improvement-textarea:focus,.experience-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#f9fafb}.edit-actions{display:flex;gap:12px;align-items:center}.save-reword-btn,.save-improvement-btn,.save-experience-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-reword-btn:hover:not(:disabled),.save-improvement-btn:hover:not(:disabled),.save-experience-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.save-reword-btn:disabled,.save-improvement-btn:disabled,.save-experience-btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.add-experience-section{margin-top:16px;padding:16px;background:#f0f9ff;border:1px solid #93c5fd;border-radius:8px}.experience-entry{margin-bottom:20px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.experience-entry.saved{background:#f0fdf4;border-color:#86efac}.experience-entry label{display:block;margin-bottom:8px;color:#1e40af;font-size:14px;font-weight:600}.experience-entry .experience-textarea{margin-bottom:12px}.add-experience-entry-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px dashed #3b82f6;border-radius:8px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.add-experience-entry-btn:hover{background:#eff6ff;border-style:solid;transform:translateY(-1px)}.add-experience-entry-btn svg{flex-shrink:0}@media (max-width: 768px){.enhanced-tailoring-results{padding:16px;border-radius:0}.results-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-direction:column;gap:12px}.view-toggle{width:100%;justify-content:stretch}.view-toggle-btn{flex:1;text-align:center}.coverage-scores-compact{width:100%;justify-content:space-around}.print-resume-btn{width:100%;justify-content:center}.results-close-sticky{top:10px;right:10px;margin:-40px -5px 0 0}.coverage-grid{grid-template-columns:1fr}.gap-header{flex-direction:column;align-items:flex-start;gap:8px}.achievement-to-remove{flex-direction:column;align-items:stretch}.delete-achievement-btn{align-self:flex-end}.edit-actions{flex-direction:column;align-items:stretch}}.journal-screen{background:var(--soft-sand, #FEF5ED);min-height:100vh;padding-bottom:120px}.journal-content{padding:2.5rem 1.5rem;max-width:600px;margin:0}.journal-character-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;opacity:0;animation:fadeInScale 1s ease-out 0ms both;background:var(--soft-sand, #FEF5ED)}.journal-character-image{width:100%;max-width:240px;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 4px 16px #1e28890f;transition:transform .3s ease,box-shadow .3s ease;animation:floatGentle 6s ease-in-out infinite;background:var(--soft-sand, #FEF5ED);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.journal-character-image:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e28891a}.journal-heading{color:var(--deep-blue, #1E2889);font-size:2.5rem;font-weight:700;margin:0 0 .4rem;line-height:1.2;opacity:0}.journal-subheading{color:var(--deep-blue, #1E2889);font-size:1.2rem;font-weight:400;margin:0 0 2rem;opacity:0}.journal-subheading em{font-style:italic}.journal-benefits{margin:1.5rem 0 2rem;opacity:0}.benefits-intro{color:var(--deep-blue, #1E2889);font-size:1rem;font-weight:500;margin:0 0 .75rem}.benefits-list{margin:0;padding-left:1.5rem;color:var(--deep-blue, #1E2889);font-size:.95rem;line-height:1.6}.benefits-list li{margin-bottom:.5rem}.benefits-list li:last-child{margin-bottom:0}.journal-mode-toggle{display:flex;justify-content:center;margin-top:1.5rem;opacity:0}.mode-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--deep-blue, #1E2889);transition:color .2s;padding:8px 12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #1e28891a}.mode-toggle-label:hover{color:var(--coral-accent, #FF8603);box-shadow:0 4px 12px #1e288926}.mode-toggle-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--coral-accent, #FF8603)}.mode-toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.mode-toggle-label span{font-weight:500}.journal-chat-area{margin-top:2rem;opacity:0}.journal-chat-button{background:var(--coral-accent, #FF8603);color:#fff;border:none;border-radius:16px;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease-out;box-shadow:0 4px 12px #1e288926}.journal-chat-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e288940;background:#e67700}.journal-chat-button:disabled{opacity:.6;cursor:not-allowed}.chat-icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.journal-active-conversation{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;background:#fff;border-radius:24px;box-shadow:0 4px 12px #1e28891a}.journal-stop-button{background:transparent;color:var(--slate-blue, #5D8BDD);border:2px solid var(--slate-blue, #5D8BDD);border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease-out}.journal-stop-button:hover{background:var(--slate-blue, #5D8BDD);color:#fff}.journal-error{margin-top:1.5rem;padding:1rem;background:#dc35451a;color:#dc3545;border-radius:8px;font-size:.95rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.line-1{animation:fadeInSlideUp .9s ease-out .6s both}.line-2{animation:fadeInSlideUp .9s ease-out 1.05s both}.line-3{animation:fadeInSlideUp .9s ease-out 1.5s both}.line-4{animation:fadeInSlideUp .9s ease-out 1.95s both}.line-5{animation:fadeInSlideUp .9s ease-out 2.4s both}.waveform-container{width:200px;height:100px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.journal-content{padding:2rem 1.25rem}.journal-heading{font-size:2.25rem}.journal-subheading{font-size:1.1rem}.journal-character-image{max-width:200px}}@media (max-width: 520px){.journal-heading{font-size:2rem}.journal-subheading{font-size:1rem}.benefits-intro{font-size:.95rem}.benefits-list{font-size:.9rem;padding-left:1.25rem}.journal-chat-button{padding:1rem 2rem;font-size:1rem}.journal-content,.journal-active-conversation{padding:1.5rem}.journal-character-image{max-width:180px}.journal-character-container{margin-bottom:1.5rem}}@media (max-width: 400px){.journal-heading{font-size:1.75rem}.benefits-intro{font-size:.9rem}.benefits-list{font-size:.85rem;padding-left:1rem}.journal-chat-button{width:100%;justify-content:center}.journal-content{padding:1.25rem}.journal-character-image{max-width:180px}.journal-character-container{margin-bottom:1.25rem}}.journal-conversation{display:flex;flex-direction:column;height:500px;width:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden;animation:fadeInScale .4s ease}.journal-conversation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.journal-conversation-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:.25px}.journal-conversation-title svg{flex-shrink:0}.journal-conversation-end{padding:6px 14px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.journal-conversation-end:hover{background:#ffffff4d;transform:translateY(-1px)}.journal-conversation-messages{flex:1;overflow-y:auto;padding:20px;background:linear-gradient(180deg,#f8f9fc,#fff);display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.journal-conversation-messages::-webkit-scrollbar{width:8px}.journal-conversation-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.journal-conversation-messages::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:10px;opacity:.6}.journal-conversation-messages::-webkit-scrollbar-thumb:hover{background:#7c3aed}.journal-conversation-input{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb;align-items:flex-end}.journal-input-field{flex:1;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;resize:none;transition:all .2s;line-height:1.5;min-height:44px;max-height:120px;overflow-y:auto}.journal-input-field:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.journal-input-field::placeholder{color:#9ca3af}.journal-input-field:disabled{background:#f9fafb;cursor:not-allowed}.journal-send-button{width:44px;height:44px;padding:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.journal-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.journal-send-button:active:not(:disabled){transform:translateY(0)}.journal-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.journal-send-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:journalSpin .6s linear infinite}@keyframes journalSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.journal-conversation{height:calc(100vh - 200px);max-width:100%;border-radius:12px}.journal-conversation-header{padding:14px 16px}.journal-conversation-title{font-size:15px}.journal-conversation-messages{padding:16px}.journal-conversation-input{padding:12px 16px}.journal-input-field{font-size:14px;padding:8px 12px}}.journal-conversation:focus-within{box-shadow:0 4px 20px #8b5cf633}@media (prefers-contrast: high){.journal-conversation{border:2px solid #8B5CF6}.journal-input-field{border-width:2px}}@media (prefers-reduced-motion: reduce){.journal-conversation{animation:none}.journal-send-loading{animation:none;opacity:.7}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.time-management-screen{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--soft-sand) 0%,var(--warm-white) 100%);min-height:100vh;padding:0;display:flex;flex-direction:column;position:relative;max-width:1400px;margin:0 auto}.time-management-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;padding-bottom:160px;background:transparent}.tab-content>*{opacity:0;transform:translateY(20px)}.tab-content.animate-in>*:nth-child(1){animation:fadeInSlideUp .9s ease-out 0ms forwards}.tab-content.animate-in>*:nth-child(2){animation:fadeInSlideUp .9s ease-out .45s forwards}.tab-content.animate-in>*:nth-child(3){animation:fadeInSlideUp .9s ease-out .9s forwards}.status-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;z-index:10000;animation:fadeInSlideUp .3s ease;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;justify-content:center}.status-banner.success{background:linear-gradient(135deg,#4a8643f2,#4a8643e6);color:#fff;box-shadow:0 4px 16px #4a864340}.status-banner.error{background:linear-gradient(135deg,#dc2626f2,#dc2626e6);color:#fff;box-shadow:0 4px 16px #dc262640}.status-icon{font-size:1.25rem}.loading-overlay{position:fixed;inset:0;background:#fef5edf2;display:flex;align-items:center;justify-content:center;z-index:1004;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInSlideUp .3s ease}.loading-content p{font-size:1.1rem;color:var(--text-primary);font-weight:500;margin:0}.spinner.large{width:40px;height:40px;border:3px solid rgba(30,40,137,.1);border-top-color:var(--deep-blue);border-radius:50%;animation:spin .8s linear infinite}.strategize-content .collapsible-section{background:var(--warm-white);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light)}.strategize-content .collapsible-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.working-hours-summary{background:linear-gradient(135deg,#fef5ed80,#ffffff80);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.25rem;border:1px solid rgba(255,134,3,.1);transition:all .3s ease}.working-hours-summary.fade-out{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden}.working-hours-text{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.working-hours-text strong{color:var(--deep-blue);font-weight:600;font-size:1.05rem}.working-hours-container{display:flex;flex-direction:column;gap:1rem}.time-chunk{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--light-gray);border-radius:16px;transition:all .2s ease}.time-chunk:hover{background:linear-gradient(135deg,rgba(254,245,237,.3),var(--light-gray))}.time-inputs{display:flex;gap:2rem;align-items:center}.time-field{flex:0 0 auto}.time-field label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.time-input-group{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:12px;padding:.25rem;border:1px solid var(--border-light);transition:all .2s ease}.time-input-group:hover{border-color:var(--slate-blue);box-shadow:0 2px 8px #5d8bdd26}.time-input{width:100px;padding:.5rem;border:none;background:transparent;font-size:.95rem;color:var(--text-primary);font-weight:500;text-align:center;outline:none}.time-adjust-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.time-adjust-btn:hover{background:var(--slate-blue);color:#fff;transform:scale(1.1)}.time-chunk-delete{width:32px;height:32px;border:none;background:#dc26261a;color:#dc2626;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:auto}.time-chunk-delete:hover{background:#dc262633;transform:scale(1.1)}.add-time-chunk-button{width:100%;padding:.75rem;border:2px dashed var(--border-light);border-radius:16px;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.add-time-chunk-button:hover{border-color:var(--coral-accent);color:var(--coral-accent);background:#ff86030d;transform:translateY(-2px)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:var(--light-gray);border-radius:16px;padding:1rem;transition:all .3s ease;border:1px solid transparent}.activity-item:hover{background:#fff;border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.activity-header{display:flex;justify-content:space-between;align-items:center;width:100%}.activity-left{display:flex;align-items:center;gap:1rem;flex:1}.color-picker{width:32px;height:32px;border:2px solid white;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.color-picker:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.activity-controls{flex:1;display:flex;align-items:center;gap:1rem}.slider-control-group{display:flex;align-items:center;gap:.75rem;flex:1;max-width:250px}.allocation-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;outline:none;transition:all .3s ease;cursor:pointer;background:#e5e7eb}.allocation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--coral-accent);border:2px solid white;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #ff86034d}.allocation-slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 3px 8px #ff860366}.slider-value-display{min-width:50px;text-align:center;font-size:.9rem;font-weight:600;color:var(--text-primary);background:#fff;padding:.25rem .5rem;border-radius:8px;border:1px solid var(--border-light)}.activity-name{display:flex;align-items:center;gap:.5rem}.activity-name-input{background:transparent;border:none;outline:none;font-size:.95rem;font-weight:600;color:var(--text-primary);padding:.25rem .5rem;border-radius:8px;transition:all .2s ease;min-width:120px}.activity-name-input:hover{background:#00000008}.activity-name-input:focus{background:#fff;box-shadow:0 0 0 3px #ff86031a}.activity-weekly-hours{color:var(--text-light);font-size:.85rem;font-style:italic;white-space:nowrap}.activity-actions{display:flex;gap:.5rem}.add-sub-button,.expand-button{width:32px;height:32px;border:none;background:#5d8bdd1a;color:var(--slate-blue);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600}.add-sub-button:hover,.expand-button:hover{background:var(--slate-blue);color:#fff;transform:scale(1.1)}.delete-button{width:32px;height:32px;border:none;background:#dc26261a;color:#dc2626;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.25rem}.delete-button:hover{background:#dc262633;transform:scale(1.1)}.sub-activities{margin-top:1rem;padding-left:3rem;border-left:2px solid var(--border-light)}.sub-activity-item{padding:.75rem 0;border-bottom:1px solid var(--border-light)}.sub-activity-item:last-child{border-bottom:none}.total-allocation-container{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fef5ed4d,#fff);border-radius:16px;border:1px solid var(--border-light)}.total-allocation{display:flex;justify-content:space-between;align-items:center}.total-label{font-size:1rem;font-weight:600;color:var(--text-secondary)}.total-value{font-size:1.1rem;font-weight:700;transition:color .3s ease}.add-activity-button{width:100%;padding:1rem;border:2px dashed var(--border-light);border-radius:16px;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:1rem}.add-activity-button:hover{border-color:var(--coral-accent);color:var(--coral-accent);background:#ff86030d;transform:translateY(-2px)}.save-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:var(--warm-white);border-radius:24px;box-shadow:var(--shadow-soft)}.save-button{padding:1rem 2rem;background:var(--coral-accent);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:var(--shadow-coral)}.save-button:hover:not(:disabled){background:#ff7a00;transform:translateY(-2px);box-shadow:0 6px 24px #ff860340}.save-button:disabled{background:var(--text-light);cursor:not-allowed;opacity:.6}.save-button.saving{cursor:wait}.unsaved-changes{font-size:.9rem;color:var(--coral-accent);font-weight:500;display:flex;align-items:center;gap:.5rem}.floating-voice-button-container{position:fixed;bottom:180px;right:2rem;z-index:1001;display:flex;flex-direction:column;align-items:center;gap:.5rem}.floating-voice-button{width:60px;height:60px;border-radius:50%;background:var(--coral-accent);border:3px solid white;box-shadow:0 4px 16px #ff86034d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.floating-voice-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff860366}.floating-voice-button.voice-active{background:var(--moss-green);animation:gentlePulse 1.5s ease-in-out infinite}.voice-icon{width:28px;height:28px;color:#fff}.voice-icon svg{fill:none;stroke:currentColor;stroke-width:1.5}.voice-status{background:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-soft)}.time-management-tabs{position:fixed;bottom:80px;left:0;right:0;display:flex;background:#fffffff2;border-top:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000000d;z-index:1000;padding:.5rem 0;transition:transform .3s ease,opacity .3s ease}.time-management-tabs.tabs-hidden{transform:translateY(100%);opacity:0}.tab-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.75rem;transition:all .3s ease;position:relative}.tab-button:hover{background:#fef5ed80}.tab-button.active{color:var(--coral-accent)}.tab-button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--coral-accent);border-radius:0 0 3px 3px}.tab-icon{width:24px;height:24px;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.tab-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.tab-button.active .tab-label{color:var(--coral-accent);font-weight:600}.plan-content{padding:0}.plan-content>*{opacity:1!important;transform:none!important}.reflect-content{border-left:4px solid #f59e0b;background:#fff;min-height:calc(100vh - 240px);display:flex;flex-direction:column;padding:0}.reflect-content>*{opacity:1!important;transform:none!important}@media (max-width: 768px){.time-management-content{padding:1rem;padding-bottom:140px}.strategize-content .collapsible-section{padding:1.25rem;border-radius:20px}.working-hours-text{font-size:.9rem}.time-inputs{gap:1rem;flex-wrap:wrap}.time-input{width:80px;font-size:.9rem}.activity-left{gap:.75rem}.slider-control-group{max-width:200px}.activity-name-input{min-width:100px;font-size:.9rem}.save-section{padding:1.25rem}.save-button{padding:.875rem 1.5rem;font-size:.95rem}.floating-voice-button-container{bottom:160px;right:1rem}.floating-voice-button{width:56px;height:56px}.tab-button{padding:.625rem}.tab-icon{width:22px;height:22px}.tab-label{font-size:.7rem}.reflect-content{min-height:calc(100vh - 200px);padding:8px;background:#fff}}@media (max-width: 520px){.time-management-content{padding:.75rem;padding-bottom:130px}.strategize-content .collapsible-section{padding:1rem;border-radius:16px}.working-hours-summary{padding:.875rem 1rem}.working-hours-text{font-size:.85rem}.time-chunk{padding:.875rem}.time-inputs{flex-direction:column;align-items:stretch;gap:.75rem}.time-field,.time-input-group{width:100%}.activity-item{padding:.875rem}.activity-header{flex-wrap:wrap;gap:.75rem}.activity-left{width:100%}.activity-actions{width:100%;justify-content:flex-end}.slider-control-group{max-width:none;width:100%}.sub-activities{padding-left:1.5rem}.save-section{padding:1rem;margin-top:1.5rem}.save-button{width:100%;justify-content:center}.floating-voice-button-container{bottom:150px;right:.75rem}.floating-voice-button{width:52px;height:52px}.voice-icon{width:24px;height:24px}.tab-button{padding:.5rem}.tab-icon{width:20px;height:20px}.tab-label{font-size:.65rem}}@media (max-width: 400px){.time-management-content{padding:.5rem;padding-bottom:120px}.strategize-content .collapsible-section{padding:.875rem}.working-hours-summary{padding:.75rem}.working-hours-text{font-size:.8rem;line-height:1.5}.working-hours-text strong{font-size:.9rem}.time-chunk,.activity-item{padding:.75rem}.color-picker{width:28px;height:28px}.activity-name-input{font-size:.85rem;min-width:80px}.activity-weekly-hours{font-size:.75rem}.add-sub-button,.expand-button,.delete-button{width:28px;height:28px;font-size:.9rem}.save-button{padding:.75rem 1.25rem;font-size:.9rem}.floating-voice-button{width:48px;height:48px}.voice-icon{width:22px;height:22px}.tab-icon{width:18px;height:18px}.tab-label{font-size:.6rem}}.validation-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:.85rem;color:#dc2626;animation:fadeInSlideUp .3s ease}.time-chunk-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:.85rem;animation:fadeInSlideUp .3s ease}.error-icon{font-size:1rem;flex-shrink:0}.error-message{color:#dc2626;font-weight:500}.voice-error-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#dc2626f2,#dc2626e6);color:#fff;padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px #dc26264d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;animation:fadeInSlideUp .3s ease}.voice-error-banner .error-dismiss{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.voice-error-banner .error-dismiss:hover{opacity:1}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sub-total{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.5rem 0;margin-top:.5rem;font-size:.85rem;border-top:1px solid var(--border-light)}.sub-total-label{color:var(--text-secondary);font-weight:500}.sub-total-value{font-weight:600;min-width:45px;text-align:right}.sub-total-value.valid{color:var(--moss-green)}.sub-total-value.error{color:#dc2626}:root{--deep-blue: #1E2889;--soft-sand: #FEF5ED;--coral-accent: #FF8603;--moss-green: #4A8643;--slate-blue: #5D8BDD;--light-gray: #F8F9FA;--warm-white: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #64748B;--text-light: #94A3B8;--border-light: rgba(30, 40, 137, .08);--shadow-soft: 0 4px 20px rgba(30, 40, 137, .05);--shadow-medium: 0 8px 32px rgba(30, 40, 137, .08);--shadow-strong: 0 12px 40px rgba(30, 40, 137, .12);--shadow-coral: 0 4px 16px rgba(255, 134, 3, .15)}.time-grid-container{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:var(--warm-white);border-radius:24px;box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto 1.5rem;position:relative;border:1px solid var(--border-light);animation:fadeInSlideUp .9s ease-out}.time-grid-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.time-grid-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;background:#fffffffa;border-radius:16px;box-shadow:var(--shadow-medium);z-index:100}.loading-spinner{width:24px;height:24px;border:2px solid rgba(30,40,137,.1);border-top-color:var(--deep-blue);border-radius:50%;animation:spin .8s linear infinite}.time-grid-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.time-grid-header-top{display:flex;justify-content:center;align-items:center;position:relative}.date-navigation{display:flex;align-items:center;gap:1.25rem}.date-display{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);white-space:nowrap;min-width:280px;text-align:center;background:linear-gradient(135deg,var(--deep-blue),var(--slate-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-nav-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--light-gray);border-radius:12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.date-nav-arrow:hover{background:var(--slate-blue);color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #5d8bdd40}.date-nav-arrow:active{transform:scale(.95)}.calendar-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:.5rem;border:none;background:linear-gradient(135deg,#ff86031a,#ff86030d);border-radius:12px;cursor:pointer;color:var(--coral-accent);transition:all .2s ease}.calendar-icon-button:hover{background:var(--coral-accent);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-coral)}.calendar-picker{position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%);width:320px;background:var(--warm-white);border-radius:20px;box-shadow:0 10px 40px #1e288926;padding:1.5rem;z-index:1000;animation:slideDown .3s ease;border:1px solid var(--border-light)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.calendar-month-year{font-size:1rem;font-weight:600;color:var(--text-primary)}.calendar-nav-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.calendar-nav-button:hover{background:var(--light-gray);color:var(--text-primary)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:10px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.calendar-day:hover:not(.other-month){background:var(--light-gray);transform:scale(1.1)}.calendar-day.today{background:linear-gradient(135deg,#ff86031a,#ff86030d);color:var(--coral-accent);font-weight:600}.calendar-day.selected{background:var(--coral-accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff86034d}.time-grid-legend{display:flex;gap:1.5rem;font-size:.75rem;color:var(--text-secondary);justify-content:center;padding:.5rem;background:#fef5ed4d;border-radius:12px}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.time-grid{position:relative;width:100%;height:480px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,var(--light-gray) 0%,var(--warm-white) 100%);border:1px solid var(--border-light);border-radius:16px;-webkit-user-select:none;user-select:none}.time-grid::-webkit-scrollbar{width:8px}.time-grid::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.time-grid::-webkit-scrollbar-thumb{background:var(--slate-blue);border-radius:4px}.time-grid::-webkit-scrollbar-thumb:hover{background:var(--deep-blue)}.hour-row{position:relative;width:100%;border-bottom:1px solid var(--border-light);display:flex;align-items:stretch;transition:background-color .2s ease}.hour-row:hover{background:#fef5ed4d}.hour-label{position:sticky;left:0;width:60px;padding:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:#fffffffa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;border-right:1px solid var(--border-light);z-index:10;flex-shrink:0}.time-block{position:absolute;left:8px;right:8px;border-radius:12px;cursor:pointer;pointer-events:auto;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;border:2px solid rgba(255,255,255,.3);min-height:24px;overflow:hidden}.time-block:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000026}.time-block.selected{border-color:#fff;box-shadow:0 4px 16px #0003;z-index:100}.time-block-content{padding:.5rem .75rem;color:#fff;height:100%;display:flex;flex-direction:column;gap:.25rem}.time-block-time{font-size:.7rem;font-weight:600;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.time-block-title{font-size:.9rem;font-weight:500;background:transparent;border:none;color:#fff;outline:none;padding:0;margin:0;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.2)}.time-block-title:focus{background:#fff3;border-radius:6px;padding:.125rem .25rem;margin:-.125rem -.25rem}.time-block-delete{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:8px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.time-block.selected .time-block-delete{opacity:1}.time-block-delete:hover{background:#ffffff4d;transform:scale(1.1)}.activity-selector{padding:1rem;background:var(--light-gray);border-radius:16px;border:1px solid var(--border-light)}.activity-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.activity-selector-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.selected-activity-indicator{font-size:.9rem;font-weight:600;color:var(--coral-accent);padding:.25rem .75rem;background:#fff;border-radius:12px;border:1px solid var(--border-light)}.activity-selector-options{display:flex;flex-wrap:wrap;gap:.75rem}.activity-selector-button{position:relative;padding:.5rem 1rem;border-radius:20px;border:2px solid transparent;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a;min-width:100px}.activity-selector-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.activity-selector-button.selected{border-color:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.activity-selector-check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--moss-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;box-shadow:0 2px 6px #4a86434d}.time-grid-stats{padding:1.5rem;background:linear-gradient(135deg,#fef5ed4d,#fff);border-radius:16px;border:1px solid var(--border-light)}.time-grid-stats h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.1rem;font-weight:600;color:var(--deep-blue)}.floating-event-button{position:fixed;bottom:200px;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--coral-accent);color:#fff;border:3px solid white;box-shadow:var(--shadow-coral);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100}.floating-event-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff86034d}.floating-event-button svg{width:24px;height:24px;stroke-width:2}.edit-popup-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .2s ease}.edit-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:90vw;background:var(--warm-white);border-radius:24px;box-shadow:0 20px 60px #1e288933;z-index:1001;animation:slideInUp .3s ease;overflow:hidden;border:1px solid var(--border-light)}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.edit-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);background:var(--light-gray)}.edit-popup-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.edit-popup-close{width:32px;height:32px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-popup-close:hover{background:#fff;color:var(--text-primary);transform:scale(1.1)}.edit-popup-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.edit-form-group{display:flex;flex-direction:column;gap:.5rem}.edit-form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.edit-form-input,.edit-form-textarea,.edit-form-select{padding:.75rem 1rem;font-size:.95rem;border:1px solid var(--border-light);border-radius:12px;background:#fff;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.edit-form-input:focus,.edit-form-textarea:focus,.edit-form-select:focus{outline:none;border-color:var(--coral-accent);box-shadow:0 0 0 3px #ff86031a}.edit-popup-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;background:var(--light-gray);border-top:1px solid var(--border-light)}.edit-popup-cancel,.edit-popup-save{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.edit-popup-cancel{background:#fff;color:var(--text-primary);border:1px solid var(--border-light)}.edit-popup-cancel:hover{background:var(--light-gray);transform:translateY(-1px)}.edit-popup-save{background:var(--coral-accent);color:#fff;box-shadow:var(--shadow-coral)}.edit-popup-save:hover{background:#ff7a00;transform:translateY(-2px);box-shadow:0 6px 20px #ff860340}.edit-popup-save:disabled{background:var(--text-light);color:#fff;cursor:not-allowed;opacity:.6;box-shadow:none}@media (max-width: 768px){.time-grid-container{padding:1.5rem;border-radius:20px}.time-grid{height:400px}.date-display{font-size:1.1rem;min-width:240px}.date-nav-arrow,.calendar-icon-button{width:32px;height:32px}.edit-popup{width:95%;max-width:none}}@media (max-width: 520px){.time-grid-container{padding:1rem;border-radius:16px}.time-grid{height:350px}.time-grid-header-top{flex-direction:column;gap:1rem}.date-navigation{flex-wrap:wrap;justify-content:center}.date-display{font-size:1rem;min-width:auto;width:100%}.calendar-picker{width:90%}.activity-selector-options{gap:.5rem}.activity-selector-button{min-width:80px;padding:.4rem .75rem;font-size:.8rem}.floating-event-button{width:48px;height:48px;bottom:180px;right:1rem}.floating-event-button svg{width:20px;height:20px}}@media (max-width: 400px){.time-grid-container{padding:.75rem}.time-grid{height:300px}.hour-label{width:45px;font-size:.65rem}.time-block{left:4px;right:4px}.time-block-content{padding:.375rem .5rem}.time-block-time{font-size:.65rem}.time-block-title{font-size:.8rem}.edit-popup{width:100%;height:100%;border-radius:0;transform:none;top:0;left:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.weekly-time-comparison{padding:20px;max-width:100%;margin:0 auto;min-height:400px;background:#fff}.weekly-comparison-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#64748b;min-height:300px;background:#fff}.loading-spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weekly-header{margin-bottom:24px}.week-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.week-nav-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-size:14px;transition:all .2s ease}.week-nav-btn:hover{background:#f9fafb;border-color:#9ca3af}.week-display{display:flex;flex-direction:column;align-items:center;gap:8px}.week-display h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.current-week-btn{padding:4px 12px;border:1px solid #3b82f6;border-radius:6px;background:#fff;color:#3b82f6;cursor:pointer;font-size:12px;transition:all .2s ease}.current-week-btn:hover{background:#3b82f6;color:#fff}.weekly-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:center;box-shadow:0 1px 3px #0000001a}.summary-label{font-size:14px;color:#64748b;margin-bottom:8px;font-weight:500}.summary-value{font-size:24px;font-weight:700;color:#1f2937}.weekly-breakdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.weekly-breakdown h4{margin:0;padding:20px 24px 16px;font-size:18px;font-weight:600;color:#1f2937;border-bottom:1px solid #f1f5f9}.breakdown-table{width:100%}.breakdown-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:14px;color:#374151}.breakdown-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;border-bottom:1px solid #f1f5f9;align-items:center;transition:background-color .2s ease}.breakdown-row:hover{background:#f9fafb}.breakdown-row:last-child{border-bottom:none}.col-activity{display:flex;align-items:center;gap:12px}.activity-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.activity-name{font-weight:500;color:#1f2937}.col-actual,.col-target{font-weight:500;color:#374151}.col-variance .positive{color:#059669}.col-variance .negative{color:#dc2626}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.on-target{background:#dcfce7;color:#166534}.status-badge.over-target{background:#fef3c7;color:#92400e}.status-badge.under-target{background:#fee2e2;color:#991b1b}.status-badge.neutral{background:#f1f5f9;color:#64748b}.status-icon{font-size:10px}@media (max-width: 768px){.weekly-time-comparison{padding:12px;min-height:300px}.week-navigation{flex-direction:column;gap:12px}.week-nav-btn{width:100%}.weekly-summary{grid-template-columns:1fr}.breakdown-header,.breakdown-row{grid-template-columns:1fr;gap:8px}.breakdown-header{display:none}.breakdown-row{display:block;padding:12px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;background:#fff;box-shadow:0 1px 2px #0000000d}.breakdown-row>div{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.breakdown-row>div:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:12px}.col-activity{flex-direction:row;justify-content:flex-start}.col-activity:before{content:none}.col-actual:before{content:"Time Logged: "}.col-target:before{content:"Budget: "}.col-variance:before{content:"Variance: "}.col-status:before{content:"Status: "}.weekly-breakdown{min-height:200px;background:#f9fafb}.weekly-summary{min-height:100px}}.weekly-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px;background:#f9fafb;border-radius:12px;border:1px dashed #e2e8f0;margin:20px 0}.empty-state-icon{font-size:48px;margin-bottom:16px}.weekly-empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.weekly-empty-state p{margin:0;font-size:14px;color:#64748b;max-width:300px}:root{--deep-blue: #1E2889;--soft-sand: #FEF5ED;--coral-accent: #FF8603;--moss-green: #4A8643;--slate-blue: #5D8BDD;--pure-white: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #64748B;--text-tertiary: #94A3B8;--border-light: rgba(30, 40, 137, .08);--shadow-sm: 0 2px 8px rgba(30, 40, 137, .06);--shadow-md: 0 4px 12px rgba(30, 40, 137, .08);--shadow-lg: 0 8px 24px rgba(30, 40, 137, .12);--shadow-coral: 0 4px 12px rgba(255, 134, 3, .25)}.profile-screen{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--soft-sand) 0%,var(--pure-white) 100%);min-height:100vh;padding:2rem 3rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;animation:screenFadeIn .5s ease-out}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleLift{0%{box-shadow:var(--shadow-md);transform:translateY(0)}to{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.profile-sections>*{opacity:0;transform:translateY(20px)}.profile-screen.animate-in .fade-item-1{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:0ms}.profile-screen.animate-in .fade-item-2{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.45s}.profile-screen.animate-in .fade-item-3{animation:fadeInSlideUp .9s ease-out forwards;animation-delay:.9s}.alert{padding:1rem 1.25rem;border-radius:16px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideIn .3s ease;width:100%;max-width:100%}.alert-success{background:linear-gradient(135deg,#4a864314,#4a86431f);border:1px solid rgba(74,134,67,.2);color:var(--moss-green)}.alert-error{background:linear-gradient(135deg,#ff860314,#ff86031f);border:1px solid rgba(255,134,3,.2);color:var(--coral-accent)}.alert-icon{width:20px;height:20px;flex-shrink:0}.profile-sections{width:100%;display:flex;flex-direction:column;gap:1.5rem}.profile-header-section{background:var(--pure-white);border-radius:24px;padding:1.5rem 2rem;box-shadow:var(--shadow-md);transition:all .3s ease;width:100%;animation:fadeInSlideUp .9s ease-out forwards}.profile-header-section:hover{animation:gentleLift .3s ease forwards}.profile-header-content{display:flex;align-items:center;gap:1.5rem;width:100%}.profile-image-container{flex-shrink:0}.profile-image-compact{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-light);background:var(--pure-white);box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.profile-image-compact:hover{transform:scale(1.05);box-shadow:var(--shadow-md);border-color:var(--slate-blue)}.profile-image-compact.profile-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--slate-blue) 0%,var(--deep-blue) 100%)}.profile-image-compact .initials-text{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.profile-info-inline{display:flex;align-items:baseline;gap:1rem;flex:1}.user-name-inline{font-size:1.5rem;font-weight:500;color:var(--deep-blue);letter-spacing:-.01em}.separator{color:var(--text-tertiary);font-size:1rem}.email-inline{color:var(--text-secondary);font-size:1rem;font-style:italic}.profile-spacer{flex-grow:1}.profile-actions-inline{display:flex;align-items:center;gap:1rem;flex-shrink:0}.save-button-inline,.logout-button-inline{padding:.75rem 1.5rem;border-radius:16px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none;white-space:nowrap}.save-button-inline{background:var(--coral-accent);color:#fff;box-shadow:var(--shadow-coral)}.save-button-inline:hover:not(:disabled){background:#e67a03;transform:translateY(-2px);box-shadow:0 6px 20px #ff860359}.save-button-inline:disabled{opacity:.6;cursor:not-allowed}.logout-button-inline{background:transparent;color:var(--slate-blue);border:1px solid var(--slate-blue)}.logout-button-inline:hover{background:var(--slate-blue);color:#fff;transform:translateY(-1px)}.button-icon-inline{width:18px;height:18px;flex-shrink:0;stroke-width:1.5px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.profile-section{background:var(--pure-white);border-radius:24px;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.profile-section:hover{animation:gentleLift .3s ease forwards}.profile-section .liquid-glass{background:var(--pure-white)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.profile-section .section-header{border-bottom:1px solid var(--border-light);padding-bottom:1rem;margin-bottom:1.5rem}.profile-section .section-title{color:var(--deep-blue)!important;font-size:1.25rem!important;font-weight:500!important;letter-spacing:-.01em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.95rem;font-family:"Inter",inherit;background:var(--pure-white);color:var(--text-primary);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--coral-accent);box-shadow:0 0 0 3px #ff86031a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.char-count{text-align:right;font-size:.8rem;color:var(--text-tertiary);margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--coral-accent);border-radius:6px}.devtools-section{background:linear-gradient(135deg,#ff86030a,#ff860314)!important;border:1px solid rgba(255,134,3,.15)!important}.devtools-content{padding:0}.devtools-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;padding:1rem;background:#ff860314;border-radius:12px;border-left:3px solid var(--coral-accent)}.devtools-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.devtools-button{flex:1;min-width:200px;padding:.75rem 1.5rem;font-size:.9rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.devtools-button:not(.reset-button){background:var(--slate-blue);color:#fff}.devtools-button:not(.reset-button):hover:not(:disabled){background:var(--deep-blue);transform:translateY(-1px)}.devtools-button.reset-button{background:transparent;border:1px solid var(--coral-accent);color:var(--coral-accent)}.devtools-button.reset-button:hover:not(:disabled){background:var(--coral-accent);color:#fff;transform:translateY(-1px)}.devtools-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{width:18px;height:18px}.devtools-info{background:#1e28890a;border:1px solid var(--border-light);border-radius:12px;padding:1.25rem}.info-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem}.info-item strong{color:var(--text-secondary);font-weight:500;min-width:140px}.info-item code{background:#1e288914;padding:.25rem .5rem;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.85rem;color:var(--deep-blue);word-break:break-all}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:linear-gradient(135deg,#4a864326,#4a864333);color:var(--moss-green);border:1px solid rgba(74,134,67,.3)}.status-badge.pending{background:linear-gradient(135deg,#ff860326,#ff860333);color:var(--coral-accent);border:1px solid rgba(255,134,3,.3)}@media (max-width: 768px){.profile-screen{padding:1.5rem}.profile-header-section{padding:1.25rem 1.5rem}.profile-header-content{flex-wrap:wrap;gap:1rem}.profile-image-compact{width:48px;height:48px}.profile-image-compact .initials-text{font-size:1rem}.profile-info-inline{flex:1;min-width:0}.user-name-inline{font-size:1.25rem}.email-inline,.separator,.profile-spacer{display:none}.profile-actions-inline{width:100%;justify-content:flex-end}.save-button-inline,.logout-button-inline{padding:.6rem 1.2rem;font-size:.9rem}.profile-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}.devtools-actions{flex-direction:column}.devtools-button{width:100%}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 520px){.profile-screen{padding:1rem}.profile-header-section{padding:1rem;border-radius:20px}.profile-info-inline{font-size:.9rem}.user-name-inline{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.profile-actions-inline{gap:.5rem}.save-button-inline,.logout-button-inline{padding:.5rem 1rem;font-size:.85rem;border-radius:12px}.button-icon-inline{width:16px;height:16px}.profile-section{padding:1.25rem;border-radius:20px}}@media (max-width: 400px){.profile-screen{padding:.75rem}.profile-image-compact{width:40px;height:40px}.user-name-inline{max-width:120px;font-size:1rem}.save-button-inline span:not(.loading-spinner),.logout-button-inline span{display:none}.save-button-inline,.logout-button-inline{padding:.5rem .75rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.6rem .9rem}}@media (prefers-color-scheme: dark){.profile-screen{background:linear-gradient(180deg,var(--soft-sand) 0%,var(--pure-white) 100%)}.profile-header-section,.profile-section{background:var(--pure-white)}.form-group input,.form-group select,.form-group textarea{background:var(--pure-white);color:var(--text-primary)}}.exploration-screen{min-height:100vh;background:linear-gradient(180deg,#f0f7f0,#fff);padding-bottom:120px}.exploration-content{padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.exploration-header{text-align:center;margin-bottom:3rem}.exploration-title{font-size:2.5rem;font-weight:700;color:#1e2889;margin:0 0 .5rem;opacity:0}.exploration-subtitle{font-size:1.1rem;color:#6b7280;margin:0;opacity:0}.recommendations-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;opacity:0}.career-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease}.career-card:hover{box-shadow:0 4px 20px #0000001f}.career-card.expanded{box-shadow:0 6px 24px #00000026}.career-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.career-header:hover{background:#f9fafb}.career-main-info{flex:1}.career-title{font-size:1.25rem;font-weight:600;color:#1e2889;margin:0 0 .5rem}.career-metrics{display:flex;gap:1rem;flex-wrap:wrap}.alignment-score{font-size:.9rem;font-weight:600;color:#4a8643}.demand-level{font-size:.9rem;font-weight:500}.salary-range{font-size:.9rem;color:#6b7280}.expand-button{width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.expand-button:hover{background:#f9fafb;border-color:#d1d5db}.career-description{padding:0 1.25rem 1.25rem;color:#4b5563;line-height:1.6}.career-details{padding:1.25rem;border-top:1px solid #e5e7eb;animation:expandIn .3s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-title{font-size:.9rem;font-weight:600;color:#1e2889;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.detail-list{margin:0;padding-left:1.5rem;color:#4b5563;line-height:1.8}.detail-list li{margin-bottom:.25rem}.research-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.research-title{font-size:1rem;font-weight:600;color:#1e2889;margin:0 0 1rem}.resource-group{margin-bottom:1.5rem}.resource-group-title{font-size:.9rem;font-weight:600;color:#4b5563;margin:0 0 .75rem}.articles-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.article-card{display:block;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .2s}.article-card:hover{background:#fff;border-color:#4a8643;transform:translate(4px)}.article-title{font-size:.9rem;font-weight:600;color:#1e2889;margin:0 0 .25rem}.article-description{font-size:.85rem;color:#6b7280;margin:0 0 .25rem;line-height:1.4}.article-source{font-size:.75rem;color:#9ca3af}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.video-card{display:block;text-decoration:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.video-thumbnail{position:relative;width:100%;height:120px;background:#f9fafb;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:4px;right:4px;padding:2px 6px;background:#000c;color:#fff;font-size:.75rem;border-radius:4px}.video-info{padding:.75rem}.video-title{font-size:.85rem;font-weight:600;color:#1e2889;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-channel{font-size:.75rem;color:#9ca3af}.exploration-actions{text-align:center;margin-top:2rem;opacity:0}.refresh-button{padding:.875rem 1.75rem;background:linear-gradient(135deg,#4a8643,#2f5233);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #4a864333}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4a86434d}.exploration-conversation-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.exploration-conversation-container{width:100%;max-width:900px;max-height:90vh;overflow:hidden;border-radius:16px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-container,.error-container{text-align:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(74,134,67,.2);border-top-color:#4a8643;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text,.error-message{font-size:1rem;color:#6b7280;margin:0 0 1.5rem}.error-title{font-size:1.5rem;font-weight:600;color:#1e2889;margin:0 0 1rem}.discovery-button{padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.discovery-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea4d}.researching-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.researching-content{text-align:center;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026}.researching-content p{margin-top:1rem;color:#4b5563}.line-1{animation:fadeInSlideUp .8s ease-out .3s both}.line-2{animation:fadeInSlideUp .8s ease-out .6s both}.line-3{animation:fadeInSlideUp .8s ease-out .9s both}.line-4{animation:fadeInSlideUp .8s ease-out 1.2s both}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.exploration-content{padding:1.5rem 1rem}.exploration-title{font-size:2rem}.exploration-subtitle{font-size:1rem}.career-title{font-size:1.1rem}.career-metrics{font-size:.85rem}.videos-grid{grid-template-columns:1fr}.exploration-conversation-overlay{padding:1rem}}@media (max-width: 480px){.exploration-title{font-size:1.75rem}.career-header{padding:1rem}.career-description{padding:0 1rem 1rem}.career-details{padding:1rem}.exploration-conversation-container{max-height:100vh;border-radius:0}}.discovery-conversation{display:flex;flex-direction:column;height:500px;width:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden;animation:fadeInScale .4s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.discovery-conversation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#4a8643,#2f5233);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.discovery-conversation-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:.25px}.discovery-conversation-title svg{flex-shrink:0}.discovery-conversation-end{padding:6px 14px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discovery-conversation-end:hover{background:#ffffff4d;transform:translateY(-1px)}.discovery-conversation-messages{flex:1;overflow-y:auto;padding:20px;background:linear-gradient(180deg,#f0f7f0,#fff);display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.discovery-conversation-messages::-webkit-scrollbar{width:8px}.discovery-conversation-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.discovery-conversation-messages::-webkit-scrollbar-thumb{background:#4a8643;border-radius:10px;opacity:.6}.discovery-conversation-messages::-webkit-scrollbar-thumb:hover{background:#2f5233}.discovery-conversation-input{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb;align-items:flex-end}.discovery-input-field{flex:1;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;resize:none;transition:all .2s;line-height:1.5;min-height:44px;max-height:120px;overflow-y:auto}.discovery-input-field:focus{outline:none;border-color:#4a8643;box-shadow:0 0 0 3px #4a86431a}.discovery-input-field::placeholder{color:#9ca3af}.discovery-input-field:disabled{background:#f9fafb;cursor:not-allowed}.discovery-send-button{width:44px;height:44px;padding:0;background:linear-gradient(135deg,#4a8643,#2f5233);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.discovery-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4a86434d}.discovery-send-button:active:not(:disabled){transform:translateY(0)}.discovery-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.discovery-send-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:discoverySpin .6s linear infinite}@keyframes discoverySpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.discovery-conversation{height:calc(100vh - 200px);max-width:100%;border-radius:12px}.discovery-conversation-header{padding:14px 16px}.discovery-conversation-title{font-size:15px}.discovery-conversation-messages{padding:16px}.discovery-conversation-input{padding:12px 16px}.discovery-input-field{font-size:14px;padding:8px 12px}}.discovery-conversation:focus-within{box-shadow:0 4px 20px #4a864333}@media (prefers-contrast: high){.discovery-conversation{border:2px solid #4A8643}.discovery-input-field{border-width:2px}}@media (prefers-reduced-motion: reduce){.discovery-conversation{animation:none}.discovery-send-loading{animation:none;opacity:.7}}.about-page{min-height:100vh;width:100%;display:block}:root{--primary-blue:#2563eb;--primary-dark:#1e40af;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--border-color:#e5e7eb;--gradient-start:#dbeafe;--gradient-end:#fef3c7;--max-width:1200px}.hero{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:4rem 0;text-align:center;border-bottom-left-radius:3rem;border-bottom-right-radius:3rem}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-dark);margin-bottom:1.5rem;line-height:1.2}.subhead{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-light);max-width:800px;margin:0 auto 2.5rem;line-height:1.8}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.875rem 2rem;border-radius:2rem;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer;border:2px solid transparent;font-size:1rem;min-height:44px;min-width:44px}.btn:focus{outline:3px solid var(--primary-blue);outline-offset:2px}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--bg-white);color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--primary-blue);color:#fff}section{padding:4rem 0}section:nth-child(2n){background:var(--bg-light)}h2{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.section-content{max-width:800px;margin:0 auto;text-align:center;font-size:1.125rem;line-height:1.8;color:var(--text-light)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--bg-white);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.feature-icon{width:48px;height:48px;margin:0 auto 1rem;background:var(--gradient-start);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-title{font-size:1.25rem;color:var(--text-dark);margin-bottom:1rem;font-weight:600}.feature-description{color:var(--text-light);line-height:1.6}.multimodal-visual{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.interaction-mode{display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.principles-list{list-style:none;max-width:600px;margin:2rem auto}.principles-list li{background:var(--bg-white);padding:1.5rem;margin-bottom:1rem;border-radius:.75rem;border-left:4px solid var(--primary-blue);text-align:left}.principle-title{font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.timeline{max-width:600px;margin:2rem auto;position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary-blue)}.timeline-item{position:relative;padding:1rem 0 1rem 2rem;text-align:left}.timeline-item:before{content:"";position:absolute;left:-2.5rem;top:1.5rem;width:12px;height:12px;border-radius:50%;background:var(--primary-blue);border:3px solid var(--bg-white)}.timeline-year{font-weight:600;color:var(--primary-blue)}.email-form{display:flex;gap:1rem;max-width:500px;margin:2rem auto;flex-wrap:wrap;justify-content:center}.email-input{flex:1;padding:.875rem 1.5rem;border:2px solid var(--border-color);border-radius:2rem;font-size:1rem;min-width:250px}.email-input:focus{outline:3px solid var(--primary-blue);outline-offset:2px;border-color:var(--primary-blue)}@media (max-width:768px){.container{padding:0 1rem}.hero{padding:3rem 0}section{padding:3rem 0}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}.btn.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;animation:successPulse .5s ease}.btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;animation:errorShake .5s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}:root{--primary-blue: #2563eb;--primary-dark: #1e40af;--text-dark: #1f2937;--text-light: #6b7280;--bg-light: #f9fafb;--bg-white: #fff;--border-color: #e5e7eb;--gradient-start: #dbeafe;--gradient-end: #fef3c7;--max-width: 800px;--text-body: #374151}.key-message{font-size:1.25rem;font-weight:600;color:var(--primary-blue);background:var(--bg-white);padding:1rem 1.5rem;border-radius:2rem;display:inline-block;box-shadow:0 4px 6px #0000000d}ul{margin:1rem 0 1rem 2rem;color:var(--text-body)}@media (max-width: 768px){.container{padding:0 1rem}.hero{padding:2rem 0}h1{font-size:1.75rem}.key-message{font-size:1.125rem;padding:.875rem 1.25rem}.nav-links{flex-direction:column;align-items:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2563eb;--primary-dark: #1e40af;--text-dark: #1f2937;--text-light: #6b7280;--bg-light: #f9fafb;--bg-white: #fff;--border-color: #e5e7eb;--gradient-start: #dbeafe;--gradient-end: #fef3c7;--max-width: 800px;--text-body: #374151;--accent-green: #10b981;--accent-orange: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-white);overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.company-header{background:var(--bg-white);padding:1rem 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.company-name{font-size:1.125rem;font-weight:600;color:var(--text-dark);text-align:center;letter-spacing:.02em}.hero{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:3rem 0;text-align:center;border-bottom-left-radius:3rem;border-bottom-right-radius:3rem}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text-dark);margin-bottom:1rem;line-height:1.2}.last-updated{font-size:1rem;color:var(--text-light);margin-bottom:1.5rem}.effective-date{font-size:1.125rem;font-weight:500;color:var(--primary-dark)}.nav-links{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.nav-link{display:inline-block;padding:.5rem 1rem;color:var(--primary-blue);text-decoration:none;font-weight:500;transition:all .3s;border-radius:1rem}.nav-link:hover{background:var(--bg-light);transform:translateY(-2px)}.nav-link:focus{outline:3px solid var(--primary-blue);outline-offset:2px}.content{padding:3rem 0}.section{margin-bottom:3rem}.section:last-child{margin-bottom:0}h2{font-size:1.75rem;color:var(--text-dark);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--gradient-start)}h3{font-size:1.25rem;color:var(--text-dark);margin:1.5rem 0 1rem;font-weight:600}p{color:var(--text-body);line-height:1.8;margin-bottom:1rem}ul,ol{margin:1rem 0 1rem 2rem;color:var(--text-body)}li{margin-bottom:.75rem;line-height:1.8}strong{color:var(--text-dark);font-weight:600}.highlight-box{background:var(--bg-light);padding:1.5rem;border-radius:1rem;border-left:4px solid var(--primary-blue);margin:1.5rem 0}.highlight-box p{margin-bottom:0}.consent-box{background:linear-gradient(135deg,#2563eb0d,#f59e0b0d);padding:2rem;border-radius:1rem;border:2px solid var(--primary-blue);margin:2rem 0}.consent-box h3{margin-top:0;color:var(--primary-blue)}.consent-box ul{margin-bottom:0}.important-notice{background:#f59e0b1a;padding:1.5rem;border-radius:1rem;border-left:4px solid var(--accent-orange);margin:1.5rem 0}.important-notice p{margin-bottom:0;color:var(--text-dark)}.contact-section{background:var(--bg-light);padding:2rem;border-radius:1rem;text-align:center;margin-top:3rem}.contact-section h2{border:none;margin-bottom:1rem}.email-link{color:var(--primary-blue);text-decoration:none;font-weight:500}.email-link:hover{text-decoration:underline}.footer{background:var(--bg-light);padding:2rem 0;margin-top:3rem;text-align:center}.footer-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.footer-link{color:var(--text-light);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--primary-blue)}.copyright{color:var(--text-light);font-size:.875rem}.numbered-list{counter-reset:section}.numbered-list li{counter-increment:section;position:relative;padding-left:2rem;list-style:none}.numbered-list li:before{content:counter(section) ".";position:absolute;left:0;font-weight:600;color:var(--primary-blue)}@media (max-width: 768px){.container{padding:0 1rem}.hero{padding:2rem 0}h1{font-size:1.75rem}.nav-links{flex-direction:column;align-items:center}.consent-box{padding:1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:.5rem;text-decoration:none;border-radius:0 0 .5rem}.skip-link:focus{top:0}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,sans-serif;line-height:1.47;color:#000;background:#fff;min-height:100vh;width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;inset:0}#root{width:100%;height:100%;overflow:hidden}body{overscroll-behavior-y:contain}button,nav,.nav-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{scroll-behavior:smooth}:focus{outline:none}:focus-visible{outline:2px solid var(--ios-system-blue);outline-offset:2px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:20px;color:#012169}