.tile.health-tile{background:linear-gradient(135deg,#def2e8,#eef9f3);color:#185b49}.tile.health-tile .symbol{background:#fff}.tile.health-tile .arrow{background:#c7e7d7;color:#185b49}
#healthApp{max-width:1120px;margin:auto;font-size:18px;color:#254238}#healthApp button{cursor:pointer;font:inherit}#healthApp .h-hero{padding:26px;border-radius:24px;background:linear-gradient(125deg,#e5f5ed,#faf2db);margin:18px 0 24px;display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:center}#healthApp .h-hero h2{font-size:clamp(26px,3vw,38px);line-height:1.3;margin:8px 0}#healthApp .h-hero p{line-height:1.8}#healthApp .h-hero-art{font-size:94px;text-align:center}#healthApp .h-label{color:#287a61;font-weight:800;letter-spacing:.03em}#healthApp .h-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 26px}#healthApp .h-tools input{flex:1;min-width:210px;padding:14px 16px;border:1px solid #c8dcd2;border-radius:12px;font-size:19px}#healthApp .h-chip,#healthApp .h-action{border:1px solid #b8d7c8;border-radius:999px;padding:11px 16px;background:#fff;color:#24624e}#healthApp .h-chip.on,#healthApp .h-action.primary{background:#17694f;color:white}#healthApp .h-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#healthApp .h-card{border:1px solid #dbe9df;background:#fff;border-radius:20px;padding:22px;text-align:left;display:flex;gap:10px;flex-direction:column;box-shadow:0 6px 20px #2543320a}#healthApp .h-card:hover{border-color:#5baf87}#healthApp .h-card .h-emoji{font-size:42px}#healthApp .h-card strong{font-size:23px;line-height:1.4}#healthApp .h-card span{line-height:1.6}#healthApp .h-muted{color:#62776e;font-size:15px}#healthApp .h-article{border:1px solid #e0ebe5;border-radius:23px;background:#fff;padding:clamp(18px,4vw,38px)}#healthApp .h-article h2{font-size:clamp(28px,4vw,39px);line-height:1.35;margin:10px 0 22px}#healthApp .h-article h3{font-size:25px;margin:30px 0 12px;color:#17664d}#healthApp .h-article p,#healthApp .h-article li{font-size:19px;line-height:1.9;word-break:keep-all}#healthApp .h-article ul{padding-left:26px}#healthApp .h-intro{font-size:22px!important;font-weight:600;color:#38574a;background:#edf8f2;padding:19px;border-radius:16px}#healthApp .h-tip{padding:20px;border-left:5px solid #379f76;border-radius:12px;background:#f0f8f2;line-height:1.8;margin:25px 0}#healthApp .h-warning{border-left-color:#d79b40;background:#fff7e8}#healthApp .h-quiz{background:#f6f5ef;border-radius:17px;padding:20px;margin:26px 0}#healthApp .h-quiz button{padding:12px 17px;border-radius:12px;border:1px solid #a7cbb5;background:white;margin:5px}#healthApp .h-answer{margin-top:12px;font-weight:650;line-height:1.7}#healthApp .h-foot{font-size:15px;color:#556d62;margin:25px 0;border-top:1px solid #e4eee9;padding-top:16px}#healthApp .h-foot a{color:#17664d;text-decoration:underline}#healthApp .h-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}#healthApp .h-empty{padding:38px;text-align:center;background:#f6faf7;border-radius:20px}
@media(max-width:700px){#healthApp .h-grid{grid-template-columns:1fr}#healthApp .h-hero{grid-template-columns:1fr}#healthApp .h-hero-art{font-size:62px}#healthApp .h-card strong{font-size:20px}#healthApp .h-article p,#healthApp .h-article li{font-size:18px}}

#healthApp .h-main-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}#healthApp .h-main-tab{border-radius:15px;border:2px solid #b8d8c6;background:white;padding:17px 25px;font-weight:800;font-size:21px;color:#245d4a}#healthApp .h-main-tab.selected{background:#17694f;color:white;border-color:#17694f}#healthApp .h-exercise-head{border-radius:20px;background:#eaf6ef;padding:20px;margin:20px 0 24px;line-height:1.8}#healthApp .h-exercise-head h2{font-size:29px}#healthApp .h-exercise-detail{max-width:800px;margin:auto;border:1px solid #daeade;background:white;border-radius:22px;padding:clamp(16px,4vw,35px)}#healthApp .h-exercise-detail h2{font-size:32px;margin:16px 0}#healthApp .h-progress{height:12px;background:#e8eee8;border-radius:20px;overflow:hidden;margin:20px 0}#healthApp .h-progress>div{height:100%;background:#277e61;transition:width .2s}#healthApp .h-step{padding:35px 22px;border-radius:20px;background:#f1f9f2;text-align:center;margin:20px 0}#healthApp .h-step-emoji{font-size:70px}#healthApp .h-step h3{font-size:29px;color:#17694f}#healthApp .h-step p{font-size:22px;line-height:1.85;word-break:keep-all}#healthApp .h-action:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){#healthApp .h-main-tab{flex:1;font-size:18px;padding:15px 10px}}

#healthApp .h-video-heading{background:linear-gradient(120deg,#e4f5eb,#fff7df);border-radius:18px;padding:22px;margin:18px 0}#healthApp .h-video-heading h2{font-size:30px;margin:10px 0}#healthApp .h-video-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;align-items:start}#healthApp .h-video-frame{position:relative;aspect-ratio:16/9;background:#10231a;border-radius:16px;overflow:hidden}#healthApp .h-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#healthApp .h-video-info{padding:20px 0}#healthApp .h-video-info h3{font-size:25px;margin:12px 0}#healthApp .h-video-info p{line-height:1.75}#healthApp .h-video-info a{display:inline-block;text-decoration:none;margin-top:12px}#healthApp .h-video-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}#healthApp .h-video-filters .h-chip{padding:9px 12px;font-size:15px}#healthApp .h-video-list{max-height:690px;overflow:auto;display:flex;flex-direction:column;gap:10px}#healthApp .h-video-item{border:1px solid #dae8de;border-radius:14px;padding:9px;display:flex;align-items:center;gap:13px;background:white;text-align:left;width:100%}#healthApp .h-video-item.on{background:#eaf7ee;border-color:#30976f}#healthApp .h-video-thumb{width:115px;min-width:115px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#d9ecdf;display:grid;place-items:center;position:relative;font-size:30px}#healthApp .h-video-thumb img{width:100%;height:100%;object-fit:cover}#healthApp .h-video-thumb b{position:absolute;color:white;background:#c82929db;border-radius:9px;padding:1px 9px;font-size:19px}#healthApp .h-video-item-text{display:flex;flex-direction:column;gap:5px}#healthApp .h-video-item-text strong{font-size:16px;line-height:1.4}#healthApp .h-video-item-text small{font-size:13px;color:#5e776a}@media(max-width:850px){#healthApp .h-video-layout{grid-template-columns:1fr}#healthApp .h-video-list{max-height:none}#healthApp .h-video-item-text strong{font-size:17px}}