:root{--ink: #14110c;--ink-2: #1d1913;--ink-3: #2a241a;--ink-4: #353018;--paper: #f4ede0;--paper-dim: #b8ad99;--amber: #f0a830;--amber-deep: #c97f1a;--line: #3a3225;--ok: #8fb86a;--err: #e07070;--blue: #7ab8e8;--pink: #e8a0c0}.menu-btn{display:none;background:none;border:1px solid #3a3225;color:#b8ad99;cursor:pointer;width:32px;height:32px;border-radius:3px;align-items:center;justify-content:center;font-size:16px;line-height:1;flex-shrink:0;transition:border-color .15s,color .15s;padding:0;font-family:inherit}.menu-btn:hover{border-color:#f0a830;color:#f0a830}.menu-overlay{display:none;position:fixed;inset:0;background:rgba(20,17,12,.72);z-index:50;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.menu-overlay.open{display:block}.menu-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;background:#1d1913;border-left:none;border-bottom:none;z-index:51;transform:translateX(100%);transition:transform .26s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden}.menu-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #3a3225;flex-shrink:0}.drawer-logo{font-size:18px;letter-spacing:-0.5px;text-decoration:none;color:#f4ede0;font-family:"JetBrains Mono",monospace}.drawer-logo .serif{font-family:"Instrument Serif",serif;font-size:22px;font-style:italic;color:#f0a830;font-weight:400}.drawer-close{background:none;border:none;color:#b8ad99;cursor:pointer;font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:color .15s;padding:0;flex-shrink:0}.drawer-close:hover{color:#f4ede0}.drawer-nav{display:flex;flex-direction:column;padding:8px 0;flex:1;overflow-y:auto}.drawer-nav a{display:block;padding:11px 18px;color:#a8a49c;text-decoration:none;font-size:13px;font-family:"JetBrains Mono",monospace;border-right:2px solid rgba(0,0,0,0);transition:color .12s,background .12s,border-color .12s}.drawer-nav a:visited{color:#a8a49c}.drawer-nav a:hover{color:#f4ede0;background:#2a241a;border-right-color:#3a3225;text-decoration:none}.drawer-sep{height:1px;background:#3a3225;margin:8px 18px;flex-shrink:0}.drawer-group-label{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#f0a830;padding:12px 18px 4px;flex-shrink:0}.drawer-cta{margin:8px 8px 4px !important;text-align:center !important;background:#f0a830 !important;color:#14110c !important;font-weight:700;border-radius:3px;border-right:none !important;padding:12px 0 !important}.drawer-cta:hover{opacity:.85;background:#f0a830 !important;color:#14110c !important}.drawer-id-section{border-top:1px solid #3a3225;flex-shrink:0}.drawer-id-row{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid #2a241a}.drawer-id-row:last-child{border-bottom:none}.drawer-id-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b8ad99;width:22px;flex-shrink:0}.drawer-id-val{flex:1;font-size:11px;color:#c97f1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.drawer-id-btn{background:none;border:1px solid #3a3225;color:#b8ad99;font-size:13px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;text-decoration:none;transition:color .12s,border-color .12s;padding:0;flex-shrink:0;font-family:inherit}.drawer-id-btn:hover{color:#f0a830;border-color:#c97f1a}.drawer-actions{flex-shrink:0;border-top:1px solid #3a3225;padding:14px 18px;display:flex;align-items:center;gap:8px}.drawer-action-btn{background:none;border:1px solid #3a3225;color:#b8ad99;font-size:12px;font-weight:700;padding:7px 12px;border-radius:3px;cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s;flex-shrink:0}.drawer-action-btn:hover{border-color:#c97f1a;color:#f0a830}.drawer-action-del{flex:1;background:none;border:1px solid #3a3225;color:#b8ad99;font-size:12px;padding:7px 12px;border-radius:3px;cursor:pointer;font-family:inherit;text-align:center;transition:border-color .12s,color .12s}.drawer-action-del:hover{border-color:#e07070;color:#e07070}.drawer-key-section{border-top:1px solid #3a3225;flex-shrink:0;padding:14px 18px}.drawer-key-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b8ad99;margin-bottom:8px}.drawer-key-input{width:100%;background:#14110c;border:1px solid #3a3225;color:#f4ede0;padding:8px 10px;border-radius:3px;font-family:inherit;font-size:12px;outline:none}.drawer-key-input:focus{border-color:#c97f1a}@media(max-width: 720px){.menu-btn{display:flex}.topbar-links{display:none}}