:root{--paper:#f7f6f2;--ink:#202334;--muted:#505467;--copper:#4945a6;--line:#c8cad3;--panel:#eeedf7}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
header{height:96px;max-width:1600px;margin:auto;padding:0 6%}.header-actions{gap:16px;flex-wrap:wrap}.header-actions a{color:var(--ink);font-size:15px;text-decoration:underline;text-underline-offset:5px}main{max-width:1420px;padding-top:52px}.intro{margin-bottom:32px}.intro h1{font-size:clamp(36px,4vw,58px);font-weight:600;letter-spacing:-.04em;line-height:1.12;max-width:950px}.eyebrow{font-size:15px;font-weight:600;letter-spacing:.07em;color:var(--accent,#4945a6)}h2,h3{letter-spacing:-.025em;font-weight:600}p{color:var(--muted);line-height:1.75}
button{border-color:var(--line);border-radius:8px;padding:12px 18px;transition:background .15s,color .15s}button:hover{background:#eeedf7;color:#4945a6;border-color:#4945a6}button.primary,.primary{background:#4945a6;border:1px solid #4945a6;color:#fff;border-radius:8px;padding:14px 24px}button.primary:hover,.primary:hover{background:#35317e;color:#fff}.header-actions button{border-radius:24px;font-size:14px}input,select,textarea{background:#fff;border-color:#a9aebe;border-radius:7px;padding:12px 14px;color:#202334}form label{font-size:16px;font-weight:500}textarea{font-size:17px}input[type=range]{accent-color:#4945a6}input[type=checkbox]{accent-color:#4945a6}
.login-panel{background:#eeedf7;border:1px solid #d5d4e1;border-radius:16px;padding:36px;align-items:center;gap:48px}.login-panel h2{font-size:29px}.login-panel form{background:#f7f6f2;border:1px solid #d5d4e1;border-radius:12px;padding:26px}.login-panel p{font-size:18px}.login-panel .small{font-size:14px}.login-panel .primary{width:100%}
.model-introduction{border:1px solid #d5d4e1;background:#eeedf7;border-radius:16px;padding:28px;margin:30px 0}.model-introduction article{border-color:#c8cad3}.model-introduction h3{color:#202334}.intestinal-design{background:transparent;color:#202334}.model-demo,.module-review,.parameter-evidence,.absorption-guide,.guild-guide,.gut-summary{padding:28px;border:1px solid #d5d7e0;border-radius:16px;background:#f0f1f4;margin:30px 0}.model-demo>h3{margin-top:0}.boundary{background:#eeedf7;border-color:#4945a6;border-radius:0 8px 8px 0}.overview{color:#505467}.tabs button.active{border-color:#4945a6;color:#4945a6}.empty{border:1px solid #d5d4e1;border-radius:12px}.tag,.statusline span{color:#4945a6;border-color:#c8cad3;border-radius:5px}
.module-detail{border-left-color:#c8cad3}.module-detail h4{font-size:16px;color:#202334}.equation{background:#eeedf7;border:1px solid #d5d4e1;border-radius:8px;font-size:17px;padding:15px}.source-code{color:#505467}.module-list{gap:10px}.module-list button{font-size:15px}.module-list .selected{background:#4945a6;border-color:#4945a6;color:#fff}.flow-node rect{fill:#eeedf7;stroke:#a9aebe}.flow-node text{fill:#202334}.flow-node.selected rect{fill:#4945a6;stroke:#4945a6}.flow-node.selected text{fill:#fff}.original-framework{border-left-color:#4945a6}.original-framework h4{color:#202334}
.attention{border-radius:9px}.attention.low{background:#eef0f8;border-color:#48558c;color:#202334}.attention.medium{background:#eeedf7;border-color:#6a5ca3;color:#202334}.attention.high{background:#f6efe1;border-color:#8c641c;color:#202334}.attention p,.attention small{color:#505467}.rat-demo-panel{border-color:#c8cad3;background:#f7f6f2;border-radius:10px}.rat-demo-panel .metric small{color:#202334}.rat-demo-panel .metric strong{color:#505467}.dough-plot-grid article{border-radius:10px;border-color:#c8cad3;background:#f7f6f2}.dough-chain span{background:#eeedf7;color:#202334}.original-framework,.parameter-sandbox{border-color:#4945a6}.table-wrap{border:1px solid #d5d7e0;border-radius:9px}th{background:#eeedf7;color:#202334}td{background:#f7f6f2}.small{color:#505467}summary{color:#4945a6;font-size:17px}footer{color:#505467;font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #4945a6;outline-offset:4px}
@media(max-width:900px){header{height:auto;min-height:96px;padding:18px 5%;gap:16px;flex-wrap:wrap}.login-panel{gap:24px}.model-introduction,.model-demo,.module-review,.parameter-evidence,.absorption-guide,.guild-guide,.gut-summary{padding:22px}.module-detail{padding-left:0;border-left:0}.intro h1{font-size:40px}}
@media(max-width:500px){main{padding-top:30px}.header-actions{gap:12px}.login-panel{padding:22px}.login-panel form{padding:20px}.intro h1{font-size:36px}.model-introduction,.model-demo,.module-review{padding:18px}}
.intro h1.review-title{font-size:clamp(28px,2.6vw,38px);line-height:1.2;letter-spacing:-.025em;margin:22px 0}@media(max-width:500px){.intro h1.review-title{font-size:28px}}

.flow-node rect,.flow-node.selected rect{stroke:#202334;stroke-width:1;vector-effect:non-scaling-stroke}.flow-node text{text-anchor:middle}

.flow-node rect,.flow-node.selected rect{stroke-width:.8}

.review-layout{margin-top:28px;gap:24px}.flow-heading{font-size:32px;font-weight:750;margin:0 0 14px}.compact-attention{padding:12px 16px!important;border:1px solid #c8cad3!important;background:#eeedf7!important;border-radius:8px;margin:0 0 12px!important}.compact-attention>strong{font-size:15px}.compact-attention p{font-size:14px;line-height:1.5;margin:4px 0;max-width:none}.compact-attention small{display:block;font-size:12px;line-height:1.5;color:#505467}#model-flow{width:100%;max-width:660px;min-width:0;min-height:0;margin:8px auto 12px}.module-list{gap:6px;margin-top:8px}.module-list button{padding:8px 12px;font-size:14px}@media(max-width:700px){#model-flow{min-width:0;min-height:0}.flow-heading{font-size:28px}}
.module-detail{padding-top:20px;margin-top:0}.module-detail h3{font-size:25px;margin:12px 0}.module-detail h4{font-size:14px;letter-spacing:.045em;margin:18px 0 7px}.module-detail p,.module-detail li{font-size:15px;line-height:1.6}.module-detail p{margin:8px 0}.module-detail ul{margin:8px 0;padding-left:22px}.module-detail .attention{padding:12px 16px;margin-bottom:12px}.module-detail .attention strong{font-size:15px}.module-detail .attention p{font-size:14px;margin:5px 0}.module-detail .tag{font-size:11px;padding:3px 8px}.module-detail .equation{font-size:14px;padding:9px 12px;margin:5px 0;border-radius:5px}.module-detail .original-framework{padding:0 14px;margin:16px 0;border-left-width:2px}.module-detail .table-wrap{margin:14px 0}.module-detail table{font-size:13px}.module-detail td,.module-detail th{padding:8px 10px}.module-detail .source-code{font-size:13px;line-height:1.5}.module-detail .module-reference p{font-size:14px}.module-review{padding:20px;margin:22px 0}.module-review>h2{font-size:25px;margin:0 0 10px}.module-review>p{font-size:13px;margin:6px 0 16px}.parameter-sandbox{padding:16px!important;margin:16px 0!important}.parameter-sandbox h3{font-size:21px;margin:0 0 10px}.parameter-sandbox p{font-size:14px;line-height:1.6;margin:8px 0}.module-review form label{font-size:14px;margin-bottom:10px}.module-review input,.module-review select,.module-review textarea{padding:8px 10px;font-size:15px;border-radius:5px}.module-review button{font-size:14px;padding:10px 16px}.module-review .form-grid{gap:0 14px}.module-review textarea{min-height:110px}.module-review .feedback-item{padding:12px 0}.module-review .feedback-item p{font-size:15px}.module-detail{max-width:1000px}.module-review{max-width:1000px}.review-layout details{padding:12px 0}.review-layout details summary{font-size:15px}.reference-item{margin:10px 0;font-size:13px}@media(max-width:700px){.module-review{padding:16px}.module-detail h3{font-size:23px}.parameter-sandbox{padding:12px!important}}
body:has(.review-title) main{padding-top:28px}body:has(.review-title) .intro{margin-bottom:18px}body:has(.review-title) .intro h1.review-title{font-size:30px;margin:14px 0 16px}body:has(.review-title) .intro>p{font-size:16px;line-height:1.6;margin:10px 0;max-width:900px}.review-model-head{margin-top:12px;gap:20px}.review-model-head h2{font-size:30px;margin:6px 0}.review-model-head p{font-size:15px;margin:6px 0}.model-actions{gap:10px}.model-actions button,.model-actions label{font-size:14px}.model-actions button{padding:9px 14px}#model-version{font-size:13px}#model-introduction .model-introduction{padding:18px;margin:18px 0;gap:20px}#model-introduction h3{font-size:21px;margin:6px 0 10px}#model-introduction h4{font-size:16px;margin:12px 0 6px}#model-introduction p{font-size:15px;line-height:1.6;margin:8px 0}#model-introduction .intestinal-design{padding:0;margin:12px 0}#model-introduction .intestinal-steps{gap:12px}#model-introduction article{padding:0}#model-introduction .small{font-size:13px}.model-demo{padding:18px;margin:18px 0}.model-demo>h3{font-size:23px;margin:0 0 10px}.model-demo>p{font-size:15px;line-height:1.6;margin:8px 0}.model-demo button{font-size:14px;padding:10px 16px}#demo-status{min-height:0;margin:8px 0}#demo-status:empty{display:none}#model-status{padding:10px 14px;font-size:13px;margin:14px 0}#model-overview{font-size:15px;line-height:1.6;margin:12px 0}.review-layout{margin-top:22px}#review-message:empty{display:none}.dough-controls{gap:12px}.dough-playback h3,#dough-playback h3{font-size:22px}.dough-chain{margin:12px 0}.dough-chain button{font-size:14px}.dough-plot-grid{gap:12px}.dough-plot-grid article{padding:12px}.metrics{gap:12px;margin:16px 0}.metric{padding-bottom:10px}.metric strong{font-size:25px}.model-demo .small{font-size:13px}@media(max-width:700px){body:has(.review-title) main{padding-top:22px}#model-introduction .model-introduction,.model-demo{padding:16px}.review-model-head h2{font-size:27px}}
