body{background:var(--sd-paper-deep)}.mapp{--mapp-width:480px;--mapp-tabs-h:68px;width:min(var(--mapp-width), 100%);background:var(--sd-cream);min-height:100dvh;box-shadow:var(--sd-shadow-2);margin:0 auto;position:relative}.mapp button{-webkit-tap-highlight-color:transparent}.mapp button:focus-visible,.mapp a:focus-visible{outline:3px solid var(--sd-focus);outline-offset:2px}.mapp-bar{z-index:5;background:color-mix(in srgb, var(--sd-cream) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--sd-border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex;position:sticky;top:0}.mapp-bar .app-brand{font-size:17px}.mapp-bar__title{align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.mapp-icon-button{border:1px solid var(--sd-border);width:40px;height:40px;color:var(--sd-ink);background:var(--sd-white);cursor:pointer;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:inline-grid}.mapp-main{padding:20px 16px calc(var(--mapp-tabs-h) + 32px + env(safe-area-inset-bottom))}.mapp-screen{gap:16px;display:grid}.mapp-date{color:var(--sd-text-muted);margin:0;font-size:13px;font-weight:600}.mapp-title{font-family:var(--sd-font-display);letter-spacing:-.01em;margin:-8px 0 0;font-size:30px;font-weight:300;line-height:1.25}.mapp-title em{color:var(--sd-stone);font-style:italic}.mapp-screen>.mapp-title:first-child{margin-top:0}.mapp-lead{color:var(--sd-text-muted);margin:-4px 0 0;font-size:14px;line-height:1.65}.mapp-section{gap:10px;display:grid}.mapp-section h2{margin:0;font-size:16px;font-weight:700}.mapp-muted{color:var(--sd-text-subtle);margin:0;font-size:12px;line-height:1.55}.mapp-tabs{z-index:10;width:min(var(--mapp-width), 100%);height:calc(var(--mapp-tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--sd-border);background:var(--sd-white);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mapp-tabs>button,.mapp-tabs>a{height:100%;color:var(--sd-text-subtle);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:grid;position:relative}.mapp-tabs>.is-active{color:var(--sd-ink)}.mapp-tabs>.is-active svg path{fill:var(--sd-tint-stone)}