@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--vino-bg: #121015;--vino-surface: #18141e;--vino-surface-2: #201a27;--vino-glass: rgba(255,255,255,.04);--vino-glass-border: rgba(255,255,255,.12);--vino-text: #ece7f5;--vino-text-muted: #c9c3d8;--vino-primary: #7e2a4a;--vino-primary-2: #a0355e;--vino-accent: #c8a96b;--vino-rose: #efb2c6;--vino-focus: #e2c88c;--vino-success: #58d68d;--vino-warning: #f4d03f;--vino-danger: #ff6b6b;--vino-radius-sm: 8px;--vino-radius: 12px;--vino-radius-lg: 18px;--vino-shadow-1: 0 1px 2px rgba(0,0,0,.25);--vino-shadow-2: 0 6px 24px rgba(0,0,0,.35);--vino-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji;--vino-h1: clamp(28px, 3.2vw, 40px);--vino-h2: clamp(22px, 2.4vw, 28px);--vino-h3: clamp(18px, 2vw, 22px);--vino-body: 16px;--vino-caption: 13px;--vino-gap-1: 6px;--vino-gap-2: 10px;--vino-gap-3: 16px;--vino-gap-4: 24px}html.theme-light{--vino-bg: #faf9fc;--vino-surface: #ffffff;--vino-surface-2: #f5f0fa;--vino-glass: rgba(0,0,0,.035);--vino-glass-border: rgba(0,0,0,.08);--vino-text: #1e1728;--vino-text-muted: #534a63;--vino-primary: #8a2f53;--vino-primary-2: #b03b6b;--vino-accent: #a7823f}.vino-root{color:var(--vino-text);font-family:var(--vino-font)}.vino-container{width:min(1100px,100%);margin-inline:auto;padding-inline:var(--vino-gap-3)}.vino-row{display:flex;gap:var(--vino-gap-3);flex-wrap:wrap}.vino-col{flex:1 1 280px;min-width:240px}.transition-smooth{transition:all .24s ease}.vino-link{color:var(--vino-rose);text-decoration:none}.vino-link:hover{text-decoration:underline}.vino-heading-1{font-size:var(--vino-h1);font-weight:700;letter-spacing:.2px}.vino-heading-2{font-size:var(--vino-h2);font-weight:700;letter-spacing:.2px}.vino-heading-3{font-size:var(--vino-h3);font-weight:600;letter-spacing:.2px}.vino-body{font-size:var(--vino-body);color:var(--vino-text)}.vino-caption{font-size:var(--vino-caption);color:var(--vino-text-muted)}.vino-surface{background:var(--vino-surface);border-radius:var(--vino-radius);box-shadow:var(--vino-shadow-1)}.glass-effect{background:var(--vino-glass);border:1px solid var(--vino-glass-border);border-radius:var(--vino-radius-lg);box-shadow:var(--vino-shadow-2);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px)}.vino-card{padding:var(--vino-gap-4);background:linear-gradient(180deg,var(--vino-surface) 0%,var(--vino-surface-2) 100%);border-radius:var(--vino-radius-lg);border:1px solid rgba(255,255,255,.06)}.vino-btn{--btn-bg: var(--vino-primary);--btn-bg-hover: var(--vino-primary-2);--btn-color: #fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--vino-radius);background:var(--btn-bg);color:var(--btn-color);border:1px solid rgba(255,255,255,.08);box-shadow:0 1px #ffffff12 inset,var(--vino-shadow-1);cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;user-select:none}.vino-btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px)}.vino-btn:active{transform:translateY(0)}.vino-btn--ghost{--btn-bg: transparent;--btn-bg-hover: rgba(255,255,255,.06);--btn-color: var(--vino-text);border-color:#ffffff1f}.vino-btn--accent{--btn-bg: var(--vino-accent);--btn-bg-hover: color-mix(in oklab, var(--vino-accent) 85%, black)}.vino-input,.vino-textarea,.vino-select{width:100%;color:var(--vino-text);background:var(--vino-surface);border:1px solid rgba(255,255,255,.12);border-radius:var(--vino-radius);padding:10px 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.vino-textarea{min-height:100px;resize:vertical}.vino-select{appearance:none;background-image:none}.vino-input:focus,.vino-textarea:focus,.vino-select:focus{border-color:var(--vino-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--vino-focus) 20%,transparent)}input[type=range].vino-range{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent}input[type=range].vino-range:focus{outline:none}input[type=range].vino-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--vino-primary) 0%,var(--vino-rose) 100%)}input[type=range].vino-range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--vino-primary) 0%,var(--vino-rose) 100%)}input[type=range].vino-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-6px;width:18px;height:18px;border-radius:50%;background:var(--vino-accent);border:2px solid rgba(0,0,0,.3);box-shadow:0 0 0 3px #c8a96b33;transition:transform .12s ease}input[type=range].vino-range:active::-webkit-slider-thumb{transform:scale(1.05)}input[type=range].vino-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--vino-accent);border:2px solid rgba(0,0,0,.3)}.vino-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;font-size:var(--vino-caption);color:var(--vino-text);background:color-mix(in oklab,var(--vino-primary) 25%,transparent);border:1px solid rgba(255,255,255,.15);border-radius:999px}.vino-nav{background:linear-gradient(180deg,#00000059,#0000);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}.vino-tab{color:var(--vino-text-muted);padding:10px 14px;border-radius:var(--vino-radius)}.vino-tab[aria-current=page],.vino-tab--active{color:var(--vino-text);background:#ffffff0f;border:1px solid rgba(255,255,255,.09)}.v-gap-1{gap:var(--vino-gap-1)}.v-gap-2{gap:var(--vino-gap-2)}.v-gap-3{gap:var(--vino-gap-3)}.v-gap-4{gap:var(--vino-gap-4)}.mt-1{margin-top:var(--vino-gap-1)}.mt-2{margin-top:var(--vino-gap-2)}.mt-3{margin-top:var(--vino-gap-3)}.mt-4{margin-top:var(--vino-gap-4)}.mb-1{margin-bottom:var(--vino-gap-1)}.mb-2{margin-bottom:var(--vino-gap-2)}.mb-3{margin-bottom:var(--vino-gap-3)}.mb-4{margin-bottom:var(--vino-gap-4)}.p-2{padding:var(--vino-gap-2)}.p-3{padding:var(--vino-gap-3)}.p-4{padding:var(--vino-gap-4)}.vino-bg{min-height:100dvh;background:radial-gradient(1200px 600px at 10% -20%,rgba(126,42,74,.25),transparent 60%),radial-gradient(900px 500px at 95% 0%,rgba(200,169,107,.18),transparent 55%),radial-gradient(1200px 700px at 50% 120%,rgba(224,178,200,.12),transparent 60%),var(--vino-bg)}.vino-table{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.08);border-radius:var(--vino-radius);overflow:hidden}.vino-table th,.vino-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.vino-table tr:hover{background:#ffffff0a}.vino-toast{position:fixed;right:16px;bottom:16px;z-index:9999;padding:10px 14px;background:#000000a6;color:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.15);box-shadow:var(--vino-shadow-2)}:root{--brand: #5d0d8f;--font-size: 14px;--background: #1A1A1A;--foreground: #ffffff;--card: #2A2A2A;--card-foreground: #ffffff;--popover: #2A2A2A;--popover-foreground: #ffffff;--primary: #6E0DAC;--primary-foreground: #ffffff;--secondary: #3A3A3A;--secondary-foreground: #ffffff;--muted: #3A3A3A;--muted-foreground: #A1A1A1;--accent: #FFD700;--accent-foreground: #1A1A1A;--destructive: #B1457A;--destructive-foreground: #ffffff;--border: rgba(255, 255, 255, .1);--input: rgba(255, 255, 255, .05);--input-background: rgba(255, 255, 255, .05);--switch-background: #4A4A4A;--ring: #6E0DAC;--chart-1: #6E0DAC;--chart-2: #B1457A;--chart-3: #FFD700;--chart-4: #8A2BE2;--chart-5: #34C759;--radius: .625rem;--sidebar: #2A2A2A;--sidebar-foreground: #ffffff;--sidebar-primary: #6E0DAC;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #3A3A3A;--sidebar-accent-foreground: #ffffff;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-ring: #6E0DAC;--vino-primary-purple: #6E0DAC;--vino-wine-red: #B1457A;--vino-accent-gold: #FFD700;--vino-success-green: #34C759;--vino-surface-glass: rgba(255, 255, 255, .1);--vino-font-heading: "Playfair Display", Georgia, serif;--vino-font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--vino-heading-1: 32px;--vino-heading-2: 24px;--vino-heading-3: 20px;--vino-body: 16px;--vino-caption: 12px;--vino-weight-regular: 400;--vino-weight-medium: 500;--vino-weight-semibold: 600;--vino-weight-bold: 700;--vino-leading-tight: 1.2;--vino-leading-normal: 1.3;--vino-leading-relaxed: 1.5;--vino-leading-loose: 1.4;--transition-duration: .3s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-input-background: var(--input-background);--color-switch-background: var(--switch-background);--color-ring: var(--ring);--color-chart-1: var(--chart-1);--color-chart-2: var(--chart-2);--color-chart-3: var(--chart-3);--color-chart-4: var(--chart-4);--color-chart-5: var(--chart-5);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-primary: var(--sidebar-primary);--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);--color-sidebar-ring: var(--sidebar-ring);--color-vino-primary: var(--vino-primary-purple);--color-vino-wine: var(--vino-wine-red);--color-vino-gold: var(--vino-accent-gold);--color-vino-success: var(--vino-success-green);--color-vino-glass: var(--vino-surface-glass)}:root{--bg: var(--background);--surface: var(--card);--surface-2: var(--popover);--text: var(--foreground);--brand: var(--vino-primary-purple);--brand-2: #b794f4}.dark{--background: #1A1A1A;--foreground: #ffffff;--card: #2A2A2A;--card-foreground: #ffffff;--popover: #2A2A2A;--popover-foreground: #ffffff;--primary: #6E0DAC;--primary-foreground: #ffffff;--secondary: #3A3A3A;--secondary-foreground: #ffffff;--muted: #3A3A3A;--muted-foreground: #A1A1A1;--accent: #FFD700;--accent-foreground: #1A1A1A;--destructive: #B1457A;--destructive-foreground: #ffffff;--border: rgba(255, 255, 255, .1);--input: rgba(255, 255, 255, .05);--ring: #6E0DAC;--chart-1: #6E0DAC;--chart-2: #B1457A;--chart-3: #FFD700;--chart-4: #8A2BE2;--chart-5: #34C759;--sidebar: #2A2A2A;--sidebar-foreground: #ffffff;--sidebar-primary: #6E0DAC;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #3A3A3A;--sidebar-accent-foreground: #ffffff;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-ring: #6E0DAC;--vino-surface-glass: rgba(255, 255, 255, .05)}:root{--bg:#0d0b10;--panel:#1b1622;--text:#ece8f1;--brand:#7c4dff;--muted:#9a94a6;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.btn{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:.5rem .8rem;cursor:pointer}input,textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:#120f17;color:var(--text);margin:.35rem 0}label{display:block;margin:.6rem 0}section{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1rem;margin:1rem auto;max-width:960px}:root{color-scheme:light dark}body{margin:0;font-family:system-ui,Arial,sans-serif}*{border-color:var(--border);outline-color:var(--ring);outline-color:color-mix(in srgb,var(--ring) 50%,transparent)}body{background-color:var(--background);color:var(--foreground);font-family:var(--vino-font-body)}h1{font-size:var(--vino-heading-1);font-weight:var(--vino-weight-bold);line-height:var(--vino-leading-tight);font-family:var(--vino-font-heading)}h2{font-size:var(--vino-heading-2);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-normal);font-family:var(--vino-font-heading)}h3{font-size:var(--vino-heading-3);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-normal);font-family:var(--vino-font-heading)}h4{font-size:var(--vino-body);font-weight:var(--vino-weight-medium);line-height:var(--vino-leading-relaxed);font-family:var(--vino-font-body)}p,label,button,input{font-size:var(--vino-body);line-height:var(--vino-leading-relaxed);font-family:var(--vino-font-body)}p,input{font-weight:var(--vino-weight-regular)}label,button{font-weight:var(--vino-weight-medium)}.vino-heading-1{font-family:var(--vino-font-heading);font-size:var(--vino-heading-1);font-weight:var(--vino-weight-bold);line-height:var(--vino-leading-tight);letter-spacing:-.02em}.vino-heading-2{font-family:var(--vino-font-heading);font-size:var(--vino-heading-2);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-normal);letter-spacing:-.01em}.vino-heading-3{font-family:var(--vino-font-heading);font-size:var(--vino-heading-3);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-normal);letter-spacing:-.01em}.vino-body{font-family:var(--vino-font-body);font-size:var(--vino-body);font-weight:var(--vino-weight-regular);line-height:var(--vino-leading-relaxed)}.vino-caption{font-family:var(--vino-font-body);font-size:var(--vino-caption);font-weight:var(--vino-weight-regular);line-height:var(--vino-leading-loose);letter-spacing:.01em}.vino-body-medium{font-family:var(--vino-font-body);font-size:var(--vino-body);font-weight:var(--vino-weight-medium);line-height:var(--vino-leading-relaxed)}.vino-body-semibold{font-family:var(--vino-font-body);font-size:var(--vino-body);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-relaxed)}.vino-caption-medium{font-family:var(--vino-font-body);font-size:var(--vino-caption);font-weight:var(--vino-weight-medium);line-height:var(--vino-leading-loose);letter-spacing:.01em}.mobile-frame{width:390px;height:844px;border-radius:40px;background:var(--color-background);overflow:hidden;position:relative;border:4px solid var(--color-border);box-shadow:0 20px 60px #00000080}.glass-effect{background:var(--color-vino-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border)}.scan-animation{animation:scan 2s infinite}.transition-smooth{transition:all var(--transition-duration) var(--transition-timing)}.transition-opacity{transition:opacity var(--transition-duration) var(--transition-timing)}.transition-transform{transition:transform var(--transition-duration) var(--transition-timing)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-duration) var(--transition-timing),transform var(--transition-duration) var(--transition-timing)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--transition-duration) var(--transition-timing),transform var(--transition-duration) var(--transition-timing)}.share-menu-enter{opacity:0;transform:scale(.95) translateY(-10px)}.share-menu-enter-active{opacity:1;transform:scale(1) translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.share-menu-exit{opacity:1;transform:scale(1) translateY(0)}.share-menu-exit-active{opacity:0;transform:scale(.95) translateY(-10px);transition:opacity .15s ease-in,transform .15s ease-in}@keyframes scan{0%,to{transform:translateY(-10px);opacity:.3}50%{transform:translateY(10px);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.animate-fade-in-up{animation:fadeInUp var(--transition-duration) var(--transition-timing)}.animate-fade-out-down{animation:fadeOutDown var(--transition-duration) var(--transition-timing)}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.tap-scale{transition:transform .1s ease-out}.tap-scale:active{transform:scale(.98)}.vino-logo{filter:drop-shadow(0 4px 20px rgba(110,13,172,.3));transition:transform var(--transition-duration) var(--transition-timing),filter var(--transition-duration) var(--transition-timing)}.vino-logo:hover{transform:scale(1.05);filter:drop-shadow(0 8px 30px rgba(110,13,172,.4))}.vino-logo-text{background:linear-gradient(135deg,gold,#6e0dac,#b1457a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html{font-size:var(--font-size)}@media(prefers-contrast:high){.vino-body{color:#000;background-color:#fff}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.bg-white\/5{background-color:#ffffff0d!important}.bg-white\/10{background-color:#ffffff1a!important}.hover\:bg-white\/5:hover{background-color:#ffffff0d!important}.hover\:bg-white\/10:hover{background-color:#ffffff1a!important}.hover\:bg-white\/20:hover{background-color:#fff3!important}.border{border-width:1px;border-style:solid;border-color:var(--border, rgba(255,255,255,.1))}.border-white\/10{border-color:#ffffff1a!important}.border-white\/15{border-color:#ffffff26!important}.border-white\/20{border-color:#fff3!important}.text-white{color:#fff!important}.text-white\/90{color:#ffffffe6!important}.placeholder-white\/50::placeholder{color:#ffffff80!important}.placeholder-white\/40::placeholder{color:#fff6!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-full{border-radius:9999px!important}.bg-\[\#6E0DAC\]{background-color:#6e0dac!important}@layer utilities{.vino-heading-1{font-family:var(--vino-font-heading);font-size:var(--vino-heading-1);font-weight:var(--vino-weight-bold);line-height:var(--vino-leading-tight);letter-spacing:-.02em}.vino-heading-2{font-family:var(--vino-font-heading);font-size:var(--vino-heading-2);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-normal);letter-spacing:-.01em}.vino-heading-3{font-family:var(--vino-font-heading);font-size:var(--vino-heading-3);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-normal);letter-spacing:-.01em}.vino-body{font-family:var(--vino-font-body);font-size:var(--vino-body);font-weight:var(--vino-weight-regular);line-height:var(--vino-leading-relaxed)}.vino-body-medium{font-family:var(--vino-font-body);font-size:var(--vino-body);font-weight:var(--vino-weight-medium);line-height:var(--vino-leading-relaxed)}.vino-body-semibold{font-family:var(--vino-font-body);font-size:var(--vino-body);font-weight:var(--vino-weight-semibold);line-height:var(--vino-leading-relaxed)}.vino-caption{font-family:var(--vino-font-body);font-size:var(--vino-caption);font-weight:var(--vino-weight-regular);line-height:var(--vino-leading-loose);letter-spacing:.01em}.vino-caption-medium{font-family:var(--vino-font-body);font-size:var(--vino-caption);font-weight:var(--vino-weight-medium);line-height:var(--vino-leading-loose);letter-spacing:.01em}.glass-effect{backdrop-filter:blur(8px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.75rem}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.tap-scale:active{transform:scale(.98)}}:root{--brand-color: #6b5b95}:root{--brand: var(--brand-color, #7c3aed);--surface: #16121f;--surface-2: #1e182a;--card: #1a1526;--text: #e9e6f2;--muted: #b7b0c8;--border: rgba(255, 255, 255, .12)}.light{color-scheme:light;--surface: #ffffff;--surface-2: #f6f6fb;--card: #ffffff;--text: #1e1b2e;--muted: #6b647f;--border: rgba(0, 0, 0, .12)}html,body{height:100%}@layer components{.app-shell{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:linear-gradient(180deg,var(--surface),transparent);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand-icon{width:28px;height:28px;border-radius:8px}.topbar-actions{display:flex;gap:8px}.content{padding:16px;max-width:900px;margin:0 auto;width:100%}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:12px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,var(--brand),#5b21b6);border-color:#5b21b6}.btn.ghost{background:transparent}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin:16px 0;box-shadow:0 8px 30px #00000040}.card-media{background-size:cover;background-position:center;height:280px}.card-body{padding:14px 16px;display:grid;gap:6px}.profile-card{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin-bottom:16px}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--brand)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-tile{aspect-ratio:1/1;border-radius:14px;background:var(--surface-2);border:1px dashed var(--border)}.hero-media{width:100%;border-radius:18px;border:1px solid var(--border);margin:10px 0}.screen{display:block}.screen-title{font-size:22px;margin:8px 0 16px}.tabbar{position:sticky;bottom:0;background:#120d18e6;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);backdrop-filter:blur(6px)}.tab{display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px;font-size:12px;color:var(--muted)}.tab-icon{font-size:18px}.tab:hover{color:var(--text)}}.app{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#120f17;border-bottom:1px solid var(--border)}.brand{font-weight:700}.app-nav{display:flex;gap:1rem;justify-content:center;padding:.5rem;border-bottom:1px solid var(--border);background:#120f17}.app-nav a{padding:.4rem .6rem;border-radius:10px}.app-nav a.active{background:var(--brand);color:#fff}.app-main{flex:1;padding:1rem}a{color:var(--brand)}button{background:var(--brand);color:#d8d3d3;border:0;padding:.6rem 1rem;border-radius:.5rem}