:root{color-scheme:dark;--lime: #9aff3d;--lime-soft: #afff5d;--canvas: #0b0d0b;--panel: #0f110f;--panel-strong: #151915;--ink: #f4f7f1;--muted: #8c9488;--line: #293128;--warning: #ffb84d;--danger: #ff5a5a;--display: "Teko", sans-serif;--data: "IBM Plex Mono", monospace;--body: system-ui, sans-serif;font-family:var(--body);background:var(--canvas);color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-size:14px;line-height:20px;background:var(--canvas)}::selection{background:var(--lime);color:var(--canvas)}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}input,textarea,select{caret-color:var(--lime)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--canvas);padding:20px 0 16px}.brand{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 16px;border-bottom:1px solid var(--line)}.brand strong{font-family:var(--display);font-size:26px;font-weight:500;line-height:28px;letter-spacing:.04em}.brand span{color:var(--muted);font-size:12px}.rail nav{overflow:auto;padding:16px 0;display:flex;flex-direction:column;gap:18px}.rail h2{margin:0 16px 6px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.rail a{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 16px;text-decoration:none;color:var(--muted)}.rail a svg{flex:none}.rail a[aria-current=page]{color:var(--ink);background:var(--panel-strong);box-shadow:inset 1px 0 0 var(--lime)}.rail a:hover{color:var(--ink)}.session{margin-top:auto;padding:12px 16px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.session p{margin:0;color:var(--ink);font-family:var(--display);font-size:22px;line-height:22px;letter-spacing:.02em}.main{min-height:100vh;display:flex;flex-direction:column}.mobile-bar{display:none;padding:12px 16px;border-bottom:1px solid var(--line)}.page{min-height:100vh;display:flex;flex-direction:column}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:24px 32px 16px;border-bottom:1px solid var(--line)}.page-head>div:first-child{flex:1;min-width:0;max-width:68ch}.page-head h1{margin:0;font-family:var(--display);font-size:34px;font-weight:500;line-height:36px;letter-spacing:-.02em}.meta{margin:8px 0 0;color:var(--muted);font-family:var(--data);font-size:13px;line-height:18px}.head-actions{display:flex;align-items:center;gap:8px}.search,input,textarea,select{background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:0 14px}textarea{padding:12px 14px;min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{background:var(--panel);border-color:var(--lime);outline:none}.search{width:220px}button{border:0;border-radius:6px;min-height:44px;padding:0 16px;cursor:pointer;background:transparent;white-space:nowrap;flex:none}button.primary{background:var(--lime);color:var(--canvas);font-size:14px;font-weight:600;letter-spacing:0}button.primary:hover{background:var(--lime-soft)}button.ghost{background:var(--panel-strong)}button.ghost:hover{background:#1c221b}button.danger{color:var(--danger);background:#241414}button.minimal{min-height:32px;padding:0 8px;color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed}.workspace{position:relative;display:flex;flex:1;min-height:0}.ledger{flex:1;min-width:0;overflow:auto}.inspector{position:absolute;top:0;right:0;bottom:0;width:min(460px,42vw);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);transform:translate(100%);transition:transform .22s cubic-bezier(.16,1,.3,1);pointer-events:none}.workspace.open .inspector{transform:translate(0);pointer-events:auto}table{width:100%;border-collapse:collapse}th{position:sticky;top:0;background:var(--canvas);text-align:left;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}td,th{padding:12px 16px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:32px}tbody tr{cursor:pointer}tbody tr:hover{background:var(--panel)}tbody tr[data-selected=true]{background:var(--panel-strong);box-shadow:inset 1px 0 0 var(--lime)}.mono{font-family:var(--data);font-variant-numeric:tabular-nums}.sheet{flex:1;min-height:0;display:flex;flex-direction:column;min-width:320px}.sheet header,.sheet footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-bottom:1px solid var(--line)}.sheet footer{border-bottom:0;border-top:1px solid var(--line)}.sheet h2{margin:0;font-family:var(--display);font-size:26px;font-weight:500;line-height:28px}.sheet-body{flex:1;overflow:auto;padding:8px 16px 24px;display:flex;flex-direction:column;gap:18px}fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:12px}legend{font-family:var(--display);font-size:26px;line-height:28px;padding:8px 0 0}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline{display:flex;gap:8px;align-items:center}.inline>input,.inline>select{flex:1}.check{display:flex;align-items:center;gap:8px;min-height:44px}.check input{min-height:0;width:16px;height:16px;accent-color:var(--lime)}.banner{margin:0;padding:10px 12px;border-radius:3px;background:#241414;color:var(--danger)}.empty{padding:48px 32px;max-width:42ch}.empty h2{margin:0 0 8px;font-family:var(--display);font-size:26px;font-weight:500}.empty p{margin:0;color:var(--muted)}.skeleton{display:flex;flex-direction:column;gap:12px;padding:24px 32px}.skeleton span{display:block;height:18px;background:var(--panel-strong)}.board{padding:8px 0 32px}.board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.board-columns section{min-width:0;border-right:1px solid var(--line)}.board-columns section:last-child{border-right:0}.board-columns h2{margin:0;padding:20px 24px 8px;font-family:var(--display);font-size:26px;font-weight:500}.board-columns a{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;text-decoration:none;border-top:1px solid var(--line)}.board-columns a:hover{background:var(--panel)}.board-columns a span{color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:minmax(320px,460px) 1fr}.login form{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:48px 40px;border-right:1px solid var(--line)}.login form button.ghost{border:1px solid var(--line);font-weight:600}.login h1{margin:0;font-family:var(--display);font-size:34px;line-height:36px;font-weight:500}.login p{margin:0 0 8px;color:var(--muted);max-width:36ch}.mark{display:flex;align-items:flex-end;padding:48px}.mark strong{font-family:var(--display);font-size:clamp(72px,12vw,140px);line-height:.85;font-weight:500;letter-spacing:-.03em}.day{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.media-row{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted)}.photo-pick{display:flex;align-items:center;gap:12px}.portrait{width:72px;height:72px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.sheet .portrait{width:180px;height:180px}.thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--line);display:block}.secret{display:flex;gap:8px;align-items:center}.secret input{flex:1}.hint{margin:0;color:var(--muted);max-width:36ch}.gate{min-height:100vh;display:grid;place-items:center;padding:32px}.gate div{max-width:42ch;display:flex;flex-direction:column;gap:16px}.gate h1{margin:0;font-family:var(--display);font-size:34px;font-weight:500}@media(max-width:1023px){.shell{grid-template-columns:1fr}.rail{position:fixed;z-index:2;width:min(280px,86vw);transform:translate(-105%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.shell.nav-open .rail{transform:translate(0)}.mobile-bar{display:block}.page-head,th:first-child,td:first-child,.empty,.skeleton{padding-left:16px;padding-right:16px}.page-head{padding-top:16px;align-items:stretch;flex-direction:column}.head-actions,.search{width:100%}.inspector{position:fixed;inset:0;width:100%;z-index:3}.board-columns,.login,.grid-2{grid-template-columns:1fr}.login form{border-right:0;border-bottom:1px solid var(--line)}.mark{min-height:180px}}
