header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;position:relative;width:100%}.navbar-logo{display:block;padding-left:20px;transition:transform .2s ease;width:auto}.navbar-logo:hover{transform:scale(1.05)}.logo-sm{height:30px}.logo-md{height:50px}.logo-lg{height:60px}.logo-container{align-items:center;display:flex;gap:8px;text-decoration:none}.beta-tag{background-color:var(--settings-btn-color);border-radius:5px;color:var(--white);font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.form-field-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.form-field-group label{flex-shrink:0;margin:0;text-align:right;width:80px}.form-field-group .password-input-container,.form-field-group input{flex-grow:1;margin:0}.password-input-container{align-items:center;display:flex;position:relative}.password-toggle-icon{color:#aaa;cursor:pointer;position:absolute;right:15px}.custom-select-wrapper{display:inline-block;position:relative;width:150px}.custom-select-wrapper select{-webkit-appearance:none;appearance:none;background-color:var(--card-bg);border:2px solid #eee;border-radius:10px;color:var(--text-color);cursor:pointer;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;padding:8px 30px 8px 12px;transition:border-color .3s ease;width:100%}.dark-mode .custom-select-wrapper select{background-color:#3e2a50;border-color:#553c6e;color:#eadaff}.custom-select-wrapper select:focus{border-color:var(--header-color);outline:none}.custom-select-wrapper:after{color:var(--header-color);content:"\f078";font-family:Font Awesome\ 6 Free;font-weight:900;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.interactive-buddy-container{cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:60px;transition:transform .2s ease-in-out;width:60px}.interactive-buddy-container:hover{transform:scale(1.1)}.interactive-buddy-body-wrapper{animation:buddy-wobble 8s ease-in-out infinite;transform-origin:bottom center}.interactive-buddy-body{fill:url(#buddy-gradient)}.interactive-buddy-eyes{transform-origin:50px 50px;transition:transform .1s linear}.cheer-up-buddy{animation:hovering 4s ease-in-out infinite;bottom:20px;cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));height:100px;position:fixed;right:20px;transition:transform .2s ease-in-out;width:100px;z-index:999}.cheer-up-buddy:hover{transform:scale(1.1)}.cheer-up-buddy .buddy-body path{fill:url(#buddy-gradient)}.buddy-body.dancing{animation:dancing .8s ease-in-out infinite;transform-origin:bottom center}.buddy-eye-lid{animation:blinking 5s infinite;transform-origin:center}.buddy-eye-lid:last-of-type{animation-delay:.1s}.buddy-body.idle{animation:breathing 4s ease-in-out infinite}@keyframes breathing{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dancing{0%{transform:rotate(-8deg) scale(1.05)}50%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(-8deg) scale(1.05)}}@keyframes blinking{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes hovering{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes buddy-wobble{0%{transform:rotate(0deg)}25%{transform:rotate(-3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(3deg)}to{transform:rotate(0deg)}}.buddy-menu{animation:fadeIn .3s ease-out;background-color:var(--card-bg);border:1px solid #eee;border-radius:10px;bottom:80px;box-shadow:0 4px 12px #00000026;padding:.5rem;position:fixed;right:130px;width:180px;z-index:1000}.dark-mode .buddy-menu{border-color:#553c6e}.buddy-menu ul{list-style:none;margin:0;padding:0}.buddy-menu li{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:.75rem 1rem}.buddy-menu li:hover{background-color:#f0f0f0}.dark-mode .buddy-menu li:hover{background-color:#553c6e}.close-menu-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.5rem;position:absolute;right:8px;top:5px}.timer-widget{background-color:var(--card-bg);border:1px solid #eee;border-radius:15px;bottom:20px;box-shadow:0 5px 15px #0003;left:20px;padding:1rem;position:fixed;text-align:center;width:200px;z-index:1000}.dark-mode .timer-widget{border-color:#553c6e}.timer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.timer-header h4{font-size:1rem;margin:0}.close-timer-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.5rem}.timer-display{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.timer-controls{display:flex;gap:10px;justify-content:center}.timer-controls button{background-color:var(--col-applied);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-weight:700;padding:8px 20px}.motivational-bubble:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--card-bg);bottom:-10px;content:"";height:0;position:absolute;right:40px;width:0}.dark-mode .motivational-bubble{border-color:#553c6e}.dark-mode .motivational-bubble:after{border-top-color:var(--card-bg)}.bubble-text{font-size:.9rem;font-style:italic;line-height:1.6;margin:0}.close-bubble-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.motivational-bubble{animation:fadeIn .5s ease-out;background-color:var(--card-bg);border:1px solid #eee;border-radius:15px;bottom:130px;box-shadow:0 4px 12px #0000001a;padding:1rem;position:fixed;right:20px;width:220px;z-index:998}.helpful-links-container{padding:1rem}.links-list{margin-bottom:1rem}.link-item{align-items:center;background-color:var(--book-bg);border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.link-item a{color:var(--header-color);font-weight:700;text-decoration:none}.link-item button{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:1.2rem}.add-link-form{display:flex;gap:.5rem}.add-link-form input{border:1px solid #ccc;border-radius:5px;flex-grow:1;padding:.5rem}.add-link-form button{background-color:var(--header-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.job-column{border-radius:20px;display:flex;flex:1 1;flex-direction:column;padding:16px}.job-column h2{align-items:center;display:flex;font-family:Gaegu,cursive;font-size:2rem;gap:8px;justify-content:center;margin:0 0 16px;text-align:center;transition:color .4s ease}.job-cards{background-color:var(--book-bg);border-radius:15px;flex-grow:1;max-height:500px;min-height:200px;overflow-y:auto;padding:8px;transition:background-color .3s ease}.job-cards::-webkit-scrollbar{width:8px}.job-cards::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.job-cards::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.job-cards::-webkit-scrollbar-thumb:hover{background:#0000004d}#wishlist-col{background-color:var(--col-wishlist)}#applied-col{background-color:var(--col-applied)}#interview-col{background-color:var(--col-interview)}#offer-col{background-color:var(--col-offer)}#rejected-col{background-color:var(--col-rejected)}.job-card{background-color:var(--card-bg);border-radius:15px;box-shadow:0 4px 8px #00000014;cursor:grab;margin-bottom:12px;padding:16px;touch-action:none;transition:all .4s ease;-webkit-user-select:none;user-select:none}.job-card h3{font-size:1.25rem;margin:0 0 4px;pointer-events:none}.job-card p{color:#777;font-size:1rem;margin:0;pointer-events:none}.dark-mode .job-card p{color:#ccc}.job-card .card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.job-card .card-salary{background-color:#e0f2f1;border-radius:8px;color:#333;font-size:.875rem;font-weight:700;padding:4px 8px}.job-card .date{color:#aaa;font-size:.75rem;pointer-events:none;text-align:right}.job-card.dragging{opacity:0;transform:rotate(3deg);visibility:hidden}.job-card:not(.dragging):not(.touch-dragging):hover{background-color:#f9f9f9}.dark-mode .job-card:not(.dragging):not(.touch-dragging):hover{background-color:#553c6e}.job-cards.drag-over{background-color:#0000001a;transform:scale(1.02);transition:all .2s ease}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:1000}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:var(--card-bg);border-radius:20px;box-shadow:0 5px 15px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;transition:background-color .4s ease,color .4s ease;width:90%}.modal-content h2{color:var(--header-color);font-family:Gaegu,cursive;font-size:2rem;margin-bottom:16px;margin-top:0;text-align:center}.modal-content label{display:block;font-weight:700;margin-bottom:4px;margin-top:12px}.modal-content input,.modal-content select,.modal-content textarea{background-color:var(--card-bg);border:2px solid #eee;border-radius:10px;box-sizing:border-box;color:var(--text-color);font-family:Quicksand,sans-serif;font-size:1rem;margin-bottom:12px;padding:12px;transition:background-color .4s ease,color .4s ease,border-color .4s ease;width:100%}.dark-mode .modal-content input,.dark-mode .modal-content select,.dark-mode .modal-content textarea{background-color:#3e2a50;border-color:#553c6e;color:#eadaff}.modal-content textarea{min-height:80px;resize:vertical}.modal-content button{background-color:var(--header-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;margin-bottom:12px;margin-top:8px;padding:12px}.modal-actions{display:flex;flex-wrap:wrap;gap:12px}.modal-actions button{flex:1 1}.modal-actions .delete-btn{background-color:var(--danger-color)}.modal-actions .print-btn{background-color:var(--print-btn-color)}.star-label{align-items:center;color:var(--header-color);display:flex;font-style:italic;gap:6px;margin-bottom:16px!important}.star-field-group label{font-style:italic;font-weight:400;margin-top:0}.salary-fields{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.salary-fields>div{flex:1 1;min-width:120px}#notification-modal .modal-content{max-width:350px;padding:32px;text-align:center}#notif-icon{font-size:4rem;margin-bottom:16px}#notif-title{font-family:Gaegu,cursive;font-size:2.25rem;margin:0 0 8px}#notif-message{line-height:1.6;margin:0}.sparkle-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.sparkle{animation:sparkle-anim 1s ease-out forwards;background-color:gold;border-radius:50%;height:10px;position:absolute;width:10px}@keyframes sparkle-anim{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.5)}}.skeleton-column{background-color:#e0e0e0!important}.dark-mode .skeleton-column{background-color:#4a3360!important}.skeleton-card{background-color:#f5f5f5;border-radius:15px;margin-bottom:12px;padding:16px}.dark-mode .skeleton-card{background-color:#553c6e}.skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:8px}.dark-mode .skeleton-text{background:linear-gradient(90deg,#4a3360 25%,#553c6e 50%,#4a3360 75%);background-size:200% 100%}.skeleton-header{height:32px;margin:0 auto 16px;width:60%}.skeleton-title{height:20px;margin-bottom:8px;width:70%}.skeleton-line{height:16px;width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.book{background-color:var(--book-bg);border-radius:20px;box-shadow:0 10px 30px #00000026;box-sizing:border-box;padding:24px;transition:background-color .4s ease;width:100%}.book,.page{display:flex;gap:24px}.page{flex:1 1;flex-direction:column;min-width:0}.spine{background:linear-gradient(90deg,#eee,#ccc,#eee);border-radius:5px;flex-shrink:0;width:10px}.card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.job-link-icon{align-items:center;color:var(--settings-btn-color);display:flex;font-size:1rem;justify-content:center;min-height:32px;min-width:32px;padding-top:4px;pointer-events:auto;text-decoration:none;touch-action:auto;transition:transform .2s ease}.job-link-icon:hover{color:var(--header-color);transform:scale(1.2)}.add-job-btn{background-color:var(--header-color);border:none;border-radius:15px;box-shadow:0 4px 0 #e06c78;color:#fff;cursor:pointer;font-family:Gaegu,cursive;font-size:1.5rem;margin-top:20px;padding:10px 20px;transition:all .2s ease}.add-job-btn:hover{box-shadow:0 6px 0 #e06c78;transform:translateY(-2px)}.add-job-btn:active{box-shadow:0 2px 0 #e06c78;transform:translateY(2px)}.search-input{background-color:initial;border:none;border-bottom:2px solid var(--header-color);color:var(--text-color);font-family:Quicksand,sans-serif;font-size:1rem;outline:none;padding:10px;transition:all .5s ease;width:250px}.search-container{margin:50px}.settings-container{position:absolute;right:10px;top:10px}#settings-btn{color:var(--header-color);cursor:pointer;font-size:2.5rem;transition:transform .2s}#settings-btn:hover{transform:scale(1.1)}.settings-dropdown{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;opacity:0;padding:16px;position:absolute;right:0;top:50px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:220px;z-index:1001}.settings-dropdown.visible{opacity:1;transform:translateY(0);visibility:visible}.setting-item{align-items:center;color:#555;display:flex;justify-content:space-between;margin-bottom:12px}.setting-item:last-child{margin-bottom:0}.setting-item label{font-weight:700}.settings-dropdown button{border:none;border-radius:10px;cursor:pointer;font-family:Quicksand,sans-serif;font-size:.875rem;font-weight:700;margin-top:8px;padding:10px;width:100%}#print-all-btn{background-color:var(--print-btn-color);color:#fff}#account-settings-btn{background-color:var(--settings-btn-color);color:#fff}#logout-btn{background-color:var(--danger-color);color:#fff}.theme-switch{display:inline-block;height:26px;position:relative;width:50px}.theme-switch input{display:none}.slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;width:20px}input:checked+.slider{background-color:var(--header-color)}input:checked+.slider:before{transform:translateX(24px)}@media (max-width:900px){.book{flex-direction:column;gap:0}.spine{height:10px;margin:16px 0;width:100%}}@media (max-width:600px){body{padding:16px}.settings-container{display:flex;justify-content:flex-end;margin-bottom:8px;order:-1;position:relative;right:auto;top:auto;width:100%}.header-title{font-size:1.875rem}.job-column h2{font-size:1.75rem}.book{padding:16px}.job-column{padding:12px}.add-job-btn{font-size:1.125rem;padding:8px 16px}}@media (hover:none) and (pointer:coarse){.job-card{min-height:100px;padding:18px}.job-link-icon{margin:-8px;min-height:44px;min-width:44px}.job-card:active:not(.touch-dragging){transform:scale(.98);transition:transform .1s ease}}.job-card.touch-dragging{box-shadow:0 12px 24px #0000004d;opacity:.8;pointer-events:none;position:fixed;transform:scale(1.05) rotate(3deg);z-index:1001}.xp-container{font-size:.9rem;margin-bottom:1rem;padding:.5rem 0;text-align:center}.xp-bar-background{background-color:#eee;border-radius:5px;height:10px;margin:.5rem 0;overflow:hidden;width:100%}.xp-bar-progress{background-color:var(--col-offer);border-radius:5px;height:100%;transition:width .5s ease-in-out}.xp-text{color:#888;font-size:.8rem}.frontpage-header{align-items:center;background-color:var(--card-bg);border:1px solid #eee;border-radius:15px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0}@media (max-width:900px){.frontpage-header{flex-direction:column;justify-content:space-between}}.frontpage-header .navbar-brand{color:var(--header-color);font-family:Gaegu,cursive;font-size:2.5rem;margin:0;padding-left:20px}.header-btn{background-color:var(--header-color);border:none;border-radius:15px;box-shadow:0 4px 0 #e06c78;color:var(--white);cursor:pointer;font-family:Gaegu,cursive;font-size:1.2rem;margin-right:20px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.header-btn:hover{transform:translateY(-2px)}.hero-section{display:flex;flex-direction:column;justify-content:space-evenly;padding:4rem 1rem}@media (min-width:900px){.hero-section{align-items:center;flex-direction:row;gap:4rem}}.header-title{box-sizing:border-box;color:var(--header-color);font-family:Gaegu,cursive;font-size:3.5rem;margin:0 auto;transition:color .4s ease}.hero-section p{font-size:1.25rem;line-height:1.6}.hero-section .header-btn{font-size:1.5rem;padding:15px 30px}.video-container{background:#000;border-radius:15px;box-shadow:0 5px 15px #0003;max-width:100%;overflow:hidden}.hero-section .video-container,.hero-section__content-container{flex:1 1}.video-container iframe{height:350px;left:0;top:0;width:100%}.hero-section__content-container{text-align:left}@media (max-width:900px){.hero-section .video-container{margin-top:30px}}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;padding:3rem 0}@media (min-width:768px){.features-section{grid-template-columns:repeat(2,1fr)}}.feature-item{background-color:var(--card-bg);border-radius:15px;box-shadow:0 4px 12px #0000000d;padding:2rem;text-align:center}.feature-item i{color:var(--header-color);font-size:3rem;margin-bottom:1rem}.feature-item h3{font-size:1.5rem;margin:0 0 .5rem}.feature-item p{color:#777;line-height:1.6}.security-features{background-color:#00000005;border-radius:15px;margin-top:4rem;padding:3rem 1rem;text-align:center}.security-features h2{font-family:Gaegu,cursive;font-size:2rem;margin-bottom:2rem;margin-top:0}.security-features .feature-item{background:none;box-shadow:none}.security-features .feature-item i{color:var(--brand-color)}@media (max-width:768px){.interactive-buddy-container{order:2}.frontpage-header .logo-container,.frontpage-header h1{order:1}.frontpage-header .header-btn{order:3}}.support-container{background-color:var(--card-bg);border:1px solid #eee;border-radius:15px;box-shadow:0 4px 12px #0000000d;margin:4rem auto 2rem;max-width:400px;padding:2rem;text-align:center}.dark-mode .support-container{border-color:#553c6e}.support-container .coffee-icon{color:#a07a5a;font-size:3rem;margin-bottom:1rem}.support-container h3{color:var(--header-color);font-family:Gaegu,cursive;font-size:1.75rem;margin-bottom:.5rem;margin-top:0}.support-container p{line-height:1.6;margin-top:0}:root{--white:#fff;--bg-color:#f0f8ff;--brand-color:#ff7e8c;--header-color:#ff7e8c;--book-bg:#fffaf0;--book-shadow:#dcdcdc;--col-wishlist:#ffd6a5;--col-applied:#caffbf;--col-interview:#9bf6ff;--col-offer:#a0c4ff;--col-rejected:#ffadad;--card-bg:#fff;--text-color:#555;--danger-color:#ff6b6b;--print-btn-color:#5dade2;--settings-btn-color:#a0c4ff}html{font-size:16px}body{align-items:center;background-color:#f0f8ff;background-color:var(--bg-color);color:#555;color:var(--text-color);display:flex;flex-direction:column;font-family:Quicksand,sans-serif;justify-content:flex-start;margin:0;min-height:100vh;padding:24px;transition:background-color .4s ease}#root{margin:0;padding:0;width:100%}.dark-mode{--bg-color:#2c1a3b;--book-bg:#3e2a50;--card-bg:#4a3360;--text-color:#eadaff}.dark-mode .job-column h2,.dark-mode h1{color:#fff}.donation-btn{background-color:#fd0;box-shadow:0 4px 0 #d4b800;color:#000;text-decoration:none}.donation-btn:hover{background-color:#ffe436}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}