:root{--wine:#560a0a;--wine-lift:#6e1214;--cream:#dedccb;--carbon:#24282c;--font-display:"Clash Display", "Hanken Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Cutive Mono", ui-monospace, "SFMono-Regular", monospace;--wrap:1300px;--gutter:clamp(1.25rem, 5vw, 5rem);--radius:3px}:root[data-theme=dark]{color-scheme:dark;--bg:#24282c;--bg-deep:#1e2225;--surface:#2c3136;--surface-lift:#333940;--ink:#f2f5f8;--ink-dim:#e0e8f0d1;--ink-faint:#e0e8f099;--line:#d9e2ec2e;--line-strong:#d9e2ec4d;--accent:var(--cream);--accent-ink:#24282c;--accent-hover:var(--wine);--accent-hover-ink:var(--cream);--highlight:var(--cream);--danger-ink:#f6b5b5;--danger-bg:#560a0a6b;--danger-line:var(--wine-lift);--burst-ray:217, 226, 236;--burst-accent:222, 220, 203;--burst-core:120, 26, 26;--st-todo:#e0e8f057;--st-progress:var(--cream);--st-paused:#d99f5c;--st-review:#8fa8d8;--st-done:#7fb08a}:root[data-theme=light]{color-scheme:light;--bg:#f4f2ea;--bg-deep:#e9e6da;--surface:#fffdf7;--surface-lift:#fff;--ink:#1e2225;--ink-dim:#1e2225d6;--ink-faint:#1e2225a3;--line:#1e22252e;--line-strong:#1e222552;--accent:var(--wine);--accent-ink:#f7f5ee;--accent-hover:#1e2225;--accent-hover-ink:var(--cream);--highlight:var(--wine);--danger-ink:#6e1214;--danger-bg:#560a0a14;--danger-line:#560a0a52;--burst-ray:60, 66, 72;--burst-accent:86, 10, 10;--burst-core:86, 10, 10;--st-todo:#1e222547;--st-progress:var(--wine);--st-paused:#a2681a;--st-review:#425c8a;--st-done:#3b7350}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:1.62;transition:background-color .4s,color .4s;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1}a{color:inherit}em{color:var(--highlight);font-style:normal}::selection{background:var(--wine);color:var(--cream)}:focus-visible{outline:2px solid var(--highlight);outline-offset:3px;border-radius:2px}.mf-wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.mf-frame{border:1px solid var(--line);pointer-events:none;clip-path:polygon(0 64px,64px 64px,64px 0,100% 0,100% 100%,0 100%);position:absolute;inset:clamp(.9rem,2vw,1.6rem)}.mf-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:.7em;margin:0 0 1.4rem;font-size:.72rem;display:inline-flex}.mf-eyebrow-dot{background:var(--highlight);border-radius:50%;flex:none;width:6px;height:6px}.mf-btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:.7rem;padding:.9rem 1.5rem;font-size:.8rem;text-decoration:none;transition:background .45s,border-color .45s,color .45s,opacity .2s;display:inline-flex}.mf-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-hover-ink)}.mf-btn:disabled{opacity:.55;cursor:not-allowed}.mf-btn-ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.mf-btn-ghost:hover:not(:disabled){border-color:var(--highlight);color:var(--highlight);background:0 0}.mf-topbar{z-index:2;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.mf-brand{text-decoration:none;display:inline-flex}.mf-brand-mark{width:46px;height:auto;color:var(--ink);transition:color .3s}.mf-brand:hover .mf-brand-mark{color:var(--highlight)}.mf-topbar-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:.8rem}.mf-side-label{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);z-index:2;pointer-events:none;margin:0;font-size:.68rem;position:absolute;top:50%;right:clamp(1.4rem,2.6vw,2.4rem);transform:translateY(-50%)}.mf-theme-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.mf-theme-option{width:32px;height:32px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background .25s,color .25s;display:inline-grid}.mf-theme-option:hover{color:var(--ink)}.mf-theme-option[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.mf-theme-option svg{width:17px;height:17px;display:block}.mf-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mf-input{background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:var(--radius);align-items:center;gap:.7rem;min-height:3.4rem;padding:0 1rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.mf-input:hover{border-color:var(--ink-faint)}.mf-input:focus-within{border-color:var(--highlight);box-shadow:inset 0 0 0 1px var(--highlight)}.mf-input-icon{width:20px;height:20px;color:var(--ink-faint);flex:none;transition:color .2s}.mf-input:focus-within .mf-input-icon{color:var(--highlight)}.mf-input>input,.mf-input>textarea,.mf-input>select{width:100%;min-width:0;color:var(--ink);font-family:var(--font-body);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:.9rem 0;font-size:1rem;line-height:1.4}.mf-input>input:focus,.mf-input>textarea:focus,.mf-input>select:focus{outline:none}.mf-input>input::placeholder,.mf-input>textarea::placeholder{color:#0000}.mf-input:has(>textarea){align-items:flex-start}.mf-input>textarea{resize:vertical;min-height:4.6rem;padding:1rem 0 .8rem}.mf-input:has(>textarea)>.mf-input-icon{margin-top:1.05rem}.mf-input>select{appearance:none;cursor:pointer;padding-right:1.5rem}.mf-input>select option{background:var(--surface);color:var(--ink)}.mf-input:has(>select):after{content:"";border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);pointer-events:none;width:.45rem;height:.45rem;position:absolute;top:50%;right:1rem;transform:translateY(-65%)rotate(45deg)}.mf-input-label{transform-origin:0;color:var(--ink-faint);font-family:var(--font-body);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.6rem);font-size:1rem;line-height:1.4;transition:top .18s cubic-bezier(.2,.7,.25,1),transform .18s cubic-bezier(.2,.7,.25,1),color .18s;position:absolute;top:50%;left:2.9rem;overflow:hidden;transform:translateY(-50%)}.mf-input:has(>textarea)>.mf-input-label{top:1.79rem}.mf-input>input:not(:placeholder-shown)~.mf-input-label,.mf-input>textarea:not(:placeholder-shown)~.mf-input-label,.mf-input>select~.mf-input-label,.mf-input:focus-within>.mf-input-label{color:var(--ink-dim);background:var(--bg-deep);padding-inline:.3rem;top:0;left:2.6rem;transform:translateY(-50%)scale(.75)}.mf-input:focus-within>.mf-input-label{color:var(--highlight)}.mf-input-hint{color:var(--ink-faint);margin:.35rem 0 0;padding-inline:1rem;font-size:.78rem;line-height:1.4}.mf-input:has(>:disabled){opacity:.55}.mf-input:has(>:disabled)>input,.mf-input:has(>:disabled)>select{cursor:not-allowed}.mf-input:has(>:user-invalid){border-color:var(--danger-line)}:is(.mf-input:has(>:user-invalid)>.mf-input-icon,.mf-input:has(>:user-invalid)>.mf-input-label){color:var(--danger-ink)}@media (prefers-reduced-motion:reduce){.mf-input,.mf-input-icon,.mf-input-label{transition:none}}.mf-field:not([data-material]) input:not([type=checkbox]):not([type=radio]),.mf-field:not([data-material]) textarea,.mf-field:not([data-material]) select{background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--ink);font-family:var(--font-body);padding:.8rem 1rem;font-size:1rem;transition:border-color .25s}.mf-field:not([data-material]) input:not([type=checkbox]):not([type=radio]):focus,.mf-field:not([data-material]) textarea:focus,.mf-field:not([data-material]) select:focus{border-color:var(--highlight);outline:none}.mf-field:not([data-material]) input::placeholder{color:var(--ink-faint)}.mf-app{flex-direction:column;min-height:100svh;padding-block:.7rem 0;display:flex;position:relative}.mf-app-bar{border-bottom:1px solid var(--line);padding-bottom:.7rem}.mf-app-bar .mf-brand-mark{width:36px}.mf-app .mf-frame{display:none}.mf-app-tools{align-items:center;gap:clamp(.75rem,2vw,1.2rem);margin-left:auto;display:flex}.mf-app-main{z-index:1;flex:1;padding-block:clamp(2.5rem,6vh,4.5rem);position:relative}.mf-user-avatar{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex:none;place-items:center;font-size:.74rem;display:grid}.mf-account{flex:none;position:relative}.mf-account-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:3px;transition:border-color .25s;display:grid}.mf-account-btn:hover,.mf-account-btn[aria-expanded=true]{border-color:var(--highlight)}.mf-account-menu{z-index:40;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-lift);min-width:15rem;max-width:min(20rem,100vw - 2rem);padding:.35rem;animation:.16s mf-account-in;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 32px #00000047}@keyframes mf-account-in{0%{opacity:0;transform:translateY(-4px)}}.mf-account-id{align-items:center;gap:.7rem;padding:.7rem .75rem .75rem;display:flex}.mf-account-lines{min-width:0}.mf-account-name,.mf-account-mail{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.mf-account-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.1rem;font-weight:600;line-height:1.25}.mf-account-mail{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);font-size:.76rem}.mf-account-position{border-block:1px solid var(--line);color:var(--ink-dim);margin:0;padding:.65rem .75rem;font-size:1rem}.mf-account-position span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.15rem;font-size:.68rem;display:block}.mf-account-item{border-radius:var(--radius);width:100%;color:var(--ink-dim);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;margin-top:.35rem;padding:.6rem .75rem;font-size:1rem;transition:background .2s,color .2s;display:flex}.mf-account-item:hover{background:var(--danger-bg);color:var(--danger-ink)}.mf-account-item svg{flex:none;width:16px;height:16px}.mf-boot{text-align:center;min-height:100svh;padding:var(--gutter);align-content:center;place-items:center;gap:1.2rem;display:grid}.mf-boot-mark{width:52px;height:auto;color:var(--ink-faint);animation:1.8s ease-in-out infinite mf-boot-pulse}.mf-boot-text{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:.7rem}@keyframes mf-boot-pulse{0%,to{opacity:.35}50%{opacity:1}}