:root{--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--t-xs: .75rem;--t-sm: .875rem;--t-base: 1rem;--t-lg: 1.25rem;--t-xl: 1.5rem;--t-2xl: 1.875rem;--lh-tight: 1.2;--lh-base: 1.55;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f2f4f7;--border: #dfe3ea;--border-strong: #c3cad6;--text: #131722;--muted: #5b6577;--faint: #8b94a6;--accent: #2f4bd8;--accent-hover: #2439ad;--accent-text: #ffffff;--accent-wash: #eef1fe;--danger: #b3261e;--danger-wash: #fdeceb;--ok: #0d6a3f;--ok-wash: #e7f5ee;--warn: #8a5a00;--warn-wash: #fdf3e2;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow: 0 1px 2px rgb(19 23 34 / 6%), 0 1px 3px rgb(19 23 34 / 4%);--shadow-lg: 0 8px 24px rgb(19 23 34 / 12%), 0 2px 6px rgb(19 23 34 / 8%);--tap: 44px}@media(prefers-color-scheme:dark){:root{--bg: #0e1016;--surface: #171a22;--surface-2: #1e222c;--border: #2a2f3b;--border-strong: #3a4150;--text: #eceef3;--muted: #a2abbd;--faint: #767f92;--accent: #8aa2ff;--accent-hover: #a5b7ff;--accent-text: #0e1016;--accent-wash: #1b2138;--danger: #ff9b95;--danger-wash: #2c1a1a;--ok: #6fd8a3;--ok-wash: #14261d;--warn: #e8b567;--warn-wash: #2a2113;--shadow: 0 1px 2px rgb(0 0 0 / 40%);--shadow-lg: 0 8px 24px rgb(0 0 0 / 50%)}}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text);font:var(--t-base) / var(--lh-base) system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent)}.container{max-width:940px;margin:0 auto;padding:0 var(--s4) var(--s7)}header.app{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}header.app .inner{max-width:940px;margin:0 auto;padding:var(--s1) var(--s4);display:flex;align-items:center;gap:var(--s3)}header.app .brand{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--tap);font-weight:650;font-size:var(--t-base);text-decoration:none;color:var(--text)}header.app nav{margin-left:auto;display:flex;gap:var(--s2);align-items:center;white-space:nowrap;flex-shrink:0}header.app nav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s2);border-radius:var(--radius-sm);text-decoration:none;color:var(--text)}header.app nav a:hover{background:var(--accent-wash);color:var(--accent)}header.app nav button.link{color:var(--text);font-weight:inherit;padding:0 var(--s2)}header.app nav button.link:hover:not(:disabled){background:var(--accent-wash);color:var(--accent)}.identity{color:var(--muted);font-size:var(--t-sm);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.identity{display:none}header.app .brand{font-size:var(--t-sm)}header.app .inner{padding:var(--s1) var(--s3);gap:var(--s2)}header.app nav{gap:0}}h1{font-size:var(--t-2xl);line-height:var(--lh-tight);letter-spacing:-.02em;margin:0 0 var(--s2)}h2{font-size:var(--t-xl);line-height:var(--lh-tight);margin:var(--s6) 0 var(--s3)}h3{font-size:var(--t-lg);line-height:var(--lh-tight);margin:0 0 var(--s2)}p{margin:0 0 var(--s3)}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:var(--t-sm)}small.muted{display:block;font-size:var(--t-sm);margin-top:var(--s1)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin:var(--s6) 0 var(--s4)}.head-actions{display:flex;align-items:center;gap:var(--s3);flex-shrink:0}.card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);background:var(--surface);box-shadow:var(--shadow);margin-bottom:var(--s3)}a.card{display:block;text-decoration:none;color:inherit;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}a.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}@media(hover:hover){a.card:hover{transform:translateY(-1px)}}.card-title{text-decoration:none;color:inherit;min-width:0}.card-title:hover h3{color:var(--accent)}.card-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}.card-quicklog{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--border)}.row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.spread{display:flex;gap:var(--s4);align-items:baseline;justify-content:space-between;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-xs);font-weight:600;padding:.2rem var(--s2);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--muted);text-transform:capitalize;white-space:nowrap}.badge.active{color:var(--ok);background:var(--ok-wash);border-color:transparent}.badge.draft{color:var(--muted)}.badge.completed,.badge.archived{color:var(--faint)}.badge.attention{color:var(--warn);background:var(--warn-wash);border-color:transparent;text-transform:none}label{display:block;margin-bottom:var(--s4)}label>span{display:block;font-size:var(--t-sm);font-weight:550;color:var(--text);margin-bottom:var(--s1)}input,select,textarea{width:100%;min-height:var(--tap);padding:var(--s2) var(--s3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .12s ease,box-shadow .12s ease}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}input[type=checkbox]{width:1.15rem;height:1.15rem;min-height:0;accent-color:var(--accent)}textarea{min-height:calc(var(--tap) * 1.4);resize:vertical}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);margin:0 0 var(--s4);background:var(--surface-2)}legend{padding:0 var(--s2);color:var(--text);font-size:var(--t-sm);font-weight:600}button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:var(--s2) var(--s4);font:inherit;font-weight:550;text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled),a.button:hover{background:var(--surface-2);border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,a.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.primary:hover:not(:disabled),a.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.link{min-height:var(--tap);border:none;background:none;color:var(--accent);padding:var(--s2);font-weight:500}button.link:hover:not(:disabled){background:var(--accent-wash)}button.danger,button.link.danger{color:var(--danger)}button.link.danger:hover:not(:disabled){background:var(--danger-wash)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs,.table-wrap{--fade-from: var(--bg);background:linear-gradient(to right,var(--fade-from),transparent) 0 0 / 28px 100% no-repeat local,linear-gradient(to left,var(--fade-from),transparent) 100% 0 / 28px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgb(15 23 42 / .13),transparent) 0 0 / 14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgb(15 23 42 / .13),transparent) 100% 0 / 14px 100% no-repeat scroll}.card .table-wrap{--fade-from: var(--surface)}table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}th,td{text-align:left;padding:var(--s3) var(--s2);border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:var(--t-xs);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}td.wrap{white-space:normal}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);margin:var(--s5) 0 var(--s4);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-height:var(--tap);transition:background .12s ease;border:none;background:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:var(--s2) var(--s3);white-space:nowrap;font-weight:550}.tabs button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.tabs button[aria-selected=true]:not(:disabled){color:var(--accent);border-bottom-color:var(--accent)}.notice{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--s3) var(--s4);background:var(--accent-wash);margin:var(--s4) 0}.notice.warn{border-left-color:var(--warn);background:var(--warn-wash)}.notice.good{border-left-color:var(--ok);background:var(--ok-wash)}.notice p:last-child,.notice ul:last-child{margin-bottom:0}[role=alert]{color:var(--danger)}.skeleton{height:1em;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton.card-skeleton{height:5.5rem;margin-bottom:var(--s3)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-sm);word-break:break-word}.empty{text-align:center;padding:var(--s7) var(--s4);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)}