:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#171a21;--border:#262a33;--text:#e8e9ec;--text-dim:#9198a3;--accent:#5b8cff;--accent-tint:#5b8cff29;--shadow-card:none;--dou:#ff6b4a;--djinni:#29b573;--linkedin:#0a66c2;--jobsua:#f2b705;--bazait:#a06bff;--test:#facc15}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--surface:#fff;--border:#e3e6ec;--text:#12141a;--text-dim:#64748b;--accent:#2f5fd8;--accent-tint:#2f5fd81a;--shadow-card:0 1px 2px #0f172a0a, 0 8px 20px -12px #0f172a29}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s}.container{max-width:1400px;margin:0 auto;padding:0 20px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 0;transition:background-color .2s,border-color .2s}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo-group{align-items:center;gap:8px;display:flex}.logo{cursor:pointer;font-size:20px;font-weight:700}.logo span{color:var(--accent)}.logo:hover{opacity:.85}.logo-refresh-icon{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:1.26px;display:inline-flex}.theme-toggle-btn{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background-color .2s;display:inline-flex}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--accent)}.sources{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.test-btn{border:1px solid var(--test);color:var(--test);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.lang-switcher{position:relative}.lang-switcher-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:400;transition:color .15s;display:inline-flex}.lang-switcher-toggle:hover,.lang-switcher[aria-expanded=true] .lang-switcher-toggle{color:var(--accent)}.lang-flag{object-fit:cover;border-radius:2px;width:16px;height:12px;line-height:1}.lang-switcher-dropdown{background:var(--surface);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-card,0 8px 20px -12px #0006);z-index:20;border-radius:8px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.lang-switcher-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13px;display:flex}.lang-switcher-option:hover{background:var(--bg)}.lang-switcher-option.active{color:var(--accent);font-weight:600}.refresh-btn{display:none}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{display:inline-block}.refresh-counter{min-width:9ch;color:var(--text-dim);font-size:11px;display:inline-block}.sources{display:contents}@media (width<=600px){.header-inner{gap:4px}.logo-group{flex-shrink:0;order:1;gap:4px}.logo{font-size:15px}.theme-toggle-btn{width:22px;height:22px}.header-actions{flex-wrap:nowrap;order:2;gap:3px}.source-filter{flex-basis:100%;order:3;gap:16px}.test-btn,.auth-btn{white-space:nowrap;padding:3px 6px;font-size:10px}.lang-switcher-toggle{white-space:nowrap;gap:2px;padding:3px 4px;font-size:10px}}.hero{text-align:center;padding:14px 0 40px}.hero h1{margin:0 0 12px;font-size:34px}.hero p{color:var(--text-dim);margin:0 0 28px}.search-bar{flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:0 auto;display:flex}.search-bar input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:12px 16px;font-size:14px}.search-bar button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:600}.search-bar button:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-card);border-radius:12px;margin:0 20px;padding:24px;position:relative}.modal h3{margin:0 0 16px;font-size:17px}.modal label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.modal input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.modal #test-job-publish{background:var(--test);color:#0f1115;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.modal #test-job-publish:disabled{opacity:.4;cursor:not-allowed}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.modal-close:hover{color:var(--text)}.auth-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-user{color:var(--text-dim);margin-right:8px;font-size:12px}#auth-area{align-items:center;display:flex}.auth-config-warning{color:var(--text-dim);text-align:center;margin:0 0 16px;font-size:13px}.auth-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 18px;font-size:14px;font-weight:600}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#f87171;margin:-8px 0 12px;font-size:13px}.auth-error[hidden]{display:none}.auth-divider{color:var(--text-dim);align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-google-btn{border:1px solid var(--border);background:var(--surface);width:100%;height:60px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:600;display:flex}.auth-google-btn:hover{background:var(--bg)}.auth-google-icon{object-fit:none;object-position:0 -8px;width:24px;height:24px}.auth-page{background:var(--bg);min-height:100vh}.auth-page-header{padding:16px 20px}.auth-page-main{max-width:900px;margin:0 auto;padding:24px 20px 60px}.auth-card{align-items:stretch;gap:20px;margin-bottom:24px;display:flex}.auth-card-inner{display:contents}.auth-panel{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-card);border-radius:12px;flex:1;padding:32px;position:relative}.auth-panel h1{margin:0 0 20px;font-size:26px}.auth-panel label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.auth-panel input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.auth-password-field{position:relative}.auth-password-field input{padding-right:44px}.auth-password-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;display:flex;position:absolute;top:0;bottom:16px;right:4px}.auth-password-toggle:hover{color:var(--text)}.auth-forgot-link{color:var(--accent);cursor:pointer;background:0 0;border:none;margin:-8px 0 16px;padding:0;font-size:13px;text-decoration:underline;display:block}.auth-flip-icon{display:none}@media (width<=700px){.auth-card{perspective:1200px;width:min(468px,90vw);height:min(663px,85vh);margin:0 auto 24px}.auth-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;display:block;position:relative}.auth-card.flipped .auth-card-inner{transform:rotateY(180deg)}.auth-panel{scrollbar-width:none;backface-visibility:hidden;padding:24px;transition:visibility 0s linear .25s;position:absolute;inset:0;overflow-y:auto}.auth-panel::-webkit-scrollbar{display:none}.auth-panel-signup{visibility:hidden;transform:rotateY(180deg)}.auth-card.flipped .auth-panel-login{visibility:hidden}.auth-card.flipped .auth-panel-signup{visibility:visible}.auth-flip-icon{cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:10px;right:10px}.auth-flip-icon img{filter:brightness(0)invert();display:block}[data-theme=light] .auth-flip-icon img{filter:brightness(0);opacity:.7}}@media (width<=600px){.auth-card{width:min(360px,90vw);height:min(510px,85vh)}}.tabs{flex-wrap:wrap;gap:8px;max-width:969.44px;margin:24px auto 0;display:flex}@media (width<=1130px){.tabs{max-width:312.48px}}.tab-btn{border:1px solid var(--border);background:var(--surface);color:#aeb4bd;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:300;line-height:20px;transition:font-size .15s,background-color .2s,border-color .2s}.tab-btn:hover{font-size:17px}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.count{text-align:left;display:inline-block}.tab-with-dropdown{display:inline-block;position:relative}.subcategory-dropdown{background:var(--bg);border:1px solid var(--border);z-index:10;border-radius:8px;min-width:140px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.subcategory-dropdown[hidden]{display:none}.subcategory-option{text-align:left;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.subcategory-option:hover{background:var(--surface);color:var(--text)}.subcategory-option.active{color:var(--accent);font-weight:600}.filters{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.filters[hidden]{display:none}.filters select{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:8px;padding:8px 12px;font-size:13px}.source-filter{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.source-chip-wrap{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.source-chip{color:var(--text-dim);text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:color .15s,font-size .15s}.source-chip:hover,.source-chip.active{color:#39ff14;font-size:16px}.source-chip-clear{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:10px}.source-chip-clear:hover{color:var(--text)}.clear-icon{color:#ef4444;font-weight:700}.job-grid{grid-template-columns:repeat(6,158.24px);justify-content:center;align-items:start;gap:16px;margin-top:28px;padding-bottom:60px;display:grid}@media (width<=1130px){.job-grid{grid-template-columns:repeat(2,158.24px)}}@media (width<=600px){.job-grid{grid-template-columns:repeat(2,1fr)}}.job-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;padding:5px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition:background-color .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.job-card-front{height:210px}.job-card-actions{z-index:1;align-items:center;gap:6px;display:flex;position:absolute;top:6px;right:6px}.job-card-flip{perspective:1200px;transform-origin:0 0;touch-action:pan-y;transition:transform .4s;position:relative}.job-card-flip-inner{height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.job-card-flip.flipped .job-card-flip-inner{transform:rotateY(180deg)}.job-card-flip.flipped{z-index:101;width:min(360px,90vw);height:min(510px,85vh);margin:auto;position:fixed;inset:0}@media (width>=601px){.job-card-flip.flipped{width:min(468px,90vw);height:min(663px,85vh)}}.flip-backdrop{-webkit-backdrop-filter:blur(6px);z-index:100;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.flip-backdrop.active{opacity:1;pointer-events:auto}.job-card-front,.job-card-back{backface-visibility:hidden;transition:visibility 0s linear .25s}.job-card-back{scrollbar-width:none;visibility:hidden;flex-direction:column;gap:10px;height:auto;display:flex;position:absolute;inset:0;overflow-y:auto;transform:rotateY(180deg)}.job-card-flip.flipped .job-card-front{visibility:hidden}.job-card-flip.flipped .job-card-back{visibility:visible}.flip-icon{cursor:pointer;opacity:0;background:0 0;border:none;align-items:center;padding:0;transition:opacity .15s;display:flex}.flip-icon img{filter:brightness(0)invert();display:block}[data-theme=light] .flip-icon img{filter:brightness(0);opacity:.7}@media (hover:hover){.job-card-flip:hover .flip-icon{opacity:1}}.flip-icon-back{opacity:1;z-index:1;position:absolute;top:6px;right:6px}.swipe-hint-track{z-index:2;background:#ffffff14;border-radius:999px;height:4px;margin:6px 12px 0;display:none;overflow:hidden}.job-card-flip.flipped .swipe-hint-track{margin:0;position:absolute;bottom:8px;left:12px;right:12px}[data-theme=light] .swipe-hint-track{background:#0f172a14}.swipe-hint-fill{background:var(--accent);width:50%;height:100%;transition:transform .5s}.job-card-flip.flipped .swipe-hint-fill{transform:translate(100%)}@media (hover:none){.swipe-hint-track{display:block}.flip-icon{opacity:1}}.back-title{color:var(--text);margin:0 28px 0 0;font-size:14px}.job-card-back::-webkit-scrollbar{display:none}.status-login-hint{color:var(--text-dim);margin:0;font-size:11px}.status-list{flex-direction:column;gap:2px;margin:0;padding:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;list-style:none;display:flex}.status-item{color:var(--text-dim);cursor:pointer;border-radius:6px;padding:6px 8px;font-size:13px}.status-item:hover{background:var(--bg);color:var(--text)}.status-item.active{background:var(--accent-tint);color:var(--accent);font-weight:500}.status-waiting{padding:0}.status-waiting-toggle{text-align:left;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.status-waiting-toggle:hover{background:var(--bg);color:var(--text)}.status-waiting.active .status-waiting-toggle{background:var(--accent-tint);color:var(--accent);font-weight:500}.status-waiting-dropdown{flex-direction:column;gap:2px;margin:4px 0 0 8px;display:flex}.status-waiting-dropdown[hidden]{display:none}.status-waiting-option{text-align:left;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 8px;font-family:inherit;font-size:12px}.status-waiting-option:hover{background:var(--bg);color:var(--text)}.status-waiting-option.active{background:var(--accent-tint);color:var(--accent)}.new-badge{letter-spacing:.04em;color:#0f1115;background:#4ade80;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.job-menu{position:relative}.job-card-menu-anchor{z-index:2;position:absolute;bottom:40px;right:10px}.job-card-menu-anchor .job-menu-dropdown{top:auto;bottom:calc(100% + 4px)}.job-menu-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;width:26px;height:22px;font-size:14px;line-height:1}.job-menu-btn:hover{color:var(--text)}.job-menu-dropdown{background:var(--bg);border:1px solid var(--border);z-index:10;border-radius:8px;min-width:100px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.job-menu-dropdown[hidden]{display:none}.job-menu-dropdown button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;display:block}.job-menu-dropdown button:hover{background:var(--surface)}.job-menu-remove{color:#f87171!important}.job-card h3 a{-webkit-line-clamp:2;color:inherit;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.job-card h3 a:hover{color:var(--accent)}.status-message{color:var(--text-dim);text-align:center;grid-column:1/-1;padding:40px 0}.job-source{text-transform:uppercase;letter-spacing:.03em;color:#0f1115;border-radius:4px;margin-top:-5px;margin-bottom:9px;margin-left:-5px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;display:table}.job-source.dou{background:var(--dou)}.job-source.djinni{background:var(--djinni);text-transform:capitalize;letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500}.job-source.linkedin{background:var(--linkedin);color:#fff}.job-source.jobsua{background:var(--jobsua)}.job-source.bazait{background:var(--bazait)}.job-source.test{background:var(--test)}.job-card-categories{flex-direction:column;align-items:flex-end;gap:3px;max-width:calc(100% - 5px);display:flex;position:absolute;bottom:-2px;right:-2px}.category-badge{background:var(--accent-tint);color:var(--accent);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:400;line-height:1}.job-card h3{min-height:36px;margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.2;position:relative}.title-icon-spacer{float:right;shape-outside:margin-box;width:10px;height:14px}.title-more{background:linear-gradient(to right, transparent, var(--surface) 40%);color:var(--accent);cursor:pointer;border:none;margin:0;padding:0 0 0 14px;font-family:inherit;font-size:9px;font-weight:600;position:absolute;bottom:0;right:0}.title-more:hover{text-decoration:underline}.job-card .company{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:10px;overflow:hidden}.job-card .meta{color:var(--text-dim);margin:0;font-size:13px}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:20px 0;font-size:13px}
