:root{--mf-cream:#faf8e6;--mf-ink:#16302b;--mf-photo:#a9c5bb;--mf-photo-dim:#93b1a6;--mf-video:#9db2bd;--mf-video-dim:#88a1ac}body:has(.mf-screen),html:has(.mf-screen){background:var(--mf-cream)!important}.mf-screen{min-height:100vh;background:var(--mf-cream);color:var(--mf-ink);font-family:var(--font-geist-mono,ui-monospace,SFMono-Regular,Menlo,monospace);display:flex;flex-direction:column;align-items:center;overflow-x:clip;padding-bottom:env(safe-area-inset-bottom)}.mf-center{justify-content:center}.mf-wordmark{width:100%;text-align:center;font-weight:800;font-size:1.6rem;letter-spacing:-.02em;padding:1.25rem 0;color:var(--mf-ink);background:var(--mf-cream)}.mf-logo{height:2rem;width:auto;display:inline-block;vertical-align:middle}.mf-screen[data-tab=photo]{background:var(--mf-photo)}.mf-screen[data-tab=video]{background:var(--mf-video)}.mf-tabs{display:flex;width:100%;z-index:2}.mf-tab,.mf-tabs{position:relative}.mf-tab{flex:1;padding:.9rem 0;font-size:1rem;color:#44544e;border:none;cursor:pointer;transition:flex-grow .18s ease,transform .18s ease}.mf-tab--photo{background:linear-gradient(to left,rgba(0,0,0,.22),rgba(0,0,0,.07) 7px,rgba(0,0,0,0) 24px),linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,.07) 7px,rgba(0,0,0,0) 24px),var(--mf-photo-dim);transform-origin:left bottom}.mf-tab--video{background:linear-gradient(to right,rgba(0,0,0,.22),rgba(0,0,0,.07) 7px,rgba(0,0,0,0) 24px),linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,.07) 7px,rgba(0,0,0,0) 24px),var(--mf-video-dim);transform-origin:right bottom}.mf-tab--photo.mf-tab--on{background:var(--mf-photo)}.mf-tab--video.mf-tab--on{background:var(--mf-video)}.mf-tab--on{color:#fff;font-weight:700;flex-grow:1.3;transform:scaleY(1.14);z-index:1}.mf-section{width:100%;max-width:28rem;padding:1.75rem 1.25rem;text-align:center}.mf-emoji{font-size:1.75rem;margin-bottom:.5rem}.mf-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem}.mf-desc{font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.mf-subdesc{font-size:.8rem;line-height:1.5;color:#7c8a83;margin-bottom:1.75rem}.mf-figure{margin:0 0 2.5rem}.mf-figure--sheet{text-align:left;padding-left:2rem}.mf-sheet{width:50%;display:block}.mf-figure--sheet .mf-caption{text-align:left}.mf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mf-figure--cuts{padding-right:2rem}.mf-figure--cuts .mf-grid{width:78%;margin-left:auto;margin-right:0;gap:.85rem .65rem}.mf-cut-wrap{transition:transform .15s ease}.mf-cut{width:100%;display:block;box-shadow:0 3px 8px rgba(0,0,0,.18)}.mf-figure--cuts .mf-caption{width:78%;margin-left:auto;margin-right:0;text-align:center}.mf-caption{margin-top:.6rem;font-size:.85rem;letter-spacing:.03em}.mf-video{width:100%;box-shadow:0 4px 12px rgba(0,0,0,.18)}.mf-video-list{gap:2rem}.mf-video-item,.mf-video-list{display:flex;flex-direction:column}.mf-video-item{align-items:center}.mf-download{margin-top:1.5rem;padding:0 1.5rem;background:var(--mf-ink);color:var(--mf-cream);border:none;font-family:inherit;font-size:1rem;cursor:pointer}.mf-download:disabled{opacity:.6;cursor:default}.mf-footer{margin-top:auto;padding:2rem 0 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.mf-handle{background:var(--mf-ink);color:var(--mf-cream);padding:0 .75rem;border:none;font:inherit;cursor:pointer}.mf-modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(22,48,43,.5)}.mf-modal{position:relative;width:100%;max-width:21rem;background:var(--mf-cream);color:var(--mf-ink);border:2px solid var(--mf-ink);padding:2rem 1.5rem 1.75rem;text-align:center;box-shadow:7px 7px 0 rgba(22,48,43,.22)}.mf-modal-close{position:absolute;top:.4rem;right:.6rem;background:none;border:none;color:var(--mf-ink);font:inherit;font-size:1.4rem;line-height:1;cursor:pointer}.mf-modal-title{margin:0 0 1rem;padding:.4rem 0;font-size:1.4rem;font-weight:800;letter-spacing:.1em;border-top:1px solid var(--mf-ink);border-bottom:1px solid var(--mf-ink)}.mf-modal-body{margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.mf-modal-sub{margin:0 0 1.6rem;font-size:.78rem;line-height:1.45;color:#7c8a83}.mf-modal-cta{background:var(--mf-ink);color:var(--mf-cream);border:none;font:inherit;font-size:.95rem;padding:0 1.25rem;cursor:pointer}