:root{--on-tertiary-fixed-variant:#2d5000;--outline:#6f7978;--secondary:#006a61;--tertiary-container:#3c6700;--surface:#f7faf9;--primary:#004d4b;--secondary-container:#97f3e6;--background:#f7faf9;--surface-container-lowest:#fff;--surface-container-low:#f1f4f3;--primary-fixed-dim:#86d4d1;--inverse-primary:#86d4d1;--surface-container:#ebeeed;--on-primary-fixed:#00201f;--on-surface-variant:#3e4948;--outline-variant:#bec9c7;--on-primary:#fff;--surface-variant:#e0e3e2;--surface-container-high:#e6e9e8;--on-surface:#181c1c;--on-secondary-container:#007168;--primary-container:#006765;--tertiary-fixed:#9dfb1d;--on-background:#181c1c;--ink-sidebar:#102222;--shadow:0 24px 70px rgba(16,34,34,.10);--font:"Nunito Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{height:100%;background:var(--background)}body{margin:0;font-family:var(--font);color:var(--on-background);-webkit-font-smoothing:antialiased;overflow:hidden}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.material-symbols-outlined.fill{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.shell{height:100vh;width:100vw;background:var(--background)}button,input,textarea{font:inherit}.auth-shell{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(157,251,29,.22),transparent 26%),linear-gradient(135deg,#fff,#f1f4f3)}.auth-card{width:min(100%,520px);background:rgba(255,255,255,.96);border:1px solid rgba(190,201,199,.7);border-radius:24px;box-shadow:var(--shadow);padding:34px}.brand-mark{width:36px;height:36px;border-radius:10px;background:#fff;color:var(--on-primary-fixed);display:grid;place-items:center;flex:0 0 auto;box-shadow:0 4px 14px rgba(16,34,34,.10);overflow:hidden}.brand-mark .jobrocks-icon{width:24px;height:24px;display:block}.badge{display:inline-flex;margin:18px 0 14px;padding:7px 12px;border-radius:999px;background:rgba(151,243,230,.45);color:var(--primary);font-size:12px;font-weight:900}.auth-card h1{margin:0 0 10px;font-size:42px;line-height:1.05;letter-spacing:-.04em}.subtle{margin:0 0 22px;color:var(--on-surface-variant);line-height:1.55}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{width:100%;border:1px solid var(--outline-variant);border-radius:16px;padding:15px 16px;background:#fff;color:var(--on-surface)}.auth-card button[type=submit],.button{border:0;border-radius:12px;padding:14px 18px;background:var(--primary-container);color:#fff;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.brand-links{display:flex;gap:10px;margin-top:16px}.button.secondary{background:var(--surface-container);color:var(--primary)}.button.lime{background:var(--tertiary-fixed);color:var(--on-primary-fixed)}.notice{margin-top:14px;padding:12px;border-radius:12px;background:#ffdad6;color:#93000a}.chat-shell{height:100vh;width:100vw;display:block}.workspace{height:100%;width:100%;display:flex;background:var(--surface-container-lowest)}.history-card{width:300px;background:var(--ink-sidebar);color:#fff;display:flex;flex-direction:column;height:100%;padding:16px;border-right:1px solid rgba(255,255,255,.08);flex:0 0 300px}.sidebar-inner{height:100%;display:flex;flex-direction:column;gap:16px}.brand-row{display:flex;align-items:center;gap:12px;padding:8px}.brand-name{font-weight:900;font-size:21px;letter-spacing:-.03em}.new-chat-button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;background:var(--primary-container);color:#fff;padding:13px 16px;font-weight:900;box-shadow:0 12px 28px rgba(0,77,75,.22);cursor:pointer}.new-chat-button:hover{background:var(--secondary)}.history-section{min-height:0;flex:1;display:flex;flex-direction:column}.history-kicker{margin:12px 12px 10px;color:var(--outline-variant);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.history-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}.history-item{appearance:none;border:1px solid transparent;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:transparent;color:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}.history-item:hover,.history-item.active{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}.history-main{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:start}.history-main:before{content:'chat_bubble';grid-column:1;grid-row:1 / span 2;font-family:'Material Symbols Outlined';font-size:18px;line-height:1.2;color:var(--tertiary-fixed)}.history-title{grid-column:2;min-width:0;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{grid-column:2;min-width:0;font-size:11px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-delete{opacity:0;background:transparent;border:0;color:rgba(255,255,255,.55);font-size:20px;cursor:pointer}.history-item:hover .history-delete{opacity:1}.history-empty{color:rgba(255,255,255,.6);font-size:13px;line-height:1.45;padding:12px}.user-card{border-top:1px solid rgba(255,255,255,.10);padding-top:16px;display:flex;align-items:center;gap:10px}.user-avatar{width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,var(--secondary-container),var(--tertiary-fixed));color:var(--on-primary-fixed);display:grid;place-items:center;font-size:13px;font-weight:900;border:1px solid rgba(255,255,255,.22)}.user-meta{min-width:0;display:flex;flex-direction:column}.user-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:172px}.user-meta span{font-size:11px;color:var(--outline-variant)}.settings-button{margin-left:auto;border:0;background:transparent;color:var(--outline-variant);cursor:pointer}.chat-card{min-width:0;flex:1;height:100%;display:flex;flex-direction:column;background:var(--surface-container-lowest)}.chat-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(190,201,199,.55);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);z-index:2}.chat-title{font-weight:900;font-size:22px;letter-spacing:-.02em;color:var(--on-surface)}.chat-subtitle{font-size:12px;color:var(--outline);margin-top:2px}.chat-head-actions{display:flex;align-items:center;gap:12px}.autopilot-pill{display:inline-flex;align-items:center;gap:5px;background:var(--tertiary-fixed);color:var(--on-primary-fixed);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.autopilot-pill .material-symbols-outlined{font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface-container-high);color:var(--primary);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.messages{flex:1;overflow-y:auto;padding:48px 24px;display:flex;flex-direction:column;gap:24px;align-items:center;background:var(--surface-container-lowest)}.msg{width:min(100%,768px);display:flex;gap:18px;align-items:flex-start}.assistant-avatar{width:42px;height:42px;border-radius:999px;background:#fff;display:grid;place-items:center;flex:0 0 42px;box-shadow:0 8px 20px rgba(0,77,75,.14);border:1px solid rgba(190,201,199,.55);overflow:hidden}.assistant-avatar .jobrocks-icon{width:24px;height:24px;display:block}.msg.user{flex-direction:row-reverse}.msg.user:before{content:'person';font-family:'Material Symbols Outlined';font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24;width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,var(--secondary-container),#fff);color:var(--primary);border:2px solid #fff;display:grid;place-items:center;flex:0 0 40px;box-shadow:0 8px 20px rgba(0,77,75,.18)}.bubble{max-width:85%;border-radius:24px;padding:20px 24px;line-height:1.58;font-size:15px;box-shadow:0 5px 18px rgba(16,34,34,.05);white-space:normal}.msg.assistant .bubble{background:rgba(151,243,230,.35);border:1px solid rgba(151,243,230,.45);border-top-left-radius:4px;color:var(--on-surface)}.msg.assistant .bubble:before{content:'job.rocks Autopilot  AI';display:block;color:var(--primary);font-size:13px;font-weight:900;margin-bottom:8px;letter-spacing:.01em}.msg.user .bubble{background:#fff;border:1px solid rgba(190,201,199,.55);border-top-right-radius:4px;color:var(--on-surface)}.msg.pending .bubble{min-width:150px}.dots{display:inline-flex;gap:3px;margin-left:6px}.dots span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.35;animation:pulse 1s infinite}.dots span:nth-child(2){animation-delay:.12s}.dots span:nth-child(3){animation-delay:.24s}@keyframes pulse{50%{opacity:1;transform:translateY(-2px)}}.composer-footer{padding:0 24px 28px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,0),var(--surface-container-lowest) 24%)}.composer-footer>*,.composer-footer form{width:min(100%,820px)}.quick-actions{display:flex;gap:10px;overflow-x:auto;padding:4px 0 22px;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-actions button{white-space:nowrap;border:1px solid rgba(190,201,199,.48);background:#fff;border-radius:999px;color:var(--on-surface-variant);padding:12px 18px;font-size:14px;font-weight:600;box-shadow:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.quick-actions button:hover{background:#fff;border-color:rgba(0,77,75,.25);box-shadow:0 3px 10px rgba(16,34,34,.06);transform:none}.chat-form{display:block}.composer-shell{position:relative;background:#fff;border:1px solid rgba(111,121,120,.34);border-radius:20px;box-shadow:0 16px 34px rgba(16,34,34,.11);display:flex;align-items:center;min-height:72px;padding:8px 10px 8px 16px;transition:border-color .2s,box-shadow .2s}.composer-shell:focus-within{border-color:rgba(0,77,75,.55);box-shadow:0 18px 38px rgba(16,34,34,.14)}#chat-input{flex:1;min-height:38px;max-height:116px;border:0;outline:0;resize:none;background:transparent;color:var(--on-surface);padding:9px 12px;font-size:17px;line-height:1.35;display:flex;align-items:center}#chat-input::placeholder{color:#6f7978;opacity:.88}.icon-button,.send-button{border:0;background:transparent;color:var(--outline);width:46px;height:46px;border-radius:14px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.icon-button .material-symbols-outlined{font-size:27px}.icon-button:hover{color:var(--primary);background:var(--surface-container-low)}.send-button{width:56px;height:56px;border-radius:17px;background:#00736d;color:#fff;box-shadow:0 10px 24px rgba(0,77,75,.22);margin-left:8px}.send-button .material-symbols-outlined{font-size:34px}.send-button:hover{background:#00645f}.icon-button.recording{background:#ffdad6;color:#93000a}.attachment-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.attachment-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--outline-variant);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--on-surface-variant)}.attachment-chip button{border:0;background:transparent;color:var(--outline);cursor:pointer}.safety-note{text-align:center;color:rgba(111,121,120,.34);font-size:12px;font-weight:800;margin:12px 0 0}.link-button{border:0;background:transparent;color:var(--primary);font-weight:900;cursor:pointer}@media(max-width:860px){body{overflow:auto}.shell,.chat-shell,.workspace{height:auto;min-height:100vh}.workspace{display:block}.history-card{width:100%;height:auto;min-height:0;display:block;flex:auto}.sidebar-inner{gap:12px}.history-section{display:none}.user-card{display:none}.chat-card{height:calc(100vh - 128px);min-height:640px}.chat-head{padding:0 16px}.chat-subtitle{display:none}.messages{padding:28px 16px}.msg{gap:12px}.bubble{max-width:calc(100% - 52px);padding:16px}.composer-footer{padding:0 16px 16px}.autopilot-pill{display:none}}