:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#202522;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;--card: #fff;--muted: #737a74;--border: #d9ddd7;--accent: #202522}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{min-height:44px;padding:11px 16px;border:0;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6ea8e888;outline-offset:2px}.app{width:100%;max-width:1400px;margin:0 auto;padding:22px 16px 40px}.header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.12em}h1{margin:4px 0 0;font-size:30px;line-height:1.1}.counter{text-align:right}.counter strong{display:block;font-size:28px}.counter span,.count,.section-heading p{color:var(--muted)}.counter span{font-size:12px}.progress{height:8px;margin-bottom:22px;overflow:hidden;border-radius:99px;background:#e5e8e3}.progress>div{height:100%;background:var(--accent);transition:width .25s}.form-card,.motivation,.question-bank,.skill-bank{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card)}.form-card{margin-bottom:28px}.company-form{display:grid;grid-template-columns:minmax(180px,1fr) 180px auto auto;gap:12px;align-items:end}.ai-interview-option{display:flex;min-height:48px;align-items:center;gap:8px;white-space:nowrap}.ai-interview-option input{width:18px;height:18px;margin:0;accent-color:#5b52a3}label{display:block;font-size:13px;font-weight:650}input,select,textarea{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid var(--border);border-radius:12px;background:#fbfcfa;outline:none}input{padding:12px 14px;font-size:15px}select{height:48px;padding:0 10px;font-size:14px}textarea{min-height:48px;padding:13px 14px;font-size:14px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7f877f;box-shadow:0 0 0 3px #7f877f18}.add-btn{color:#fff;background:var(--accent)}.message{min-height:20px;margin:9px 2px 0;color:var(--muted);font-size:13px}.saved-state{margin-top:2px;color:#8a918b;font-size:11px}.stacks{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.stack-wrap{width:100%;min-width:0;text-align:center}.deck{display:flex;min-height:330px;flex-direction:column;gap:9px;padding:12px 8px;overflow:hidden;border:2px solid #aeb5ae;border-radius:24px 24px 18px 18px}.deck.selected{background:#edf8ed}.deck.running{background:#fff9df}.deck.pending{background:#f3edfb}.deck.rejected{background:#edf5fd}.deck.ai-interview{border-color:#e879a9;background:#fff0f6}.deck.drag-over{outline:3px dashed #777;outline-offset:3px}.company{display:flex;min-width:0;min-height:48px;align-items:center;gap:3px;padding:0 6px 0 9px;border:0;border-radius:7px;font-size:13px;font-weight:700;text-align:left;touch-action:none;transition:transform .12s,filter .12s,opacity .12s}.company:hover{transform:translate(3px);filter:brightness(.98)}.company:active{cursor:grabbing}.selected .company{background:#8bd58b}.running .company{background:#f1d35c}.pending .company{background:#c9b0ed}.rejected .company{background:#6ea8e8}.ai-interview .company{background:#f4b8d0}.company-move{display:flex;min-width:0;min-height:42px;flex:1;align-items:center;justify-content:space-between;gap:5px;padding:0;background:transparent;text-align:left}.company-name{min-width:0;overflow-wrap:anywhere}.rounds{margin-left:auto;font-size:11px;font-weight:600;opacity:.7;white-space:nowrap}.company-action{width:30px;min-height:30px;flex:0 0 30px;padding:0;border-radius:8px;color:#333;background:#ffffff80;font-size:15px;line-height:1}.company-action:hover{background:#ffffffe6}.delete-company{font-size:17px}.empty{display:flex;flex:1;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.label{margin-top:11px;font-size:19px;font-weight:700}.count{font-size:13px;font-weight:500}.hint{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}.motivation,.question-bank,.skill-bank{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-heading h2{margin:0;font-size:19px;font-weight:750}.section-heading p{margin:3px 0 0;font-size:12px}.question-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px}.question-add,.skill-add{color:#fff;background:#40566d;white-space:nowrap}.question-list,.motivation-list{display:grid;gap:9px}.question-card{padding:13px;border:1px solid var(--border);border-radius:12px;background:#fbfcfa}.question-text{font-weight:700;line-height:1.45;overflow-wrap:anywhere}.question-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.question-tag{padding:5px 9px;border-radius:999px;color:#5f6b74;background:#edf1f4;font-size:11px;font-weight:650}.question-actions,.skill-actions{display:flex;gap:6px;margin-top:10px}.question-action,.skill-action{min-height:34px;padding:7px 11px;border:1px solid var(--border);color:var(--accent);background:#fff;font-size:12px}.question-empty,.motivation-empty,.skill-empty{padding:8px 2px;color:var(--muted);font-size:13px}.skill-head{margin-bottom:14px}.skill-total{color:var(--muted);font-size:13px;white-space:nowrap}.skill-form{display:grid;grid-template-columns:2fr 1.3fr 1.2fr auto;gap:10px;align-items:end}.skill-tools{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:14px 0}.skill-tools input,.skill-tools select{margin-top:0}.skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skill-card{min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fbfcfa}.skill-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.skill-name{font-weight:700;overflow-wrap:anywhere}.skill-category{margin-top:4px;color:var(--muted);font-size:11px}.skill-status{padding:5px 8px;border-radius:999px;background:#edf1f4;font-size:11px;font-weight:700;white-space:nowrap}.skill-status[data-status="To Learn"]{color:#984b42;background:#fbe9e7}.skill-status[data-status=Learning]{color:#80651a;background:#fff2c9}.skill-status[data-status=Practiced]{color:#315e8d;background:#e1efff}.skill-status[data-status=Confident]{color:#2d7132;background:#e2f5e3}.skill-empty{grid-column:1 / -1}.motivation-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fbfcfa}.motivation-item>span{min-width:0;flex:1;line-height:1.4;overflow-wrap:anywhere}.motivation-actions{display:flex;gap:6px}.motivation-btn{width:34px;min-height:34px;padding:0;border:1px solid var(--border);background:#fff;font-size:15px}.secondary{border:1px solid var(--border);color:var(--accent);background:#fff}.sign-out-button{transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.sign-out-button:active:not(:disabled){transform:scale(.96)}.sign-out-button:disabled{cursor:wait;opacity:.75}.account-actions{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.setup-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;border:1px solid #eadca1;border-radius:12px;background:#fff9df;color:#67561e;font-size:13px}.sync-notice,.sync-error{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--muted);font-size:13px}.sync-error{justify-content:space-between;border-color:#efc6c3;color:#842c2c;background:#fff5f4}.sync-error .secondary{flex:0 0 auto}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#fff7ed47,#ffecdd1f),url(/job-hunt-quest-react/assets/cozy-sunset-study-BbOPruSu.jpg) center / cover no-repeat}.auth-card{width:min(100%,500px);padding:28px 34px 22px;border:1px solid rgb(255 255 255 / 70%);border-radius:18px;background:#ffffffeb;box-shadow:0 12px 36px #51391f26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-loading-card{width:min(100%,360px);padding:28px}.cat-loader{display:flex;min-height:100px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#315a47;font-size:14px;font-weight:650;text-align:center}.loading-cat{width:72px;height:54px;overflow:visible;animation:cat-bob .8s ease-in-out infinite alternate}.cat-tail{transform-box:fill-box;transform-origin:right center;animation:cat-tail-wag .65s ease-in-out infinite alternate}.cat-loader.compact{min-height:0;flex-direction:row;justify-content:center;gap:8px;color:inherit;font-size:14px;white-space:nowrap}.cat-loader.compact .loading-cat{width:38px;height:30px}.save-loading{position:fixed;z-index:20;right:20px;bottom:20px;padding:10px 16px;border:1px solid rgb(255 255 255 / 75%);border-radius:16px;background:#fffffff0;box-shadow:0 8px 28px #20252224;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes cat-bob{0%{transform:translateY(2px) rotate(-2deg)}to{transform:translateY(-3px) rotate(2deg)}}@keyframes cat-tail-wag{0%{transform:rotate(-12deg)}to{transform:rotate(16deg)}}@media(prefers-reduced-motion:reduce){.loading-cat,.cat-tail{animation:none}}.auth-card h1{margin:9px 0 0;font-size:30px}.auth-title{display:flex;align-items:center;gap:12px}.auth-sprout{width:44px;height:44px;flex:0 0 auto;color:#315a47}.auth-card>p{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.45}.auth-form{display:grid;gap:15px;margin-top:19px}.auth-field>span:first-child{display:block;font-size:15px;font-weight:700}.auth-input-wrap{display:flex;min-height:54px;align-items:center;gap:12px;margin-top:8px;padding:0 15px;border:1px solid #dbe3ee;border-radius:15px;background:#eaf2ff;transition:border-color .15s,box-shadow .15s}.auth-input-wrap:focus-within{border-color:#789b8c;box-shadow:0 0 0 3px #315a471a}.auth-input-wrap>svg,.password-toggle svg{width:22px;height:22px;flex:0 0 auto;color:#26332e}.auth-input-wrap input{width:100%;height:50px;min-width:0;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;font-size:15px}.auth-input-wrap input:focus{border:0;box-shadow:none}.password-toggle{display:grid;width:34px;min-height:40px;flex:0 0 34px;place-items:center;padding:0;border-radius:8px;color:#26332e;background:transparent}.password-toggle:hover{background:#dce8f7}.auth-submit{display:flex;min-height:54px;align-items:center;justify-content:space-between;margin-top:2px;padding:0 20px;border:1px solid #426553;border-radius:15px;color:#fff;background:#315a47;font-size:16px}.auth-submit:hover:not(:disabled){background:#264b3a}.auth-submit>span:first-child{flex:1;text-align:center}.auth-submit>span:last-child{font-size:24px;font-weight:400}.auth-submit:disabled{cursor:wait;opacity:.75}.auth-card .message{min-height:0;margin:10px 0 0;text-align:center}.auth-divider{display:flex;align-items:center;gap:14px;margin:10px 0 0;color:#737a74;font-size:13px}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:#dededb;content:""}.auth-toggle{width:100%;margin-top:2px;color:#6e7471;background:transparent;font-size:15px;font-weight:500}.auth-toggle strong{color:#315a47}@media(max-width:560px){.auth-page{padding:16px}.auth-card{padding:24px 20px 18px}.save-loading{right:12px;bottom:12px}.auth-card h1{font-size:25px}.auth-sprout{width:36px;height:36px}.auth-card>p{font-size:14px}}.auth-error{position:fixed;bottom:12px;left:50%;width:min(90vw,520px);padding:12px;border-radius:10px;color:#842c2c;background:#fff0f0;text-align:center;transform:translate(-50%)}@media(max-width:900px){.stacks{grid-template-columns:repeat(2,minmax(0,1fr))}.header{align-items:start}.question-form{grid-template-columns:1fr 1fr}.question-field:first-child{grid-column:1 / -1}.skill-form{grid-template-columns:1fr 1fr}.skill-list{grid-template-columns:1fr}.account-actions{grid-column:1 / -1;justify-content:flex-end}}@media(max-width:560px){.app{padding:18px 12px 32px}.header{gap:10px}h1{font-size:24px}.counter strong{font-size:22px}.company-form,.stacks,.question-form,.skill-form,.skill-tools{grid-template-columns:1fr}.setup-notice{align-items:flex-start;flex-direction:column}.question-field:first-child{grid-column:auto}.deck{min-height:180px}.skill-head{align-items:flex-start}}