@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--bg: #f5f5f0;--bg2: #ffffff;--bg3: #efefea;--bg4: #e5e5de;--border: #deded6;--border2: #c8c8be;--text: #18181a;--text2: #46464e;--text3: #909098;--accent: #5b5bd6;--accent-dim: #eeeeff;--accent-text: #3730a3;--success: #1a7f4b;--success-dim: #d1fae5;--danger: #c0392b;--danger-dim: #fde8e6;--warn: #b45309;--warn-dim: #fef3c7;--code-bg: #f0f0ea;--radius: 6px;--radius-lg: 10px;--shadow: 0 1px 4px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04);--font-mono: "IBM Plex Mono", "Fira Code", ui-monospace, monospace}[data-theme=dark]{--bg: #111110;--bg2: #1c1c1a;--bg3: #262622;--bg4: #302f2b;--border: #2e2e2a;--border2: #3e3e38;--text: #ededeb;--text2: #a8a8a0;--text3: #58584e;--accent: #7c7cf8;--accent-dim: #1c1b40;--accent-text: #a5b4fc;--success: #34d399;--success-dim: #052e16;--danger: #f87171;--danger-dim: #3b0a0a;--warn: #fbbf24;--warn-dim: #3c1f00;--code-bg: #161614;--shadow: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:background .15s,color .15s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:"IBM Plex Sans",inherit;font-size:.875rem;color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b5bd61f}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius);font-size:.8125rem;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .12s;font-family:inherit;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--bg2);color:var(--text2);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg3);color:var(--text);border-color:var(--border2)}.btn-ghost{background:transparent;color:var(--text3)}.btn-ghost:hover:not(:disabled){background:var(--bg3);color:var(--text2)}.btn-danger{background:var(--danger-dim);color:var(--danger);border-color:var(--danger-dim)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-sm{padding:.3rem .6rem;font-size:.775rem}.btn-full{width:100%}.btn-icon{padding:.375rem;border-radius:var(--radius)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.72rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-mono)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center;animation:fade-in .1s}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:460px;box-shadow:var(--shadow-md);animation:modal-in .12s}.modal h2{font-size:1rem;font-weight:700;margin-bottom:1.25rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(-6px)}}.badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;font-family:var(--font-mono)}.badge-lang{background:var(--bg3);color:var(--text2);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em}.badge-tag{background:var(--accent-dim);color:var(--accent-text)}.badge-expiry-ok{background:var(--success-dim);color:var(--success)}.badge-expiry-warn{background:var(--warn-dim);color:var(--warn)}.badge-expiry-dead{background:var(--danger-dim);color:var(--danger)}.snippet-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .1s;display:flex;flex-direction:column;gap:.4rem}.snippet-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.snippet-card-title{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-card-desc{font-size:.79rem;color:var(--text3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.snippet-card-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.snippet-card-time{font-size:.7rem;color:var(--text3);margin-left:auto;font-family:var(--font-mono)}.snippet-card-code-preview{font-family:var(--font-mono);font-size:.72rem;color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem}.sidebar{width:228px;min-width:228px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.6rem;padding:1rem;border-bottom:1px solid var(--border)}.sidebar-logo-icon{width:28px;height:28px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.sidebar-logo-name{font-size:.9rem;font-weight:700;letter-spacing:-.02em}.sidebar-section-label{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:.5rem .75rem .25rem;font-family:var(--font-mono)}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:5px;margin:0 .375rem;font-size:.825rem;color:var(--text2);cursor:pointer;transition:background .1s,color .1s}.sidebar-item:hover{background:var(--bg3);color:var(--text)}.sidebar-item.active{background:var(--accent-dim);color:var(--accent-text);font-weight:600}.sidebar-item svg{width:14px;height:14px;flex-shrink:0;opacity:.7}.sidebar-item.active svg{opacity:1}.sidebar-add-btn{display:flex;align-items:center;gap:.375rem;padding:.3rem .75rem;margin:.125rem .375rem;font-size:.775rem;color:var(--text3);cursor:pointer;border-radius:5px;transition:all .1s;border:none;background:none;font-family:inherit}.sidebar-add-btn:hover{color:var(--accent);background:var(--accent-dim)}.sidebar-footer{margin-top:auto;padding:.625rem .75rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.sidebar-user-email{font-size:.7rem;color:var(--text3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg2);min-height:52px}.main-header h1{font-size:.9375rem;font-weight:700}.main-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.editor-layout{display:flex;flex-direction:column;height:100%}.editor-body{display:grid;grid-template-columns:280px 1fr;flex:1;overflow:hidden}.editor-meta{border-right:1px solid var(--border);padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--bg2)}.editor-code{display:flex;flex-direction:column;overflow:hidden}.editor-lang-bar{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-bottom:1px solid var(--border);background:var(--bg3)}.editor-lang-bar select{width:auto;font-size:.775rem;padding:.2rem .5rem;font-family:var(--font-mono)}.viewer-wrap{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem}.viewer-title{font-size:1.3rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.viewer-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.79rem;color:var(--text3)}.code-wrap{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:1rem}.copy-float{position:absolute;top:.5rem;right:.5rem;z-index:2}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.375rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);cursor:text;min-height:38px;transition:border-color .15s,box-shadow .15s}.tag-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #5b5bd61f}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--accent-dim);color:var(--accent-text);border-radius:4px;padding:.12rem .5rem;font-size:.72rem;font-weight:600;font-family:var(--font-mono)}.tag-chip-remove{background:none;border:none;cursor:pointer;color:inherit;line-height:1;padding:0;font-size:.8rem}.tag-chip-remove:hover{opacity:.7}.tag-field{border:none;background:transparent;outline:none;font-size:.8rem;min-width:80px;flex:1;color:var(--text);padding:.1rem .25rem;font-family:var(--font-mono)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:.75rem;color:var(--text3);text-align:center;padding:2rem}.empty-state h3{font-size:.9375rem;font-weight:600;color:var(--text2)}.loading-box{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem;width:100%;max-width:380px;box-shadow:var(--shadow-md)}.auth-card h1{font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.auth-subtitle{color:var(--text3);font-size:.84rem;margin-bottom:1.75rem}.auth-switch{text-align:center;margin-top:1.25rem;color:var(--text3);font-size:.84rem}.share-page{min-height:100vh;background:var(--bg)}.share-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg2)}.share-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.filter-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.6rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg2)}.filter-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:4px;font-size:.72rem;font-weight:500;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all .1s;font-family:var(--font-mono)}.filter-chip:hover,.filter-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-text)}.count-badge{display:inline-flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.1rem .45rem;font-size:.7rem;font-weight:600;color:var(--text3);font-family:var(--font-mono)}.divider{border:none;border-top:1px solid var(--border);margin:.75rem 0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}