:root{--agate: #ede7db;--seafoam: #d7d8c6;--mint: #91988a;--midnight: #373737;--obsidian: #0d0d0d;--white: #fff;--hairline: rgb(55 55 55/.14);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--midnight);background:var(--agate)}*{box-sizing:border-box}body{margin:0}button{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:15rem 1fr}.pageArea{min-width:0}.mobileBar{display:contents}.menuToggle{display:none}aside{background:var(--obsidian);color:var(--agate);padding:2rem 1.25rem}.brand{font-family:Georgia,serif;font-size:1.6rem;letter-spacing:.03em;margin-bottom:3rem}.brand.dark{color:var(--obsidian)}.brand span{font:800 .72rem Inter,sans-serif;letter-spacing:.14em}nav{display:grid;gap:.5rem}nav button{border:0;background:transparent;color:inherit;text-align:left;padding:.8rem 1rem;cursor:pointer}nav button:hover,nav button:focus-visible,nav .selected{background:#ede7db1f;outline:0}.content{padding:clamp(2rem,6vw,5rem)}h1{font-family:Dream Orphans,Georgia,serif;color:var(--obsidian);font-size:clamp(2.4rem,5vw,4.5rem);font-weight:400;line-height:1;margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.lede{max-width:36rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin-top:2.5rem}.card{min-height:10rem;border:1px solid var(--hairline);background:var(--white);padding:1.25rem;text-align:left;display:grid;align-content:space-between;cursor:pointer;box-shadow:0 8px 24px #0000000d}.card:hover{border-color:var(--midnight)}.card.static{cursor:default}.card.static:hover{border-color:var(--hairline)}.cardOpen{display:grid;gap:.65rem;text-align:left;border:0;background:transparent;padding:0;cursor:pointer}.cardActions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.cardActions button,.sectionActions button{border:1px solid var(--hairline);background:transparent;color:var(--midnight);padding:.55rem .7rem;cursor:pointer}.cardActions .danger{color:#8d2929;border-color:#8d2929}.status{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid currentColor;padding:.35rem .55rem}.card:focus-visible,button:focus-visible{outline:2px solid var(--obsidian);outline-offset:3px}.card span,.card time{font-size:.8rem}.empty,.error{padding:1.5rem;border:1px solid var(--hairline)}.error{background:#fff0ed}.workspace{height:100vh;display:grid;grid-template-rows:auto 1fr;position:relative}.workspaceBar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--agate);border-bottom:1px solid var(--hairline)}.workspaceBar h1{font-size:2rem}.saveGroup{display:flex;align-items:center;gap:1rem}.saveGroup button,.login form>button,.loginCard>button{border:0;border-radius:0;background:var(--obsidian);color:var(--agate);padding:.8rem 1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.recoveryCodes{display:block;white-space:pre-wrap;font:700 1rem/1.7 ui-monospace,monospace;letter-spacing:.08em;padding:1rem;margin:1rem 0;border:1px solid var(--hairline);background:var(--white)}.login form>.textButton{background:transparent;color:var(--midnight);border:0;padding:.4rem;text-transform:none;letter-spacing:0}.saveState{font-size:.8rem}.linkButton{display:inline-flex;align-items:center;color:inherit;cursor:pointer;text-decoration:none}.fileInput{display:none}.workspaceError{margin:.75rem 1rem}.saveState.dirty{color:#745400}.saveState.error{color:#9b1c1c}.sheet{min-height:0;background:var(--white)}.historyPanel{position:absolute;z-index:20;top:5.25rem;right:1rem;width:min(30rem,calc(100vw - 2rem));max-height:calc(100vh - 6.25rem);overflow:auto;padding:1.25rem;background:var(--seafoam);border:1px solid var(--hairline);box-shadow:0 1rem 3rem #0d0d0d2e}.historyHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:var(--seafoam)}.loginCard{width:min(100%,30rem);background:var(--agate);padding:clamp(1.5rem,5vw,3.5rem);box-shadow:0 16px 48px #00000014}.login form{display:grid;gap:1rem;margin-top:2rem}.login label:not(.check){display:grid;gap:.4rem;font-size:.8rem;font-weight:700}.login input{width:100%;border:1px solid var(--hairline);background:var(--white);padding:.9rem;font:inherit}.totpSecret{display:block;overflow-wrap:anywhere;background:var(--white);border:1px solid var(--hairline);padding:.9rem;font-family:ui-monospace,monospace;letter-spacing:.08em}.check{display:flex;gap:.6rem;align-items:center;font-size:.85rem}.check input{width:auto}@media(max-width:720px){html{font-size:16px;-webkit-text-size-adjust:100%}body{min-width:0;overflow-x:hidden}.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell>aside{position:sticky;z-index:100;top:0;padding:0;display:block;box-shadow:0 1px #ffffff1f}.mobileBar{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem}.mobileBar .brand{margin:0;flex:0 0 auto;font-size:1.35rem}.menuToggle{min-width:0;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:flex-end;gap:.7rem;border:1px solid rgb(237 231 219 / 28%);background:transparent;color:var(--agate);padding:.55rem .75rem;cursor:pointer}.menuToggle span{overflow:hidden;max-width:9rem;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:750}.menuToggle b{font-size:1.25rem;line-height:1}.shell>aside nav{display:none;max-height:calc(100dvh - 4rem);overflow-y:auto;overscroll-behavior:contain;padding:.3rem .75rem 1rem;border-top:1px solid rgb(237 231 219 / 14%)}.shell>aside.menuOpen nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.shell>aside nav button{min-height:2.85rem;padding:.65rem .75rem;border:1px solid transparent;font-size:.84rem}.shell>aside nav .selected{border-color:#ede7db47}.pageArea{width:100%;min-width:0}.content{width:100%;min-width:0;padding:1.5rem 1rem 3rem}h1{font-size:clamp(2.15rem,12vw,3.25rem);line-height:.98}h2{line-height:1.15}.lede{margin-top:.75rem;font-size:.95rem;line-height:1.5}.metrics,.cards{grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem}.metric,.card{min-height:7rem;padding:1rem}.metric strong{font-size:2.3rem}.search{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;margin-top:1.5rem}.search input,.search button,.operationForm input,.operationForm select,.operationForm textarea,.operationForm>button{min-height:2.9rem;font-size:16px}.operationForm,.operationForm.compact{width:100%;grid-template-columns:1fr;padding:1rem;margin-top:1.5rem}.tableWrap{width:calc(100vw - 2rem);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}table{width:max-content;min-width:100%}th,td{padding:.75rem}th:first-child,td:first-child{position:sticky;left:0;z-index:1;background:var(--white);box-shadow:1px 0 0 var(--hairline)}.session{align-items:stretch;flex-direction:column;overflow-wrap:anywhere}.sessionActions,.transferActions{width:100%;display:flex!important;justify-content:flex-start;grid-auto-flow:unset;flex-wrap:wrap}.sessionActions button,.transferActions button{min-height:2.75rem;flex:1 1 auto}.sectionActions{justify-content:stretch;flex-wrap:wrap;gap:.5rem}.sectionActions button,.buttonLink{min-height:2.75rem;flex:1 1 auto;text-align:center}.adminSection,.accessPanel{min-width:0}.accessPanel{padding:1rem}.workspaceBar{gap:.75rem;align-items:flex-start;flex-direction:column;padding:.8rem 1rem}.workspaceTitle{width:100%;min-width:0}.workspaceTitle h1{overflow:hidden;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap}.saveGroup{width:100%;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.saveGroup>*{min-height:2.65rem}.saveGroup .saveState{display:flex;align-items:center}.sheet{overflow:auto;min-width:45rem}.historyPanel{position:fixed;inset:4.5rem .5rem .5rem;width:auto;max-height:none;padding:1rem}.login{place-items:start center;padding:max(1rem,env(safe-area-inset-top)) .75rem max(1rem,env(safe-area-inset-bottom))}.loginCard{width:100%;padding:1.35rem;box-shadow:0 10px 30px #00000014}.loginCard .brand{margin-bottom:1.5rem}.login form{margin-top:1.4rem}.login input,.login form>button,.loginCard>button{min-height:3.1rem;font-size:16px}.totpSecret,.recoveryCodes{font-size:.88rem;word-break:break-all}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.workspaceTitle{display:flex;align-items:center;gap:1rem}.back{border:0;background:transparent;font-size:1.5rem;cursor:pointer}.loading{min-height:100vh;display:grid;place-items:center}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin-top:2.5rem}.metric{min-height:8rem;background:var(--white);border:1px solid var(--hairline);padding:1.25rem;display:grid;align-content:space-between}.metric span,.session span{font-size:.8rem}.metric strong{font:400 2.8rem Georgia,serif;color:var(--obsidian)}.search{display:flex;gap:.5rem;max-width:36rem;margin:2rem 0 1rem}.search input{min-width:0;flex:1;border:1px solid var(--hairline);background:var(--white);padding:.85rem;font:inherit}.search button,.session button{border:0;background:var(--obsidian);color:var(--agate);padding:.75rem 1rem;cursor:pointer}.tableWrap{overflow:auto;background:var(--white);border:1px solid var(--hairline)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:.8rem 1rem;border-bottom:1px solid var(--hairline);text-align:left}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.note{margin-top:1.5rem;padding:1rem;border-left:3px solid var(--mint);background:#ffffff73}.sessionList{display:grid;gap:.75rem;margin-top:2rem}.sessionActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.comparison{background:#ffffff8c;border:1px solid var(--hairline);border-radius:12px;display:grid;gap:5px;padding:12px}.comparison span,.comparison li{color:var(--midnight);font-size:13px}.comparison ul{margin:3px 0 0;padding-left:20px}.session{background:var(--white);border:1px solid var(--hairline);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.session div{display:grid;gap:.35rem}.session button:disabled{opacity:.45;cursor:default}.sectionActions{display:flex;justify-content:flex-end;margin-top:2rem}.sectionActions .danger{border:1px solid #8d2929;background:transparent;color:#8d2929;padding:.7rem 1rem;cursor:pointer}.operationForm{max-width:42rem;display:grid;gap:1rem;margin-top:2rem;padding:1.5rem;background:var(--white);border:1px solid var(--hairline)}.operationForm label:not(.check){display:grid;gap:.4rem;font-size:.8rem;font-weight:700}.operationForm input,.operationForm select,.operationForm textarea{width:100%;border:1px solid var(--hairline);background:var(--white);padding:.85rem;font:inherit}.operationForm>button{border:0;background:var(--obsidian);color:var(--agate);padding:.9rem 1.2rem;font-weight:800;cursor:pointer}.buttonLink{display:inline-block;background:var(--obsidian);color:var(--agate);padding:.9rem 1.2rem;font-weight:800;text-decoration:none}.operationForm.compact{max-width:none;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end}.transferActions{display:flex!important;grid-auto-flow:column;align-items:center;gap:.5rem!important}.transferActions .secondary{background:transparent;color:var(--midnight);border:1px solid var(--hairline)}.success{padding:1rem;background:#edf6ed;border:1px solid #7a947a}.adminSection{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--hairline)}.accessPanel{margin:2rem 0;padding:1.5rem;background:var(--seafoam);border:1px solid var(--hairline)}.adminSection h2{font:400 2rem Georgia,serif}
