:root{color:#17201c;background:#f4f1ea;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;min-height:100vh}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(245,248,246,.92),transparent 260px),#f6f4ef;padding:0}.workspace{width:min(1180px,100%);margin:0 auto;padding:18px 14px 24px}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}h2,h3,p{margin-top:0}.logo-button{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;font-size:2.1rem;font-weight:900;line-height:1.08;margin-bottom:0;padding:0;text-align:left}.language-button{appearance:none;background:#17201c;border:1.5px solid #17201c;border-radius:999px;box-shadow:3px 3px #f0bf32;color:#fff;cursor:pointer;font-size:.82rem;font-weight:900;min-width:54px;padding:7px 12px}.language-button:active{box-shadow:1px 1px #f0bf32;transform:translate(2px,2px)}.search-wrap{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:9px;min-height:48px;margin-bottom:18px;border:0;border-radius:8px;background:#fffffff5;padding:0 10px;box-shadow:0 14px 36px #2d37321c}.search-wrap svg{flex:0 0 auto;color:#52645c}.search-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#17201c}.search-wrap input::placeholder{color:#718079}.text-button{border:0;background:transparent;color:#1f6b59;cursor:pointer;font-weight:800;padding:8px 2px}.content-grid{display:grid;min-height:620px}.systems-panel,.diseases-panel,.detail-panel{min-width:0}.content-grid.is-systems .diseases-panel,.content-grid.is-systems .detail-panel,.content-grid.is-diseases .systems-panel,.content-grid.is-diseases .detail-panel,.content-grid.is-detail .systems-panel,.content-grid.is-detail .diseases-panel{display:none}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#2d3b35}.panel-title h2{margin:0;font-size:1rem;line-height:1.25}.system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.disease-list{display:grid;gap:14px}.system-row,.disease-row{width:100%;border:0;border-radius:8px;background:#ffffffe6;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;text-align:left;box-shadow:0 10px 28px #32373414;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.disease-row{align-items:center;background:var(--card-color);border:1.5px solid #161616;box-shadow:7px 7px #161616;color:#fff;min-height:88px;padding:14px 16px}.disease-row:hover{box-shadow:9px 9px #161616}.disease-row.active{background:var(--card-color);box-shadow:4px 4px #161616;transform:translate(3px,3px)}.system-row{align-items:stretch;flex-direction:column;justify-content:flex-start;min-height:170px;padding:16px;position:relative}.system-row:hover,.disease-row:hover{transform:translateY(-2px);box-shadow:0 16px 38px #32373421}.system-row strong,.disease-row strong{display:block;overflow-wrap:anywhere;font-size:.95rem;line-height:1.25}.system-row strong{font-size:.95rem}.system-row small,.disease-row small{display:block;margin-top:4px;color:#68756f;font-size:.79rem;line-height:1.25}.disease-row small,.disease-row em{color:#ffffffd1}.disease-row em{display:block;margin-top:5px;font-size:.74rem;font-style:normal;font-weight:800}.disease-arrow{margin-left:auto;color:#ffffffe6}.system-row svg{position:absolute;right:10px;top:12px;color:#7b8882}.system-icon{width:76px;height:76px;display:grid;place-items:center;flex:0 0 auto;margin-bottom:18px;font-size:3.7rem;line-height:1}.system-row.active{background:#e8f0ec;box-shadow:0 16px 36px #2a4d4324}.course-number{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#00000047;color:#fff;display:grid;place-items:center;font-size:.76rem;font-weight:800}.search-back-button{align-items:center;align-self:stretch;background:transparent;border:0;border-right:1px solid #dce1dd;cursor:pointer;display:flex;margin-left:-4px;padding:0 10px 0 4px}.search-back-button:hover svg{color:#1f6b59}.big-pattern-count{align-items:center;background:#00000047;border-radius:8px;color:#fff;display:flex;flex:0 0 42px;font-size:1rem;font-weight:900;height:42px;justify-content:center}.big-pattern-comparisons{display:grid;gap:12px}.big-pattern-comparison{background:#fffaf2;border:1.5px solid #161616;border-left:8px solid var(--card-color);border-radius:8px;box-shadow:4px 4px #161616;overflow:hidden}.big-pattern-comparison-summary{align-items:center;background:transparent;border:0;color:#26312d;cursor:pointer;display:flex;gap:9px;min-height:62px;padding:10px 12px;text-align:left;width:100%}.comparison-course{background:var(--card-color);border-radius:50%;color:#fff;display:grid;flex:0 0 34px;font-size:.72rem;font-weight:900;height:34px;place-items:center}.comparison-condition{flex:1;min-width:0}.big-pattern-comparison-summary strong,.big-pattern-comparison-summary small{display:block}.big-pattern-comparison-summary small{color:#68756f;font-size:.72rem;margin-top:2px}.big-pattern-comparison-summary svg{flex:0 0 auto;transition:transform .16s ease}.big-pattern-comparison[data-open=true] .big-pattern-comparison-summary svg{transform:rotate(90deg)}.big-pattern-comparison-body{border-top:1.5px solid #161616;display:grid;gap:9px;padding:12px}.big-pattern-comparison p{font-size:.82rem;line-height:1.4;margin:0}.big-pattern-comparison .point-prescription{margin:2px 0}.comparison-section{color:#596861;font-size:.72rem;font-weight:900;text-transform:uppercase}.comparison-specific-pattern{align-items:baseline;color:#26312d;display:flex;gap:.45rem}.comparison-specific-pattern span{color:#67736e;font-size:.72rem;font-weight:700;text-transform:uppercase}.comparison-specific-pattern strong{font-size:.88rem}.comparison-formula{align-items:baseline;background:#e9f0ec;border-radius:6px;display:flex;flex-wrap:wrap;gap:5px 9px;padding:8px 9px}.comparison-formula strong{color:#234d41}.comparison-formula span{color:#5c6b64;font-size:.75rem;font-weight:800}.back-button{border:0;background:transparent;color:#1f6b59;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin:-2px 0 12px;padding:8px 0;font-weight:800}.detail-card{border:1.5px solid #161616;border-radius:18px;background:#f7efe5;padding:18px;box-shadow:8px 8px #161616}.detail-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.detail-kicker span{border-radius:999px;background:#e6eee9;color:#2a574b;padding:6px 9px;font-size:.78rem;font-weight:800}.detail-card h2{margin-bottom:4px;font-size:1.55rem;line-height:1.12}.pinyin{color:#63716a;font-size:.95rem;margin-bottom:20px}.content-section,.red-flag-section,.pattern-section{margin-top:22px}.content-section h3,.red-flag-section h3,.pattern-section h3{margin-bottom:10px;color:#35423c;font-size:.88rem}.content-section p,.content-section li,.red-flag-section li{color:#4c5a54;font-size:.93rem;line-height:1.5}.content-section p{margin-bottom:0}.content-section ul,.red-flag-section ul{margin:0;padding-left:20px}.red-flag-section{border-radius:8px;background:#fff3f1;padding:12px}.red-flag-section h3{color:#9d2f28}.common-strategy-section{margin-top:22px}.common-strategy-section h3{color:#35423c;font-size:.88rem;margin-bottom:10px}.strategy-groups{align-items:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.strategy-group{border:1.5px solid #161616;border-radius:12px;box-shadow:3px 3px #161616;grid-column:1 / -1;overflow:hidden}.strategy-group.compact{align-self:start;grid-column:span 1}.strategy-group-head{background:var(--strategy-color);color:#fff;font-size:.86rem;font-weight:900;padding:9px 11px}.strategy-group.neutral .strategy-group-head{color:#26312d}.strategy-block{background:#fffaf2f0;display:grid;gap:7px;padding:10px 11px}.strategy-block+.strategy-block{border-top:1px solid rgba(22,22,22,.14)}.strategy-block>span{color:#68736d;font-size:.72rem;font-weight:900}.strategy-point-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,72px);justify-content:start}.strategy-pair{background:#fff;border:1px solid rgba(22,22,22,.18);border-radius:8px;display:grid;gap:2px;min-width:0;padding:7px 8px}.strategy-pair strong{color:#1f2a25;font-size:.84rem;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.strategy-pair small{color:#67716c;font-size:.72rem;font-weight:800;line-height:1.2}.strategy-pair-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;justify-content:start}.strategy-point-tile{min-height:auto}.strategy-group.compact .strategy-group-head{font-size:.72rem;min-height:34px;padding:7px 8px;text-align:center}.strategy-group.compact .strategy-block{padding:7px}.strategy-group.compact .strategy-block>span{display:none}.strategy-group.compact .strategy-point-grid{grid-template-columns:repeat(auto-fit,56px);justify-content:center;place-items:stretch}.strategy-group.compact .strategy-point-tile{aspect-ratio:1;border-radius:8px;box-shadow:1.5px 1.5px #161616;min-height:56px}.strategy-group.compact .strategy-point-tile.wide{aspect-ratio:1;grid-column:auto}.strategy-group.compact .point-name{font-size:.8rem;padding:2px}.strategy-group.compact .point-code{font-size:.64rem;padding:2px}.strategy-pair-tile{border:1.3px solid #161616;border-radius:999px;box-shadow:2px 2px #161616;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:28px;overflow:hidden;position:relative;text-align:center}.strategy-pair-tile span{align-items:center;display:flex;justify-content:center;min-width:0;padding:4px 6px;font-size:.7rem;font-weight:900;line-height:1.05;overflow-wrap:anywhere}.strategy-pair-tile b{align-items:center;color:#161616;display:flex;font-size:.78rem;font-weight:900;height:100%;justify-content:center;line-height:1;left:50%;position:absolute;text-shadow:0 1px 0 rgba(255,255,255,.62);top:0;transform:translate(-50%);width:16px;z-index:1}.strategy-pair-tile span:first-child{background:var(--pair-color-a);color:#fff}.strategy-pair-tile span:last-child{background:var(--pair-color-b);color:#fff}.strategy-pair-tile.neutral span:first-child{color:#fff}.pattern-list{display:flex;flex-wrap:wrap;gap:8px}.expanded-pattern-list{display:grid;gap:14px}.pattern-subsection{display:grid;gap:10px}.pattern-subsection+.pattern-subsection{margin-top:10px}.pattern-subsection h4{border-bottom:2px solid #26312d;color:#26312d;font-size:.88rem;margin:0;padding:0 2px 6px}.expanded-pattern-card{border:1.5px solid #161616;border-radius:16px;background:var(--card-color);box-shadow:6px 6px #161616;color:#fff;overflow:hidden}.pattern-card-summary{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;min-height:70px;padding:15px 16px;text-align:left;width:100%}.pattern-card-summary span{font-size:1rem;font-weight:900;line-height:1.2}.pattern-card-summary svg{flex:0 0 auto;transition:transform .16s ease}.expanded-pattern-card[data-open=true] .pattern-card-summary svg{transform:rotate(90deg)}.pattern-card-body{background:#ffffffe6;color:#26312d;padding:14px 16px 16px}.expanded-pattern-card p{margin:0 0 8px;color:#26312d;font-size:.9rem;line-height:1.45}.expanded-pattern-card p:last-child{margin-bottom:0}.expanded-pattern-card .full-pattern-name{color:#6a746f;font-size:.8rem;font-weight:800;margin-bottom:10px}.point-prescription{display:grid;gap:10px;margin:12px 0}.formula-card{border:1.5px solid #161616;border-radius:12px;box-shadow:3px 3px #161616;margin:12px 0;overflow:hidden}.formula-card-head{background:var(--formula-color);color:#fff;display:grid;gap:2px;padding:10px 12px}.formula-card-head strong{font-size:1.08rem;font-weight:900;line-height:1.15}.formula-card-head span,.formula-card-head small{color:#ffffffdb;font-size:.78rem;font-weight:800}.formula-card-body{background:#fffaf2;display:grid;gap:9px;padding:10px 12px 12px}.formula-card-body span{color:#6b746f;display:block;font-size:.72rem;font-weight:900;margin-bottom:3px}.formula-card-body p{color:#202923;font-size:.86rem;line-height:1.35;margin:0}.formula-ingredient-section{display:grid;gap:7px}.formula-ingredient-grid{display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.formula-ingredient-tile{border:1.4px solid #161616;border-radius:10px;box-shadow:2px 2px #161616;display:grid;grid-template-rows:minmax(40px,1fr) 24px;min-height:64px;overflow:hidden}.formula-ingredient-name{align-content:center;background:var(--ingredient-property-color, var(--formula-color));color:#fff;display:grid;gap:2px;min-width:0;padding:5px;text-align:center}.formula-ingredient-tile.property-hot{--ingredient-property-color: #c5282f}.formula-ingredient-tile.property-warm{--ingredient-property-color: #e67145}.formula-ingredient-tile.property-neutral{--ingredient-property-color: #90989a}.formula-ingredient-tile.property-cool{--ingredient-property-color: #52a8d9}.formula-ingredient-tile.property-cold{--ingredient-property-color: #2774bd}.formula-ingredient-name strong{font-size:.92rem;font-weight:900;line-height:1;overflow-wrap:anywhere}.formula-ingredient-name small{color:#ffffffe6;font-size:.62rem;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.formula-ingredient-dose{align-items:center;background:#fffaf2;color:#171d1a;display:flex;font-size:.7rem;font-weight:900;justify-content:center;line-height:1.1;padding:4px;text-align:center}.point-prescription>strong{color:#26312d;font-size:.9rem}.point-group{display:grid;gap:7px}.point-group-label{color:#5d6862;font-size:.76rem;font-weight:900}.point-grid{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:6px;justify-content:start}.point-tile{border:1.5px solid #161616;border-radius:10px;box-shadow:2px 2px #161616;display:grid;aspect-ratio:1;overflow:hidden}.point-tile.wide{aspect-ratio:1;grid-column:auto}.point-name,.point-code{display:grid;place-items:center;min-width:0;padding:3px;text-align:center}.point-name{background:var(--point-color);color:#fff;font-size:.86rem;font-weight:900;line-height:1.05;overflow-wrap:anywhere}.point-code{background:#fffaf2;color:#171d1a;font-size:.68rem;font-weight:900;line-height:1.05;overflow-wrap:anywhere}.point-tile.neutral .point-name{background:#ece7de;color:#26312d}.formula-safety-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--danger-border, #c8655b);border-radius:10px;background:var(--danger-surface, #fff3f0);color:var(--ink, #2f2925)}.formula-reference-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;background:var(--panel-soft, #f3efe7);color:var(--ink, #2f2925)}.formula-reference-notice svg{flex:0 0 auto;margin-top:2px}.formula-reference-notice p{margin:0;line-height:1.5}.formula-safety-warning svg{flex:0 0 auto;margin-top:2px;color:var(--danger, #a53b32)}.formula-safety-warning p{margin:0;line-height:1.5}.point-additions{border-top:1px solid #c9cec9;display:grid;gap:9px;padding-top:10px}.point-additions>strong,.technique-notes>strong{color:#26312d;font-size:.9rem}.point-addition{display:grid;gap:7px}.point-addition>span{color:#5d6862;font-size:.76rem;font-weight:900}.technique-notes{background:#f1eee7;border-left:5px solid #26312d;border-radius:6px;display:grid;gap:5px;padding:9px 10px}.technique-notes ul{display:grid;gap:3px;margin:0;padding-left:18px}.technique-notes li{color:#37413d;font-size:.8rem;line-height:1.35}.pattern-chip{border:0;border-radius:8px;background:#f7fbf9;color:#1f2c27;display:inline-flex;max-width:100%;padding:8px 10px;overflow-wrap:anywhere;font-size:.88rem;line-height:1.3}.empty-state,.detail-placeholder{border:0;border-radius:8px;color:#68756f;background:#ffffffb8;padding:18px;box-shadow:0 10px 26px #32373412}.detail-placeholder{display:grid;min-height:260px;place-items:center;align-content:center;text-align:center}.detail-placeholder h2{color:#2d3b35;margin:10px 0 6px}.detail-placeholder p{margin:0;max-width:320px;line-height:1.45}@media(min-width:820px){.workspace{padding:28px 22px}.logo-button{font-size:2.45rem}.search-wrap{top:12px}.content-grid,.content-grid.is-diseases,.content-grid.is-detail{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(270px,.95fr) minmax(340px,1.2fr);gap:14px;align-items:start}.content-grid.is-systems{display:grid;grid-template-columns:1fr}.content-grid.is-diseases .systems-panel,.content-grid.is-diseases .detail-panel,.content-grid.is-detail .systems-panel,.content-grid.is-detail .diseases-panel,.systems-panel,.diseases-panel,.detail-panel{display:block}.back-button{display:none}.detail-card{position:sticky;top:78px}.content-grid.is-systems .system-list{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid.is-diseases .system-list,.content-grid.is-detail .system-list{grid-template-columns:1fr}}