/* Celadon glaze, laurel paper, and quiet cool accents. */
:root {
  --celadon:#3fa796; --celadon-deep:#256e62; --laurel:#e8d9b5;
  --mist:#c8d7df; --sage:#a1ad9d; --lavender:#dad5e5; --slate:#536879;
  --ink:#2f4641; --muted:#61716b; --line:#ced9ce; --bg:#f5f1e7;
  --blue:var(--celadon-deep); --green:var(--celadon-deep); --navy:#315e55;
  --blue-soft:#e5f0e9; --orange:#786441; --accent:#416c62;
  --white:#fffdf7; --shadow:0 8px 28px #395c4c09, inset 0 1px 0 #ffffffbd;
}
body {
  background:radial-gradient(ellipse at 6% 12%,#cbe4dba3,transparent 45%),
    radial-gradient(ellipse at 95% 75%,#e8d9b591,transparent 45%),#f5f1e7;
  background-attachment:fixed;
}
body::before {
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.16;
  background:url('/paper-grain.svg');
}
#app{position:relative;isolation:isolate}
a{color:var(--celadon-deep)}
h1,h2,h3{color:#355d53}
.page-title h1,.focus-brand,.brand strong{font-family:'Songti SC','STSong','SimSun',serif;letter-spacing:.07em}
.card,.chat-panel,dialog,.career-dialog {
  background:linear-gradient(145deg,#fffdf5d9,#f9faf3ad);
  border-color:#fffef1e0;box-shadow:var(--shadow),0 0 0 1px #55776215;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.card{border-radius:16px}
.card.note-card,.notice,.conflict-note {
  background:linear-gradient(120deg,#eee3c9d9,#f5eddbb8);color:#665a42;border-color:#cbbb976b;
}
.notice.warning,.pill.amber{color:#715b36;background:#f1e6cbd9;border-color:#c5b58c78}
.pill.blue{background:#dce8eed9;color:#455e72}
.pill.green{background:#dceee5;color:#286553}
.pill{background:#e7e2edd9;color:#655e75}
.btn{background:#fffdf4c9;border-color:#a9bfb266;color:#375d53;box-shadow:inset 0 1px 0 #fff9}
.btn:hover{background:#e2eee5;border-color:#8bb3a5}
.btn.primary,.focused-chat .btn.primary {
  background:linear-gradient(145deg,#347f72,#256e62);border:1px solid #317d6e;
  color:#fffdf5;box-shadow:inset 0 1px 0 #b7e0ca55,0 4px 10px #285a4a16;
}
.btn.primary:hover,.focused-chat .btn.primary:hover{background:linear-gradient(145deg,#2d7669,#205d53)}
.btn.danger,.form-error{color:#92534e}
.btn.danger{background:#f4e5df;border-color:#dbbfb1}
input,select,textarea{accent-color:#2d8171}
.field input,.field select,.field textarea,.filters input,.filters select{background:#fffdf5c9;border-color:#aabdaf80;color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,
.focused-chat button:focus-visible,.my-drawer button:focus-visible{outline:3px solid #457568;outline-offset:3px}
.sidebar {
  background:linear-gradient(155deg,#326e63f2,#31584ff2);
  border-right:1px solid #ffffff61;box-shadow:5px 0 28px #3355490b;
}
.sidebar .brand,.sidebar .brand strong{color:#f4ead1}
.sidebar .brand small,.sidebar .nav-label,.sidebar-bottom{color:#d2dfd0}
.sidebar .nav a{color:#edf2e7}
.sidebar .nav a.active,.sidebar .nav a:hover{background:#d8ecdd26;color:#fff9e8}
.role-switch{background:#1e473f55;border:1px solid #d6e8d42e}
.role-switch a{color:#d8e4d4}.role-switch a.active{background:#e8d9b5;color:#34584e}
.topbar{background:#fffdf0a6;backdrop-filter:blur(18px);border-bottom:1px solid #a5b6a645}
.topbar .breadcrumbs,.topbar .topmeta{color:#5d7165}.topbar .avatar{background:#dce8d9;color:#315e50}
.page-title h1,.intro-card h2,.report-intro h2,.note-card h3,.source-card h2,.followup-question h2{color:#355d53}
.intro-card,.report-intro,.source-card{border-left-color:#9ab99e;border-top-color:#9ab99e}
.conversation-top{background:#eee7d5;border-color:#d1d8bf}.conversation-top strong{color:#355d53}
.avatar,.module-icon,.empty-icon{background:#dfede2;color:#286b5b}
.module-card:nth-child(2) .module-icon{background:#ede1c4;color:#746243}
.module-card:nth-child(3) .module-icon{background:#dbe6ec;color:#486379}
.module-card:nth-child(4) .module-icon{background:#e7e1ed;color:#71657c}
.intro-card,.report-intro{background:linear-gradient(120deg,#c8e4dba8,#f5eddbd6);border-color:#fdfbf0}
thead{background:#e7eddf9e}.stat>strong{color:#355d53}
.stat:nth-child(2){background:linear-gradient(140deg,#e4edf0e0,#fffdf4ba)}
.stat:nth-child(3){background:linear-gradient(140deg,#eee5d0e0,#fffdf4ba)}
.stat:nth-child(4){background:linear-gradient(140deg,#e6e1ece0,#fffdf4ba)}
.candidate-card,.knowledge-card,.scale-hub-card{border-color:#d3dfd0;border-top-color:#7da599;background:#fffdf4b5}
.candidate-card{border-left-color:#83afa0}.candidate-card h3{color:#365e53}
.scale-invite,.gentle-invite,.thinking,.insight-note{background:#deeee4b8;border-color:#bad2c3;color:#2f6959}
.learning-overview-link{background:linear-gradient(115deg,#d7e9dfdf,#ede4cfc4);border-color:#c1d4c1;color:#355e52}
.learning-card,.completion-panel{background:#fffcf2c9;border-color:#d0dbcb}
.my-settings{border-color:#a8b89c66}.my-settings>summary{color:#416b5e}
.my-drawer{background:linear-gradient(155deg,#faf5e9f5,#edf4eaf2);box-shadow:-16px 0 70px #29493c1c}
dialog::backdrop{background:#344b4357;backdrop-filter:blur(6px)}
.exploration-note blockquote{background:#ede7d691;border-left-color:#a8b69a;color:#52635a}
.chat-focused{background:transparent}
.focused-chat{position:relative;background:radial-gradient(ellipse at 85% 4%,#d6e9df91,transparent 48%)}
.focus-header {
  background:linear-gradient(110deg,#3fa7963b,#e8d9b575 65%,#fffdf46b);
  border-bottom:1px solid #ffffffc7;box-shadow:0 4px 24px #355c4810;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#2f5e52;
}
.focus-brand{color:#2e6053;font-size:25px}.focus-brand span{color:#5d7566;font-family:'Microsoft YaHei','PingFang SC',sans-serif;letter-spacing:.05em}
.focus-header .text-button{color:#365f53}.focus-header .text-button:hover{background:#ffffff5c}
.focus-header #new-chat{background:#fffcf24d!important;color:#365f53!important;border:1px solid #8eac9470}
.focus-header .btn{background:#f7eddbb5;color:#4d644f;border:1px solid #c5c4a68c}
.focused-chat .chat-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.focused-chat .chat-stream{scrollbar-color:#9bb9a675 transparent}
.focused-chat .message-label{color:#4b7162}.agent-dot{background:linear-gradient(140deg,#438e7d,#34705f);color:#fbf6e6;box-shadow:inset 0 1px 0 #fff7}
.focused-chat .message-body{color:#304940}
.focused-chat .user-message .message-label{color:#517963}
.focused-chat .user-message .message-body{
  background:linear-gradient(130deg,#d7e9dfb8,#eceddcbf);border:1px solid #fffdf0;
  box-shadow:0 4px 16px #43624d08,inset 0 1px 0 #fff8;backdrop-filter:blur(10px);
}
.focused-chat .chat-composer {
  background:linear-gradient(130deg,#fffdf3d9,#ecf2e7c9);
  border:1px solid #fffef4;box-shadow:0 8px 26px #48614812,0 0 0 1px #9ab49c40,inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;
}
.focused-chat .chat-composer:focus-within{box-shadow:0 8px 26px #48614812,0 0 0 2px #3fa79670}
.focused-chat .chat-composer textarea{color:#304940;background:transparent}
.focused-chat .chat-composer textarea::placeholder{color:#6b7b6e}
.focused-chat .composer-actions span,.first-use-note{color:#617265}
.focused-chat .starter-chip,.reply-options .starter-chip {
  background:#fffdf3a8;border:1px solid #bccdb982;color:#4c685b;
  box-shadow:inset 0 1px 0 #ffffffe0;transition:background .16s,border-color .16s;
}
.focused-chat .starter-chip:hover{background:#e0ede1;border-color:#81ae98;color:#315e4d}
.reply-options [aria-pressed=true]{background:#347b68;color:#fffbee;border-color:#347b68}
.conversation-sources>summary,.conversation-candidates>summary,.exploration-note summary{color:#326f5b}
.conversation-notice{color:#76603e}.green-text{color:#2e7561}
@supports not (backdrop-filter:blur(1px)){.card,dialog,.career-dialog{background:#faf8ee}.focus-header{background:#e1e8d9}.focused-chat .chat-composer{background:#f8f9ef}}
@media(prefers-reduced-transparency:reduce){.card,dialog,.career-dialog,.my-drawer{background:#faf8ee;backdrop-filter:none}.focus-header{background:#e1e8d9;backdrop-filter:none}.focused-chat .chat-composer{background:#f8f9ef;backdrop-filter:none}}
@media print{body{background:white}body::before{display:none}.card{background:white;box-shadow:none;backdrop-filter:none}}
