:root{--ink:#14201c;--ink-soft:#24352f;--panel:#f3f6f2;--panel-elevated:#fff;--line:#d5ddd6;--muted:#5f7268;--text:#18241f;--accent:#c45c26;--accent-soft:#f3e2d6;--green:#1f7a4d;--green-bg:#e5f3ea;--yellow:#9a7b12;--yellow-bg:#f7f0d4;--red:#b42318;--red-bg:#fde8e6;--teal:#0f6a62;--shadow:0 10px 30px #14201c14;--radius:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-h:64px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 500px at 10% -10%,#e7efe8 0%,#0000 55%),radial-gradient(900px 400px at 100% 0,#f6e9df 0%,#0000 50%),linear-gradient(#eef3ef 0%,#f7f8f5 40%,#f3f6f2 100%);font-family:Sora,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app-shell{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.mobile-topbar,.bottom-nav,.nav-backdrop{display:none}.sidebar{background:linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);color:#e8efe9;flex-direction:column;gap:1.5rem;height:100dvh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff14;padding:.25rem .75rem 1rem}.brand h1{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:700}.brand p{color:#e8efe9a6;margin:.35rem 0 0;font-size:.8rem}.brand.compact{border:0;padding:0}.nav{flex-direction:column;gap:.25rem;display:flex}.nav a{color:#e8efe9c7;border-radius:8px;padding:.65rem .8rem;transition:background .16s,color .16s,transform .16s}.nav a:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:#c45c2638}.user-switch{border-top:1px solid #ffffff14;flex-direction:column;gap:.55rem;margin-top:auto;padding:.75rem;display:flex}.user-switch label{color:#e8efe98c;font-size:.72rem;display:block}.signed-in{color:#e8efe9;flex-direction:column;gap:.15rem;font-size:.85rem;display:flex}.signed-in span{color:#e8efe999;word-break:break-all;font-size:.75rem}.login-page{min-height:100dvh;padding:max(1rem, var(--safe-top)) 1rem max(1rem, var(--safe-bottom));background:radial-gradient(900px 420px at 15% 0,#e7efe8 0%,#0000 55%),radial-gradient(700px 360px at 100% 10%,#f6e9df 0%,#0000 50%),linear-gradient(#eef3ef 0%,#f3f6f2 100%);place-items:center;display:grid}.login-card{border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow);background:#fff;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.5rem;animation:.32s both rise;display:flex}.login-brand h1{letter-spacing:-.03em;margin:0;font-size:1.8rem}.login-brand p{color:var(--muted);margin:.3rem 0 .4rem}.login-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.login-card input{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;min-height:44px;padding:.75rem .8rem}.login-card .btn{width:100%;min-height:44px;margin-top:.25rem}.main{min-width:0;padding:1.75rem 2rem 3rem}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;animation:.32s both rise;display:flex}.page-header h2{letter-spacing:-.03em;margin:0;font-size:1.75rem}.page-header p{color:var(--muted);margin:.35rem 0 0}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.reminder-presets{flex-wrap:wrap;gap:.5rem;margin-bottom:.55rem;display:flex}.btn{background:var(--ink);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:40px;padding:.55rem .9rem;transition:transform .14s,opacity .14s,background .14s}.btn:hover{opacity:.95;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--panel-elevated);color:var(--text);border-color:var(--line)}.btn.accent{background:var(--accent)}.btn.ghost{color:var(--muted);border-color:var(--line);background:0 0}.btn.small{min-height:36px;padding:.4rem .7rem;font-size:.85rem}.grid{gap:1rem;display:grid}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.stat{background:var(--panel-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;animation:.4s both rise}.stat:nth-child(2){animation-delay:40ms}.stat:nth-child(3){animation-delay:80ms}.stat:nth-child(4){animation-delay:.12s}.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.stat .value{letter-spacing:-.03em;margin-top:.35rem;font-family:IBM Plex Mono,monospace;font-size:1.7rem}.panel{background:var(--panel-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;animation:.36s both rise}.panel h3{margin:0 0 .85rem;font-size:1rem}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .55rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.table tr{transition:background .12s}.table tbody tr:hover{background:#f7faf7}.mono{font-family:IBM Plex Mono,monospace}.pill{border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill.green{background:var(--green-bg);color:var(--green)}.pill.yellow{background:var(--yellow-bg);color:var(--yellow)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.neutral{color:var(--muted);background:#e8eeea}.health-dot{border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.health-dot.green{background:var(--green)}.health-dot.yellow{background:#d4a017}.health-dot.red{background:var(--red)}.form-row{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;display:flex}.form-row input,.form-row select,.form-row textarea,.field{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;min-height:44px;padding:.65rem .75rem}.form-row textarea{resize:vertical;width:100%;min-height:88px}.form-row input,.form-row select{flex:1}.form-row .btn{flex:none}.quick-log{color:#eef5f0;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#173029 0%,#214339 60%,#2a3f35 100%);margin-bottom:1rem;padding:1rem 1.1rem}.quick-log h3{margin:0 0 .25rem}.quick-log p{color:#eef5f0b3;margin:0 0 .8rem;font-size:.9rem}.quick-log .form-row input,.quick-log .form-row select,.quick-log .form-row textarea{color:#fff;background:#ffffff0f;border-color:#ffffff24}.quick-log .form-row select option{color:#14201c}.quick-log .btn.accent{background:var(--accent)}.timeline{flex-direction:column;gap:.75rem;display:flex}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:.75rem;padding-bottom:.75rem;display:grid}.timeline-item .when{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.75rem}.timeline-item .type{text-transform:uppercase;letter-spacing:.05em;color:var(--teal);font-size:.72rem;font-weight:600}.timeline-item .body{word-break:break-word;margin-top:.2rem}.task-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.7rem 0;display:flex}.task-row.done{opacity:.55}.task-row .meta{color:var(--muted);font-size:.85rem}.empty{color:var(--muted);padding:1rem 0;font-size:.95rem}.error{background:var(--red-bg);color:var(--red);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.mobile-topbar{z-index:40;padding:calc(.75rem + var(--safe-top)) 1rem .75rem;background:linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);color:#e8efe9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.menu-toggle{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:inline-flex}.menu-toggle span{background:#e8efe9;border-radius:2px;width:18px;height:2px;display:block}.sidebar{top:calc(60px + var(--safe-top));width:min(280px,100vw - 1.5rem);height:auto;max-height:calc(100dvh - 80px - var(--safe-top) - var(--safe-bottom));z-index:50;box-shadow:var(--shadow);border-radius:14px;padding:1rem;display:none;position:fixed;left:auto;right:.75rem;overflow:auto}.app-shell.menu-open .sidebar{display:flex}.app-shell.menu-open .nav-backdrop{z-index:45;background:#14201c59;border:0;padding:0;display:block;position:fixed;inset:0}.desktop-only,.desktop-nav{display:none!important}.user-switch{border-top:0;margin-top:0;padding:0}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.35rem .35rem calc(.35rem + var(--safe-bottom));background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #14201c0f}.bottom-nav a{min-height:48px;color:var(--muted);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:.45rem .25rem;font-size:.78rem;font-weight:600;display:flex}.bottom-nav a.active{color:var(--accent);background:var(--accent-soft)}.main{padding:1rem 1rem calc(var(--bottom-nav-h) + var(--safe-bottom) + 1.25rem)}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header h2{font-size:1.45rem}.page-header .toolbar,.page-header .btn{width:100%}.page-header .toolbar .btn{flex:1}.grid.cols-3,.grid.cols-4,.grid.cols-2{grid-template-columns:1fr}.stat .value{font-size:1.4rem}.form-row{flex-direction:column}.form-row input,.form-row select,.form-row textarea,.form-row .btn{width:100%}.timeline-item{grid-template-columns:1fr;gap:.25rem}.task-row{flex-direction:column;gap:.65rem}.task-row .btn{width:100%}.panel:has(.table){-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:420px}.table th,.table td{white-space:nowrap;padding:.65rem .5rem}.toolbar .btn.small{min-height:44px}.reminder-presets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reminder-presets .btn{width:100%;min-height:44px}.form-row input,.form-row select,.form-row textarea,.field,.login-card input{font-size:16px}.timeline-meta{flex-wrap:wrap}}@media (width<=480px){.login-card{padding:1.15rem}.login-card h1{font-size:1.55rem}.panel,.quick-log{padding:.9rem}.bottom-nav a{font-size:.72rem}.page-header h2{font-size:1.3rem}}