.mb-app{--mb-ink:#0e1a2b;--mb-ink-soft:#2a374b;--mb-muted:#5d6676;--mb-faint:#8b93a1;--mb-line:#e6e2da;--mb-line-strong:#d8d3c8;--mb-panel:#fff;--mb-panel-2:#f4f1ec;--mb-paper:#f8f6f2;--mb-accent:#3a5dae;--mb-accent-hover:#2f4f99;--mb-accent-ink:#2c4a93;--mb-accent-wash:#e9eefa;--mb-ok:#1d7348;--mb-ok-wash:#e4f2ea;--mb-warn:#8a5d00;--mb-warn-wash:#fbf1d9;--mb-bad:#b3261e;--mb-bad-wash:#fbe9e7;--mb-ease:cubic-bezier(.22, 1, .36, 1);--mb-rail:92px;--mb-topbar:68px;background:var(--mb-paper);color:var(--mb-ink);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.mb-app .mb-h1{font-family:var(--font-display), var(--font-inter), system-ui, sans-serif;letter-spacing:-.035em;font-size:clamp(27px,2.6vw,34px);font-weight:600;line-height:1.05}.mb-app .mb-h2{font-family:var(--font-display), var(--font-inter), system-ui, sans-serif;letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.15}.mb-app .mb-h3{font-family:var(--font-display), var(--font-inter), system-ui, sans-serif;letter-spacing:-.015em;font-size:16.5px;font-weight:600;line-height:1.2}.mb-app .mb-num{font-family:var(--font-display), var(--font-inter), system-ui, sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:600}.mb-app .mb-serif{font-family:var(--font-display), var(--font-inter), system-ui, sans-serif;letter-spacing:-.02em;font-style:normal;font-weight:600}.mb-app .mb-wordmark{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;font-weight:900}.mb-app .mb-btn{background:var(--mb-accent);color:#fff;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;height:42px;transition:background-color .2s var(--mb-ease), box-shadow .2s var(--mb-ease), transform .2s var(--mb-ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 8px 20px -12px #3a5daecc}.mb-app .mb-btn:hover{background:var(--mb-accent-hover)}.mb-app .mb-btn:active{transform:translateY(1px)}.mb-app .mb-btn:disabled,.mb-app .mb-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.mb-app .mb-btn:focus-visible,.mb-app .mb-btn-2:focus-visible,.mb-app .mb-btn-ghost:focus-visible,.mb-app .mb-icon-btn:focus-visible,.mb-app .mb-rail-item:focus-visible,.mb-app .mb-tab:focus-visible{outline:2px solid var(--mb-accent);outline-offset:2px}.mb-app .mb-btn-2{background:var(--mb-panel);height:42px;color:var(--mb-ink);border:1px solid var(--mb-line-strong);white-space:nowrap;cursor:pointer;transition:border-color .2s var(--mb-ease), background-color .2s var(--mb-ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;display:inline-flex}.mb-app .mb-btn-2:hover{border-color:var(--mb-ink)}.mb-app .mb-btn-2:disabled{opacity:.55;cursor:not-allowed}.mb-app .mb-btn-ghost{height:36px;color:var(--mb-muted);cursor:pointer;transition:color .2s var(--mb-ease), background-color .2s var(--mb-ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.mb-app .mb-btn-ghost:hover{color:var(--mb-ink);background:var(--mb-panel-2)}.mb-app .mb-btn.mb-sm,.mb-app .mb-btn-2.mb-sm{height:34px;padding:0 14px;font-size:13.5px}.mb-app .mb-btn.mb-lg,.mb-app .mb-btn-2.mb-lg{height:50px;padding:0 24px;font-size:15.5px}.mb-app .mb-icon-btn{width:38px;height:38px;color:var(--mb-ink);background:var(--mb-panel);border:1px solid var(--mb-line);cursor:pointer;transition:border-color .2s var(--mb-ease), background-color .2s var(--mb-ease), color .2s var(--mb-ease);border-radius:999px;place-items:center;display:inline-grid}.mb-app .mb-icon-btn:hover{border-color:var(--mb-ink)}.mb-app .mb-icon-btn[aria-pressed=true]{background:var(--mb-accent);border-color:var(--mb-accent);color:#fff}.mb-app .mb-link{color:var(--mb-accent-ink);text-underline-offset:4px;transition:text-decoration-color .2s var(--mb-ease);font-weight:600;-webkit-text-decoration:underline #3a5dae59;text-decoration:underline #3a5dae59}.mb-app .mb-link:hover{text-decoration-color:currentColor}.mb-app .mb-card{background:var(--mb-panel);border:1px solid var(--mb-line);border-radius:18px}.mb-app .mb-card-quiet{background:var(--mb-panel-2);border-radius:18px}.mb-app .mb-divider{background:var(--mb-line);height:1px}.mb-app .mb-input,.mb-app .mb-textarea{background:var(--mb-panel);border:1px solid var(--mb-line-strong);width:100%;color:var(--mb-ink);transition:border-color .2s var(--mb-ease), box-shadow .2s var(--mb-ease);border-radius:12px;font-size:15px}.mb-app .mb-input{height:44px;padding:0 14px}.mb-app .mb-textarea{resize:none;padding:12px 14px;line-height:1.5}.mb-app .mb-input::placeholder,.mb-app .mb-textarea::placeholder{color:var(--mb-faint)}.mb-app .mb-input:focus,.mb-app .mb-textarea:focus{border-color:var(--mb-accent);box-shadow:0 0 0 4px var(--mb-accent-wash);outline:none}.mb-app .mb-status{color:var(--mb-ink-soft);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.mb-app .mb-status:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.mb-app .mb-status[data-tone=ok]{color:var(--mb-ok)}.mb-app .mb-status[data-tone=warn]{color:var(--mb-warn)}.mb-app .mb-status[data-tone=bad]{color:var(--mb-bad)}.mb-app .mb-status[data-tone=busy]{color:var(--mb-accent)}.mb-app .mb-status[data-tone=busy]:before{animation:mb-pulse 1.4s var(--mb-ease) infinite}@keyframes mb-pulse{50%{opacity:.25}}.mb-app .mb-rail{width:var(--mb-rail);background:var(--mb-panel);border-right:1px solid var(--mb-line);z-index:30;flex-direction:column;align-items:center;gap:4px;padding:18px 0 16px;display:none;position:fixed;inset:0 auto 0 0}@media (min-width:1024px){.mb-app .mb-rail{display:flex}}.mb-app .mb-rail-item{width:72px;height:62px;color:var(--mb-muted);letter-spacing:-.005em;transition:color .2s var(--mb-ease), background-color .2s var(--mb-ease);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex;position:relative}.mb-app .mb-rail-item:hover{color:var(--mb-ink);background:var(--mb-panel-2)}.mb-app .mb-rail-item[aria-current=page]{color:var(--mb-accent-ink);background:var(--mb-accent-wash)}.mb-app .mb-rail-item[aria-disabled=true]{color:var(--mb-faint);cursor:not-allowed}.mb-app .mb-rail-item[aria-disabled=true]:hover{color:var(--mb-faint);background:0 0}.mb-app .mb-rail-badge{background:var(--mb-accent);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:17px;height:17px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:17px;position:absolute;top:7px;right:14px}.mb-app .mb-topbar{z-index:20;height:var(--mb-topbar);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--mb-line);background:#f8f6f2db;align-items:center;gap:12px;padding:0 28px;display:flex;position:sticky;top:0}@media (max-width:639px){.mb-app .mb-topbar{gap:10px;padding:0 14px}}.mb-app .mb-content{padding:24px 16px calc(100px + env(safe-area-inset-bottom))}.mb-app .mb-top-create{display:none}@media (min-width:640px){.mb-app .mb-content{padding:30px 24px 112px}}@media (min-width:1024px){.mb-app .mb-main{padding-left:var(--mb-rail)}.mb-app .mb-content{padding:36px 40px 72px}.mb-app .mb-top-create{display:block}}.mb-app .mb-tabs{background:var(--mb-panel-2);scrollbar-width:none;border-radius:999px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.mb-app .mb-tabs::-webkit-scrollbar{display:none}.mb-app .mb-tab{height:34px;color:var(--mb-muted);white-space:nowrap;cursor:pointer;transition:color .2s var(--mb-ease), background-color .2s var(--mb-ease), box-shadow .2s var(--mb-ease);border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600}.mb-app .mb-tab:hover{color:var(--mb-ink)}.mb-app .mb-tab[aria-selected=true],.mb-app .mb-tab[aria-current=true]{background:var(--mb-panel);color:var(--mb-ink);box-shadow:0 1px 2px #0e1a2b14}.mb-app .mb-tab .mb-count{color:var(--mb-faint);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:500}.mb-app .mb-side-item{width:100%;height:40px;color:var(--mb-ink-soft);cursor:pointer;transition:background-color .2s var(--mb-ease);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.mb-app .mb-side-item:hover{background:var(--mb-panel-2)}.mb-app .mb-side-item[aria-current=true]{background:var(--mb-panel);color:var(--mb-ink);box-shadow:0 0 0 1px var(--mb-line), 0 1px 2px #0e1a2b0d;font-weight:600}.mb-app .mb-side-item .mb-count{color:var(--mb-faint);font-variant-numeric:tabular-nums;font-size:12.5px}.mb-app .mb-tile{background:var(--mb-panel);border:1px solid var(--mb-line);transition:border-color .2s var(--mb-ease), box-shadow .25s var(--mb-ease);border-radius:16px;position:relative;overflow:hidden}.mb-app .mb-tile:hover{border-color:var(--mb-line-strong);box-shadow:0 18px 40px -28px #0e1a2b73}.mb-app .mb-tile-img{transition:transform .5s var(--mb-ease)}.mb-app .mb-tile:hover .mb-tile-img{transform:scale(1.025)}.mb-app .mb-tile-actions{transition:opacity .25s var(--mb-ease), transform .25s var(--mb-ease);gap:8px;display:flex;position:absolute;inset:auto 10px 10px}@media (hover:hover) and (pointer:fine){.mb-app .mb-tile .mb-tile-actions{opacity:0;transform:translateY(6px)}.mb-app .mb-tile:hover .mb-tile-actions,.mb-app .mb-tile:focus-within .mb-tile-actions{opacity:1;transform:none}}.mb-app .mb-meter{background:var(--mb-panel-2);border-radius:999px;height:6px;overflow:hidden}.mb-app .mb-meter>span{border-radius:inherit;background:var(--mb-accent);height:100%;transition:width .6s var(--mb-ease);display:block}@keyframes mb-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mb-app .mb-in{animation:mb-in .5s var(--mb-ease) both;animation-delay:var(--d,0s)}@keyframes mb-spin{to{transform:rotate(360deg)}}.mb-app .mb-spin{animation:.9s linear infinite mb-spin}@keyframes mb-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes mb-fade-in{0%{opacity:0}to{opacity:1}}.mb-app .mb-sheet{animation:mb-sheet-in .32s var(--mb-ease) both}.mb-app .mb-scrim{animation:.2s both mb-fade-in}@keyframes mb-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.mb-app .mb-pop{animation:mb-pop .22s var(--mb-ease) both}.mb-app .mb-bottombar{z-index:30;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:saturate(160%)blur(14px);border-top:1px solid var(--mb-line);background:#fffffff0;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;inset:auto 0 0}@media (min-width:1024px){.mb-app .mb-bottombar{display:none}}.mb-app .mb-bottom-item{height:58px;color:var(--mb-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.mb-app .mb-bottom-item[aria-current=page]{color:var(--mb-accent-ink)}@media (prefers-reduced-motion:reduce){.mb-app .mb-in,.mb-app .mb-sheet,.mb-app .mb-scrim,.mb-app .mb-pop{animation:none}.mb-app .mb-tile-img,.mb-app .mb-tile .mb-tile-actions{transition:none}}