@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/vendor/fonts/inter-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/static/vendor/fonts/jetbrains-mono-variable.woff2) format("woff2")}:root{--bg:#fff;--fg:;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--muted:;--muted-light:;--border:#eaeaea;--border-hover:;--link:f3;--error:#e00;--error-light:#fff0f0;--warning:#f5a623;--warning-light:#fff8e6;--success:f3;--success-light:#ebf5ff;--gray-100:#fafafa;--gray-200:#eaeaea;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:;--gray-600:;--gray-700:;--gray-800:;--gray-900:;--alpha-100:rgba(0,0,0,.05);--alpha-200:rgba(0,0,0,.1);--radius:6px;--radius-sm:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-base:14px;--font-lg:16px;--font-xl:18px;--font-2xl:24px;--modal-max-sm:440px;--modal-max-md:640px;--modal-max-lg:900px;--sidebar-width:256px;--header-height:64px;--page-width:1400px;--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--shadow-ring:0 0 0 1px var(--border);--shadow-menu:0 0 0 1px var(--border),0 4px 12px rgba(0,0,0,.08);--shadow-modal:0 0 0 1px var(--border),0 16px 70px rgba(0,0,0,.15);--card:#fff;--badge-success:#16a34a;--badge-info:eb;--badge-danger:#dc2626;--on-brand:#fff;--transition-fast:.15s ease;--transition-base:.2s ease;--z-sidebar:100;--z-header:200;--z-dropdown:300;--z-modal:400;--z-toast:500;--z-command:600}html[data-theme=dark]{--bg:#0a0a0a;--fg:#ededed;--bg-secondary:;--bg-tertiary:#1a1a1a;--muted:;--muted-light:#5a5a5a;--border:;--border-hover:;--link:ff;--error:#f33;--error-light:#2a0000;--warning-light:#2a1f00;--success-light:a3a;--gray-100:;--gray-200:;--gray-300:;--gray-400:;--gray-500:;--gray-600:;--gray-700:#b4b4b4;--gray-800:#d4d4d4;--gray-900:#ededed;--alpha-100:rgba(255,255,255,.06);--alpha-200:rgba(255,255,255,.1);--shadow-ring:0 0 0 1px var(--border);--shadow-menu:0 0 0 1px var(--border),0 4px 12px rgba(0,0,0,.4);--shadow-modal:0 0 0 1px var(--border),0 16px 70px rgba(0,0,0,.6);--card:#1a1a1a;--badge-success:#22c55e;--badge-info:#3b82f6;--badge-danger:#ef4444;--on-brand:#fff}@media(prefers-color-scheme:dark){html[data-theme=system],html:not([data-theme]){--bg:#0a0a0a;--fg:#ededed;--bg-secondary:;--bg-tertiary:#1a1a1a;--muted:;--muted-light:#5a5a5a;--border:;--border-hover:;--link:ff;--error:#f33;--error-light:#2a0000;--warning-light:#2a1f00;--success-light:a3a;--gray-100:;--gray-200:;--gray-300:;--gray-400:;--gray-500:;--gray-600:;--gray-700:#b4b4b4;--gray-800:#d4d4d4;--gray-900:#ededed;--alpha-100:rgba(255,255,255,.06);--alpha-200:rgba(255,255,255,.1);--shadow-ring:0 0 0 1px var(--border);--shadow-menu:0 0 0 1px var(--border),0 4px 12px rgba(0,0,0,.4);--shadow-modal:0 0 0 1px var(--border),0 16px 70px rgba(0,0,0,.6);--card:#1a1a1a;--badge-success:#22c55e;--badge-info:#3b82f6;--badge-danger:#ef4444;--on-brand:#fff}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--fg);background:var(--bg);min-height:100vh}code,pre{font-family:var(--font-mono)}code{font-size:.875em;background:var(--alpha-100);padding:2px 6px;border-radius:var(--radius-sm)}pre{font-size:13px;background:var(--bg-secondary);padding:16px;border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow-ring)}pre code{background:none;padding:0}img{display:block;max-width:100%}.sidebar svg,.modal svg,.toast svg,.command-palette svg,.empty-state svg,.btn-icon svg{display:inline-block}hr{border:none;border-top:1px solid var(--border);margin:24px 0}::selection{background:var(--link);color:#fff}.text-display{font-size:36px;font-weight:700;letter-spacing:-.02em}h1,.text-h1{font-size:24px;font-weight:600;letter-spacing:-.02em}h2,.text-h2{font-size:20px;font-weight:600}h3,.text-h3{font-size:16px;font-weight:600}.text-small,small{font-size:13px}.text-caption{font-size:12px;color:var(--muted)}.text-muted{color:var(--muted)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-center{text-align:center}.text-right{text-align:right}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:var(--z-sidebar);overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:12px;height:var(--header-height);padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-body{flex:1;padding:8px;overflow-y:auto}.sidebar-footer{padding:8px;border-top:1px solid var(--border);flex-shrink:0}.sidebar-legal{display:flex;flex-wrap:wrap;gap:4px 10px;padding:8px 12px 2px}.sidebar-legal a{font-size:11px;color:var(--muted);text-decoration:none;transition:color var(--transition-fast)}.sidebar-legal a:hover{color:var(--fg)}.sidebar-section-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 4px}.sidebar-item{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:14px;color:var(--muted);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--alpha-100);color:var(--fg)}.sidebar-item.active{background:var(--alpha-200);color:var(--fg);font-weight:500}.sidebar-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.sidebar-item.active svg{opacity:1}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:4px 12px}.nav-page-row{display:flex;align-items:center}.nav-page-row .sidebar-item{flex:1}.nav-page-expand{display:flex;align-items:center;justify-content:center;width:28px;height:36px;border:none;background:none;cursor:pointer;padding:0;color:var(--muted);border-radius:var(--radius);transition:background var(--transition-fast);opacity:.5}.nav-page-expand:hover{background:var(--alpha-100);opacity:1}.nav-popover{position:relative}.nav-popover:not([open])>.nav-popover-panel{display:none}.nav-popover-panel{position:absolute;left:8px;right:8px;bottom:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-modal);z-index:var(--z-modal);max-height:60vh;overflow-y:auto}.nav-popover-header{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.nav-popover-back{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;color:var(--muted);border-radius:var(--radius);padding:0;transition:background var(--transition-fast)}.nav-popover-back:hover{background:var(--alpha-100);color:var(--fg)}.nav-popover-title{color:var(--fg);text-decoration:none;transition:color var(--transition-fast)}.nav-popover-title:hover{color:var(--accent)}.nav-popover-list{padding:4px 0}.nav-popover-item{display:flex;align-items:center}.nav-popover-link{flex:1;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:13px;color:var(--muted);text-decoration:none;border-radius:var(--radius);transition:all var(--transition-fast)}.nav-popover-link:hover{background:var(--alpha-100);color:var(--fg)}.nav-popover-drill{display:flex;align-items:center;justify-content:center;width:24px;height:32px;border:none;background:none;cursor:pointer;color:var(--muted);padding:0;opacity:.5;transition:opacity var(--transition-fast)}.nav-popover-drill:hover{opacity:1}.nav-popover-empty{padding:12px;font-size:13px;color:var(--muted);text-align:center}.main{margin-left:var(--sidebar-width);min-height:100vh}.page-header{position:sticky;top:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--border);z-index:var(--z-header)}.page-body{padding:24px;max-width:var(--page-width)}.d-none{display:none}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-inline-flex{display:inline-flex}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-col-span-all{grid-column:1/-1}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.p-0{padding:0}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.ml-auto{margin-left:auto}.w-full{width:100%}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.border{box-shadow:var(--shadow-ring)}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:769px){.hide-desktop{display:none!important}}@media(max-width:768px){.hide-mobile{display:none!important}.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-modal)}.main{margin-left:0}.page-body{padding:16px}.toast-container{left:16px;right:16px}.toast{min-width:auto;max-width:100%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}html{scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.container{max-width:var(--page-width);margin:0 auto;padding:0 16px}.skip-link{position:fixed;top:0;left:0;background:var(--primary);color:#fff;padding:.75rem 1rem;font-weight:600;text-decoration:none;border-radius:0 0 var(--radius) 0;z-index:9999;clip-path:inset(50%);clip:rect(0 0 0 0);transform:translateY(-100%);transition:transform .15s,clip-path .15s}.skip-link:focus{clip-path:none;clip:auto;transform:translateY(0);outline:3px solid var(--link);outline-offset:-3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;font-family:var(--font-sans);font-size:14px;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{height:32px;padding:0 12px;background:var(--fg);color:var(--bg)}.btn-primary:hover{opacity:.85}.btn-secondary{height:40px;padding:0 16px;background:var(--bg);color:var(--fg);box-shadow:var(--shadow-ring)}.btn-secondary:hover{background:var(--bg-secondary);box-shadow:0 0 0 1px var(--border-hover)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--alpha-100);color:var(--fg)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-icon{width:36px;height:36px;padding:0;background:transparent;color:var(--muted);border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--alpha-100);color:var(--fg)}.btn-sm{height:28px;padding:0 8px;font-size:13px}.btn-lg{height:44px;padding:0 20px}.btn-block{width:100%}.input,.select,.textarea{display:block;width:100%;height:40px;padding:0 12px;font-family:var(--font-sans);font-size:14px;color:var(--fg);background:var(--bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-ring);transition:box-shadow var(--transition-fast);outline:none}.input:hover,.select:hover,.textarea:hover{box-shadow:0 0 0 1px var(--border-hover)}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 2px var(--link)}.input::placeholder{color:var(--gray-500)}.input.error{box-shadow:0 0 0 1px var(--error)}.textarea{height:auto;min-height:80px;padding:8px 12px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.toggle{position:relative;display:inline-flex;width:44px;height:24px;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;border:none;padding:0;transition:background var(--transition-fast)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 1px 3px #00000026}.toggle.active,.toggle[aria-checked=true]{background:var(--fg)}.toggle.active:after,.toggle[aria-checked=true]:after{transform:translate(20px)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500}.form-hint{font-size:12px;color:var(--muted);font-weight:400}.form-error{font-size:12px;color:var(--error)}.field-error{font-size:12px;color:var(--error);margin:4px 0 0}input[aria-invalid=true],.select[aria-invalid=true]{box-shadow:0 0 0 1px var(--error)}.signup-step-heading{font-size:16px;font-weight:600;margin:0 0 12px;outline:none}.signup-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;cursor:pointer;margin-bottom:8px}.signup-consent input{margin-top:2px;flex-shrink:0}.signup-check-icon{display:flex;justify-content:center;color:var(--link);margin-bottom:8px}.legal-license{white-space:pre-wrap;font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;line-height:1.5;color:var(--muted);overflow-x:auto}.envelope-actions{display:flex;flex-wrap:wrap;gap:8px}.alert{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:var(--radius);font-size:14px}.alert-error{background:var(--error-light);color:var(--error)}.alert-success{background:var(--success-light);color:var(--success)}.alert-dismiss{flex-shrink:0;margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;font-size:16px;line-height:1;padding:0}.alert-dismiss:hover{opacity:1}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:500;border-radius:var(--radius-full);background:var(--alpha-100);white-space:nowrap}.badge-primary{background:var(--fg);color:var(--bg)}.badge-success{background:var(--success-light);color:var(--success)}.badge-error{background:var(--error-light);color:var(--error)}.badge-warning{background:var(--warning-light);color:var(--warning)}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-ring);overflow:hidden}.card-section{padding:24px;border-bottom:1px solid var(--border)}.card-section:last-child{border-bottom:none}.card-header{padding:24px;border-bottom:1px solid var(--border)}.card-body{padding:24px}.card-footer{padding:12px 24px;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px}.card-footer .card-footer-hint{font-size:13px;color:var(--muted)}.card-footer .card-footer-actions{display:flex;gap:8px;margin-left:auto}.settings-card{margin-bottom:24px}.settings-card .card-body h3{font-size:20px;font-weight:600;margin-bottom:8px}.settings-card .card-body p.desc{font-size:14px;color:var(--muted);margin-bottom:20px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:13px;font-weight:500;color:var(--muted);height:44px;padding:0 16px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{height:56px;padding:0 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover td{background:var(--alpha-100)}.table-user{display:flex;align-items:center;gap:12px}.table-user-info{display:flex;flex-direction:column}.table-user-name{font-weight:500;font-size:14px}.table-user-email{font-size:13px;color:var(--muted)}.table-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.table-dots{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);cursor:pointer;color:var(--muted);background:none;border:none;transition:background var(--transition-fast)}.table-dots:hover{background:var(--alpha-100);color:var(--fg)}.table-select-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border)}.table-filters{display:flex;align-items:center;gap:8px;padding:12px 0;flex-wrap:wrap}.table-filter-search{flex:1;min-width:200px;height:36px;padding:0 12px 0 36px;font-size:14px;background:var(--bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-ring);outline:none;color:var(--fg);position:relative}.table-filter-search:focus{box-shadow:0 0 0 2px var(--link)}.table-filter-select{height:36px;padding:0 32px 0 12px;font-size:13px;font-weight:500;background:var(--bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-ring);color:var(--fg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{display:inline-flex;align-items:center;gap:6px;padding:0 16px;height:44px;font-size:14px;font-weight:400;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);text-decoration:none;white-space:nowrap}.tab:hover{color:var(--fg);text-decoration:none}.tab.active,.tab[aria-selected=true]{color:var(--fg);font-weight:500;border-bottom-color:var(--fg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-icon{width:48px;height:48px;margin-bottom:16px;color:var(--gray-500)}.empty-state-title{font-size:16px;font-weight:600;margin-bottom:4px}.empty-state-description{font-size:14px;color:var(--muted);margin-bottom:24px;max-width:360px}.empty-state-actions{display:flex;gap:8px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gray-200);color:var(--muted);font-size:13px;font-weight:600;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px;font-size:11px}.avatar-lg{width:40px;height:40px;font-size:15px}.avatar-xl{width:64px;height:64px;font-size:22px}.menu{position:absolute;min-width:180px;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu);padding:4px;z-index:var(--z-dropdown)}.menu-item{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:14px;color:var(--fg);border-radius:var(--radius);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background var(--transition-fast)}.menu-item:hover{background:var(--alpha-100)}.menu-item-danger{color:var(--error)}.menu-separator{height:1px;background:var(--border);margin:4px 0}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--fg);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius);height:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-container{max-width:1100px;margin:0 auto}.mobile-menu-toggle{position:fixed;top:12px;left:12px;z-index:calc(var(--z-sidebar) + 1);width:40px;height:40px;display:none;align-items:center;justify-content:center;background:var(--bg);color:var(--fg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-ring);cursor:pointer;transition:background var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--alpha-100)}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-sidebar) - 1);display:none;opacity:0;transition:opacity .2s}@media(max-width:768px){.mobile-menu-toggle{display:inline-flex}.page-body{padding-top:60px}.sidebar.open~.sidebar-backdrop{display:block;opacity:1}.sidebar-close{display:inline-flex}.sidebar-item,.tab{height:44px}}.sidebar-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;background:transparent;border:none;color:var(--muted);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-close:hover{background:var(--alpha-100);color:var(--fg)}.page-container h1{overflow-wrap:anywhere}.page-breadcrumb{font-size:13px;color:var(--muted);margin:4px 0 0}.page-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0;align-items:center}.page-breadcrumb li{display:inline-flex;align-items:center}.page-breadcrumb li+li:before{content:"";display:inline-block;width:12px;height:12px;margin:0 2px;flex-shrink:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 4l4 4-4 4'/></svg>");background-repeat:no-repeat;background-position:center;background-size:contain}.page-breadcrumb a{color:var(--muted);text-decoration:none;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.page-breadcrumb a:hover{color:var(--fg);background:var(--alpha-100)}.page-breadcrumb [aria-current=page]{color:var(--fg);font-weight:500;padding:2px 6px}.page-meta{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.875rem}.prose{max-width:72ch;line-height:1.75;color:var(--fg)}.prose h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;line-height:1.2}.prose h2{font-size:1.5rem;font-weight:600;margin:1.75rem 0 .75rem;line-height:1.3;border-bottom:1px solid var(--border);padding-bottom:.3rem}.prose h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .5rem;line-height:1.4}.prose h4{font-size:1.1rem;font-weight:600;margin:1.25rem 0 .5rem}.prose h5,.prose h6{font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.prose p{margin:0 0 1rem}.prose a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.prose a:hover{opacity:.8}.prose strong{font-weight:600}.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.5rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:.25rem}.prose li>ul,.prose li>ol{margin:.25rem 0 0}.prose blockquote{margin:0 0 1rem;padding:.5rem 1rem;border-left:3px solid var(--border);color:var(--muted);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.875em;padding:.15em .35em;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.prose pre{margin:0 0 1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.prose pre code{padding:0;background:none;border:none;font-size:.875rem;line-height:1.6}.prose img{max-width:100%;height:auto;border-radius:var(--radius);margin:.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:0 0 1rem}.prose th,.prose td{padding:.5rem .75rem;border:1px solid var(--border);text-align:left;font-size:.875rem}.prose th{font-weight:600;background:var(--bg-secondary)}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.spark-line{width:100%;height:100%}.spark-line polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spark-line .spark-area{opacity:.08}.hover-bg:hover{background:var(--alpha-100)}.hover-shadow:hover{box-shadow:0 0 0 1px var(--border-hover)}.hover-fg:hover{color:var(--fg)}.share-popover-wrap{position:relative;flex-shrink:0}.share-popover{position:absolute;right:0;top:calc(100% + 4px);min-width:380px;max-width:520px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #00000014;padding:8px;z-index:50}.share-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:calc(var(--radius) - 2px)}.share-row:hover{background:var(--bg-secondary)}.share-row+.share-row{margin-top:2px}.share-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;width:36px;flex-shrink:0;cursor:help}.share-value{flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--fg);background:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-hint{font-size:11px;color:var(--muted);padding:8px 8px 4px;line-height:1.4}.share-copied{color:var(--success,#0a7d3b)!important}button:disabled,.menu-item:disabled,.sidebar-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dynamic-request:disabled,.dynamic-request button:disabled,.dynamic-request [type=submit]:disabled,.dynamic-request input:disabled,button.dynamic-request:disabled,.menu-item.dynamic-request:disabled,.sidebar-item.dynamic-request:disabled{cursor:progress}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{--mp-primary:var(--brand-primary);--mp-accent:var(--brand-accent);--mp-font:var(--brand-font);--mp-primary-soft:color-mix(in srgb, var(--mp-primary) 10%, var(--bg));--mp-primary-dark:color-mix(in srgb, var(--mp-primary) 80%, );--mp-primary-strong:var(--mp-primary);--mp-primary-glow:transparent;--mp-hero-accent:color-mix(in srgb, var(--mp-accent) 78%, )}html[data-theme=dark] body.marketplace,html[data-theme=dark]{--mp-primary-strong:color-mix(in srgb, var(--mp-primary) 60%, #fff);--mp-primary-glow:color-mix(in srgb, var(--mp-primary) 18%, transparent);--mp-hero-accent:color-mix(in srgb, var(--mp-accent) 82%, #fff)}@media(prefers-color-scheme:dark){html[data-theme=system],html:not([data-theme]){--mp-primary-strong:color-mix(in srgb, var(--mp-primary) 60%, #fff);--mp-primary-glow:color-mix(in srgb, var(--mp-primary) 18%, transparent);--mp-hero-accent:color-mix(in srgb, var(--mp-accent) 82%, #fff)}}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body.marketplace{font-family:var(--mp-font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.mp-container{max-width:1200px;margin:0 auto;padding:0 2rem}.mp-nav-item{text-decoration:none;color:var(--muted);padding:.85rem .75rem;transition:color .2s;position:relative}.mp-nav-item:hover{color:var(--fg)}.mp-nav-active{color:var(--mp-primary-strong)!important;font-weight:700}.mp-nav-active:after{content:"";position:absolute;bottom:0;left:.75rem;right:.75rem;height:2px;background:var(--mp-primary);border-radius:1px}#page-content{transition:opacity .15s ease}.chip{display:inline-block;padding:.3rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--muted);white-space:nowrap;text-decoration:none;transition:all .15s;cursor:pointer}.chip:hover{border-color:var(--mp-primary);color:var(--mp-primary-strong)}.chip.active{background:var(--mp-primary);color:var(--on-brand);border-color:var(--mp-primary)}.mp-card{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none;display:block;color:inherit}.mp-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px color-mix(in srgb,var(--mp-primary) 12%,transparent);border-color:var(--mp-primary-strong)}.mp-hero-label{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:20px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;background:var(--mp-primary-soft);color:var(--mp-primary-strong);border:1px solid color-mix(in srgb,var(--mp-primary) 30%,transparent);margin-bottom:1.25rem}.mp-accent{color:var(--mp-primary-strong)}.mp-hero-accent{color:var(--mp-hero-accent)}.mp-hero-search{color:var(--fg)}.mp-hero-search::placeholder{color:var(--muted)}.mp-badge{padding:.15rem .45rem;border-radius:3px;font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.mp-badge-purple{background:var(--mp-primary);color:var(--on-brand)}.mp-badge-gold{background:var(--mp-accent);color:var(--fg)}.mp-badge-green{background:var(--badge-success);color:var(--on-brand)}.mp-badge-blue{background:var(--badge-info);color:var(--on-brand)}.mp-badge-red{background:var(--badge-danger);color:var(--on-brand)}.mp-section-title{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:var(--mp-primary-strong);white-space:nowrap}.mp-search-layout{display:grid;grid-template-columns:260px 1fr;gap:0;max-width:1200px;margin:0 auto;min-height:60vh}.mp-sidebar{border-right:1px solid var(--border);padding:1rem 1.25rem 2rem 2rem;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;scrollbar-width:thin;background:var(--bg)}.mp-sidebar-group{border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.75rem}.mp-sidebar-group:last-child{border-bottom:none}.mp-sidebar-group summary{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-light);cursor:pointer;padding:.4rem 0;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none}.mp-sidebar-group summary:after{content:"";width:6px;height:6px;border-right:1.5px solid var(--muted-light);border-bottom:1.5px solid var(--muted-light);transform:rotate(45deg);transition:transform .2s}.mp-sidebar-group[open] summary:after{transform:rotate(-135deg)}.mp-filter-list{display:flex;flex-direction:column;gap:.15rem;padding-top:.35rem}.mp-filter-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:6px;font-size:.73rem;font-weight:500;color:var(--muted);text-decoration:none;transition:all .12s;cursor:pointer}.mp-filter-item:hover{background:var(--mp-primary-soft);color:var(--mp-primary-strong)}.mp-filter-item.active{background:var(--mp-primary);color:var(--on-brand);font-weight:600}.mp-filter-count{margin-left:auto;font-size:.6rem;opacity:.5;font-weight:400}.mp-filter-item.active .mp-filter-count{opacity:.7}.mp-filter-search{width:100%;border:1px solid var(--border);border-radius:5px;padding:.3rem .5rem;font-size:.7rem;font-family:inherit;margin-bottom:.3rem;outline:none;transition:border-color .15s;background:var(--card);color:var(--fg)}.mp-filter-search::placeholder{color:var(--muted)}.mp-filter-search:focus{border-color:var(--mp-primary)}.mp-filter-overflow{display:none}.mp-filter-overflow.open{display:flex;flex-direction:column;gap:.15rem}.mp-show-more{font-size:.65rem;color:var(--mp-primary-strong);font-weight:600;cursor:pointer;padding:.25rem .5rem;background:none;border:none;text-align:left;font-family:inherit}.mp-show-more:hover{text-decoration:underline}.mp-active-pills{display:flex;gap:.35rem;flex-wrap:wrap;padding:.5rem 0}.mp-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem .2rem .6rem;border-radius:20px;font-size:.65rem;font-weight:600;background:var(--mp-primary-soft);color:var(--mp-primary-strong);text-decoration:none;transition:all .15s}.mp-pill:hover{background:var(--mp-primary);color:var(--on-brand)}.mp-pill svg{width:10px;height:10px;opacity:.6}.mp-filter-toggle{display:none;align-items:center;gap:.3rem;padding:.4rem .8rem;border-radius:6px;font-size:.78rem;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;font-family:inherit}.mp-sidebar-overlay{display:none}.mp-top-search{flex:1;max-width:360px;position:relative}.mp-top-search input{width:100%;border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem .35rem 2rem;font-size:.8rem;font-family:inherit;background:var(--card);color:var(--fg);transition:all .15s;outline:none}.mp-top-search input::placeholder{color:var(--muted)}.mp-top-search input:focus{border-color:var(--mp-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-primary) 6%,transparent)}.mp-top-search svg{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--muted-light)}.mp-plans{max-width:1080px;margin:0 auto;padding:0 2rem 2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;align-items:stretch}.mp-plan{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;position:relative;transition:all .3s;display:flex;flex-direction:column}.mp-plan:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-2px)}.mp-plan.featured{border-color:var(--mp-primary);box-shadow:0 0 0 1px var(--mp-primary),0 4px 16px #0000000f}.mp-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--mp-primary);color:var(--on-brand);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .75rem;border-radius:20px;white-space:nowrap}.mp-plan-name{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--mp-primary-strong);margin-bottom:.5rem}.mp-plan-price{font-size:2.5rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.15rem;line-height:1.1}.mp-plan-price span{font-size:.85rem;font-weight:500;color:var(--muted)}.mp-plan-desc{font-size:.8rem;color:var(--muted);line-height:1.5;margin-bottom:1.5rem}.mp-plan-cta{display:block;width:100%;padding:.65rem;border-radius:6px;font-size:.85rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s;border:none;font-family:inherit;text-decoration:none}.mp-plan-features{list-style:none;margin-top:auto;padding:1.5rem 0 0;border-top:1px solid var(--border)}.mp-plan-features li{font-size:.78rem;color:var(--muted);padding:.35rem 0;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.mp-plan-features li svg{flex-shrink:0;margin-top:1px}.mp-check{color:var(--mp-primary-strong)}.mp-cross{color:var(--border)}.mp-plan-note{font-size:.65rem;color:var(--muted-light);text-align:center;margin-top:.75rem;line-height:1.4}.mp-tab-btn{padding:.55rem 1.75rem;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--muted);background:none;border:none;font-family:inherit}.mp-tab-btn.active{background:var(--mp-primary);color:var(--on-brand);box-shadow:0 2px 8px #0000001a}.mp-menu-toggle{display:none;background:none;border:none;color:var(--fg);cursor:pointer;padding:.4rem;margin-left:auto;border-radius:6px}.mp-menu-toggle:hover{background:var(--alpha-100)}.mp-theme-toggle{width:32px;height:32px;margin-left:.5rem;color:var(--muted);flex-shrink:0}.mp-theme-toggle:hover{color:var(--fg)}.mp-login-cta{background:var(--fg);color:var(--bg);padding:.4rem .9rem;border-radius:6px;font-size:.75rem;font-weight:700;text-decoration:none;margin-left:1rem}.mp-invert-panel{background:var(--fg);color:var(--bg)}.mp-invert-panel h2,.mp-invert-panel h3{color:inherit}.mp-invert-cta{background:var(--bg);color:var(--fg);transition:transform .2s,box-shadow .2s}.mp-invert-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--mp-accent) 35%,transparent)}.mp-invert-code{background:#ffffff1a}.mp-footer a{transition:color .2s}.mp-footer a:hover{color:var(--mp-primary-strong)}.mp-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--mp-primary-dark) 0%,var(--mp-primary) 40%,color-mix(in srgb,var(--mp-primary) 70%,#fff) 100%)}.mp-cta-band{background:linear-gradient(135deg,var(--mp-primary-dark) 0%,var(--mp-primary) 60%,color-mix(in srgb,var(--mp-primary) 70%,#fff) 100%);color:var(--on-brand)}.mp-cta-band-btn{background:var(--card);color:var(--mp-primary-dark)}.mp-banner-hero,.mp-banner-place,.mp-producer-hero{background:linear-gradient(135deg,var(--mp-primary-dark) 0%,var(--mp-primary) 100%);color:var(--on-brand)}html[data-theme=dark] .mp-hero-bg{background:radial-gradient(120% 90% at 12% 0%,var(--mp-primary-glow) 0%,transparent 55%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--mp-primary) 10%,transparent) 0%,transparent 50%),linear-gradient(160deg,#0d0810 0%,var(--bg) 55%,#0a0a0a 100%)}html[data-theme=dark] .mp-banner-hero,html[data-theme=dark] .mp-banner-place,html[data-theme=dark] .mp-producer-hero{background:radial-gradient(120% 110% at 15% 0%,var(--mp-primary-glow) 0%,transparent 55%),linear-gradient(160deg,#0d0810 0%,var(--bg) 55%,#0a0a0a 100%);color:var(--fg);border-bottom:1px solid var(--border)}html[data-theme=dark] .mp-invert-panel{background:radial-gradient(110% 140% at 100% 0%,var(--mp-primary-glow) 0%,transparent 55%),linear-gradient(135deg,#1a1019 0%,b10 60%,var(--card) 100%);color:var(--fg);border:1px solid var(--mp-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--mp-primary) 8%,transparent),var(--shadow-menu)}html[data-theme=dark] .mp-invert-cta{background:var(--mp-accent);color:#1a1017}html[data-theme=dark] .mp-invert-code{background:#ffffff14}html[data-theme=dark] .mp-plan.featured{box-shadow:0 0 0 1px var(--mp-primary),0 8px 32px color-mix(in srgb,var(--mp-primary) 22%,transparent)}html[data-theme=dark] .mp-cta-band{background:radial-gradient(120% 110% at 15% 0%,var(--mp-primary-glow) 0%,transparent 55%),linear-gradient(160deg,#0d0810 0%,var(--bg) 55%,#0a0a0a 100%);color:var(--fg);border-top:1px solid var(--border)}html[data-theme=dark] .mp-cta-band-btn{background:var(--mp-accent);color:#1a1017}@media(prefers-color-scheme:dark){html[data-theme=system] .mp-hero-bg,html:not([data-theme]) .mp-hero-bg{background:radial-gradient(120% 90% at 12% 0%,var(--mp-primary-glow) 0%,transparent 55%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--mp-primary) 10%,transparent) 0%,transparent 50%),linear-gradient(160deg,#0d0810 0%,var(--bg) 55%,#0a0a0a 100%)}html[data-theme=system] .mp-banner-hero,html:not([data-theme]) .mp-banner-hero,html[data-theme=system] .mp-banner-place,html:not([data-theme]) .mp-banner-place,html[data-theme=system] .mp-producer-hero,html:not([data-theme]) .mp-producer-hero{background:radial-gradient(120% 110% at 15% 0%,var(--mp-primary-glow) 0%,transparent 55%),linear-gradient(160deg,#0d0810 0%,var(--bg) 55%,#0a0a0a 100%);color:var(--fg);border-bottom:1px solid var(--border)}html[data-theme=system] .mp-invert-panel,html:not([data-theme]) .mp-invert-panel{background:radial-gradient(110% 140% at 100% 0%,var(--mp-primary-glow) 0%,transparent 55%),linear-gradient(135deg,#1a1019 0%,b10 60%,var(--card) 100%);color:var(--fg);border:1px solid var(--mp-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--mp-primary) 8%,transparent),var(--shadow-menu)}html[data-theme=system] .mp-invert-cta,html:not([data-theme]) .mp-invert-cta{background:var(--mp-accent);color:#1a1017}html[data-theme=system] .mp-invert-code,html:not([data-theme]) .mp-invert-code{background:#ffffff14}html[data-theme=system] .mp-login-cta,html:not([data-theme]) .mp-login-cta{background:var(--mp-primary);color:var(--on-brand)}html[data-theme=system] .mp-plan.featured,html:not([data-theme]) .mp-plan.featured{box-shadow:0 0 0 1px var(--mp-primary),0 8px 32px color-mix(in srgb,var(--mp-primary) 22%,transparent)}html[data-theme=system] .mp-cta-band,html:not([data-theme]) .mp-cta-band{background:radial-gradient(120% 110% at 15% 0%,var(--mp-primary-glow) 0%,transparent 55%),linear-gradient(160deg,#0d0810 0%,var(--bg) 55%,#0a0a0a 100%);color:var(--fg);border-top:1px solid var(--border)}html[data-theme=system] .mp-cta-band-btn,html:not([data-theme]) .mp-cta-band-btn{background:var(--mp-accent);color:#1a1017}}html[data-theme=dark] .mp-login-cta{background:var(--mp-primary);color:var(--on-brand)}.mp-cart-btn{position:relative;width:32px;height:32px;margin-left:.5rem;color:var(--muted);flex-shrink:0;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.mp-cart-btn:hover{color:var(--fg);background:var(--alpha-100)}.mp-cart-count{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--mp-primary);color:var(--on-brand);font-size:.6rem;font-weight:800;line-height:16px;display:flex;align-items:center;justify-content:center}.mp-add-to-cart{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:220px;height:44px;padding:0 1.4rem;background:var(--mp-primary-strong);color:#fff;font-weight:800;border-radius:8px;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:.85rem;transition:background .15s}.mp-add-to-cart:hover{background:var(--mp-primary-dark)}.mp-add-cart-stepper{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:220px;height:44px;background:var(--mp-primary-strong);border:1px solid transparent;border-radius:8px;overflow:hidden}.mp-add-cart-step{flex:0 0 auto;width:44px;height:100%;background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background .15s}.mp-add-cart-step:hover:not(:disabled){background:var(--mp-primary-dark)}.mp-add-cart-step:disabled{opacity:.4;cursor:default}.mp-add-cart-qty{flex:1 1 auto;text-align:center;font-size:.95rem;font-weight:800;color:#fff}.mp-cart-overlay{display:none;position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:300}.mp-cart-overlay.open{display:block}.mp-cart-drawer{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100%;background:var(--bg);border-left:1px solid var(--border);box-shadow:-8px 0 32px #0000002e;z-index:301;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.mp-cart-drawer.open{transform:translate(0)}.mp-cart-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border)}.mp-cart-title{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--mp-primary-strong)}.mp-cart-close{color:var(--muted)}.mp-cart-close:hover{color:var(--fg)}.mp-cart-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;scrollbar-width:thin}.mp-cart-empty{font-size:.85rem;color:var(--muted);text-align:center;padding:3rem 1rem}.mp-cart-line{display:flex;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.mp-cart-line:last-child{border-bottom:none}.mp-cart-line-img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--card)}.mp-cart-line-noimg{border:1px solid var(--border)}.mp-cart-line-main{flex:1;min-width:0}.mp-cart-line-name{font-size:.82rem;font-weight:700;color:var(--fg);margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-cart-line-price{font-size:.78rem;color:var(--muted);margin-bottom:.4rem}.mp-cart-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden}.mp-cart-step{width:26px;height:26px;background:var(--card);border:none;color:var(--fg);cursor:pointer;font-size:.95rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit}.mp-cart-step:hover{background:var(--mp-primary-soft);color:var(--mp-primary-strong)}.mp-cart-qty{min-width:30px;text-align:center;font-size:.8rem;font-weight:700}.mp-cart-remove{background:none;border:none;color:var(--muted-light);cursor:pointer;padding:.25rem;align-self:flex-start;border-radius:4px}.mp-cart-remove:hover{color:var(--badge-danger,#d33);background:var(--alpha-100)}.mp-cart-footer{border-top:1px solid var(--border);padding:1.1rem 1.25rem}.mp-cart-subtotal-row{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:.95rem;margin-bottom:.4rem}.mp-cart-note{font-size:.68rem;color:var(--muted-light);line-height:1.4;margin:0 0 .85rem}.mp-cart-checkout{display:block;width:100%;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:800;text-align:center;cursor:pointer;border:none;font-family:inherit;background:var(--mp-primary-strong);color:#fff;transition:filter .15s}.mp-cart-checkout:hover{filter:brightness(1.08)}.mp-cart-checkout:disabled{opacity:.6;cursor:default}@media(max-width:768px){.mp-cart-btn{margin-left:0}}@media(max-width:900px){.mp-search-layout{grid-template-columns:1fr}.mp-sidebar{display:none;position:fixed;top:0;left:0;width:300px;height:100%;z-index:201;box-shadow:4px 0 24px #00000026;padding-top:1rem}.mp-sidebar.open{display:block}.mp-sidebar-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:200}.mp-sidebar-overlay.open{display:block}.mp-filter-toggle{display:inline-flex}.mp-sidebar-close{display:flex;align-self:flex-end;background:none;border:none;cursor:pointer;color:var(--muted);padding:.25rem;margin-bottom:.5rem}.mp-plans{grid-template-columns:1fr 1fr;max-width:560px}}@media(min-width:901px){.mp-sidebar-close{display:none}}@media(max-width:768px){.mp-container{padding:0 1.25rem}.mp-menu-toggle{display:inline-flex}.mp-nav-links{display:none!important;position:absolute;top:56px;left:0;right:0;flex-direction:column!important;align-items:stretch!important;background:var(--card);border-bottom:1px solid var(--border);padding:.75rem 1.25rem!important;gap:.25rem!important;margin-left:0!important;box-shadow:0 8px 24px #00000014}.mp-nav-links.open{display:flex!important}.mp-nav-links>a{padding:.75rem .5rem;font-size:.9rem;border-bottom:1px solid var(--border)}.mp-nav-links>a:last-child{border-bottom:none;margin-left:0!important;margin-top:.25rem;text-align:center}.mp-theme-toggle{width:auto;height:auto;justify-content:flex-start;gap:.5rem;padding:.75rem .5rem;margin-left:0;border-bottom:1px solid var(--border);border-radius:0}.mp-theme-toggle:after{content:"Tema";font-size:.9rem;font-weight:600}.mp-product-grid{grid-template-columns:1fr!important}.mp-detail-layout{grid-template-columns:1fr!important;gap:1.5rem!important;padding:0 1.25rem 2rem!important}.mp-detail-title{font-size:1.4rem!important}.mp-detail-price{font-size:1.6rem!important}.mp-specs-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:560px){.mp-plans{grid-template-columns:1fr;max-width:400px}}@media(max-width:480px){.mp-specs-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#content{transition:none!important}}.muted{color:var(--muted)}.ok{color:var(--success)}.no{color:var(--error)}.btn{background:var(--mp-primary,var(--brand-primary));color:#fff;padding:.4rem .9rem;border-radius:var(--radius);text-decoration:none;font-weight:600;height:auto}.btn:hover{filter:brightness(1.05)}.mp-nav{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-header)}.mp-nav-inner{height:56px;display:flex;align-items:center;justify-content:space-between}.mp-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--fg);font-size:1rem;font-weight:800;letter-spacing:-.02em}.mp-brand:hover{color:var(--mp-primary-strong)}.mp-hero{position:relative;overflow:hidden;color:var(--on-brand)}.mp-hero-inner{position:relative;z-index:1;padding:4rem 2rem 3rem}.mp-hero-title{font-size:clamp(1.9rem,5vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--on-brand);margin:0 0 .5rem}.mp-hero-tagline{font-size:1rem;color:#ffffffb8;line-height:1.6;max-width:44ch;margin:0}.mp-auth{padding:1rem 2rem 0}.mp-auth p{margin:.35rem 0}.mp-listings{padding:1.5rem 0 3rem}.mp-section-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.mp-section-rule{flex:1;height:1px;background:var(--border)}.mp-card-body{padding:1rem 1.1rem 1.15rem}.mp-card-ref{display:inline-block;background:var(--mp-primary);color:var(--on-brand);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:var(--radius-full);margin-bottom:.55rem}.mp-card-title{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .6rem;line-height:1.3}.mp-card-fields{margin:0;display:flex;flex-direction:column;gap:.3rem}.mp-field{display:flex;justify-content:space-between;gap:.75rem;font-size:.8rem;padding:.3rem 0;border-top:1px solid var(--border)}.mp-field dt{color:var(--muted);font-weight:600}.mp-field dd{margin:0;color:var(--fg);text-align:right;overflow-wrap:anywhere}.mp-card-empty{font-size:.8rem;margin:.25rem 0 0}.mp-empty{text-align:center;padding:3.5rem 1rem;color:var(--muted)}.mp-empty h3{font-size:1.1rem;font-weight:700;color:var(--fg);margin:0 0 .4rem}.mp-footer{border-top:1px solid var(--border);padding:2.5rem 0 2rem;margin-top:1rem}.mp-footer-brand{font-weight:800;color:var(--fg);margin-bottom:.35rem}.mp-footer-copy{font-size:.7rem;margin-top:1rem}body.plain{background:var(--bg);color:var(--fg)}.plain-wrap{max-width:760px;margin:2.5rem auto;padding:0 1rem}.plain-wrap h1{margin-bottom:.4rem}.plain-wrap table{border-collapse:collapse;margin:.8rem 0;width:100%}.plain-wrap th,.plain-wrap td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left;vertical-align:top}body.cms{background:var(--bg);color:var(--fg)}.cms-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border)}.cms-header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.cms-brand{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--fg);text-decoration:none}.cms-theme-toggle{width:34px;height:34px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:var(--radius);font-size:1rem;cursor:pointer}.cms-theme-toggle:hover{background:var(--alpha-100);color:var(--fg)}.cms-main{padding:2.5rem 0 3rem}.cms-tagline{font-size:1.05rem;margin:0 auto 1.5rem;max-width:72ch}.cms-auth{margin:0 auto 1.5rem;max-width:72ch}.cms-article{margin:0 auto 2.5rem}.cms-article+.cms-article{padding-top:2rem;border-top:1px solid var(--border)}.cms-article-body{white-space:pre-line}.cms-empty{text-align:center;padding:4rem 1rem}.cms-footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem}.cms-footer-copy{font-size:.75rem;margin-top:.75rem}.plain-wrap pre{margin:0;background:var(--bg-secondary);padding:.5rem;border-radius:var(--radius-sm);overflow:auto;font-size:.8rem}.mp-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tertiary)}.mp-card-img{width:100%;height:100%;object-fit:cover;display:block}.mp-card-media-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--mp-primary,#0f766e),color-mix(in srgb,var(--mp-primary,#0f766e) 55%,#000))}.plain-header{max-width:760px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between}.plain-brand{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--fg);text-decoration:none}.plain-theme-toggle{width:34px;height:34px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:var(--radius);font-size:1rem;cursor:pointer}.plain-theme-toggle:hover{background:var(--alpha-100);color:var(--fg)}.plain-footer{max-width:760px;margin:1.5rem auto 2.5rem;padding:0 1rem;color:var(--muted);font-size:.8rem}.plain-back{margin:0 0 1rem}.plain-back a,.plain-wrap a{color:var(--brand-primary)}.plain-detail-ref{margin:.2rem 0 1rem}.plain-detail-img{max-width:100%;border-radius:var(--radius);margin:.5rem 0 1rem}.plain-detail-fields{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:.5rem 0}.plain-detail-fields dt{color:var(--muted);font-weight:600}.plain-detail-fields dd{margin:0;overflow-wrap:anywhere}.mp-card-link{display:block;color:inherit;text-decoration:none}.mp-back{padding:1.25rem 0 0;margin:0}.mp-back a{color:var(--mp-primary,var(--brand-primary));font-weight:600;text-decoration:none}.mp-detail-wrap{padding:1rem 0 3rem}.mp-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:start;margin-top:1rem}.mp-detail-media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:var(--bg-tertiary)}.mp-detail-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:900;letter-spacing:-.02em;margin:.5rem 0 1rem;line-height:1.2}.mp-detail-fields{margin:0;display:flex;flex-direction:column;gap:.3rem}@media(max-width:640px){.mp-detail{grid-template-columns:1fr}}.cms-article-link{display:block;color:inherit;text-decoration:none}.cms-article-link:hover .cms-article-title{color:var(--brand-primary)}.cms-back{margin:0 auto 1.5rem;max-width:72ch}.cms-back a,.cms-detail-ref a{color:var(--brand-primary)}.cms-detail{margin:0 auto}.cms-detail-ref{margin:.1rem 0 1rem}.cms-detail-img{max-width:100%;border-radius:var(--radius);margin:.5rem 0 1.25rem}.cms-detail-fields{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--border)}.cms-detail-row{display:contents}.cms-detail-fields dt{color:var(--muted);font-weight:600}.cms-detail-fields dd{margin:0;overflow-wrap:anywhere}.mp-search{margin:1.25rem 0 1rem}.mp-search-input{width:100%;height:44px;padding:0 1rem;border:1px solid var(--border);border-radius:var(--radius-lg,10px);background:var(--card,var(--bg));color:var(--fg);font-size:.9rem;outline:none}.mp-search-input:focus{border-color:var(--mp-primary,#0f766e);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-primary,#0f766e) 20%,transparent)}.mp-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.mp-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--fg);text-decoration:none;background:var(--card,var(--bg))}.mp-chip:hover{border-color:var(--mp-primary,#0f766e)}.mp-chip.active{background:var(--mp-primary,#0f766e);color:var(--on-brand,#fff);border-color:var(--mp-primary,#0f766e)}.mp-chip-count{font-size:.62rem;opacity:.7}.mp-pills{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.mp-pill{display:inline-flex;align-items:center;padding:.25rem .6rem;background:var(--mp-primary-soft,color-mix(in srgb,var(--mp-primary,#0f766e) 12%,transparent));color:var(--mp-primary-strong,var(--mp-primary,#0f766e));border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.mp-pill-clear{font-size:.72rem;color:var(--muted);text-decoration:none;font-weight:600}.mp-pill-clear:hover{color:var(--fg)}.mp-search-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.75rem;align-items:start}@media(max-width:720px){.mp-search-layout{grid-template-columns:1fr}}.mp-facets{display:flex;flex-direction:column;gap:1.25rem}.mp-facet-group{border-top:1px solid var(--border);padding-top:.85rem}.mp-facet-title{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .5rem}.mp-facet-opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.mp-facet-opt{display:flex;justify-content:space-between;gap:.5rem;padding:.25rem .35rem;border-radius:var(--radius-sm,6px);font-size:.8rem;color:var(--fg);text-decoration:none}.mp-facet-opt:hover{background:var(--alpha-100,rgba(0,0,0,.04));color:var(--mp-primary-strong,var(--mp-primary,#0f766e))}.mp-facet-count{color:var(--muted);font-size:.7rem}.mp-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mp-results-count{font-size:.8rem;color:var(--muted)}.mp-card-sub{font-size:.78rem;margin:-.35rem 0 .55rem}.mp-badges{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.15rem}.mp-badge{display:inline-block;padding:.12rem .5rem;border-radius:var(--radius-full);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);color:var(--fg)}.mp-badge-gold{background:#c9a84c;color:#231a02}.mp-badge-purple{background:#6d28d9;color:#fff}.mp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:1rem 0 0;font-size:.75rem;color:var(--muted)}.mp-crumbs a{color:inherit;text-decoration:none}.mp-crumbs a:hover{color:var(--mp-primary-strong,var(--mp-primary,#0f766e))}.mp-crumb-sep{opacity:.5}.mp-detail-desc{font-size:.9rem;color:var(--muted);line-height:1.7;margin:.25rem 0 1.25rem}.mp-specs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 1.5rem}.mp-spec{background:var(--card,var(--bg));border:1px solid var(--border);border-radius:var(--radius-sm,6px);padding:.55rem .75rem;text-decoration:none;color:inherit;display:block}.mp-spec-link:hover{border-color:var(--mp-primary,#0f766e)}.mp-spec-label{display:block;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.15rem}.mp-spec-value{display:block;font-size:.85rem;font-weight:700}.mp-spec-link .mp-spec-value{color:var(--mp-primary-strong,var(--mp-primary,#0f766e))}.mp-rels{display:flex;flex-direction:column;gap:.6rem}.mp-rel-card{display:flex;align-items:center;gap:.5rem;background:var(--card,var(--bg));border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;text-decoration:none;color:inherit}.mp-rel-card:hover{border-color:var(--mp-primary,#0f766e)}.mp-rel-kind{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.mp-rel-title{font-size:.9rem;font-weight:700;flex:1}.mp-rel-arrow{color:var(--muted);font-size:1.1rem}.mp-related{margin-top:2.5rem}.mp-related-group{margin-bottom:2rem}.mp-related-title{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:var(--mp-primary-strong,var(--mp-primary,#0f766e));margin:0 0 .75rem}.mp-related-card{display:block;background:var(--card,var(--bg));border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}.mp-related-card:hover{border-color:var(--mp-primary,#0f766e)}@media(max-width:640px){.mp-specs{grid-template-columns:1fr}}body.music{--m-bg:#0b0d12;--m-fg:#e7eaf0;--m-surface:#14171f;--m-elevated:#161a23;--m-muted:#8a91a0;--m-strong:#bcc2cc;--m-border:#242a36;--m-border-hover:#3a4250;--m-accent:#7c3aed;--m-accent-2:#22d3ee;--m-accent-soft:#191634;--m-on-accent:#fff;--m-grad:linear-gradient(135deg,#7c3aed 0%,#22d3ee 100%);--m-page-bg:radial-gradient(1100px 460px at 50% -8%,rgba(124,58,237,.16),transparent 62%);--m-radius:9px;--m-radius-lg:13px;--m-radius-xl:18px;--m-radius-full:9999px;--m-shadow-sm:0 1px 2px rgba(0,0,0,.45);--m-shadow-md:0 10px 28px -10px rgba(0,0,0,.6);background:var(--m-page-bg),var(--m-bg);color:var(--m-fg);font-feature-settings:"cv02","cv03","ss01";letter-spacing:-.006em}html[data-theme=light] body.music{--m-bg:#f7f8fa;--m-fg:#12141a;--m-surface:#fff;--m-elevated:#fff;--m-muted:#5b6472;--m-strong:#3c4452;--m-border:#e4e7ee;--m-border-hover:#c3c9d6;--m-accent-soft:#eceafe;--m-on-accent:#fff;--m-page-bg:radial-gradient(1100px 440px at 50% -8%,rgba(124,58,237,.07),transparent 60%);--m-shadow-sm:0 1px 2px rgba(12,16,28,.06);--m-shadow-md:0 8px 24px -8px rgba(12,16,28,.14)}body.music h1,body.music h2,body.music h3{margin:0;font-weight:700;letter-spacing:-.018em}body.music a{color:inherit;text-decoration:none}body.music code{background:var(--alpha-100,rgba(255,255,255,.06));color:var(--m-strong);padding:2px 6px;border-radius:var(--radius-sm)}body.music .no{color:#ff6166}body.music .ok{color:#33c08a}body.music .muted,body.music .text-muted{color:var(--m-muted)}body.music .btn{background:var(--m-grad);color:var(--m-on-accent)}.music-nav{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--m-surface) 78%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--m-border)}.music-nav-inner{max-width:1200px;margin:0 auto;height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.music-logo{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1rem;letter-spacing:-.02em;color:var(--m-fg)}.music-logo-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--m-grad);color:#fff;font-size:.9rem;box-shadow:0 2px 10px -3px #7c3aed99}.music-iconbtn{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:var(--m-radius-full);border:1px solid var(--m-border);background:var(--m-surface);color:var(--m-muted);font-size:1rem;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.music-iconbtn:hover{color:var(--m-fg);border-color:var(--m-border-hover)}.music-hero{border-bottom:1px solid var(--m-border)}.music-hero-inner{max-width:1200px;margin:0 auto;padding:3.5rem 22px 2.75rem}.music-hero-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted);background:var(--m-alpha-100,rgba(255,255,255,.06));padding:.25rem .6rem;border-radius:var(--m-radius-full);margin-bottom:.9rem}.music-hero-title{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.08;letter-spacing:-.022em;background:var(--m-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem}.music-hero-tagline{font-size:1rem;color:var(--m-muted);line-height:1.6;max-width:48ch;margin:0}.music-view{max-width:1200px;margin:0 auto;padding:2rem 22px 5rem}.music-auth{margin-bottom:1.5rem}.music-auth p{margin:.35rem 0}.music-spread{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.music-section-title{font-size:1.25rem}.music-section-rule{flex:1;height:1px;background:var(--m-border)}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.music-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--m-border);border-radius:var(--m-radius-lg);background:var(--m-surface);box-shadow:var(--m-shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.music-card:hover{transform:translateY(-3px);box-shadow:var(--m-shadow-md);border-color:var(--m-border-hover)}.music-card-cover{position:relative;height:104px;display:grid;place-items:center;font-size:2.1rem;color:#fff;background:var(--m-grad);overflow:hidden}.music-card-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 82% 0%,rgba(255,255,255,.28),transparent 58%)}.music-card-body{padding:.85rem 1rem 1rem}.music-card-title{font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 .15rem}.music-card-composer{font-size:.85rem;color:var(--m-muted);margin:0 0 .7rem}.music-card-meta{margin:0;display:flex;flex-direction:column;gap:.3rem}.music-meta-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;padding:.3rem 0;border-top:1px solid var(--m-border)}.music-meta-row dt{color:var(--m-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.music-meta-row dd{margin:0;color:var(--m-fg);text-align:right;overflow-wrap:anywhere}.music-empty{text-align:center;color:var(--m-muted);padding:4rem 1rem}.music-empty h3{color:var(--m-fg);font-size:1.15rem;margin:0 0 .4rem}.music-footer{border-top:1px solid var(--m-border);background:var(--m-surface);margin-top:2rem}.music-footer-inner{max-width:1200px;margin:0 auto;padding:2.4rem 22px 2rem}.music-footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--m-fg);margin-bottom:.4rem}.music-footer-copy{font-size:.72rem;margin-top:1rem}.music-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.music-card-link{display:block;color:inherit;text-decoration:none}.music-back{margin:0 0 1.25rem}.music-back a{color:var(--m-strong);font-weight:600}.music-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.75rem;align-items:start;overflow:hidden;border:1px solid var(--m-border);border-radius:var(--m-radius-xl);background:var(--m-surface);box-shadow:var(--m-shadow-sm)}.music-detail-cover{position:relative;min-height:220px;display:grid;place-items:center;font-size:3rem;color:#fff;background:var(--m-grad);overflow:hidden}.music-detail-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 82% 0%,rgba(255,255,255,.28),transparent 58%)}.music-detail-body{padding:1.5rem 1.6rem 1.75rem}.music-detail-ref{display:inline-block;background:var(--m-accent-soft);color:var(--m-strong);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:var(--m-radius-full);margin-bottom:.6rem}.music-detail-title{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;margin:0 0 1rem}.music-detail-meta{margin-top:.5rem}@media(max-width:640px){.music-detail{grid-template-columns:1fr}.music-detail-cover{min-height:150px}}:root{--tube-primary: var(--brand-primary);--tube-accent: var(--brand-accent);--tube-bg: var(--bg);--tube-fg: var(--fg);--tube-muted: var(--muted);--tube-card: var(--card);--tube-border: var(--border)}body.tube{font-family:var(--tube-font, "Inter", system-ui, -apple-system, "Segoe UI", sans-serif);background:var(--tube-bg);color:var(--tube-fg);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.tube-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--tube-bg) 95%,transparent);border-bottom:1px solid var(--tube-border);backdrop-filter:blur(8px)}.tube-header-inner{max-width:1600px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.tube-logo{font-size:1.35rem;font-weight:800;color:var(--tube-primary);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}.tube-search{flex:1;max-width:640px;display:flex;margin:0 auto}.tube-search-input{flex:1;padding:.55rem 1rem;border:1px solid var(--tube-border);border-radius:20px 0 0 20px;background:var(--tube-card);color:var(--tube-fg);font-size:.95rem;outline:none}.tube-search-input:focus{border-color:var(--tube-primary)}.tube-search-btn{padding:.55rem 1.25rem;border:1px solid var(--tube-border);border-left:none;border-radius:0 20px 20px 0;background:var(--tube-card);color:var(--tube-fg);cursor:pointer}.tube-theme-toggle{background:transparent;border:1px solid var(--tube-border);border-radius:50%;width:36px;height:36px;color:var(--tube-fg);cursor:pointer;display:grid;place-items:center}.tube-page{max-width:1600px;margin:0 auto;padding:1.5rem}.tube-section-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.tube-error{color:#ef4444;padding:1rem;background:color-mix(in srgb,#ef4444 10%,transparent);border-radius:8px;margin-bottom:1rem}.tube-empty{color:var(--tube-muted);padding:3rem 1rem;text-align:center}.tube-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tube-card{display:block;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;transition:transform .15s ease}.tube-card:hover{transform:translateY(-2px)}.tube-thumb{position:relative;aspect-ratio:16 / 9;background:var(--tube-card);border-radius:12px;overflow:hidden}.tube-thumb img{width:100%;height:100%;object-fit:cover}.tube-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600}.tube-card-body{padding:.75rem .25rem}.tube-card-title{font-size:.95rem;font-weight:600;line-height:1.35;margin:0 0 .35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tube-card-channel,.tube-card-stats{font-size:.82rem;color:var(--tube-muted);margin:0}.tube-watch{max-width:1400px;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.tube-player-wrap{grid-column:1;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.tube-player{width:100%;height:100%;display:block}.tube-watch-meta{grid-column:1}.tube-watch-title{font-size:1.35rem;font-weight:700;margin:0 0 .5rem}.tube-watch-stats{color:var(--tube-muted);font-size:.9rem;margin-bottom:1rem}.tube-watch-stats span{margin-right:.35rem}.tube-watch-channel{margin-bottom:1rem}.tube-watch-channel a{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.tube-watch-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.tube-watch-channel-name{font-weight:600}.tube-watch-subscribers{font-size:.8rem;color:var(--tube-muted)}.tube-watch-desc{background:var(--tube-card);border-radius:12px;padding:1rem;line-height:1.5;white-space:pre-line}.tube-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tube-tag{font-size:.8rem;color:var(--tube-primary);background:color-mix(in srgb,var(--tube-primary) 10%,transparent);padding:.25rem .6rem;border-radius:16px}.tube-related{grid-column:2;grid-row:1 / span 2}.tube-related h2{font-size:1.1rem;margin:0 0 1rem}.tube-channel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--tube-border)}.tube-channel-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.tube-channel-name{font-size:1.5rem;margin:0 0 .25rem}.tube-channel-stats{color:var(--tube-muted);font-size:.9rem;margin:0 0 .5rem}.tube-channel-desc{color:var(--tube-muted);margin:0}@media(max-width:1024px){.tube-watch{grid-template-columns:1fr}.tube-related{grid-column:1;grid-row:auto}}@media(max-width:640px){.tube-header-inner{padding:.75rem 1rem;gap:.75rem}.tube-search-input{padding:.45rem .75rem}.tube-grid{grid-template-columns:1fr}}