/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--color-background:#fafafa;--color-surface:#fff;--color-surface-elevated:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-accent:#5eead4;--color-accent-hover:#2dd4bf;--color-accent-muted:#5eead426;--color-accent-text:#0d9488;--buddy-white-accent:#5eead4;--buddy-white-accent-text:#0d9488;--buddy-snowman-accent:#93c5fd;--buddy-snowman-accent-text:#1d4ed8;--buddy-snowman-red:#fca5a5;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-display-bg:#000;--color-display-glass:#ffffff0d;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-display:inset 0 0 20px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--mobile-width:390px;--mobile-height:844px;--header-height:56px;--safe-area-bottom:34px;--safe-area-top:47px}[data-buddy=snowman]{--color-accent:var(--buddy-snowman-accent);--color-accent-hover:#7dd3fc;--color-accent-muted:#93c5fd33;--color-accent-text:var(--buddy-snowman-accent-text)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@layer base{*{box-sizing:border-box}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:0}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}img{max-width:100%;display:block}body{overscroll-behavior:none}}@layer components{.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-6);background:var(--color-text-primary);color:var(--color-text-inverse);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-fast);min-width:200px;display:inline-flex}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-primary.accent{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);display:inline-flex}.btn-secondary:hover{background:var(--color-background);border-color:var(--color-border-strong)}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--color-accent-muted)}.status-pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-text);display:inline-flex}.status-pill.connected{color:#059669;background:#34d39926}.status-pill.searching{color:#d97706;background:#fbbf2426}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.media-card{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-background);overflow:hidden}.media-card img{object-fit:cover;width:100%;height:100%}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.page{background:var(--color-background);min-height:100vh;padding:var(--space-6);padding-top:calc(var(--safe-area-top) + var(--space-6));padding-bottom:calc(var(--safe-area-bottom) + var(--space-6))}.bottom-sheet{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-4);padding-bottom:calc(var(--safe-area-bottom) + var(--space-4));box-shadow:var(--shadow-xl);z-index:100;position:fixed;bottom:0;left:0;right:0}}@layer utilities{.animate-float{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:.3s ease-out forwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s ease-out forwards slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:scale-in .3s var(--transition-spring) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-spin-slow{animation:2s linear infinite spin}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}