:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f17;--panel:#131a26;--panel-2:#1b2433;--border:#2a3547;--text:#eef2f8;--text-dim:#8d9ab0;--blue:#2f8cff;--blue-strong:#1f6fe0;--green:#22b35e;--red:#e5484d;--yellow:#f5c518;--radius:10px;--touch:48px;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}button,input,select{font:inherit;color:inherit}.btn{min-height:var(--touch);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;padding:0 18px;font-weight:600}.btn:active:not(:disabled){filter:brightness(1.25)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue-strong);border-color:var(--blue)}.btn-live{border-color:var(--green);background:#166b3c}.btn-danger{border-color:var(--red);color:#ffb4b6;background:#3a1517}.btn-icon{width:var(--touch);padding:0;font-size:22px}.home{flex-direction:column;height:100%;display:flex}.topbar{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:#0e131d;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.01em;font-size:26px;font-style:italic;font-weight:900}.brand span{color:var(--blue)}.home-body{flex:1;min-height:0;display:flex}.sidebar{width:260px;padding:16px 12px max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;display:flex;overflow-y:auto}.sidebar-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:16px 12px 4px;font-size:12px}.sidebar-spacer{flex:1;min-height:16px}.nav-item,.sidebar-add{min-height:var(--touch);border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.nav-item.active{background:var(--blue-strong)}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-count{color:var(--text-dim);font-size:13px}.nav-item.active .nav-count{color:var(--text)}.sidebar-add{color:var(--blue)}.content{padding:20px max(20px, env(safe-area-inset-right)) 40px 24px;flex:1;overflow-y:auto}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.content-header h1{margin:0;font-size:26px}.folder-actions{gap:8px;display:flex}.empty{color:var(--text-dim);text-align:center;padding:40px 0}.notice{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 8px 10px 16px;display:flex}.notice-close{cursor:pointer;background:0 0;border:0;width:40px;height:40px;font-size:22px}.card-list{flex-direction:column;gap:10px;display:flex}.card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.card-main{min-width:0}.card-title{margin:0 0 4px;font-size:19px}.card-meta,.card-stats,.card-updated{color:var(--text-dim);margin:2px 0;font-size:14px}.card-meta{color:var(--text)}.card-folder{color:var(--blue)}.card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.menu-anchor{position:relative}.menu{z-index:20;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000080}.menu-item{min-height:var(--touch);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px}.menu-item:active{background:var(--border)}.menu-item.danger{color:#ff8a8d}.dialog-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(480px,100%);max-height:100%;padding:22px;overflow-y:auto}.dialog h2{margin:0 0 16px;font-size:20px}.dialog-message{color:var(--text-dim);line-height:1.45}.dialog-form{flex-direction:column;gap:14px;display:flex}.field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field select{min-height:var(--touch);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:0 12px;font-size:17px}.dialog-error{color:#ff8a8d;margin:0}.dialog-actions{background:var(--panel);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin:18px -22px -22px;padding:12px 22px 22px;display:flex;position:sticky;bottom:-22px}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{min-height:var(--touch);border:1px solid var(--border);background:var(--panel-2);text-align:left;cursor:pointer;border-radius:8px;padding:0 14px}.choice.current{opacity:.5}.update-banner{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:60;background:var(--panel-2);border:1px solid var(--blue);border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex;position:fixed;transform:translate(-50%)}@media (pointer:coarse),(height<=600px){.dialog-backdrop{padding-top:max(16px, env(safe-area-inset-top));align-items:flex-start}}@media (width<=820px){.home-body{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;width:auto;padding:8px 12px}.sidebar-heading,.sidebar-spacer{display:none}.card{flex-direction:column;align-items:stretch}.card-actions{justify-content:flex-end}}