.error-boundary.svelte-1k3aqik{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.error-container.svelte-1k3aqik{max-width:600px;width:100%;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:3rem 2rem}.error-icon.svelte-1k3aqik{color:#ff6b6b;margin-bottom:1.5rem;display:flex;justify-content:center}.error-container.svelte-1k3aqik h2:where(.svelte-1k3aqik){margin:0 0 1rem;font-size:1.75rem;color:var(--text-primary)}.error-message.svelte-1k3aqik{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.error-details.svelte-1k3aqik{margin:1.5rem 0;text-align:left;background:#0003;border:1px solid var(--border-color);border-radius:8px;padding:1rem}.error-details.svelte-1k3aqik summary:where(.svelte-1k3aqik){cursor:pointer;color:var(--text-secondary);font-size:.9rem;-webkit-user-select:none;user-select:none}.error-details.svelte-1k3aqik summary:where(.svelte-1k3aqik):hover{color:var(--text-primary)}.error-details.svelte-1k3aqik pre:where(.svelte-1k3aqik){margin:1rem 0 0;padding:1rem;background:#0000004d;border-radius:4px;overflow-x:auto;font-size:.85rem;color:#ff6b6b;line-height:1.4}.error-actions.svelte-1k3aqik{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.retry-btn.svelte-1k3aqik,.reload-btn.svelte-1k3aqik{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.retry-btn.svelte-1k3aqik{background:#1db954;color:#fff;border-color:#1db954}.retry-btn.svelte-1k3aqik:hover{background:#1ed760;border-color:#1ed760}.reload-btn.svelte-1k3aqik{background:var(--bg-secondary);color:var(--text-primary)}.reload-btn.svelte-1k3aqik:hover{background:#ffffff1a;border-color:var(--border-color-strong)}.theme-selector.svelte-1xjbvuj{position:relative}.theme-btn.svelte-1xjbvuj{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;border-radius:6px}.theme-btn.svelte-1xjbvuj:hover{color:var(--text-primary);background:var(--bg-secondary)}.theme-dropdown.svelte-1xjbvuj{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:.5rem;min-width:140px;z-index:1000;animation:svelte-1xjbvuj-fadeIn .15s ease-out}@keyframes svelte-1xjbvuj-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-option.svelte-1xjbvuj{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:.9rem;transition:background .15s;position:relative}.theme-option.svelte-1xjbvuj:hover{background:#4ecdc41a}.theme-option.active.svelte-1xjbvuj{background:#4ecdc426;color:#4ecdc4}.theme-option.svelte-1xjbvuj span:where(.svelte-1xjbvuj){flex:1;text-align:left}.theme-option.svelte-1xjbvuj .check-icon{color:#4ecdc4;flex-shrink:0}.share-btn.svelte-y66mmm{position:relative;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);color:#4ecdc4;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.share-btn.svelte-y66mmm:hover{background:#4ecdc433;border-color:#4ecdc480;transform:scale(1.05)}.tooltip.svelte-y66mmm{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);background:var(--bg-secondary);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;border:1px solid var(--border-color);pointer-events:none;z-index:1000}.tooltip.copied.svelte-y66mmm{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}@keyframes svelte-12qhfyh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-12qhfyh-fade-out{0%{opacity:1}to{opacity:0}}@keyframes svelte-12qhfyh-slide-from-right{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes svelte-12qhfyh-slide-to-left{0%{transform:translate(0)}to{transform:translate(-30px)}}@media (prefers-reduced-motion: no-preference){:root::view-transition-old(root){animation:90ms cubic-bezier(.4,0,1,1) both svelte-12qhfyh-fade-out,.3s cubic-bezier(.4,0,.2,1) both svelte-12qhfyh-slide-to-left}:root::view-transition-new(root){animation:.21s cubic-bezier(0,0,.2,1) 90ms both svelte-12qhfyh-fade-in,.3s cubic-bezier(.4,0,.2,1) both svelte-12qhfyh-slide-from-right}header{view-transition-name:header}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: rgba(255, 255, 255, .05);--bg-header: rgba(10, 10, 10, .95);--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .2);--gradient-start: #fff;--gradient-end: #888}:root[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: rgba(0, 0, 0, .05);--bg-header: rgba(255, 255, 255, .95);--text-primary: #0a0a0a;--text-secondary: rgba(0, 0, 0, .7);--text-tertiary: rgba(0, 0, 0, .6);--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .2);--gradient-start: #0a0a0a;--gradient-end: #555}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}header.svelte-12qhfyh{position:sticky;top:0;background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100}nav.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 2rem}.logo-section.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.logo-link.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem}.logo-icon.svelte-12qhfyh{width:32px;height:32px;object-fit:contain}nav.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin:0;font-size:1.5rem;font-weight:600}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-primary);text-decoration:none;transition:opacity .2s}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{opacity:.7}.user-status.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;padding-left:1rem;border-left:1px solid var(--border-color)}.user-status.svelte-12qhfyh .username:where(.svelte-12qhfyh){font-size:.85rem;color:var(--text-tertiary);font-weight:500}.status-badge.svelte-12qhfyh{padding:.25rem .625rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;cursor:help;transition:all .2s}.status-badge.public.svelte-12qhfyh{background:#4ecdc433;color:#4ecdc4}.status-badge.public.svelte-12qhfyh:hover{background:#4ecdc44d}.status-badge.connected.svelte-12qhfyh{background:#1db95433;color:#1db954}.status-badge.connected.svelte-12qhfyh:hover{background:#1db9544d}.nav-links.svelte-12qhfyh{display:flex;gap:2rem;align-items:center}.nav-links.svelte-12qhfyh>*:not(a[href^="/"]){margin-left:-.7rem}.icon-btn.svelte-12qhfyh{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary);text-decoration:none;border-radius:6px}.icon-btn.svelte-12qhfyh:hover{transform:scale(1.05);color:var(--text-primary);background:var(--bg-secondary)}.coffee-btn.svelte-12qhfyh{color:#4ecdc4}.coffee-btn.svelte-12qhfyh:hover{color:#45b8b0;background:#4ecdc41a}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:1.1rem;position:relative}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh):after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:#4ecdc4}.global-loading-indicator.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:16px;font-size:.85rem;color:#4ecdc4;font-weight:600}.spinner-tiny.svelte-12qhfyh{width:14px;height:14px;border:2px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:svelte-12qhfyh-spin-tiny .8s linear infinite;flex-shrink:0}@keyframes svelte-12qhfyh-spin-tiny{to{transform:rotate(360deg)}}.loading-text-compact.svelte-12qhfyh{font-size:.8rem;min-width:32px;text-align:center}main.svelte-12qhfyh{flex:1;width:100%}@media (max-width: 768px){nav.svelte-12qhfyh{padding:0 1rem}nav.svelte-12qhfyh h2:where(.svelte-12qhfyh){font-size:1.25rem}.nav-links.svelte-12qhfyh{gap:1rem}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:.9rem}}
