
:root{color-scheme:dark;--ink:#eeeae2;--muted:#bdbbb5;--gold:#e2c486;--canvas:#202225;--line:#45464a}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.6 system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:#2b2d31;color:var(--ink)}button:hover{border-color:var(--gold);background:#363638}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e8cd95;outline-offset:3px}button:disabled{opacity:.5;cursor:default}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:23px;letter-spacing:-1px;font-weight:750}.brand span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--gold);color:#242629;margin-right:10px;font-size:22px}.tag{font-size:13px;color:var(--muted)}main{max-width:1136px;margin:25px auto 65px;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,60px);line-height:1.1;letter-spacing:-2px;max-width:750px;margin:18px 0}h1 em{color:var(--gold)}.intro{color:var(--muted);max-width:620px;font-size:18px}.modes{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.modes button[aria-selected=true]{background:var(--gold);color:#242629;border-color:var(--gold)}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.card{background:#2a2c30;box-shadow:0 16px 44px #00000024;border:1px solid var(--line);border-radius:14px;padding:30px}.aside{background:#282a2e;border-color:#5c5341}.steps{display:flex;gap:8px;margin:0 0 28px}.steps span{height:5px;background:#4c4c47;flex:1;border-radius:8px}.steps .on{background:var(--gold)}h2{font-size:24px;letter-spacing:-.6px;margin:5px 0 10px;line-height:1.3}h3{font-size:16px;margin:20px 0 8px}.small{font-size:14px;color:var(--muted)}label{display:block;font-weight:600;margin:18px 0 8px}textarea,input,select{width:100%;padding:14px;border:1px solid #5c5c5b;border-radius:12px;color:var(--ink);background:#222428}textarea{resize:vertical;min-height:130px}.actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:24px}.primary{background:var(--gold);color:#242629;border-color:var(--gold)}.primary:hover{background:#e8cd95;color:#242629}.examples{display:flex;gap:8px;flex-wrap:wrap}.examples button{font-size:13px;padding:8px 12px}.note{border-top:1px solid #514b40;padding-top:18px;margin-top:24px}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;background:#222428;padding:18px;border-radius:12px;max-height:340px;overflow:auto}.status{font-size:14px;min-height:25px;color:var(--gold);margin-top:12px}footer{margin-top:28px;font-size:12px;color:var(--muted)}.badge{font-size:12px;background:#34322d;color:#e0c997;padding:5px 10px;border-radius:20px;display:inline-block}.hidden{display:none!important}.quiz button{display:block;text-align:left;width:100%;margin:10px 0}.tip{border-left:3px solid var(--gold);padding-left:16px;margin:24px 0}ul{padding-left:20px}#send{display:none}@media(max-width:740px){header{padding:22px}.tag{display:none}.grid{grid-template-columns:1fr}.card{padding:22px}main{margin-top:10px}.modes{gap:7px}.modes button{flex:1;padding:10px;font-size:14px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
textarea::placeholder,input::placeholder{color:#aaa8a1;opacity:1}summary{color:var(--gold);cursor:pointer}.brand{color:#ead4a4}h3{color:#e3c98f}button:disabled{opacity:.6}.primary,.modes button[aria-selected=true]{font-weight:650}
body{border-top:2px solid #8e7951}header{border-bottom:1px solid #cbb17c26}.brand{color:#e0c997}.brand span{background:#292b2e;color:var(--gold);border:1px solid #8e7951;border-radius:9px}button{border-radius:8px}.modes button[aria-selected=true]{background:#34332f;color:#e6cf9e;border-color:#a28a59;box-shadow:inset 0 -2px 0 #a28a59}.steps span{height:3px}.badge{border:1px solid #66583c;border-radius:6px;letter-spacing:1px;font-size:11px}h3{color:#d5bd8d}textarea,input,select{border-radius:9px}.primary{background:var(--gold);color:#202225}.primary:hover{background:#e1c896;color:#202225}footer{border-top:1px solid var(--line);padding-top:20px}

/* Soft metallic highlights over the graphite palette. */
body{background:radial-gradient(ellipse 70% 36% at 18% 0%,#d2ac4c0c,transparent 80%),var(--canvas);border-top-color:#d8ba78}
header{border-bottom-color:#d9bb7b40}
.brand{color:#f0d9a5;text-shadow:0 0 20px #e2c48622}
.brand span{background:linear-gradient(145deg,#5b4d33,#282a2e 78%);border-color:#d8b970;box-shadow:inset 0 1px 0 #fff0c966,0 0 18px #deb9651c;color:#f8df9d}
h1 em{color:#f0d59a;text-shadow:0 0 32px #d8b35d24}
.eyebrow,h3,summary{color:#e8ca8e}
.card{background:linear-gradient(150deg,#ffffff08,transparent 42%),#2a2c30;border-color:#62605a;box-shadow:inset 0 1px 0 #ffffff0e,0 18px 48px #00000033}
.aside{background:linear-gradient(145deg,#d3b5710e,transparent 55%),#282a2e;border-color:#8a764a;box-shadow:inset 0 1px 0 #f7de9f22,0 16px 44px #00000026}
.modes button[aria-selected=true]{background:linear-gradient(135deg,#6c5735,#38352e 85%);color:#ffe5af;border-color:#d5b46e;box-shadow:inset 0 1px 0 #fff0c950,inset 0 -2px 0 #d5b46e,0 0 20px #d9b66c18}
.primary{background:linear-gradient(115deg,#f2dca2 0%,#d7b365 50%,#eed396 100%);color:#202225;border-color:#f0d18e;box-shadow:inset 0 1px 0 #fff6d7b0,0 3px 18px #dbb96d26}
.primary:hover{background:linear-gradient(115deg,#fff0c7,#e6c17b 55%,#fae4b1);box-shadow:inset 0 1px 0 #fff8e6,0 4px 24px #dbb96d3b;color:#202225}
button:hover{border-color:#d5b46e}
.steps .on{background:linear-gradient(90deg,#bd9853,#f5dda0);box-shadow:0 0 10px #e2bf7655}
.badge{background:linear-gradient(135deg,#605033,#35322c);border-color:#b99a60;color:#f8deaa;box-shadow:inset 0 1px 0 #f7dfa534}
textarea:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 18px #ddba7220}
.auth-shell{max-width:590px;margin-top:48px}.auth-shell h1{font-size:48px}.auth-shell .card{margin:28px 0}.auth-shell button[type=submit]{margin-top:24px;width:100%}a{color:#e8ca8e;text-decoration:none}a:hover{text-decoration:underline}.brand{display:flex;align-items:center}.brand:hover{text-decoration:none}.account-nav{display:flex;align-items:center;gap:18px;font-size:14px}.account-nav button{padding:7px 14px}.invite-fields{display:grid;grid-template-columns:1fr 1.3fr auto;gap:16px;align-items:end}.invite-fields label{margin:0}.invite-fields button{height:54px}.invite-fields .status{grid-column:1/-1;margin:0}.admin-section{margin-top:24px}.section-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.user-row{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.user-row .badge{margin-top:8px}.status-suspended{border-color:#a06d66;color:#efbfb6}.audit-row{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--line)}#invitation-result{margin-top:22px;border-top:1px solid var(--line);padding-top:12px}#invitation-result button{margin-top:12px}.chat-section{margin-top:28px;scroll-margin-top:20px}.chat-messages{display:flex;flex-direction:column;gap:14px;max-height:620px;overflow-y:auto;margin:22px 0}.chat-message{background:#222428;padding:20px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.chat-message.user{margin-left:30px}.chat-message.assistant{border-color:#8a764a;margin-right:30px}.chat-message strong{color:#e8ca8e}.chat-message div{white-space:pre-wrap;margin-top:8px;font-size:15px}.chat-message.user div{max-height:200px;overflow:auto}.chat-section #chat-input{min-height:100px}button[hidden],a[hidden],[hidden]{display:none!important}@media(max-width:740px){.account-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.account-nav a{font-size:12px}header{gap:16px}.auth-shell{margin-top:20px}.auth-shell h1{font-size:38px}.invite-fields{grid-template-columns:1fr}.user-row{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start}.chat-message.user{margin-left:12px}.chat-message.assistant{margin-right:12px}}
.chat-message.assistant div{white-space:normal}.chat-message.assistant p{margin:9px 0;white-space:pre-wrap}.chat-message.assistant h3{margin:22px 0 8px}.table-scroll{overflow-x:auto;margin:18px 0}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}th,td{text-align:left;padding:12px;border:1px solid #5c5341;vertical-align:top}th{background:#39342a;color:#ead39f}td{background:#25272a}.chat-message.assistant table strong{color:inherit}
@media(max-width:480px){header{flex-direction:column;align-items:flex-start}.brand{white-space:nowrap}.account-nav{justify-content:flex-start;width:100%}.section-head{flex-direction:column;align-items:stretch}.section-head button{align-self:flex-start}.user-row{overflow-wrap:anywhere}.audit-row .small{overflow-wrap:anywhere}}
.grid.simulation-layout{grid-template-columns:minmax(0,1fr)}.simulation-layout>aside{display:none}#simulation-panel{max-width:920px;margin:auto}#simulation-panel .tip{white-space:pre-wrap}#simulationAnswer{min-height:200px}#simulationAnswer[readonly]{color:#d4d0c8;background:#242629}.sim-rubric,.sim-company,.sim-history{border:1px solid #625840;border-radius:10px;padding:16px 20px;margin:20px 0}.sim-company textarea{min-height:90px}.sim-company form button{margin-top:12px}.sim-company-history article{padding:12px 0;border-bottom:1px solid var(--line)}.sim-company-history p,.sim-saved-answer{white-space:pre-wrap;overflow-wrap:anywhere}.sim-result{margin-top:20px;padding:28px;background:linear-gradient(140deg,#d8b3650b,transparent 60%),#24262a;border:1px solid #a58b56;border-radius:12px;scroll-margin-top:24px}.sim-result:focus{outline:2px solid #d7b365;outline-offset:4px}.sim-score{display:flex;justify-content:space-between;gap:24px;align-items:center}.sim-score h3{font-size:25px;margin:6px 0}.sim-score-number{font-size:54px;line-height:1;font-family:Georgia,serif;color:#f0d59a;white-space:nowrap}.sim-score-number span{font-size:24px;color:#bdbbb5}.sim-comparison{color:#eed396;border-bottom:1px solid var(--line);padding-bottom:18px}.sim-criteria{margin:24px 0}.sim-criteria article{border-top:1px solid var(--line);padding:16px 0}.sim-criteria article>div{display:flex;gap:16px;justify-content:space-between;align-items:start}.sim-criteria h4,.sim-guidance h4{margin:0;color:#e8ca8e}.sim-criteria p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.sim-guidance{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sim-guidance li{margin:10px 0;overflow-wrap:anywhere}.sim-guidance ol{padding-left:20px}.sim-excerpt{margin-bottom:24px}.sim-history>details{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.sim-history .sim-score-number{font-size:36px}.sim-privacy{margin-top:22px}.sim-result h4{color:#e8ca8e}#sim-status{overflow-wrap:anywhere}@media(max-width:600px){.sim-result{padding:20px}.sim-guidance{grid-template-columns:1fr;gap:12px}.sim-rubric,.sim-company,.sim-history{padding:14px}.sim-score-number{font-size:44px}.sim-criteria article>div{gap:8px}#simulation-panel .actions{flex-direction:column;align-items:stretch}#simulation-panel button{max-width:100%}.sim-score{gap:12px}}
.grid.guided-layout{grid-template-columns:minmax(0,1fr)}.guided-layout>aside{display:none}#guided-panel{max-width:920px;margin:auto;overflow-wrap:anywhere}.guided-history-picker{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.guided-history-picker label{margin-top:0;font-size:14px;color:var(--muted)}.guided-summary{border:1px solid #75623f;border-radius:10px;background:#24262a;padding:4px 22px;margin:24px 0}.guided-summary>div{padding:16px 0;border-bottom:1px solid #45464a}.guided-summary>div:last-child{border-bottom:0}.guided-summary dt{color:#e8ca8e;font-size:13px;font-weight:650;letter-spacing:.3px}.guided-summary dd{margin:6px 0 0;white-space:pre-wrap}.guided-source-preview{max-height:240px;overflow:auto;white-space:pre-wrap;border-left:3px solid #cba863;background:#24262a;padding:18px;margin-top:16px;font-size:15px}.guided-conversation{margin:24px 0;max-height:620px;overflow-y:auto;scroll-margin-top:24px;border:1px solid #8a764a;border-radius:12px;background:#222428;padding:20px}.guided-conversation:focus{outline:2px solid #d7b365;outline-offset:4px}.guided-message{border-bottom:1px solid #45464a;padding:20px 0}.guided-message:first-child{padding-top:0}.guided-message:last-child{padding-bottom:0;border:0}.guided-message>strong{color:#e8ca8e;font-size:13px;letter-spacing:1px}.guided-message.user{margin-left:24px}.guided-message.assistant{background:linear-gradient(135deg,#d8b36508,transparent 60%);padding-left:16px;border-left:2px solid #9c814d}.guided-message summary{margin-top:10px;font-size:14px}.guided-message-text{margin-top:10px;white-space:pre-wrap;font-size:15px;overflow-wrap:anywhere}.guided-message.assistant .guided-message-text{white-space:normal}.guided-message-text p{white-space:pre-wrap;margin:10px 0}.guided-message-text h3{margin:22px 0 10px}.guided-explain{font-size:13px;padding:8px 12px;margin:16px 0 0}.guided-shortcuts{margin-top:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.guided-privacy{margin-top:24px}#guided-followup{min-height:100px}#guided-clear-history{font-size:12px;padding:7px 12px;color:var(--muted)}@media(max-width:600px){.guided-conversation{padding:14px;max-height:560px}.guided-message.user{margin-left:10px}.guided-message.assistant{padding-left:12px}.guided-summary{padding:0 16px}#guided-panel .actions{flex-direction:column;align-items:stretch}#guided-panel button{max-width:100%}.guided-history-picker{padding-bottom:18px}}
.mode-guide{margin:-10px 0 24px;padding:20px 24px;border:1px solid #75623f;border-left:3px solid #d7b365;border-radius:10px;background:linear-gradient(110deg,#d8b3650d,transparent 80%),#282a2e}.mode-guide h2{font-size:18px;line-height:1.4;letter-spacing:0;color:#ecd29b;margin:0 0 7px}.mode-guide p{font-size:15px;color:var(--muted);max-width:90ch;margin:0;line-height:1.65}@media(max-width:600px){.mode-guide{padding:16px 18px}.mode-guide h2{font-size:17px}}
