#mountain-diary-preview{--md-bg:light-dark(#f3f5f1,#161b18);--md-surface:light-dark(#ffffff,#202722);--md-text:light-dark(#182b22,#edf4ed);--md-sub:light-dark(#59695f,#b8c6bc);--md-line:light-dark(#d8e0d9,#455348);--md-green:light-dark(#256047,#a6d9b6);--md-tint:light-dark(#e6f0e7,#2c4031);--md-on-green:light-dark(#ffffff,#14291b);--md-warn:light-dark(#804d13,#f1cb8a);padding:20px 0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--md-text);font-size:16px;line-height:1.45;color-scheme:light dark}
#mountain-diary-preview *{box-sizing:border-box}
#mountain-diary-preview .md-phone{width:min(100%,430px);margin:0 auto;background:var(--md-bg);border:1px solid var(--md-line);border-radius:26px;overflow:clip}
#mountain-diary-preview h2,#mountain-diary-preview h3,#mountain-diary-preview p{margin:0}
#mountain-diary-preview h2{font-size:28px;font-weight:600;letter-spacing:-.7px}
#mountain-diary-preview h3{font-size:17px;font-weight:600}
#mountain-diary-preview .md-header{padding:20px 20px 12px}
#mountain-diary-preview .md-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--md-sub);margin-bottom:18px}
#mountain-diary-preview .md-brand svg{width:20px;height:20px}
#mountain-diary-preview .md-demo{margin-left:auto;border:1px solid var(--md-line);padding:2px 7px;border-radius:6px;font-weight:400}
#mountain-diary-preview .md-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
#mountain-diary-preview .md-muted{color:var(--md-sub);font-size:14px}
#mountain-diary-preview .md-caption{color:var(--md-sub);font-size:12px;line-height:1.5}
#mountain-diary-preview select,#mountain-diary-preview input{font:inherit;min-width:0;width:100%;color:var(--md-text);background:var(--md-surface);border:1px solid var(--md-line);border-radius:10px;padding:10px;min-height:44px}
#mountain-diary-preview select,#mountain-diary-preview input:not([type=file]){font-size:16px}
#mountain-diary-preview input[type=file]{font-size:13px;padding:10px 6px;max-width:100%}
#mountain-diary-preview button{font:inherit;min-height:44px;border-radius:10px;padding:9px 12px;touch-action:manipulation;transition:background .15s ease,color .15s ease;overflow-wrap:anywhere}
#mountain-diary-preview button:active{opacity:.8}
#mountain-diary-preview .md-profile{width:106px}
#mountain-diary-preview .md-profile select{background:var(--md-surface);border-radius:24px}
#mountain-diary-preview .md-content{padding:8px 16px 0}
#mountain-diary-preview .md-intake{background:var(--md-surface);padding:16px;border-radius:16px}
#mountain-diary-preview .md-calories{display:flex;align-items:baseline;gap:7px}
#mountain-diary-preview .md-calories strong{font-size:38px;line-height:1.2;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}
#mountain-diary-preview .md-calories span{color:var(--md-sub);font-size:14px}
#mountain-diary-preview .md-macros{margin-top:8px;color:var(--md-sub);font-size:14px}
#mountain-diary-preview .md-plan{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--md-line);padding-top:12px;margin-top:12px;font-size:13px;color:var(--md-sub)}
#mountain-diary-preview .md-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}
#mountain-diary-preview .md-meal-list{display:grid;gap:9px}
#mountain-diary-preview .md-meal{background:var(--md-surface);border-radius:14px;padding:12px}
#mountain-diary-preview .md-meal-top{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px}
#mountain-diary-preview .md-check{height:44px;width:44px;border:1px solid var(--md-line);background:var(--md-bg);color:var(--md-sub);padding:0;font-size:22px}
#mountain-diary-preview .md-check[aria-pressed=true]{background:var(--md-green);color:var(--md-on-green);border-color:var(--md-green)}
#mountain-diary-preview .md-food-name{font-weight:500;overflow-wrap:anywhere}
#mountain-diary-preview .md-food-kcal{align-self:center;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums;text-align:right}
#mountain-diary-preview .md-food-kcal small{font-size:12px;color:var(--md-sub)}
#mountain-diary-preview .md-food-macros{color:var(--md-sub);font-size:12px;margin:8px 0 0 54px}
#mountain-diary-preview summary{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--md-green);font-size:14px;list-style:none;touch-action:manipulation}
#mountain-diary-preview summary::-webkit-details-marker{display:none}
#mountain-diary-preview .md-meal details>summary{margin-left:54px}
#mountain-diary-preview details[open]>summary{margin-bottom:8px}
#mountain-diary-preview .md-editor{border-top:1px solid var(--md-line);padding-top:12px;display:grid;gap:12px}
#mountain-diary-preview .md-rating{display:flex;gap:8px;margin-top:6px}
#mountain-diary-preview .md-rate{flex:1;min-width:0;background:var(--md-bg);border:1px solid var(--md-line);color:var(--md-text);padding:9px 5px}
#mountain-diary-preview .md-rate[aria-pressed=true]{background:var(--md-green);color:var(--md-on-green);border-color:var(--md-green)}
#mountain-diary-preview .md-rating-label{font-size:13px;color:var(--md-sub)}
#mountain-diary-preview .md-form{display:grid;gap:12px}
#mountain-diary-preview label{display:grid;gap:5px;font-size:13px;color:var(--md-sub)}
#mountain-diary-preview .md-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#mountain-diary-preview .md-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#mountain-diary-preview .md-primary{width:100%;background:var(--md-green);color:var(--md-on-green);border:1px solid var(--md-green);font-weight:500}
#mountain-diary-preview .md-secondary{background:var(--md-surface);color:var(--md-text);border:1px solid var(--md-line)}
#mountain-diary-preview .md-extra-editor{margin-top:12px;border:1px dashed var(--md-line);border-radius:14px;padding:0 12px}
#mountain-diary-preview .md-extra-editor[open]{padding-bottom:12px}
#mountain-diary-preview .md-balance{margin:18px 0 14px;display:grid;gap:3px}
#mountain-diary-preview .md-balance strong{font-weight:500;font-size:18px}
#mountain-diary-preview .md-feedback{min-height:20px;color:var(--md-green);font-size:13px;margin:10px 0}
#mountain-diary-preview .md-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--md-line);padding:8px 4px 12px;background:var(--md-surface)}
#mountain-diary-preview .md-nav button{display:grid;gap:4px;justify-items:center;align-content:center;border:0;background:transparent;color:var(--md-sub);font-size:11px;min-height:56px;padding:5px 2px}
#mountain-diary-preview .md-nav [aria-current=page]{background:var(--md-tint);color:var(--md-green);font-weight:500}
#mountain-diary-preview .md-nav svg{width:21px;height:21px}
#mountain-diary-preview .md-extra-editor summary svg{width:18px;height:18px}
#mountain-diary-preview .md-photo{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:var(--md-surface)}
#mountain-diary-preview .md-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:0}
#mountain-diary-preview .md-facts dt,#mountain-diary-preview .md-facts dd{margin:0;padding:12px 0;border-bottom:1px solid var(--md-line)}
#mountain-diary-preview .md-facts dt{color:var(--md-sub)}
#mountain-diary-preview .md-facts dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mountain-diary-preview .md-history-log{padding-left:22px;font-size:13px;color:var(--md-sub);display:grid;gap:10px}
#mountain-diary-preview .md-exercises{padding-left:20px;color:var(--md-sub);font-size:14px}
#mountain-diary-preview .md-advice-block{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--md-line)}
#mountain-diary-preview .md-advice-block>svg{flex:none;width:22px;height:22px;color:var(--md-green);margin-top:2px}
#mountain-diary-preview .md-advice-block p{font-size:14px;color:var(--md-sub);margin-top:8px}
#mountain-diary-preview .md-panel[hidden],#mountain-diary-preview [hidden]{display:none!important}
#mountain-diary-preview .md-sr{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}
#mountain-diary-preview[data-compact=true] .md-meal{padding:8px 12px;border-radius:8px}
#mountain-diary-preview[data-macros=false] .md-food-macros{display:none}
#mountain-diary-preview .md-subnav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background:var(--md-surface);border-radius:12px;padding:4px;margin:0 0 16px}
#mountain-diary-preview .md-subnav button{border:0;background:transparent;color:var(--md-sub);font-size:13px;padding:7px 3px}
#mountain-diary-preview .md-subnav [aria-pressed=true]{background:var(--md-green);color:var(--md-on-green)}
#mountain-diary-preview .md-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
#mountain-diary-preview .md-week button{display:grid;justify-items:center;gap:3px;min-height:68px;padding:6px 1px;background:var(--md-surface);color:var(--md-text);border:1px solid transparent;border-radius:10px;font-size:15px}
#mountain-diary-preview .md-week button span{font-size:11px;color:var(--md-sub)}
#mountain-diary-preview .md-week [aria-pressed=true]{background:var(--md-green);color:var(--md-on-green)}
#mountain-diary-preview .md-week [aria-pressed=true] span{color:var(--md-on-green)}
#mountain-diary-preview .md-week i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}
#mountain-diary-preview .md-workout-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}
#mountain-diary-preview .md-status{font-size:12px;white-space:nowrap;color:var(--md-green);background:var(--md-tint);border-radius:6px;padding:4px 7px}
#mountain-diary-preview .md-exercise-card{background:var(--md-surface);border-radius:14px;padding:14px;display:grid;gap:10px}
#mountain-diary-preview .md-exercise-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#mountain-diary-preview .md-exercise-title strong{font-size:16px;font-weight:500}
#mountain-diary-preview .md-exercise-line{font-size:14px;color:var(--md-text);overflow-wrap:anywhere}
#mountain-diary-preview .md-exercise-line span{color:var(--md-sub);display:block;font-size:12px;margin-bottom:2px}
#mountain-diary-preview .md-exercise-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mountain-diary-preview .md-exercise-actions button{font-size:13px;padding:9px 5px}
#mountain-diary-preview .md-exercise-actions .md-primary{width:auto}
#mountain-diary-preview .md-exercise-card details{border-top:1px solid var(--md-line);padding-top:1px}
#mountain-diary-preview .md-text-button{background:transparent;border:0;color:var(--md-green);font-size:13px;padding:6px 8px}
#mountain-diary-preview .md-add-actions{margin-top:12px}
#mountain-diary-preview .md-template-editor{margin-top:8px}
#mountain-diary-preview .md-exercise-editor{padding:0 0 16px;border-top:1px solid var(--md-line);margin-top:14px}
#mountain-diary-preview .md-workout-note{margin:14px 0}
#mountain-diary-preview .md-auto-estimate{background:var(--md-surface);border-radius:14px;padding:14px;display:grid;gap:7px}
#mountain-diary-preview .md-auto-estimate strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
#mountain-diary-preview .md-energy-preview{display:grid;gap:3px;border-top:1px solid var(--md-line);padding-top:12px}
#mountain-diary-preview .md-energy-preview strong{font-weight:500;font-size:20px}
#mountain-diary-preview .md-training-link{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;background:var(--md-tint);color:var(--md-green);border:0;text-align:left;padding:12px 14px}
#mountain-diary-preview .md-training-link>span:first-child{display:grid;gap:3px}
#mountain-diary-preview .md-training-link strong{font-size:14px;font-weight:500}
#mountain-diary-preview .md-check-label{display:flex;align-items:center;gap:8px;min-height:44px}
#mountain-diary-preview .md-check-label input{width:20px;height:20px;min-height:20px;margin:0}
#mountain-diary-preview .md-set-row{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) 44px;gap:6px;align-items:end}
#mountain-diary-preview .md-set-row>span{align-self:center;color:var(--md-sub);font-size:13px}
#mountain-diary-preview .md-set-row button{padding:8px 3px}
#mountain-diary-preview .md-empty{padding:22px 12px;text-align:center;font-size:14px;color:var(--md-sub);background:var(--md-surface);border-radius:14px}
#mountain-diary-preview .md-move-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
#mountain-diary-preview .md-monitor-card{background:var(--md-surface);border-radius:14px;padding:14px;margin-top:18px;display:grid;gap:10px}
#mountain-diary-preview .md-monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#mountain-diary-preview .md-monitor-heading h3{font-size:16px}
#mountain-diary-preview .md-monitor-value{font-size:16px;font-weight:500}
#mountain-diary-preview .md-monitor-card .md-form{padding-top:8px}
#mountain-diary-preview .md-monitor-card details>summary{font-size:13px}
#mountain-diary-preview .md-estimate-result{display:grid;gap:6px;padding:12px;background:var(--md-tint);border-radius:10px;color:var(--md-text);font-size:14px}
#mountain-diary-preview .md-estimate-result button{background:var(--md-surface);color:var(--md-green);border:1px solid var(--md-line)}
#mountain-diary-preview .md-estimate-result p,#mountain-diary-preview .md-cardio-analysis p{font-size:13px;color:var(--md-sub)}
#mountain-diary-preview .md-cardio-analysis{display:grid;gap:8px;border-top:1px solid var(--md-line);padding-top:12px;font-size:14px}
#mountain-diary-preview .md-compare{width:100%;border-collapse:collapse;font-size:12px}
#mountain-diary-preview .md-compare th,#mountain-diary-preview .md-compare td{text-align:right;padding:7px 3px;border-bottom:1px solid var(--md-line);font-weight:400}
#mountain-diary-preview .md-compare th:first-child,#mountain-diary-preview .md-compare td:first-child{text-align:left}
#mountain-diary-preview .md-history-monitoring{margin-top:14px;font-size:14px;display:grid;gap:8px}
#mountain-diary-preview .md-date-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
#mountain-diary-preview .md-date-field input{width:160px;font-size:14px;min-height:40px;padding:6px 8px}
@media(max-width:360px){#mountain-diary-preview{padding:8px 0}#mountain-diary-preview .md-header{padding:18px 14px 10px}#mountain-diary-preview .md-content{padding:6px 10px 0}#mountain-diary-preview .md-meal-top{gap:7px}#mountain-diary-preview .md-food-name{font-size:15px}#mountain-diary-preview .md-food-macros{margin-left:51px}}
@media(prefers-reduced-motion:reduce){#mountain-diary-preview button{transition:none}}