:root{--paper:#f4efe4;--ink:#202521;--coral:#f47763;--muted:#77766e;--line:#d8d0c1;--sans:"Avenir Next", "Trebuchet MS", sans-serif;--heading:Georgia, "Times New Roman", serif;font:16px/1.45 var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);font-weight:400}.loading-screen{min-height:100svh;color:var(--muted);place-items:center;display:grid}.login-page{background:var(--paper);min-height:100svh}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{width:31px;height:31px;color:var(--ink);font-family:var(--heading);place-items:center;font-size:21px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.eyebrow{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.login-panel{width:min(100% - 48px,390px);margin:80px auto 0}.panel-heading{margin-bottom:38px}.panel-heading h2{margin:10px 0 0;font-size:36px;line-height:1}form{gap:10px;display:grid}label{color:var(--ink);margin-top:12px;font-size:13px;font-weight:700}input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:14px 15px}input:focus{outline:2px solid var(--coral);outline-offset:2px}button{background:var(--coral);color:var(--ink);font:700 15px var(--sans);cursor:pointer;border:0;border-radius:0;margin-top:22px;padding:15px 18px;transition:transform .16s,background .16s}button:hover:not(:disabled){background:#ff927e;transform:translateY(-2px)}button:disabled{cursor:wait;opacity:.65}.form-error{color:#b33b2e;margin:14px 0 0;font-size:14px}.panel-footer{color:var(--muted);margin-top:34px;font-size:13px}.app-shell{background:var(--paper);min-height:100svh}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:25px clamp(24px,6vw,80px);display:flex}.brand{color:var(--ink);text-decoration:none}.logout-button{border:1px solid var(--ink);background:0 0;margin:0;padding:8px 12px;font-size:13px}.logout-button:hover{background:var(--ink);color:var(--paper)}.user-chip{border:1px solid var(--line);color:var(--muted);font:13px var(--sans);background:0 0;margin:0 0 0 auto;padding:7px 10px}.user-chip:hover{background:var(--ink);color:var(--paper);transform:none}.nav-button{border:1px solid var(--line);background:0 0;margin:0;padding:8px 12px;font-size:13px}.nav-button:hover{background:var(--ink);color:var(--paper)}.topbar-error{margin:14px clamp(24px,6vw,80px)}.shelf-page{max-width:1180px;margin:0 auto;padding:58px 24px 80px}.shelf-controls{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.create-root-button{flex:none;margin:0}.bookmark-user-picker{gap:8px;width:min(360px,100%);display:grid}.bookmark-user-picker select{border:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:13px 15px}.bookmark-user-picker select:focus{outline:2px solid var(--coral);outline-offset:2px}.bookmark-panel{min-width:0;margin-top:42px}.bookmark-panel-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;display:flex}.bookmark-panel-heading .eyebrow{margin:0}.bookmark-panel-heading h2{margin:0;font-size:25px}.bookmark-list{border-bottom:1px solid var(--line)}.bookmark-row{border-bottom:1px solid var(--line);align-items:stretch;min-height:66px;display:flex}.bookmark-tree-item:last-child>.bookmark-row{border-bottom:0}.bookmark-link{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;margin:0;padding:12px 16px 12px 8px;display:flex}.bookmark-link:hover{background:#f477631f;transform:none}.bookmark-icon{color:var(--coral);font-family:var(--heading);text-align:center;flex:0 0 22px;font-size:21px}.bookmark-details{gap:2px;min-width:0;display:grid}.bookmark-details strong,.bookmark-details small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bookmark-details small{color:var(--muted);font-size:12px}.folder-toggle{color:var(--muted);background:0 0;border:0;flex:0 0 30px;margin:0;padding:0;font-size:20px;line-height:1}.folder-toggle:hover{color:var(--ink);background:0 0;transform:none}.bookmark-actions{align-items:center;gap:4px;padding:0 12px 0 4px;display:flex}.bookmark-actions button{color:var(--muted);background:0 0;margin:0;padding:5px 7px;font-size:12px}.bookmark-actions button:hover{background:var(--ink);color:var(--paper);transform:none}.bookmark-actions button:disabled{cursor:not-allowed;opacity:.35}.bookmark-actions button:disabled:hover{color:var(--muted);background:0 0;transform:none}.bookmark-actions .row-delete-button:hover,.danger-button{color:var(--paper);background:#b33b2e}.dialog-backdrop{z-index:10;background:#2025217a;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.bookmark-editor,.delete-panel{box-sizing:border-box;border:1px solid var(--line);background:var(--paper);width:min(620px,100%);max-height:calc(100svh - 48px);margin:0;padding:22px;overflow-y:auto;box-shadow:0 18px 60px #20252138}.bookmark-editor h2,.delete-panel h2{margin:7px 0 18px;font-size:28px}.bookmark-editor label,.delete-panel label{margin-top:12px;display:block}.bookmark-editor label span{color:var(--muted);font-weight:400}.bookmark-editor input,.delete-panel select{margin-top:7px}.delete-panel p:not(.eyebrow){color:var(--muted)}.delete-panel select{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:13px 15px}.editor-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.editor-actions button{margin:0}.quiet-button{border:1px solid var(--line);color:var(--ink);background:0 0}.quiet-button:hover{background:var(--ink);color:var(--paper)}.placeholder-page{max-width:760px;margin:0 auto;padding:15vh 24px}.placeholder-page h1{max-width:650px;margin:16px 0 22px;font-size:clamp(48px,8vw,88px);line-height:.96}.placeholder-copy{max-width:500px;color:var(--muted);font-size:18px}.placeholder-line{background:var(--line);width:100%;height:1px;margin-top:80px}.users-page{max-width:960px;margin:0 auto;padding:56px 24px 80px}.users-toolbar{gap:8px;max-width:500px;margin:34px 0 14px;display:grid}.create-user-button{margin:0 0 20px}.create-user-form{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 0;display:grid}.create-user-form input,.create-user-form select{border:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;padding:12px}.create-user-form button{grid-column:2;margin:0}.user-list{border-top:2px solid var(--ink)}.user-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:19px 0;display:flex}.user-row div{gap:5px;display:grid}.user-row span{color:var(--muted);font-size:13px}.user-row-actions{align-items:center;gap:12px!important;display:flex!important}.user-row-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;margin:0;padding:7px 10px;font-size:12px}.user-row-actions button:hover{background:var(--ink);color:var(--paper)}.role-badge{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;padding:5px 8px}.role-admin{border-color:var(--coral);color:var(--ink)!important}.user-editor{box-sizing:border-box;border:1px solid var(--line);background:var(--paper);width:min(620px,100%);max-height:calc(100svh - 48px);margin:0;padding:22px;overflow-y:auto;box-shadow:0 18px 60px #20252138}.user-editor h2{margin:7px 0 18px;font-size:28px}.user-editor label{margin-top:12px;display:block}.user-editor label span{color:var(--muted);font-weight:400}.user-editor input,.user-editor select{margin-top:7px}.user-editor select{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:13px 15px}.user-editor select:focus{outline:2px solid var(--coral);outline-offset:2px}.user-editor .checkbox-label{align-items:center;gap:9px;display:flex}.user-editor .checkbox-label input{width:auto;margin:0}.profile-details{border:1px solid var(--line);gap:10px;margin:0 0 20px;padding:15px;display:grid}.profile-details div{justify-content:space-between;gap:20px;display:flex}.profile-details dt{color:var(--muted);font-size:13px}.profile-details dd{text-align:right;margin:0;font-size:13px}.empty-state{color:var(--muted);padding:30px 0}@media (width<=720px){.login-panel{width:min(100% - 48px,390px);margin-top:56px}.topbar{padding:20px 24px}.topbar .brand span:last-child{display:none}.shelf-page{padding-top:38px}.create-root-button{margin-top:24px}.bookmark-actions{padding-right:4px}.bookmark-actions button{padding:4px}.users-page{padding-top:34px}.create-user-form{grid-template-columns:1fr}.create-user-form button{grid-column:auto}}