:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--surface:#fffcf7;--ink:#1c1917;--muted:#6b6560;--line:#ddd6cb;--accent:#0f5c4c;--accent-ink:#f4fffb;--danger:#9b2c2c;--info:#1e3a5f;--info-bg:#e8eef6;--error-bg:#fde8e8;--radius:8px;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tap:44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100dvh}body{font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse at top left, #e7efe9 0%, transparent 45%), radial-gradient(ellipse at bottom right, #ebe4d6 0%, transparent 40%), var(--bg);margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 .35rem;font-weight:650}h1{font-size:1.6rem}h2{font-size:1.05rem}p{overflow-wrap:anywhere;margin:0 0 .75rem}.muted{color:var(--muted);font-size:.92rem}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:.85rem 1.25rem;padding-top:calc(.85rem + var(--safe-top));padding-left:calc(1.25rem + var(--safe-left));padding-right:calc(1.25rem + var(--safe-right));border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;white-space:nowrap;margin-right:.5rem;font-weight:700}.nav{flex:1;gap:.35rem;min-width:0;display:flex}.nav a{color:var(--muted);min-height:var(--tap);white-space:nowrap;border-radius:999px;align-items:center;padding:.4rem .7rem;font-size:.95rem;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--line) 55%, transparent)}.nav a.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:600}.topbar-logout{min-height:var(--tap);flex-shrink:0}.main{width:min(960px,100%);padding:1.5rem 1.25rem 3rem;padding-left:calc(1.25rem + var(--safe-left));padding-right:calc(1.25rem + var(--safe-right));padding-bottom:calc(3rem + var(--safe-bottom));flex:1;min-width:0;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header>div{flex:1;min-width:0}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);min-height:var(--tap);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:.55rem .85rem;font-size:.92rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:0 0}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}.login-page{min-height:100dvh;padding:1.5rem;padding-top:calc(1.5rem + var(--safe-top));padding-right:calc(1.5rem + var(--safe-right));padding-bottom:calc(1.5rem + var(--safe-bottom));padding-left:calc(1.5rem + var(--safe-left));place-items:center;display:grid}.login-card,.form{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.9rem;width:min(420px,100%);padding:1.5rem;display:flex}.form{width:min(560px,100%)}.login-card .btn-primary{width:100%}label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:550;display:flex}input,textarea,select{font:inherit;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);color:var(--ink);background:#fff;width:100%;max-width:100%;padding:.65rem .75rem;font-size:16px}textarea{resize:vertical;min-height:6.5rem}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.field-block{flex-direction:column;gap:.35rem;display:flex}.field-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.field-heading label{margin:0}.field-hint{color:var(--muted,#667);margin:0;font-size:.82rem;font-weight:450;line-height:1.35}.listening-hint{color:var(--danger,#b42318)}.btn-mic{border-radius:var(--radius);border:1px solid var(--line);min-height:2rem;color:var(--ink);cursor:pointer;background:#fff;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;font-weight:550;display:inline-flex}.btn-mic:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line))}.btn-mic.is-listening{border-color:color-mix(in srgb, var(--danger,#b42318) 45%, var(--line));color:var(--danger,#b42318);background:color-mix(in srgb, var(--danger,#b42318) 8%, #fff);animation:1.4s ease-in-out infinite mic-pulse}.btn-mic:disabled{opacity:.55;cursor:not-allowed}.btn-mic-label{line-height:1}.mic-icon{display:block}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger,#b42318) 28%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--danger,#b42318) 0%, transparent)}}.alert{border-radius:var(--radius);overflow-wrap:anywhere;margin-bottom:1rem;padding:.75rem .9rem;font-size:.92rem}.alert-error{background:var(--error-bg);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent)}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid color-mix(in srgb, var(--info) 20%, transparent)}.list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;gap:1rem;min-width:0;padding:.9rem 1rem;display:flex}.list-item-body{flex:1;min-width:0}.list-item-title{overflow-wrap:anywhere;font-weight:600}.list-item-desc{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0 0;font-size:.9rem}.list-item-actions{flex-shrink:0;align-items:flex-start;gap:.35rem;display:flex}.meta-row{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.badge{font-size:.75rem;font-family:var(--mono);background:color-mix(in srgb, var(--line) 70%, transparent);color:var(--ink);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:.15rem .45rem;display:inline-block}.badge-quad{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.badge-status{background:color-mix(in srgb, var(--info) 12%, transparent);color:var(--info)}.badge-overdue{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.badge-due-soon{color:#854d0e;background:#a1620729}.badge-due,.badge-remind{background:color-mix(in srgb, var(--muted) 14%, transparent);color:var(--muted)}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.hud-due{flex-wrap:wrap;gap:.25rem;margin-top:.2rem;display:inline-flex}.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.filters-actions{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:.5rem;display:flex}.list-meta{margin-bottom:.65rem}.list-item-done{opacity:.72}.list-item-done .list-item-title{text-decoration:line-through;text-decoration-thickness:1px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.inline-field{flex-direction:column;gap:.3rem;max-width:220px;margin-top:.65rem;font-size:.85rem;font-weight:550;display:flex}.inline-select{min-height:2.4rem;padding:.4rem .6rem;font-size:.9rem}.form-wide{width:min(720px,100%)}.status-config{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.status-config-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.status-fields{flex-direction:column;gap:.65rem;display:flex}.checkbox-row{flex-direction:row;align-items:center;gap:.5rem;font-weight:500}.checkbox-row input{width:auto;min-height:auto;margin:0}.recommendation{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem 1.1rem}.hud-tally{margin-bottom:1rem}.hud-tally-total{align-items:baseline;gap:.55rem;margin:0 0 .75rem;display:flex}.hud-tally-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:grid}.hud-tally-list li{align-items:baseline;gap:.5rem;min-width:0;display:flex}.hud-tally-number{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1}.hud-tally-total .hud-tally-number{color:var(--accent);font-size:clamp(2.25rem,5.5vw,3rem)}.hud-tally-label{color:var(--muted);font-size:.95rem;line-height:1.2}.recommendation-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.recommendation-header h2,.recommendation p{margin:0}.recommendation-status{margin-top:.65rem!important}.recommendation-generated{border-top:1px solid var(--line);margin-top:.85rem;padding-top:.85rem}.recommendation-generated h3{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.85rem;font-weight:650}.recommendation-same{font-size:.9rem;margin:0 0 .45rem!important}.recommendation-generated p{white-space:pre-wrap}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.hud-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:.9rem 1rem}.hud-section header{margin-bottom:.65rem}.hud-section .empty{margin:0}.hud-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.hud-list li{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex-direction:column;gap:.1rem;min-width:0;padding-bottom:.45rem;display:flex}.hud-list li a{overflow-wrap:anywhere;align-items:center;min-height:1.75rem;padding:.15rem 0;display:inline-flex}.hud-list li:last-child{border-bottom:none;padding-bottom:0}.hud-unclassified{margin-top:.85rem}@media (width<=720px){h1{font-size:1.35rem}.topbar{padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-top));padding-left:calc(1rem + var(--safe-left));padding-right:calc(1rem + var(--safe-right));grid-template-columns:1fr auto;grid-template-areas:"brand logout""nav nav";align-items:center;gap:.55rem .75rem;display:grid}.brand{grid-area:brand;margin-right:0;font-size:1.05rem}.topbar-logout{grid-area:logout}.nav{flex:none;grid-area:nav;justify-content:stretch;gap:.25rem;width:100%}.nav a{text-align:center;border-radius:var(--radius);flex:1;justify-content:center;padding:.55rem .4rem;font-size:.9rem}.main{padding:1.15rem 1rem 2.5rem;padding-left:calc(1rem + var(--safe-left));padding-right:calc(1rem + var(--safe-right));padding-bottom:calc(2.5rem + var(--safe-bottom))}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header .btn{width:100%}.login-page{padding:1rem;padding-top:calc(1rem + var(--safe-top));padding-right:calc(1rem + var(--safe-right));padding-bottom:calc(1rem + var(--safe-bottom));padding-left:calc(1rem + var(--safe-left));align-items:start}.login-card,.form{border-radius:10px;padding:1.15rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.list-item{flex-direction:column;align-items:stretch;gap:.75rem}.filters{grid-template-columns:1fr}.list-item-actions{width:100%}.list-item-actions .btn{flex:1}.hud-grid,.hud-tally-list{grid-template-columns:1fr}.recommendation{padding:.9rem 1rem}}@media (width<=400px){.brand{font-size:.98rem}.nav a{padding:.5rem .25rem;font-size:.85rem}.main{padding-left:calc(.75rem + var(--safe-left));padding-right:calc(.75rem + var(--safe-right))}.list-item,.hud-section{padding:.8rem .85rem}}.notes-composer{margin-bottom:1.5rem}.notes-feed h2{margin-bottom:.75rem}.notes-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.note-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.note-card-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.note-card-toggle:hover{background:#0f5c4c0a}.note-card-main{flex:1;min-width:0}.note-text{white-space:pre-wrap;margin:0 0 .35rem}.note-meta{margin:0;font-size:.88rem}.note-card-chevron{color:var(--muted);flex-shrink:0;line-height:1.4}.note-card-body{border-top:1px solid var(--line);padding:0 1rem 1rem}.note-actions{flex-direction:column;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.note-action{flex-wrap:wrap;align-items:baseline;gap:.4rem .65rem;font-size:.92rem;display:flex}.note-action-type{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--accent);background:#0f5c4c14;border-radius:4px;padding:.15rem .4rem;font-size:.75rem}.note-action.is-failed .note-action-type{color:var(--danger);background:var(--error-bg)}.note-action-summary{flex:12rem}.note-action-link{font-size:.88rem}
