:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 40px}.topbar{margin-bottom:20px}.meet-toggle,.copy-state{display:inline-flex;align-items:center;gap:7px;min-height:30px;border-radius:999px;padding:5px 10px;color:#2358c8;background:#eaf1ff;font-size:13px;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,50px);line-height:1;letter-spacing:0}.tool-tabs{display:inline-flex;gap:6px;margin-top:18px;padding:4px;border:1px solid #dbe4ef;border-radius:8px;background:#fff}.tool-tabs button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#536277;padding:0 12px;font-weight:850}.tool-tabs button.active{background:#2563eb;color:#fff;box-shadow:0 6px 14px #2563eb2e}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);gap:18px;align-items:start}.results-stack{display:grid;gap:18px;min-width:0}.panel{min-width:0;border:1px solid #dfe6f0;border-radius:8px;background:#fff;box-shadow:0 14px 36px #18305714}.form-panel,.time-panel,.timeline-panel,.invite-panel{padding:22px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-heading.compact{margin-bottom:14px}.panel-heading svg{flex:0 0 auto;color:#245ed6;margin-top:2px}.panel-heading h2,.timeline-panel h2{font-size:20px;letter-spacing:0}.panel-heading p{margin-top:4px;color:#6b778a;line-height:1.45}.panel-heading .compact-button{margin-left:auto}.field-grid{display:grid;gap:18px}.form-section{display:grid;gap:12px;padding-top:16px;border-top:1px solid #e5ebf4}.form-section:first-child{padding-top:0;border-top:0}.section-title{color:#18253b;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}label{display:grid;gap:7px;min-width:0;color:#3c4655;font-size:13px;font-weight:750}label small{color:#748195;font-size:12px;font-weight:650;line-height:1.3}input,select,textarea{width:100%;min-width:0;border:1px solid #cfd9e8;border-radius:8px;background:#fbfcff;color:#172033;padding:0 12px;outline:none}input,select{height:42px}textarea{min-height:150px;padding-top:11px;line-height:1.45;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2d6bdf;box-shadow:0 0 0 3px #2d6bdf26}.role-field{grid-column:span 2}.role-field small{color:#7b8797;font-weight:600;line-height:1.35}.role-combobox{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #cfd9e8;border-radius:8px;background:#f7faff;color:#245ed6}.dropdown-button{color:#33506f}.role-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:50px;display:grid;max-height:230px;overflow:auto;padding:6px;border:1px solid #cfd9e8;border-radius:8px;background:#fff;box-shadow:0 18px 34px #162d5229}.role-menu-label{padding:8px 10px 5px;color:#687789;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.role-option{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;gap:3px}.role-option>button:first-child{min-width:0;border:0;border-radius:6px;background:transparent;padding:10px;color:#172033;text-align:left;font-weight:750;overflow-wrap:anywhere}.role-delete{display:inline-grid;place-items:center;width:34px;min-width:34px;border:0;border-radius:6px;background:transparent;color:#78879a}.role-option>button:first-child:hover,.role-option>button:first-child:focus,.role-delete:hover,.role-delete:focus{background:#edf4ff;outline:none}.role-delete:hover,.role-delete:focus{color:#c23737}.source-summary{display:grid;gap:4px;margin:18px 0 14px;padding:14px;border-radius:8px;background:#f4f7fb;border:1px solid #e1e8f1}.source-summary span,.source-summary em{color:#6a7584;font-size:13px}.source-summary strong{overflow-wrap:anywhere}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;padding:0 14px;font-weight:800;white-space:nowrap}.primary-button{border:1px solid #1f57ce;background:#2563eb;color:#fff;box-shadow:0 8px 18px #2563eb2e}.secondary-button,.ghost-button{border:1px solid #d7e0ed;background:#fff;color:#24415f}.time-card-grid{display:grid;gap:12px}.time-card{display:grid;gap:9px;border-radius:8px;padding:14px;background:#f7faff;border:1px solid #e0e7f1}.time-card.warn{background:#fff8eb;border-color:#f3d398}.time-card.bad{background:#fff3ed;border-color:#f6c0a5}.time-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.time-card-top>span:first-child{color:#5c6877;font-size:13px;font-weight:850;text-transform:uppercase}.time-card strong{font-size:clamp(20px,3vw,26px);line-height:1.05;overflow-wrap:anywhere}.time-card p,.time-card em{color:#566171;line-height:1.4}.time-card em{font-style:normal;font-weight:700}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:850;white-space:nowrap}.status-pill.ok{color:#12634d;background:#e8f8f2}.status-pill.warn{color:#8a5300;background:#ffecc7}.status-pill.bad{color:#9d3e16;background:#ffe0d1}.timeline-panel h2{margin-bottom:8px}.timeline-scale{display:grid;grid-template-columns:repeat(5,1fr);margin-left:98px;margin-bottom:8px;color:#8090a4;font-size:11px;font-weight:800}.timeline-scale span:nth-child(2),.timeline-scale span:nth-child(3),.timeline-scale span:nth-child(4){text-align:center}.timeline-scale span:last-child{text-align:right}.timeline-list{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:86px minmax(84px,1fr) minmax(120px,auto);align-items:center;gap:12px;min-width:0;color:#4d5969;font-size:14px}.timeline-row span,.timeline-row strong{min-width:0;overflow-wrap:anywhere}.timeline-track{position:relative;height:22px;border-radius:999px;background:linear-gradient(90deg,rgba(37,99,235,.08) 0 1px,transparent 1px) 0 0 / 25% 100%,#e7edf6;overflow:hidden}.timeline-track i,.timeline-track b{position:absolute;top:4px;bottom:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#f59e0b);box-shadow:0 0 0 2px #ffffffd9,0 4px 9px #2563eb33}.timeline-track b{opacity:.95}.invite-panel{margin-top:18px}.invite-toolbar,.button-row,.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.meet-toggle{color:#1f5e49;background:#e8f8f2}.copy-state{color:#8a5300;background:#fff1d1}.preview-box{display:grid;gap:10px;margin:16px 0;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;padding:16px}.preview-box label{color:#6b7789;text-transform:uppercase;letter-spacing:.08em}.preview-box h3{overflow-wrap:anywhere;font-size:22px}.preview-box pre{max-height:360px;overflow:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#263244;line-height:1.5;font-family:inherit}.app-footer{margin-top:18px;color:#657386;font-size:13px;justify-content:flex-end}.app-footer span{display:none}.feedback-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1fr);gap:18px;align-items:start}.feedback-input-panel,.feedback-output-panel,.loading-panel,.feedback-lock-panel{padding:22px}.feedback-lock-panel{width:min(100%,520px);margin:0 auto}.feedback-lock-form{display:grid;gap:14px;margin-top:18px}.upload-box{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:78px;border:1px dashed #b9c8dd;border-radius:8px;background:#f8fbff;color:#31506f;font-weight:850;text-align:center;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease}.upload-box.drag-active{border-color:#245ed6;background:#eef5ff;color:#174db5;box-shadow:inset 0 0 0 1px #245ed62e,0 10px 24px #245ed61f}.upload-box input{position:absolute;inset:0;height:auto;opacity:0;cursor:pointer}.resume-textarea{min-height:92px;color:#46546a;font-size:13px}.language-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #dbe4ef;border-radius:8px;background:#f7faff}.language-toggle button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#536277;font-weight:850}.language-toggle button.active{background:#fff;color:#174db5;box-shadow:0 5px 14px #162d521f}.feedback-message{margin:16px 0 0;border-radius:8px;padding:10px 12px;background:#edf7ff;color:#28527a;font-size:13px;font-weight:750}.feedback-message.error{background:#fff0ea;color:#9d3e16}.feedback-submit{margin-top:16px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feedback-section{display:grid;gap:9px;padding:15px 0;border-top:1px solid #e5ebf4}.feedback-section:first-of-type{border-top:0;padding-top:0}.feedback-section h3{color:#18253b;font-size:15px}.feedback-section ul{display:grid;gap:8px;margin:0;padding-left:20px;color:#344156;line-height:1.48}.empty-output,.summary-box,.manual-field{margin:0;border-radius:8px;background:#f8fafc;color:#5f6d81;padding:12px;line-height:1.5}.manual-field{border:1px dashed #cbd7e6;color:#39475b;font-weight:800}.feedback-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-button{min-height:34px;padding:0 10px;font-size:13px}@media(max-width:880px){.app-shell{width:min(100vw - 24px,720px);padding-top:22px}.topbar,.workspace-grid,.feedback-grid{grid-template-columns:1fr;display:grid}.section-grid{grid-template-columns:1fr}.role-field{grid-column:span 1}}@media(max-width:520px){.form-panel,.time-panel,.timeline-panel,.invite-panel{padding:16px}.timeline-row{grid-template-columns:1fr;align-items:stretch}.timeline-scale{margin-left:0}.time-card-top{align-items:flex-start;flex-direction:column}.primary-button,.secondary-button,.ghost-button{width:100%}.button-row{display:grid;grid-template-columns:1fr}}