:root{font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e6edf3;background-color:#02070c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(69,196,255,.17),transparent 35%),radial-gradient(circle at 80% 20%,rgba(116,255,193,.14),transparent 35%),#02070c}*{box-sizing:border-box}.app-shell{max-width:920px;margin:2rem auto;padding:2rem;border:1px solid #1f2732;border-radius:16px;background:#080d12d9;box-shadow:0 0 0 1px #74ffc114,0 20px 60px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e6edf3;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif}.app-shell h1{margin:0 0 .75rem}.app-header{margin:0 0 .75rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app-header h1{margin:0}.profile-menu{position:relative}.avatar-button{width:42px;height:42px;border-radius:999px;border:1px solid #2f4962;background:#10202f;color:#a9d9ff;font-family:IBM Plex Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:700;display:grid;place-items:center;cursor:pointer;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.profile-dropdown{position:absolute;top:calc(100% + .55rem);right:0;min-width:230px;padding:.8rem;border:1px solid #2a3d52;border-radius:10px;background:#09131d;box-shadow:0 12px 28px #00000073;z-index:20}.profile-name{margin:0 0 .2rem;font-weight:700}.profile-email{margin:0 0 .75rem;color:#9ab0c5;font-size:.9rem}.profile-meta{margin:-.35rem 0 .75rem;color:#7cc9ff;font-size:.82rem}.signout-button{width:100%;border-radius:8px;border:1px solid #3c5268;background:#0f1e2b;color:#d2e7ff;padding:.5rem .65rem;cursor:pointer}.app-shell h2{margin:0 0 1rem;font-size:1.1rem}.app-shell p{margin:0 0 1rem}.app-shell code{display:block;padding:.75rem;border-radius:8px;background:#0b0f14;color:#64f1ae;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow-wrap:anywhere}.app-shell .inline-code{display:inline;padding:.15rem .4rem}.card{margin:0 0 1.25rem;padding:1rem;border:1px solid #223344;border-radius:12px;background:#070a0ecc}.auth-card{max-width:520px}.commands-header-row{margin:0 0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.commands-header-row h2{margin:0}.add-command-button{border-radius:8px;border:1px solid #1e7a5c;background:#123f31;color:#b6ffd9;padding:.55rem .95rem;cursor:pointer}.auth-mode-switch{margin:0 0 1rem;display:inline-flex;gap:.4rem;padding:.3rem;border:1px solid #2a3d52;border-radius:999px;background:#0a1118}.auth-mode-switch button{padding:.45rem .9rem;border-radius:999px;border:1px solid transparent;background:transparent;color:#9fb8d0}.auth-mode-switch button.active{border-color:#24556f;background:#0d2431;color:#9ae2ff}.command-form{display:grid;gap:.9rem}.command-form label{display:grid;gap:.4rem}.command-form span{color:#9ec5ff;font-size:.9rem}.command-form input,.command-form textarea{width:100%;padding:.65rem .75rem;border:1px solid #2a3d52;border-radius:8px;background:#0a1118;color:#e6edf3;font-family:IBM Plex Mono,Consolas,Liberation Mono,Menlo,monospace}.command-form textarea{resize:vertical}.command-form button{width:fit-content;background:#123f31;border:1px solid #1e7a5c;color:#b6ffd9;border-radius:8px;padding:.6rem 1rem;cursor:pointer}.command-form button:disabled{opacity:.7;cursor:wait}.tag-preview{font-size:.9rem;color:#a6ffcf}.tag-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.tag-suggestions button{padding:.3rem .55rem;border:1px solid #24556f;border-radius:999px;background:#0d2431;color:#9ae2ff;font-size:.8rem;cursor:pointer}.tag-suggestions button:hover{background:#133244}.search-box{margin:0 0 1rem;display:grid;gap:.45rem}.search-box label{color:#9ec5ff;font-size:.9rem}.search-box input{width:100%;padding:.65rem .75rem;border:1px solid #2a3d52;border-radius:8px;background:#0a1118;color:#e6edf3;font-family:IBM Plex Mono,Consolas,Liberation Mono,Menlo,monospace}.search-status,.tag-filter-box{margin:0 0 1rem}.tag-filter-box p{margin:0 0 .55rem;color:#9ec5ff;font-size:.9rem}.tag-filter-empty{color:#8ea0b2}.tag-filter-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag-filter-list button{padding:.3rem .55rem;border-radius:999px;border:1px solid #21526d;background:#0a1b29;color:#87d2ff;font-size:.8rem;cursor:pointer}.tag-filter-list button.active{border-color:#27b588;background:#133f35;color:#b6ffd9}.command-list{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.command-list li{padding:.9rem;border:1px solid #1f303e;border-radius:10px;background:#091019}.command-list code{margin:0;white-space:pre-wrap}.command-copy-row{display:flex;gap:.6rem;align-items:flex-start}.command-copy-row code{flex:1}.copy-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-top:.1rem;border-radius:8px;border:1px solid #35556c;background:#0f1e2b;color:#cde7ff;cursor:pointer;flex-shrink:0}.copy-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-button:hover{border-color:#4f7694}.copy-button.copied{border-color:#27b588;background:#133f35;color:#b6ffd9}.command-item-header{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.command-actions{display:flex;align-items:center;gap:.6rem}.command-item-header h3{margin:0 0 .5rem;font-size:1rem}.command-item-header span{color:#95a2b4;font-size:.82rem}.danger-button{padding:.25rem .5rem;border-radius:6px;border:1px solid #7d2b39;background:#2a0f16;color:#ffadba;font-size:.78rem;cursor:pointer}.edit-button{padding:.25rem .5rem;border-radius:6px;border:1px solid #35556c;background:#0f1e2b;color:#d2e7ff;font-size:.78rem;cursor:pointer}.danger-button:disabled{opacity:.7;cursor:wait}.tag-list{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag-list button{padding:.25rem .5rem;border-radius:999px;border:1px solid #21526d;background:#0a1b29;color:#87d2ff;font-size:.8rem;cursor:pointer}.tag-list button.active{border-color:#27b588;background:#133f35;color:#b6ffd9}.active-filter{margin:0 0 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem}.active-filter p{margin:0}.active-filter button{padding:.45rem .75rem;border-radius:8px;border:1px solid #35556c;background:#0f1e2b;color:#d2e7ff;cursor:pointer}.error-message{margin:0 0 1rem;padding:.85rem;border:1px solid #ff5b6e;border-radius:8px;background:#ff5b6e1f;color:#ff9aa7;font-weight:600}.info-message{margin:0 0 1rem;padding:.85rem;border:1px solid #2f8f7f;border-radius:8px;background:#3ed5b91f;color:#94f8de;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#02070cc2;display:grid;place-items:center;z-index:30;padding:1rem}.modal-card{width:min(100%,440px);border:1px solid #223344;border-radius:12px;background:#070a0ef5;padding:1rem;box-shadow:0 20px 40px #00000073}.edit-modal{width:min(100%,620px)}.modal-card h3{margin:0 0 .5rem}.modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.6rem}.secondary-button{padding:.25rem .5rem;border-radius:6px;border:1px solid #3c5268;background:#0f1e2b;color:#d2e7ff;font-size:.78rem;cursor:pointer}@media(max-width:640px){.app-shell{margin:.6rem;padding:1rem;border-radius:12px}.app-header{align-items:center}.app-shell h1{font-size:1.45rem}.commands-header-row{flex-direction:column;align-items:stretch}.add-command-button{width:100%}.command-item-header{flex-direction:column;align-items:flex-start}.command-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.command-copy-row{flex-direction:column}.copy-button{width:100%;height:2.2rem;margin-top:0}.active-filter{align-items:flex-start}.active-filter button{width:100%}.profile-dropdown{right:0;min-width:210px}.modal-overlay{align-items:flex-start;overflow-y:auto;padding:.75rem}.modal-card{margin:.5rem auto;max-height:calc(100dvh - 1.5rem);overflow-y:auto}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions button{width:100%}}