.mh-p2-slot{padding-bottom:8px}
.mh-p2-h{margin:22px 4px 10px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--color-text-muted,#5b7a70)}
.mh-p2-h em{font-style:normal;opacity:.6;margin-left:4px}
.mh-p2-note{font-size:12px;color:var(--color-text-muted,#5b7a70);opacity:.8;margin:6px 4px}
.mh-p2-grid{--mh-work-card-width:clamp(104px,28vw,148px);display:grid;grid-template-columns:repeat(auto-fill,var(--mh-work-card-width));justify-content:center;gap:16px 12px}
.mh-p2-row{--mh-work-card-width:clamp(104px,28vw,148px);display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mh-p2-row::-webkit-scrollbar{display:none}
.mh-p2-row .mh-p2-card{flex:0 0 var(--mh-work-card-width);scroll-snap-align:start}
.mh-p2-card{all:unset;box-sizing:border-box;width:var(--mh-work-card-width,clamp(104px,28vw,148px));display:grid;grid-template-rows:auto minmax(34px,2.6em) 20px;gap:7px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:0;padding:7px 7px 8px;border:1px solid color-mix(in srgb,var(--color-text,#0c2a22) 10%,transparent);border-radius:18px;background:color-mix(in srgb,var(--color-surface,#f6fffb) 86%,transparent);box-shadow:0 7px 22px rgb(0 0 0/.08),inset 0 1px 0 rgb(255 255 255/.5);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease}
.mh-p2-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent,#28a477) 32%,transparent);box-shadow:0 12px 28px rgb(0 0 0/.12),inset 0 1px 0 rgb(255 255 255/.6)}
.mh-p2-card:active{transform:scale(.975) translateY(0);box-shadow:0 5px 14px rgb(0 0 0/.1)}
.mh-p2-card:focus-visible{outline:2px solid var(--color-accent,#28a477);outline-offset:3px;border-radius:18px}
.mh-p2-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:2/3;border-radius:13px;overflow:hidden;color:#fff;box-shadow:0 6px 16px rgb(0 0 0/.16),inset 0 1px 0 rgb(255 255 255/.25)}
.mh-p2-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255/.12),transparent 30%,rgb(0 0 0/.14));pointer-events:none}
.mh-p2-cover b{font-size:34px;font-weight:800;text-shadow:0 2px 8px rgb(0 0 0/.3)}
.mh-p2-cover-lg{width:84px;flex:0 0 84px}
.mh-p2-fav{position:absolute;z-index:1;top:7px;right:8px;font-style:normal;color:#ff6b8a;font-size:15px;line-height:1;filter:drop-shadow(0 1px 2px rgb(0 0 0/.4))}
.mh-p2-title{font-size:13px;font-weight:650;line-height:1.3;color:var(--color-text,#0c2a22);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:start;min-width:0}
.mh-p2-sub{justify-self:start;align-self:start;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:20px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--color-accent,#28a477) 11%,transparent);color:var(--color-text-muted,#5b7a70)}
@media (max-width:700px){.mh-p2-grid{gap:14px 10px}.mh-p2-card{padding:6px 6px 8px}}
@media (prefers-color-scheme:dark){.mh-p2-card{background:color-mix(in srgb,#11241f 88%,transparent);border-color:rgb(255 255 255/.08);box-shadow:0 8px 24px rgb(0 0 0/.22),inset 0 1px 0 rgb(255 255 255/.06)}.mh-p2-card:hover{border-color:color-mix(in srgb,var(--color-accent,#28a477) 38%,transparent);box-shadow:0 14px 30px rgb(0 0 0/.26),inset 0 1px 0 rgb(255 255 255/.08)}}
@media (prefers-reduced-motion:reduce){.mh-p2-card{transition:none}.mh-p2-card:hover,.mh-p2-card:active{transform:none}}
.mh-p2-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.mh-p2-ghost{background:color-mix(in srgb,var(--color-accent,#28a477) 12%,transparent)!important;color:var(--color-text,#0c2a22)!important;box-shadow:none!important}
.mh-p2-danger{background:color-mix(in srgb,#e5484d 14%,transparent)!important;color:#c0282d!important;box-shadow:none!important}
.mh-p2-col,.mh-p2-stat{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:8px}
.mh-p2-stat b{font-variant-numeric:tabular-nums}
 
.mh-p2-sheet{position:fixed;inset:0;z-index:var(--mh-z-p2-sheet,350);display:flex;align-items:flex-end;justify-content:center}
.mh-p2-scrim{position:absolute;inset:0;background:rgb(8 24 20/.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mh-p2-panel{position:relative;width:min(560px,100%);max-height:86dvh;overflow:auto;overscroll-behavior:contain;padding:10px 18px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;
 background:color-mix(in srgb,var(--color-surface,#f6fffb) 88%,transparent);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);box-shadow:0 -12px 40px rgb(0 0 0/.22),inset 0 1px 0 rgb(255 255 255/.5);will-change:transform}
.mh-p2-grab{width:38px;height:5px;border-radius:3px;background:rgb(0 0 0/.18);margin:2px auto 14px}
.mh-p2-head{display:flex;gap:16px;align-items:flex-start}
.mh-p2-head h3{margin:2px 0 4px;font-size:20px;line-height:1.25}.mh-p2-head p{margin:0;font-size:13px;color:var(--color-text-muted,#5b7a70)}
.mh-p2-chips{display:flex;flex-wrap:wrap;gap:8px}
.mh-p2-chip{all:unset;box-sizing:border-box;padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;background:rgb(0 0 0/.06);-webkit-tap-highlight-color:transparent}
.mh-p2-chip.on{background:var(--color-accent,#28a477);color:#fff}
.mh-p2-chlist{display:flex;flex-direction:column;gap:2px}.mh-p2-ch{padding:10px 4px;border-bottom:1px solid rgb(0 0 0/.06);font-size:14px}
@media (prefers-color-scheme:dark){.mh-p2-panel{background:color-mix(in srgb,#10201b 88%,transparent)}.mh-p2-chip{background:rgb(255 255 255/.1)}.mh-p2-grab{background:rgb(255 255 255/.25)}.mh-p2-ch{border-color:rgb(255 255 255/.08)}.mh-p2-ghost{color:#e7fff6!important}}
@media (prefers-reduced-motion:reduce){.mh-p2-panel{will-change:auto}}
 
.mh-screen-scroll{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}

 
.mh-p2-close-x{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgb(255 255 255/.14);color:inherit;box-shadow:inset 0 1px 0 rgb(255 255 255/.25),inset 0 0 0 1px rgb(255 255 255/.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);cursor:pointer;margin-left:auto}
.mh-p2-close-x svg{width:16px;height:16px}
.mh-p2-close-x:active{transform:scale(.88)}

.mh-p2-form{display:flex;flex-direction:column;gap:14px;margin:6px 0}
.mh-p2-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-text-muted,#5b7a70)}
.mh-p2-input{all:unset;box-sizing:border-box;width:100%;padding:10px 12px;border-radius:12px;font-size:15px;color:var(--color-text,#0c2a22);background:rgb(0 0 0/.05)}
textarea.mh-p2-input{resize:vertical;min-height:60px}
@media (prefers-color-scheme:dark){.mh-p2-input{background:rgb(255 255 255/.1)}}