@charset "UTF-8";
:root{color-scheme:dark;--bg:#080f11;--panel:#101a1d;--panel-deep:#0c1518;--text:#edf2ed;--muted:#9baead;--faint:#697f80;--line:#263538;--mint:#9cdec9;--mint-ink:#0c2925;--copper:#e6a48c;--positive:#9cdec9;--radius:18px;--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--dur-fast:140ms;--dur-mid:260ms;--dur-enter:620ms;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.65}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}p,h1,h2,h3{margin:0}button,input,select{border-radius:9px}input,select{min-width:0;max-width:100%;color:var(--text);background:#111e21;border:1px solid #2b3d40;padding:10px 11px;outline:none}input::placeholder{color:#708687}input:focus,select:focus{border-color:var(--mint)}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=checkbox]{accent-color:var(--mint);width:18px;height:18px;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:hover{filter:brightness(1.1)}[hidden]{display:none!important}::selection{background:#395e58;color:#fff}.skip-link{position:fixed;top:-60px;left:16px;background:var(--mint);color:var(--mint-ink);padding:10px;z-index:100}.skip-link:focus{top:8px}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient>span{position:absolute;width:760px;height:660px;left:34%;top:12%;border-radius:50%;background:#174941;filter:blur(150px);opacity:.19;transform:translate(var(--ambient-x,0px),var(--ambient-y,0px))}.ambient>span:nth-child(2){width:500px;height:500px;left:75%;top:40%;background:#47322a;opacity:.13}.horizon{position:absolute;inset:0;background:radial-gradient(ellipse at 50% -20%,#1d393333,transparent 60%)}.app-shell{max-width:1640px;padding:0 42px;margin:auto}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:24px;font-weight:600;letter-spacing:3px}.brand-symbol{font-family:"STSong","SimSun",serif;display:grid;place-items:center;color:var(--mint);font-size:25px;width:40px;height:43px;line-height:1;border:1px solid #486a61;border-radius:14px 3px 14px 3px;box-shadow:inset 0 0 20px #558a6a10}.brand-en{font-weight:400;font-size:10px;letter-spacing:2.7px;display:block;line-height:1;margin-top:4px;color:var(--muted)}nav{display:flex;gap:34px;align-self:stretch}nav a{position:relative;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;white-space:nowrap}nav a.active{color:var(--text)}nav a.active:after{position:absolute;content:"";height:2px;width:25px;bottom:-1px;left:calc(50% - 12px);background:var(--mint);box-shadow:0 0 18px #9cdec955}#nav-plan-count:not(:empty){font-size:10px;color:var(--mint);background:#29463e;border-radius:50%;padding:0 5px}.top-actions{display:flex;gap:20px;align-items:center}.local-badge{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap}.local-badge i,.stage-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #9cdec944;display:inline-block}.icon-button{border:1px solid var(--line);background:#15212477;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;padding:7px;flex-shrink:0}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:43px 0 32px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.1px;color:var(--mint);display:flex;align-items:center;gap:9px}.small-line{width:20px;height:1px;background:var(--mint)}h1{font-family:"STSong","Songti SC","Noto Serif SC","SimSun",serif;font-size:clamp(29px,3vw,43px);font-weight:400;line-height:1.45;letter-spacing:1px;margin:9px 0 10px}h1 span{color:#c3d2cc}.page-heading p{color:var(--muted);font-size:13px;letter-spacing:.3px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #34484a;background:#14202488;color:#cbdbd6;padding:9px 14px;line-height:1.5;font-size:12px;white-space:nowrap}.quiet-button .icon{width:15px;height:15px}.workspace{display:grid;grid-template-columns:270px minmax(300px,1fr) 342px;gap:22px;align-items:start}.panel{border:1px solid #293a3d;background:linear-gradient(150deg,#152123d9,#0d171bef);border-radius:var(--radius);box-shadow:0 18px 44px #00000020,inset 0 1px 0 #adc9bf05;backdrop-filter:blur(14px)}.input-panel{padding:24px 20px}.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#b6c9c3;font-size:10px;letter-spacing:1px;margin-bottom:18px}.tiny-label{font-size:8px;letter-spacing:1px;color:#718b89}h2{font-size:17px;font-weight:500;letter-spacing:.3px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 20px}label{font-size:11px;color:#a6bbb4;display:block}.profile-fields input,.profile-fields select{display:block;width:100%;margin-top:7px;font-size:12px;padding:10px 8px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #304446;background:#0a1517;border-radius:10px;padding:9px 10px}.search-box .icon{width:16px;color:var(--faint)}.search-box input{border:0;background:transparent;padding:0;width:0;flex:1;min-width:0;font-size:12px}.search-box button{padding:0 3px;border:0;background:none;color:var(--mint);font-size:18px;line-height:1}.quick-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin:19px 0 9px}.quick-heading a{color:#b6cfc7;font-size:10px}.behavior-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.behavior-chip{display:flex;align-items:center;gap:7px;border:1px solid #2a3b3d;border-radius:8px;background:#152225;color:#a9bdb9;font-size:11px;padding:10px 7px;line-height:1.4;text-align:left}.behavior-chip .icon{width:14px;height:14px}.behavior-chip[aria-pressed=true]{color:#ccefe2;border-color:#5f8c7d;background:#203c35}.selection-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:25px 0 13px;padding-top:19px;border-top:1px solid var(--line)}.segmented{display:inline-flex;gap:2px;padding:3px;background:#0d1719;border:1px solid #2b3e3f;border-radius:8px}.segmented button{border:0;color:#87a09c;background:transparent;font-size:10px;border-radius:5px;padding:4px 9px;white-space:nowrap}.segmented button[aria-pressed=true]{background:#2b443e;color:#d5ecdf;box-shadow:0 1px 3px #0003}.scenario-card{border:1px solid #345249;border-radius:11px;background:#122b2529;padding:12px;margin-top:10px}.scenario-header{display:flex;align-items:center;gap:7px;font-size:12px;color:#d5e9df;margin-bottom:10px}.scenario-header>.icon{width:15px;color:var(--mint)}.scenario-header button{background:none;border:0;color:var(--muted);margin-left:auto;font-size:17px;padding:0 3px}.scenario-card label{margin-top:8px;font-size:10px;color:#8fa9a1}.scenario-card select{display:block;width:100%;font-size:11px;padding:7px 8px;margin-top:4px;background:#102023;border-color:#2d4542}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--mint);color:var(--mint-ink);border:1px solid #bcead8;font-size:12px;font-weight:600;line-height:1.4;padding:12px 15px;border-radius:9px;box-shadow:0 5px 20px #9cdec90c}.input-panel>.primary-button{width:100%;margin-top:20px}.primary-button span:last-child{font-size:18px;font-weight:400}.form-note{color:#8ba39e;font-size:10px;line-height:1.7;margin-top:10px}.form-note.dirty{color:var(--copper)}.sidebar-footer{display:flex;align-items:flex-start;gap:8px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);color:#7d9691;font-size:10px;line-height:1.8}.sidebar-footer .icon{width:13px;height:13px;margin-top:3px}.inline-feedback{border-left:2px solid var(--copper);color:#edbca5;background:#684b3221;padding:9px;font-size:11px;margin-top:12px}.inline-feedback button{border:1px solid #687c6c;color:#d4dfca;background:#25352b;margin:6px 4px 0 0;padding:3px 6px;font-size:11px}.body-stage{position:relative;min-width:0;border-top:1px solid #2b4440;border-bottom:1px solid #283f3a;border-radius:2px;background:radial-gradient(ellipse at 50% 44%,#24392c36,transparent 62%)}.stage-top{display:flex;align-items:center;justify-content:space-between;color:#96b2a6;font-size:10px;letter-spacing:1px;padding:15px 2px 9px}.stage-top>div{display:flex;align-items:center;gap:8px}.stage-top .icon-button{width:28px;height:28px;border-color:#2a413c;color:#91ad9f;background:transparent;padding:6px}.stage-top .icon{width:14px;height:14px}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 0 0}.stage-toolbar select{font-size:10px;color:#a7c0b2;background:transparent;border:0;padding:5px 20px 5px 5px}.anatomy-scene{height:553px;position:relative;isolation:isolate;perspective:900px;overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#597b5c0b 1px,transparent 1px),linear-gradient(90deg,#597b5c0b 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black,transparent 75%);transform:translate(var(--grid-x,0px),var(--grid-y,0px))}.orbit{position:absolute;border:1px solid #517d552b;border-radius:50%;width:310px;height:470px;left:calc(50% - 155px);top:35px;transform:rotate(-23deg);pointer-events:none}.orbit-two{width:360px;height:450px;left:calc(50% - 180px);top:40px;transform:rotate(23deg);border-color:#58786216}.vertical-caption{position:absolute;left:6px;top:115px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#718871;opacity:.5}.platform{position:absolute;left:calc(50% - 135px);width:270px;height:80px;bottom:21px;border-radius:50%;background:radial-gradient(ellipse,#86caaa20,transparent 65%);border:1px solid #6dbb8d28;transform:rotateX(55deg);box-shadow:0 0 35px #7aaa6e0a;z-index:-1}.platform:after{content:"";position:absolute;inset:13px;border:1px solid #5f9a7022;border-radius:50%}#anatomy-art{position:absolute;inset:0 0 8px;filter:drop-shadow(0 15px 15px #0009);transform:translate(var(--art-x,0px),var(--art-y,0px));transition:transform .15s ease-out}#anatomy-art .human{width:100%;height:100%;display:block;overflow:visible}.human .organ{transition:opacity .25s,filter .3s,transform .3s;transform-box:fill-box;transform-origin:center;cursor:pointer;filter:drop-shadow(0 1px 1px #0009)}.human .organ.selected{filter:drop-shadow(0 0 4px #e5ac8277) brightness(1.13);transform:scale(1.025)}.human .organ.hovered{filter:drop-shadow(0 0 4px #c8e5b877) brightness(1.25);transform:translateY(-1.6px) scale(1.04)}.human .organ.filtered{opacity:.12;pointer-events:none}.human .organ.no-impact{opacity:.63}.human .organ[data-organ=lungs].path-active{animation:lung-breathe 3.7s ease-in-out infinite}.human .organ[data-organ=lungs].path-active.selected{animation:lung-breathe-selected 3.7s ease-in-out infinite}.organ-label{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;background:#0c1a19e8;border:1px solid #405a48;border-radius:6px;padding:6px 9px;color:#a1baa9;font-size:11px;box-shadow:0 5px 14px #0003;white-space:nowrap;transition:transform .2s,border-color .2s}.organ-label:after{content:"";height:1px;width:34px;background:#6a916c66;position:absolute;right:-35px;top:50%}.organ-label.right:after{right:auto;left:-35px}.organ-label[aria-pressed=true]{background:#20362a;border-color:#90b68c;color:#e1ebcf;box-shadow:0 0 20px #7f97691a}.organ-label .indicator{width:4px;height:4px;border-radius:50%;background:var(--faint)}.organ-label .indicator.harm{background:var(--copper)}.organ-label .indicator.benefit{background:var(--mint)}.organ-label .indicator.mixed{background:var(--copper);box-shadow:0 0 0 2px #9cdec977}.view-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:9px;color:#78927b;letter-spacing:1px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0 12px}.legend{display:flex;gap:12px;font-size:9px;color:#8ea493}.legend>span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;height:5px;width:5px;border-radius:50%}.harm{background:var(--copper)}.benefit{background:var(--positive)}.neutral{background:#607367}.zoom-controls{display:flex;gap:3px}.zoom-controls button{font-size:10px;color:#7c9d88;background:none;border:0;padding:3px 6px}.zoom-controls button[aria-pressed=true]{color:#d3e5ce;background:#243c2d}.organ-picker{display:flex;gap:5px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #2a3e33}.organ-picker button{font-size:10px;line-height:1.4;padding:4px 7px;border:1px solid #273b32;color:#809a89;background:#111e16aa;border-radius:5px}.organ-picker button[aria-pressed=true]{border-color:#638064;color:#dae7ce;background:#293f2d}.organ-picker button[data-status=harm]:before{content:"· ";color:var(--copper)}.organ-picker button[data-status=benefit]:before{content:"· ";color:var(--mint)}.organ-picker button[data-status=mixed]:before{content:"◦ ";color:var(--mint)}.path-caption{font-size:10px;color:#8ca68f;text-align:center;padding:7px 0 13px;min-height:35px}.organ-tooltip{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;z-index:5;border:1px solid #54765c;background:#11291ff5;box-shadow:0 10px 25px #0005;padding:8px 12px;border-radius:9px;font-size:11px;color:#c5dfc7;pointer-events:none}.detail-panel{padding:24px 22px;min-height:732px;overflow:hidden}.organ-heading{display:flex;align-items:center;gap:14px}.organ-heading .organ-index{font:400 42px/1.2 Georgia,serif;color:#5b7d72}.organ-heading h2{font-size:26px;line-height:1.25;font-weight:400;letter-spacing:2px}.organ-heading .organ-en{font-size:9px;color:#8ca89e;letter-spacing:2px;display:block;margin-top:7px}.organ-function{font-size:11px;color:#91a99f;margin-top:15px;line-height:1.85}.context-strip{display:flex;align-items:center;gap:7px;background:#162b27;border:1px solid #2f4941;color:#aac5b7;border-radius:6px;padding:7px 9px;font-size:10px;margin-top:17px}.context-strip.demo{color:#d9bc9c;border-color:#594c38;background:#30271b66}.context-strip.dirty{color:#edb998;border-color:#76523d;background:#32231b}.context-description{font-size:10px;color:#7b968a;margin-top:5px;line-height:1.65}.detail-tabs{display:flex;gap:18px;border-bottom:1px solid #2c4039;margin:22px 0 20px}.detail-tabs button{padding:0 0 11px;background:none;border:0;border-radius:0;position:relative;color:#829d90;font-size:11px}.detail-tabs button[aria-selected=true]{color:#d6e5d7}.detail-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b9d9b8}.impact-tag{display:inline-flex;align-items:center;gap:5px;color:#e9b29b;background:#42302577;font-size:9px;letter-spacing:.5px;padding:3px 7px;border-radius:4px}.impact-tag.benefit{color:#b5dbc1;background:#25433888}.impact-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.impact-card h3{font-size:15px;line-height:1.7;font-weight:500;margin:11px 0 8px;color:#e4ebe0}.impact-card>p{font-size:12px;line-height:1.95;color:#a5b8aa}.impact-card+.impact-card{border-top:1px solid #2d3e35;padding-top:18px;margin-top:20px}.metric-card{padding:17px 15px 14px;margin:18px 0 12px;border:1px solid #594a37;border-radius:11px;background:radial-gradient(ellipse at 90% 0%,#67533638,#2a231b36)}.metric-overline{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.5px;color:#b6a88e}.metric-value{font:400 53px/1.15 Georgia,"SimSun",serif;color:#f0c49e;margin:14px 0 7px;letter-spacing:-2px}.metric-value small{font:400 15px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:1px;margin-left:7px}.metric-title{font-size:12px;color:#dfc4a5}.metric-bars{margin-top:17px;display:grid;gap:8px}.bar-label{display:flex;justify-content:space-between;font-size:9px;color:#a99d85;margin-bottom:3px}.bar-track{height:5px;border-radius:2px;background:#8e7f5a14;overflow:hidden}.bar-track>span{display:block;height:100%;background:#6f7e69;border-radius:2px;min-width:5px}.bar-track.exposed>span{background:linear-gradient(90deg,#b89a75,#e6be97)}.metric-scope{font-size:10px;color:#c1b096;line-height:1.8;margin:13px 0 8px}.metric-limit{font-size:10px;line-height:1.85;color:#c3ae90;background:#2d281e8c;border-top:1px solid #65523866;padding:10px 0 0}.source-link{color:#a9c9b4;font-size:10px;display:inline-flex;align-items:center;gap:4px;margin-top:9px;text-decoration:underline;text-decoration-color:#74947a55;text-underline-offset:4px}.effect-path{margin:20px 0 17px;padding-left:14px;border-left:1px solid #596d50}.path-item{position:relative;margin:0 0 15px;padding-left:9px;font-size:10px;color:#a7b6a0;line-height:1.8}.path-item:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b7c7a6;left:-17px;top:7px;box-shadow:0 0 0 4px #16231b}.path-item b{display:block;font-size:11px;font-weight:500;color:#cdd8c3;margin-bottom:2px}.path-play{display:flex;align-items:center;gap:6px;border:0;padding:5px 0;background:none;color:#b6d2b8;font-size:11px}.path-play .icon{width:14px}.note-box{background:#15281e;border:1px solid #2e4735;border-radius:9px;padding:12px;font-size:11px;color:#adc7af;line-height:1.85;margin-top:17px}.empty-state{color:#96ac9c;font-size:12px;line-height:1.9;padding:24px 0}.empty-state .icon{width:30px;height:30px;color:#74917d;margin-bottom:12px}.evidence-item{border-bottom:1px solid #2c4035;padding-bottom:16px;margin-bottom:18px}.evidence-item .eyebrow{font-size:9px;letter-spacing:.7px}.evidence-item h3{font-size:12px;font-weight:500;line-height:1.8;margin:7px 0}.evidence-item p{font-size:11px;color:#9aaf9d;line-height:1.85}.evidence-status{font-size:9px;color:#8ba58e;margin-top:10px}.teaching-image{margin:20px 0}.teaching-image img{width:100%;display:block;border-radius:8px;background:white}.teaching-image figcaption{font-size:9px;color:#829b88;line-height:1.7;margin-top:6px}.action-card{border:1px solid #3f5d45;background:#19352344;padding:16px;border-radius:12px;margin-bottom:14px}.action-card h3{font-size:14px;font-weight:500;margin:7px 0 10px;color:#d9e7cd;line-height:1.8}.action-card p{font-size:11px;color:#99b299}.action-card .quiet-button{margin-top:15px;font-size:10px;background:#25402d;border-color:#4a6b4b;color:#cae2bc}.bottom-strip{margin:26px 0 0;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 4px;border-top:1px solid #2c3d35;border-bottom:1px solid #2c3d35}.strip-message{display:flex;gap:17px;align-items:center}.strip-icon{width:42px;height:42px;border:1px solid #3c5543;display:grid;place-items:center;border-radius:50%;color:#a0c9a5}.strip-icon .icon{width:20px}.strip-message h2{font-family:"STSong","SimSun",serif;font-size:19px;font-weight:400;letter-spacing:1px}.strip-message p{font-size:11px;color:#8ca28e;margin-top:5px}.plan-preview{display:grid;grid-template-columns:1fr 25px;column-gap:14px;border-left:1px solid #304237;padding-left:27px;min-width:260px}.plan-preview .eyebrow{font-size:9px;letter-spacing:1.6px}.plan-preview #plan-summary{font-size:11px;color:#b4c8b1;margin-top:4px}.plan-preview .arrow{grid-row:1/3;grid-column:2;align-self:center;color:#a6c6a4;font-size:22px}.app-footer{padding:27px 0 30px;display:flex;justify-content:space-between;gap:20px;color:#657e70;font-size:10px}.footer-divider{padding:0 11px;color:#405a48}.app-footer a{color:#859f8d}.inner-page{min-height:76vh}.library-tools{display:flex;gap:24px;align-items:center;margin:8px 0 20px}.library-tools .search-box{width:260px;flex-shrink:0}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.filter-row button{border:1px solid #304439;background:#15231b;color:#9db29f;padding:6px 10px;font-size:11px}.filter-row button[aria-pressed=true]{color:#d9ead1;background:#304c33;border-color:#6f8e65}.muted{font-size:12px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 35px}.library-card{padding:22px;display:flex;flex-direction:column;align-items:start}.library-card .category-name{font-size:10px;color:#82a58c;letter-spacing:1px}.library-card h2{margin:9px 0;font-size:18px}.library-card p{font-size:12px;line-height:1.9;color:#9eb29f;margin-bottom:15px}.library-card .organ-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.organ-tags>span{border:1px solid #344c37;border-radius:4px;font-size:9px;color:#a0bb9f;padding:2px 6px}.library-card .quiet-button{margin-top:18px;background:#223729;border-color:#465e44}.plan-progress{font-size:13px;color:#bbd4b6}.plan-layout{display:grid;grid-template-columns:minmax(0,2fr) 1fr;gap:40px;margin-top:15px}.plan-main{padding:25px}.plan-add{display:flex;gap:10px;padding-bottom:25px;border-bottom:1px solid #2d4435}.plan-add input{flex:1;width:0;font-size:12px}.plan-add .primary-button{font-size:11px;justify-content:center}.plan-task{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-bottom:1px solid #2a4033}.plan-task>input{margin:5px 0 0}.plan-task .task-content{flex:1;min-width:0}.plan-task .task-title{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.plan-task.done .task-title{text-decoration:line-through;color:#768f7a}.task-content p{color:#7c9a82;font-size:10px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.task-actions{display:flex;gap:7px;flex-shrink:0}.task-actions button{font-size:10px;color:#91ac94;background:transparent;border:0;padding:2px}.task-content button{border:0;background:none;color:#a2c9a3;padding:7px 0 0;font-size:10px}.task-edit-form input{width:100%;margin:3px 0}.task-edit-form button{padding:5px 10px;margin-right:7px;background:#314c34;color:#deeed4;border-radius:5px}.plan-aside{padding:28px 15px}.plan-aside h2{font-family:"STSong","SimSun",serif;font-size:30px;font-weight:400;margin:12px 0 15px}.plan-aside p{color:#9cb49e;font-size:12px;line-height:2;margin-bottom:23px}.plan-aside details{margin-top:35px;color:#99b19d;font-size:12px}.plan-aside details>div{margin-top:15px}.past-task{padding:10px 0;border-bottom:1px solid #2d4435;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:12px 0 35px}.setting-card{padding:28px}.setting-card h2{margin-bottom:15px}.setting-card p{font-size:12px;color:#9fb7a3;line-height:1.95;margin:12px 0}.setting-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.setting-actions .primary-button{justify-content:center}.file-label{cursor:pointer}.file-label input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.file-label:focus-within{outline:2px solid var(--mint);outline-offset:3px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #2c4236;font-size:13px;color:#bfd2ba}.switch-row small{display:block;font-size:10px;color:#829f89;margin-top:3px}.credit{margin-top:15px;color:#a8bda8;font-size:11px}.credit a{color:#bed6b6;text-decoration:underline;text-underline-offset:3px}.credit small{display:block;font-size:10px;color:#859f8b;margin-top:4px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#21392ff5;color:#e0edd7;border:1px solid #5f7e5c;border-radius:10px;box-shadow:0 8px 30px #0005;padding:11px 20px;max-width:min(560px,90vw);z-index:90;font-size:12px}dialog{background:#14221a;border:1px solid #476345;border-radius:16px;max-width:510px;width:calc(100% - 32px);padding:28px;color:var(--text);box-shadow:0 30px 120px #0009}dialog::backdrop{background:#030b08bb;backdrop-filter:blur(8px)}dialog h2{margin:10px 0 16px;font-size:22px}dialog p{font-size:12px;line-height:1.9;color:#a7bba4;margin:15px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:23px}.dialog-actions .primary-button{justify-content:center;font-size:11px}#restore-summary{font-size:12px;line-height:1.9;color:#cadcc3;padding:13px;border:1px solid #3a533d;border-radius:8px;background:#1b3020}.noscript{padding:25px;background:#44271e;color:#edd4b5}.focused .input-panel{display:none}.focused .workspace{grid-template-columns:minmax(400px,1fr) 380px;max-width:1120px;margin:0 auto}.focused .anatomy-scene{height:635px}.focused .body-stage{background:radial-gradient(ellipse at center,#3b573029,transparent 70%)}.focused .detail-panel{min-height:810px}.no-depth .ambient,.no-depth .orbit,.no-depth .stage-grid{display:none}.no-depth #anatomy-art{transform:none}.no-depth .panel{backdrop-filter:none}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.app-shell{--art-x:0px;--art-y:0px}.path-trace{stroke-dasharray:3 12;animation:path-flow 1.4s linear infinite;pointer-events:none}.path-marker{animation:marker-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes lung-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes lung-breathe-selected{0%,100%{transform:scale(1.025)}50%{transform:scale(1.04)}}@keyframes path-flow{to{stroke-dashoffset:-30}}@keyframes marker-pulse{0%,100%{opacity:.3}50%{opacity:.9}}
@media(min-width:1500px){.workspace{grid-template-columns:290px minmax(400px,1fr) 370px;gap:28px}.input-panel{padding:27px 24px}.detail-panel{padding:27px}.anatomy-scene{height:605px}.detail-panel{min-height:785px}.page-heading{padding-top:48px;padding-bottom:38px}}
@media(max-width:1180px){.app-shell{padding:0 25px}.workspace{grid-template-columns:240px minmax(280px,1fr) 290px;gap:15px}.input-panel{padding:20px 15px}.detail-panel{padding:20px 17px}.detail-tabs{gap:12px}.tiny-label{display:none}.anatomy-scene{height:540px}.legend{gap:7px;font-size:8px}.stage-bottom{flex-wrap:wrap}.organ-label{font-size:10px;padding:5px 7px}.organ-label:after{width:18px;right:-19px}.organ-label.right:after{left:-19px}.metric-value{font-size:46px}.bottom-strip{padding:19px 0}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.workspace{grid-template-columns:245px minmax(0,1fr);gap:20px}.detail-panel{grid-column:1/-1;min-height:auto}.detail-panel #detail-content{max-width:100%}.detail-panel .metric-card{max-width:500px}.detail-panel .teaching-image{max-width:500px}.anatomy-scene{height:590px}.page-heading{padding-top:30px}h1{font-size:33px}.topbar nav{gap:21px}.local-badge{display:none}.bottom-strip{gap:20px}.strip-message p{max-width:290px}.plan-preview{min-width:200px;padding-left:20px}.focused .workspace{grid-template-columns:minmax(0,1fr) 310px}.focused .detail-panel{grid-column:auto;min-height:810px}.focused .anatomy-scene{height:635px}.settings-grid{gap:15px}.setting-card{padding:22px}.library-tools{align-items:start;flex-direction:column;gap:15px}}
@media(max-width:650px){.app-shell{padding:0 18px}.topbar{height:76px;gap:12px;flex-wrap:wrap;align-content:center;position:relative;padding-bottom:28px;padding-top:10px}.brand{font-size:18px;gap:8px}.brand-symbol{width:30px;height:32px;font-size:21px;border-radius:10px 2px}.brand-en{font-size:8px;letter-spacing:1.4px;margin-top:2px}.top-actions{margin-left:auto}.top-actions .icon-button{width:29px;height:29px}.topbar nav{position:absolute;bottom:0;left:0;right:0;height:27px;justify-content:center;gap:36px}nav a{font-size:11px}nav a.active:after{width:18px;left:calc(50% - 9px)}.page-heading{padding:25px 0 23px;align-items:flex-start;gap:8px;position:relative}.page-heading .eyebrow{font-size:8px;letter-spacing:1.1px;gap:6px}.small-line{width:12px}h1{font-size:27px;letter-spacing:0;line-height:1.55;margin:8px 0}.page-heading p{font-size:11px;max-width:260px}.page-heading>#focus-toggle{font-size:0;padding:6px;position:absolute;right:0;bottom:21px;border-radius:50%;width:29px;height:29px}.page-heading>#focus-toggle .icon{width:15px;height:15px}.workspace{display:flex;flex-direction:column;gap:22px}.input-panel{width:100%;padding:20px}.input-panel h2{font-size:17px}.profile-fields{margin:17px 0}.input-panel .section-kicker{margin-bottom:12px}.tiny-label{display:inline}.behavior-grid{grid-template-columns:repeat(3,1fr)}.behavior-chip{font-size:10px;padding:9px 6px;gap:5px}.selection-heading{margin-top:19px;padding-top:16px}.sidebar-footer{margin-top:15px;padding-top:13px}.scenario-card{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.scenario-header{grid-column:1/-1;margin-bottom:1px}.scenario-card label{margin-top:7px}.input-panel>.primary-button{margin-top:17px}.body-stage{width:100%;padding:0 6px}.anatomy-scene{height:540px}.vertical-caption{font-size:7px}.organ-label{font-size:10px;padding:6px 7px}.stage-toolbar select{font-size:11px}.stage-top{font-size:10px}.legend{font-size:9px;gap:11px}.stage-bottom{flex-wrap:nowrap}.organ-picker{gap:7px}.organ-picker button{font-size:10px;padding:5px 8px}.detail-panel{width:100%;padding:22px;min-height:0}.detail-panel .section-kicker{margin-bottom:15px}.detail-tabs{gap:24px}.metric-value{font-size:55px}.impact-card>p{font-size:12px}.bottom-strip{flex-direction:column;align-items:stretch;gap:20px}.strip-message{gap:12px}.strip-message h2{font-size:17px}.strip-message p{font-size:10px;max-width:none}.strip-icon{width:34px;height:34px;flex-shrink:0}.plan-preview{border-left:0;border-top:1px solid #304237;padding:15px 0 0;min-width:0}.plan-preview #plan-summary{font-size:11px}.app-footer{font-size:9px;flex-direction:column;gap:9px;padding:23px 0}.library-grid{grid-template-columns:1fr;gap:13px}.library-tools .search-box{width:100%}.library-tools{gap:15px}.filter-row{gap:6px}.filter-row button{font-size:10px;padding:6px 8px}.library-card{padding:20px}.plan-layout{grid-template-columns:1fr;gap:13px}.plan-main{padding:18px}.plan-add{gap:7px}.plan-add input{font-size:11px;padding:9px 8px}.plan-add .primary-button{padding:9px 8px;font-size:10px;white-space:nowrap}.plan-task{gap:9px}.plan-task .task-title{font-size:12px}.task-actions{gap:3px}.task-actions button{font-size:9px}.plan-aside{padding:20px 3px}.plan-aside h2{font-size:25px}.settings-grid{grid-template-columns:1fr}.setting-card{padding:22px}.focused .workspace{display:flex}.focused .anatomy-scene{height:560px}.focused .detail-panel{min-height:0}.page-heading .plan-progress{font-size:10px;white-space:nowrap;margin-top:40px}.inner-page .page-heading{padding-bottom:17px}.inner-page h1{font-size:25px}.inner-page .page-heading p{max-width:none}.setting-actions{gap:8px}.setting-actions .primary-button,.setting-actions .quiet-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#anatomy-art,.stage-grid,.ambient>span{transform:none!important}}
.source-link:not(a){border:0;background:none;padding:0;text-align:left;cursor:pointer}
.organ-function{font-size:12px}.metric-scope,.metric-limit,.context-description,.form-note,.source-link{font-size:11px}.metric-overline{font-size:10px}.sidebar-footer{font-size:11px}.path-item{font-size:11px}.path-item b{font-size:12px}
@media(min-width:981px){.detail-panel{max-height:790px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#466353 transparent}.detail-panel .section-kicker{margin-bottom:18px}.focused .detail-panel{max-height:870px}}

/* ===================================================================
   V2 视觉层 · 分层景深与交互增强
   仅作追加覆盖，不修改上方既有规则。全部效果受 body.no-motion /
   body.no-depth 两个既有开关控制，与设置页复选框联动。
   =================================================================== */

/* ---------- 1. 基调变量 ---------- */
.app-shell{
  --vfx-ease:cubic-bezier(.2,.7,.3,1);
  --vfx-glass:linear-gradient(168deg,rgba(24,40,42,.94) 0%,rgba(14,25,27,.97) 46%,rgba(9,17,19,.99) 100%);
  --vfx-edge:rgba(126,176,158,.17);
  --vfx-edge-hot:rgba(156,222,201,.34);
  --vfx-shadow:inset 0 1px 0 rgba(200,240,224,.10),inset 0 -1px 0 rgba(0,0,0,.55),0 34px 76px -36px rgba(0,0,0,.98),0 3px 12px rgba(0,0,0,.45);
}

/* ---------- 2. 氛围层：远景光源更实，加一层极慢扫光 ---------- */
.ambient>span{width:920px;height:780px;opacity:.27;filter:blur(175px)}
.ambient>span:nth-child(2){width:600px;height:560px;opacity:.2;filter:blur(150px)}
.ambient::before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 0deg at 50% 26%,transparent 0deg 210deg,rgba(156,222,201,.055) 250deg,transparent 292deg 360deg);pointer-events:none}
.ambient::after{content:"";position:absolute;right:-6%;bottom:-16%;width:660px;height:580px;border-radius:50%;background:#4a3428;opacity:.16;filter:blur(165px);pointer-events:none}
body:not(.no-motion) .ambient::before{animation:vfx-sweep 38s linear infinite}
@keyframes vfx-sweep{to{transform:rotate(360deg)}}

/* ---------- 3. 面板：分层边缘光 + 玻璃底面 + 悬浮抬升 ---------- */
.panel{
  background:var(--vfx-glass);
  border:1px solid var(--vfx-edge);
  box-shadow:var(--vfx-shadow);
  transition:transform .5s var(--vfx-ease),box-shadow .5s var(--vfx-ease),border-color .5s var(--vfx-ease);
}
body:not(.no-motion) .panel:hover{
  transform:translateY(-3px);
  border-color:var(--vfx-edge-hot);
  box-shadow:inset 0 1px 0 rgba(200,240,224,.17),inset 0 -1px 0 rgba(0,0,0,.55),0 46px 96px -42px rgba(0,0,0,1),0 0 0 1px rgba(156,222,201,.10),0 0 42px -14px rgba(120,200,180,.30);
}
/* 顶部一道细分隔光，制造面板“厚度” */
.panel::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,240,220,.28),transparent);opacity:.7;pointer-events:none}
.panel{position:relative}

/* ---------- 4. 舞台：三层景深 ---------- */
.anatomy-scene{--vfx-rx:0deg;--vfx-ry:0deg;--vfx-ax:0px;--vfx-ay:0px;--vfx-gx:0px;--vfx-gy:0px;--vfx-lx:0px;--vfx-ly:0px;--vfx-mx:50%;--vfx-my:50%}

.stage-grid{
  transform:translate3d(var(--vfx-gx),var(--vfx-gy),-70px) scale(1.08);
  transition:transform .7s var(--vfx-ease);
  opacity:.85;
}
#anatomy-art{
  transform:translate3d(var(--vfx-ax),var(--vfx-ay),0) rotateY(var(--vfx-ry)) rotateX(var(--vfx-rx));
  transform-origin:50% 44%;
  transform-style:preserve-3d;
  transition:transform .55s var(--vfx-ease),filter .5s var(--vfx-ease);
}
#organ-labels{
  transform:translate3d(var(--vfx-lx),var(--vfx-ly),40px);
  transition:transform .7s var(--vfx-ease);
}
.platform{filter:drop-shadow(0 0 26px rgba(120,200,180,.26));transition:filter .6s var(--vfx-ease)}
body:not(.no-motion) .orbit-one{animation:vfx-spin 44s linear infinite}
body:not(.no-motion) .orbit-two{animation:vfx-spin 62s linear infinite reverse}
@keyframes vfx-spin{to{transform:rotate(360deg)}}

/* 近景：暗角 + 轻微浮尘，位于器官之前，强化景深 */
.vfx-front{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translateZ(120px);
  background:radial-gradient(ellipse 62% 48% at 50% 50%,transparent 40%,rgba(3,8,9,.58) 100%)}
/* 指针柔光：跟随鼠标的局部提亮，克制且可关闭 */
.vfx-cursor{position:absolute;left:0;top:0;width:480px;height:480px;margin:-240px 0 0 -240px;z-index:1;
  border-radius:50%;pointer-events:none;mix-blend-mode:screen;filter:blur(10px);opacity:0;
  background:radial-gradient(circle,rgba(156,222,201,.15) 0%,rgba(120,196,176,.07) 42%,transparent 72%);
  transform:translate3d(var(--vfx-mx),var(--vfx-my),0) translateZ(10px);
  transition:opacity .5s var(--vfx-ease)}
.anatomy-scene.vfx-pointer .vfx-cursor{opacity:1}

/* ---------- 5. 器官交互：修正缩放跳位，hover 聚焦其余 ---------- */
.human .organ{
  transform-box:fill-box;transform-origin:center;
  transition:transform .3s var(--vfx-ease),filter .3s var(--vfx-ease),opacity .35s var(--vfx-ease);
}
.human .organ.selected{transform-box:fill-box;transform-origin:center}
body:not(.no-motion) .human .organ:hover{transform:scale(1.06);filter:drop-shadow(0 0 13px rgba(156,222,201,.5)) brightness(1.08)}
body:not(.no-motion) .human .organ.selected:hover{transform:scale(1.07);filter:drop-shadow(0 0 15px rgba(230,164,140,.55)) brightness(1.12)}
/* 悬停某一器官时，其余淡出，形成“焦点—景深”关系（不模糊文字，仅降不透明度） */
.anatomy-scene.vfx-focus .human .organ:not(.vfx-hot){opacity:.4}
.anatomy-scene.vfx-focus .organ-label:not(.vfx-hot){opacity:.42}
.organ-label{transition:transform .22s var(--vfx-ease),border-color .22s,opacity .3s,box-shadow .22s}
.organ-label.vfx-hot{border-color:rgba(156,222,201,.55);box-shadow:0 6px 20px -6px rgba(0,0,0,.8),0 0 16px -4px rgba(156,222,201,.45)}

/* 点击脉冲：从命中点向外扩散的一圈光，交代“这一下点中了” */
.vfx-ripple{position:absolute;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;
  border:1px solid rgba(156,222,201,.55);pointer-events:none;z-index:8;
  animation:vfx-ripple .9s var(--vfx-ease) forwards}
@keyframes vfx-ripple{0%{opacity:.85;transform:scale(.16)}100%{opacity:0;transform:scale(1)}}

/* ---------- 6. 控件微交互 ---------- */
.primary-button{position:relative;overflow:hidden;background:linear-gradient(162deg,#bdf3dd,#8ed3bd 54%,#6cb6a2);
  color:#05231d;border-color:rgba(190,245,225,.5);
  box-shadow:0 12px 32px -14px rgba(120,220,190,.62),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 8px rgba(0,0,0,.14);}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(120,220,190,.78),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 8px rgba(0,0,0,.14)}
.primary-button:active{transform:translateY(0) scale(.985)}
.primary-button>span:last-child{display:inline-block;transition:transform .34s var(--vfx-ease)}
.primary-button:hover>span:last-child{transform:translateX(4px)}
/* 掠过式高光：只在 hover 时走一遍，不常驻 */
.primary-button::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.5) 50%,transparent 68%);
  transform:translateX(-130%)}
body:not(.no-motion) .primary-button:hover::after{animation:vfx-glide .85s var(--vfx-ease)}
@keyframes vfx-glide{to{transform:translateX(130%)}}

.behavior-chip{transition:transform .28s var(--vfx-ease),border-color .28s,background .28s,box-shadow .28s}
body:not(.no-motion) .behavior-chip:hover{transform:translateY(-2px);border-color:rgba(156,222,201,.42);
  box-shadow:0 14px 28px -16px rgba(0,0,0,.95),0 0 0 1px rgba(156,222,201,.12)}
.quiet-button,.icon-button{transition:transform .25s var(--vfx-ease),border-color .25s,background .25s,color .25s}
body:not(.no-motion) .quiet-button:hover{transform:translateY(-1px)}

.legend i.harm{box-shadow:0 0 12px rgba(230,164,140,.62)}
.legend i.benefit{box-shadow:0 0 12px rgba(156,222,201,.62)}
.legend i.neutral{box-shadow:0 0 10px rgba(105,127,128,.45)}
.legend span{transition:opacity .3s}

.stage-toolbar,.stage-top{backdrop-filter:blur(12px) saturate(1.15)}

/* 详情区内容切换时的重入场，让“换了一个器官”在视觉上成立 */
#detail-content.vfx-enter{animation:vfx-rise .5s var(--vfx-ease) both}
@keyframes vfx-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

/* ---------- 7. 入场节奏（只对无 hover 位移的元素加 transform 动画） ---------- */
body:not(.no-motion) .page-heading{animation:vfx-rise .65s var(--vfx-ease) both}
body:not(.no-motion) .body-stage{animation:vfx-rise .7s var(--vfx-ease) .1s both}
body:not(.no-motion) .bottom-strip{animation:vfx-rise .7s var(--vfx-ease) .28s both}
body:not(.no-motion) .library-grid>*{animation:vfx-rise .55s var(--vfx-ease) both}
body:not(.no-motion) .library-grid>:nth-child(3n+2){animation-delay:.05s}
body:not(.no-motion) .library-grid>:nth-child(3n+3){animation-delay:.1s}
body:not(.no-motion) .setting-card{animation:vfx-rise .6s var(--vfx-ease) both}
body:not(.no-motion) .setting-card:nth-child(2){animation-delay:.06s}
body:not(.no-motion) .setting-card:nth-child(3){animation-delay:.12s}
body:not(.no-motion) .setting-card:nth-child(4){animation-delay:.18s}
/* 面板只做透明度淡入，保留 hover 的 translateY 不被动画覆盖 */
body:not(.no-motion) .panel{animation:vfx-fade .8s var(--vfx-ease) both}
@keyframes vfx-fade{from{opacity:0}to{opacity:1}}

/* ---------- 8. 与既有开关 / 系统偏好联动 ---------- */
body.no-motion *,body.no-motion *::before,body.no-motion *::after{
  animation:none!important;transition:none!important
}
body.no-motion #anatomy-art,body.no-motion #organ-labels,body.no-motion .stage-grid,body.no-motion .ambient>span{
  transform:none!important
}
body.no-motion .panel:hover{transform:none}
body.no-depth .vfx-cursor,body.no-depth .vfx-front{display:none}
body.no-depth #anatomy-art,body.no-depth #organ-labels,body.no-depth .stage-grid{
  transform:none!important
}
body.no-depth .anatomy-scene.vfx-focus .human .organ{opacity:1}

/* ---------- 9. 响应式与触屏 ---------- */
@media(max-width:1180px){.vfx-cursor{width:380px;height:380px;margin:-190px 0 0 -190px}}
@media(max-width:980px){
  .anatomy-scene{perspective:760px}
  .vfx-front{background:radial-gradient(ellipse 70% 54% at 50% 50%,transparent 44%,rgba(3,8,9,.5) 100%)}
}
@media(max-width:650px){
  .vfx-cursor{display:none}
  #anatomy-art{transform:none}
  body:not(.no-motion) .panel:hover{transform:none}
}
@media(hover:none){.vfx-cursor{display:none}}

/* Organ close-up: a continuous camera move, with finite, source-backed steps.
   Kept outside the pointer-depth transforms on anatomy-art / labels / grid. */
.organ-focus{position:absolute;inset:0;z-index:12;overflow:hidden;isolation:isolate;color:var(--text);border-radius:var(--radius)}
.organ-focus[hidden]{display:none}
.organ-focus:focus{outline:none}
.of-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 37%,color-mix(in srgb,var(--mint) 10%,var(--bg)),var(--bg) 76%)}
.of-atmosphere::after{content:"";position:absolute;inset:75px 30px 172px;border:1px solid var(--line);border-radius:50%;opacity:.38;pointer-events:none}
.of-world{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;will-change:transform}
.of-human{width:100%;height:100%;display:block;overflow:visible}
.of-human .of-context{opacity:.055}
.of-human .of-organ-shape{stroke:color-mix(in srgb,var(--copper) 55%,var(--bg));stroke-width:.7}
.of-human .of-target{opacity:1;filter:none}
.of-human *{animation:none!important;transition:none!important}
.of-human .of-flow{opacity:0;fill:var(--copper)}
.organ-focus[data-step="0"] .of-flow{opacity:1}
.of-airway{fill:none;stroke:var(--copper);stroke-width:1;stroke-opacity:.5;vector-effect:non-scaling-stroke}
.of-tracer{opacity:0}
body:not(.no-motion) .organ-focus.of-playing[data-step="0"] .of-tracer{animation:of-air-left 2.2s ease-in 2!important}
body:not(.no-motion) .organ-focus.of-playing[data-step="0"] .of-tracer-1{animation-name:of-air-right!important}
@keyframes of-air-left{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}65%{opacity:.9;transform:translate(0,46px)}100%{opacity:0;transform:translate(-24px,71px)}}
@keyframes of-air-right{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}65%{opacity:.9;transform:translate(0,46px)}100%{opacity:0;transform:translate(24px,71px)}}
.of-chrome{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.of-back{border:1px solid var(--line);border-radius:30px;background:var(--panel-deep);color:var(--text);padding:7px 12px;font-size:11px;white-space:nowrap}
.of-disclaimer{color:var(--muted);font-size:10px;text-align:right}
.of-heading{position:absolute;top:68px;left:26px;pointer-events:none}
.of-kicker{font-size:10px;letter-spacing:3px;color:var(--mint)}
.of-heading h2{font-size:24px;font-weight:400;letter-spacing:2px;margin:3px 0 0}
.of-story{position:absolute;bottom:15px;left:18px;right:18px;padding:15px 16px 12px;background:var(--vfx-glass);border:1px solid var(--vfx-edge-hot);border-radius:var(--radius);box-shadow:var(--vfx-shadow)}
.of-story-top{display:flex;align-items:center;justify-content:space-between;min-height:22px;margin-bottom:9px}
.of-counter{color:var(--mint);font-size:11px;letter-spacing:2px}
.of-play{border:0;background:none;color:var(--muted);padding:0 0 0 12px;font-size:11px}
.of-steps{display:flex;gap:7px;margin-bottom:10px}
.of-step{flex:1;min-width:0;border:1px solid var(--line);background:var(--panel-deep);color:var(--muted);border-radius:6px;font-size:11px;line-height:1.6;padding:5px 3px}
.of-step[aria-pressed=true]{color:var(--text);border-color:var(--mint);background:color-mix(in srgb,var(--mint) 9%,var(--panel-deep))}
.of-caption{font-size:12px;line-height:1.8;margin:0;color:var(--text);min-height:43px}
.of-evidence{display:block;margin-top:6px;padding:0;border:0;background:none;color:var(--mint);font-size:11px;text-align:left}
.has-organ-focus #anatomy-art,.has-organ-focus #organ-labels,.has-organ-focus .organ-tooltip,.has-organ-focus .vfx-cursor,.has-organ-focus .vfx-front,.has-organ-focus .vertical-caption,.has-organ-focus .view-caption{opacity:0;pointer-events:none}
.has-organ-focus #organ-labels{visibility:hidden}
.has-organ-focus .organ-tooltip{display:none}
.impact-explanation,.path-explanation{font-size:12px;color:var(--muted);line-height:1.9}
.impact-explanation summary,.path-explanation summary{cursor:pointer;color:var(--mint);font-size:11px;width:fit-content;margin:10px 0}
.impact-explanation p{margin:9px 0 0}
.path-explanation{border-top:1px solid var(--line);margin-top:18px}
.path-explanation .effect-path{margin:16px 0}
.path-play{margin-top:18px;color:var(--mint);font-size:12px}
.no-depth .of-atmosphere::after{display:none}
@media(max-width:1180px) and (min-width:981px){.of-disclaimer{font-size:9px;max-width:116px}.of-story{left:8px;right:8px;padding:12px}.of-step{font-size:10px}.of-heading{left:18px}.of-caption{font-size:11px}}
@media(max-width:650px){.of-chrome{left:9px;right:9px}.of-disclaimer{font-size:9px;max-width:150px}.of-story{left:9px;right:9px;padding:13px}.of-heading{left:20px}.of-step{font-size:10px}}
@media(prefers-reduced-motion:reduce){.organ-focus .of-tracer{animation:none!important}}