.history-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:13px}.history-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#394541}.history-title button{border:0;background:none;color:var(--muted);font:11px inherit;cursor:pointer}.history-list{margin-top:8px;max-height:210px;overflow:auto}.history-empty{font-size:11px;color:#909b95;margin:8px 0}.history-item{display:block;text-align:left;width:100%;padding:9px 8px;border:0;border-left:2px solid transparent;background:transparent;cursor:pointer;color:var(--ink)}.history-item:hover{background:#edf3ef;border-left-color:var(--green)}.history-item span,.history-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item span{font-size:11px}.history-item small{font-size:10px;color:var(--muted);margin-top:4px}.guidance-block{margin-top:12px;background:#edf3ef;border-left:3px solid var(--green);padding:13px 15px;font-size:12px;line-height:1.85;color:#344c42}.guidance-block p{margin:0 0 8px}.guidance-block ol{margin:6px 0;padding-left:20px}.guidance-block li{padding:2px 0}.guidance-block strong{color:var(--green)}.guidance-basis{font-size:11px;color:#63736b;border-top:1px solid #d5e1d9;padding-top:8px;margin-bottom:0!important}.followup-note{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0}.followup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.followup-form textarea{min-height:50px}.followup-form button{border:0;background:var(--green);color:white;padding:0 14px;font-size:11px;cursor:pointer;white-space:nowrap}.followup-form button:hover{background:#19473d}.followup-form button span{font-size:16px;margin-left:5px}.followup-answer{border:1px solid var(--line);background:white;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.85;color:#48534e}.followup-answer p{margin:5px 0 9px}.followup-answer article+article{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.followup-answer small{display:block;color:var(--green);font-size:10px;margin-bottom:5px}.followup-answer strong{color:var(--green)}@media(max-width:760px){.history-panel{margin-top:18px}.history-list{max-height:170px}.followup-form{grid-template-columns:1fr}.followup-form button{height:40px}}
.image-attachments{margin:10px 0 4px}.image-add{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);padding:7px 10px;color:var(--green);font-size:11px;cursor:pointer;background:#fafbf9}.image-add span{font-size:16px;line-height:10px}.image-attachments>small{margin-left:7px;color:var(--muted);font-size:10px}.image-preview{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.image-thumb{position:relative;width:58px;height:58px;border:1px solid var(--line);background:#fff}.image-thumb img{display:block;width:100%;height:100%;object-fit:cover}.image-thumb button{position:absolute;right:-6px;top:-6px;width:18px;height:18px;border:0;border-radius:50%;background:#8d4b3c;color:white;font-size:12px;line-height:18px;padding:0;cursor:pointer}.image-thumb small{position:absolute;left:2px;bottom:2px;right:2px;background:#0008;color:white;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-reading img{max-width:100%;height:auto}
.mobile-safe-area{padding-bottom:env(safe-area-inset-bottom)}
:root{--ink:#243b37;--muted:#71837c;--line:#d8e6df;--green:#356d5d;--light-green:#e8f2ed;--red:#b45342;--paper:#fff;--mist:#f2f8f5;color:#243b37;background:#f2f8f5}
body{background:#f2f8f5;color:var(--ink)}
.topbar{background:rgba(250,253,251,.96);border-bottom-color:#dce9e2}
.brand-mark{width:38px;height:38px;background:#e9f3ee;border-color:#9db9aa;color:#315f51;font-family:"Noto Serif SC","Songti SC",serif;font-size:20px}
.brand{gap:12px}.brand small{color:#788c83}
.edition{padding:7px 10px;border:1px solid #dce9e2;color:#72857c;background:#f5faf7}
main{max-width:1220px}
.intro{position:relative;overflow:hidden;padding:55px 4px 43px;border-bottom-color:#dce9e2}
.intro:after{content:"☰";position:absolute;right:128px;top:2px;color:#dcebe3;font:100px/1 Georgia;pointer-events:none;transform:rotate(90deg)}
.intro-copy{position:relative;z-index:1}.intro .eyebrow{color:#4c806d;font-weight:600}
.intro h1{font-family:"Noto Serif SC","Songti SC",serif;color:#263f38;font-weight:600}
.intro h1 span{color:#477f6a}
.intro-copy>p:last-child{max-width:760px;color:#71827b}
.intro-seal{z-index:1;width:98px;height:98px;border:1px solid #a9c2b4;background:rgba(250,253,251,.82);color:#477b67;box-shadow:inset 0 0 0 5px #f2f8f5,inset 0 0 0 6px #cfdfd5;transform:rotate(-8deg)}
.intro-seal:before{content:"☯";position:absolute;inset:0;display:grid;place-items:center;font:26px Georgia;color:#89aa98;opacity:.25}
.intro-seal span,.intro-seal i,.intro-seal b{position:relative;z-index:1}
.workspace{border-bottom-color:#dce9e2}
.input-panel{padding-right:30px;border-right-color:#dbe8e1}
.panel-head{margin-bottom:22px}.step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cfdfd5;border-radius:50%;color:#668b79}
.field-label,legend,.form-fields>label{color:#425b51}
textarea,input,select{border-color:#d7e4dc;background:#fbfdfb;color:#2c433b;border-radius:3px;transition:border-color .18s,box-shadow .18s,background .18s}
textarea:focus,input:focus,select:focus{border-color:#75a18c;box-shadow:0 0 0 3px #e4f0e9;background:#fff;outline:0}
.method-switch span{border-color:#d9e6df;background:#f9fcfa;border-radius:3px}
.method-switch input{width:auto;height:auto;margin:0}
.method-switch input:checked+span{border-color:#8bb39e;background:#e8f2ed;color:#356d5d}
.cast-button{background:#356d5d;border-radius:3px;box-shadow:0 3px 9px #315f5118;transition:background .18s,transform .18s,box-shadow .18s}
.cast-button:hover{background:#285c4d;box-shadow:0 5px 14px #315f5126;transform:translateY(-1px)}
.privacy-dot{background:#6eaa86}
.history-panel{border-top-color:#dce9e2}.history-item{border-radius:2px}.history-item:hover{background:#e8f2ed;border-left-color:#477f6a}
.result-panel{padding-left:38px}
.empty-state{position:relative;overflow:hidden;border:1px solid #dce9e2;background:#f7fbf8;min-height:470px}
.empty-state:before,.empty-state:after{content:"";position:absolute;border:1px solid #e1ece5;border-radius:50%;width:290px;height:290px;pointer-events:none}
.empty-state:after{width:220px;height:220px;border-color:#e8f0eb}
.empty-glyph{z-index:1;color:#547e6c}.empty-state .eyebrow,.empty-state h2,.empty-state>p:last-child{z-index:1}
.result-top h2{color:#2b443b}
.icon-button{border-radius:3px;background:#f8fbf9;border-color:#d8e6df;transition:background .18s}
.icon-button:hover{background:#e8f2ed}
.question-echo{border-left-color:#78a68d;background:#f6faf7;padding:8px 12px;color:#62786c;line-height:1.7}
.hexagram-grid{border:1px solid #d7e5dc;border-radius:4px;overflow:hidden;background:#fbfdfb;box-shadow:0 5px 18px #345d4810}
.hex-card{position:relative;min-height:170px;background:#fbfdfb;border-right-color:#dce9e2}
.hex-card:nth-child(2){background:#f5faf7}.hex-card:nth-child(3){background:#fbfaf6}
.hex-label{color:#6c8277;font-weight:600;letter-spacing:.3px}
.hex-name{color:#2c493d}.hex-name small{color:#829188}
.hex-card .lines{width:58px;gap:7px;margin-top:15px!important}
.line{width:58px;height:6px;background:#315f51;border-radius:1px}
.line.broken{background:linear-gradient(90deg,#315f51 0 42%,transparent 42% 58%,#315f51 58%)}
.line.moving:after{width:10px;height:10px;right:-19px;top:-3px;border-color:#b45342;box-shadow:0 0 0 3px #fff}
.reading-section{margin-top:27px}.section-heading{color:#345d4c;font-size:14px}.section-rule{background:#dce9e2}
.audit-list li{color:#52665c;line-height:1.9}.audit-list li:before{color:#54816b}
.relation-block{background:#e8f2ed;border:1px solid #d9e8de;border-left:3px solid #5b9275;border-radius:3px;color:#425b4e;padding:14px 16px}
.relation-block strong,.guidance-block strong{color:#356d5d}
.interpretation{color:#4b6257;line-height:2}.interpretation h3,.followup-answer h3{color:#356d5d;border-left-color:#83ad95}
.interpretation .model-reading{padding:2px 0}.model-loading{color:#648270}
.guidance-block{background:#edf5f0;border-color:#d8e8de;border-left-color:#5b9275;border-radius:3px;color:#435d50}
.guidance-basis{border-top-color:#d9e7df;color:#6a7d72}
.followup-form textarea{background:#fbfdfb}.followup-form button{background:#356d5d;border-radius:3px;transition:background .18s}.followup-form button:hover{background:#285c4d}
.followup-answer{border-color:#d9e6df;border-radius:3px;background:#fbfdfb;color:#4b6257}
.followup-answer article+article{border-top-color:#e1ebe5}
.result-footer{border-top-color:#dce9e2;color:#7d8c84}
.knowledge-strip{border-top:1px solid #dce9e2;margin-top:2px}.knowledge-strip h2{color:#345747}.knowledge-strip>p{color:#70837a}.knowledge-strip>a{color:#477b67;border-bottom-color:#afc8b8}
.source-note{background:#eff6f1;color:#65796e;border-radius:2px}.caution{background:#fbf6f0;color:#806b51;border-left-color:#c28a5e}
@media(max-width:760px){
  .topbar{padding:0 16px}.edition{padding:6px 8px;font-size:9px}
  main{padding:0 16px}.intro{padding:33px 0 27px}.intro:after{right:72px;top:7px;font-size:74px}.intro h1{line-height:1.45}
  .input-panel{padding:23px 0 17px}.result-panel{padding:23px 0}.empty-state{min-height:280px}
  .hexagram-grid{border-radius:3px}.hex-card{min-height:155px}.reading-section{margin-top:23px}
}
@media(max-width:420px){
  main{padding:0 14px}.topbar{padding:0 14px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}
  .intro{padding-top:27px}.intro:after{right:38px;opacity:.65}.intro h1{font-size:23px}.intro-copy>p:last-child{font-size:12px}
  .field-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.field-row input,.field-row select{padding:0 5px;font-size:12px}
  .hex-card{padding:11px 6px;min-height:148px}.hex-name{font-size:12px}.hex-name small{font-size:9px}.hex-label{font-size:9px}
  .hex-card .lines{width:48px}.hex-card .line{width:48px;height:5px}.line.moving:after{right:-16px}
  .followup-form{grid-template-columns:minmax(0,1fr) auto}.followup-form button{height:auto;padding:0 10px}
}

.result-actions{display:flex;align-items:center;gap:8px}.pdf-button{height:34px;border:1px solid var(--line);background:#edf3ef;color:var(--green);padding:0 11px;font-size:11px;cursor:pointer}.pdf-button:hover{background:#dfece5}.pdf-button span{font-size:16px;margin-right:4px}
@media print{
  @page{size:A4;margin:14mm 13mm}*{box-shadow:none!important}body{background:#fff;color:#17231e;font-size:12px}.topbar,.intro,.input-panel,.knowledge-strip,.result-actions,.followup-form,.followup-note{display:none!important}main{max-width:none;padding:0;margin:0}.workspace{display:block;border:0}.result-panel{padding:0}.result-panel #result{display:block!important}.question-echo{font-size:12px;margin-bottom:12px}.hexagram-grid{break-inside:avoid}.reading-section{break-inside:avoid;margin-top:16px}.interpretation,.guidance-block,.followup-answer{font-size:11px;line-height:1.75}.result-footer{margin-top:16px}.followup-answer[hidden]{display:none!important}a{color:inherit;text-decoration:none}
}