:root{--bg-base:#0f0e17;--banner-bg:#fef3c7;--banner-text:#92400e;--bg-surface:#16152b;--bg-elevated:#1e1c38;--bg-accent-muted:#f5a7371f;--text-primary:#ede8f5;--text-secondary:#9896b8;--text-muted:#8b88b0;--accent:#f5a737;--accent-hover:#f7b84b;--accent-fg:#1a1830;--purple:#b5a8e0;--border:#2d2b52;--border-subtle:#1a1838;--error:#ff7575;--success:#4fd1c5;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:.15s ease;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, Consolas, monospace}@media (prefers-color-scheme:light){:root{--bg-base:#f4f2ff;--banner-bg:#fef3c7;--banner-text:#92400e;--bg-surface:#fff;--bg-elevated:#ede9ff;--bg-accent-muted:#cd780a1a;--text-primary:#1a1830;--text-secondary:#5d5a88;--text-muted:#656293;--accent:#d97706;--accent-hover:#b45309;--accent-fg:#fff;--purple:#7c6fc7;--border:#dddaf5;--border-subtle:#eceaf8;--error:#dc2626;--success:#0d9488;--shadow-sm:0 2px 8px #645ab41a;--shadow-md:0 8px 24px #645ab426}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--bg-base);color:var(--text-primary);font:16px/1.6 var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@media (prefers-color-scheme:light){body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}h1,h2,h3{font-family:var(--font-heading);color:var(--text-primary);margin:0}a{color:var(--accent)}button{font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),textarea,select{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:border-color var(--transition), box-shadow var(--transition);border:1px solid #4a4880;padding:.625rem .75rem;font-family:inherit;font-size:1rem}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #f5a73740}input::placeholder,textarea::placeholder{color:#8886aa}@media (prefers-color-scheme:light){input,textarea,select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), opacity var(--transition);white-space:nowrap;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-fg);border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-danger{color:var(--error);border:1px solid var(--error);background:0 0}.btn-danger:hover{background:var(--error);color:var(--accent-fg)}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.busy-dots{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.busy-dots span{opacity:.35;background:currentColor;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite busyDotPulse}.busy-dots span:nth-child(2){animation-delay:.15s}.busy-dots span:nth-child(3){animation-delay:.3s}@keyframes busyDotPulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.busy-dots span{opacity:.7;animation:none}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.card-elevated{background:var(--bg-elevated)}select{min-width:0;max-width:100%}.input,select.input,textarea.input{background:var(--bg-elevated);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);border:1px solid #4a4880;padding:.625rem .75rem;font-family:inherit;font-size:1rem}.input::placeholder{color:#8886aa}.input:focus,select.input:focus,textarea.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #f5a73740}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge{font-size:.75rem;font-weight:600;line-height:1;font-family:var(--font-sans);border-radius:99px;align-items:center;padding:.25rem .625rem;display:inline-flex}.badge-amber{background:var(--bg-accent-muted);color:var(--accent)}.badge-purple{color:var(--purple);background:#b5a8e026}.auth-page{background-color:var(--bg-base);background-image:radial-gradient(at 20% 45%,#b5a8e01f 0%,#0000 60%),radial-gradient(at 80% 15%,#f5a7371a 0%,#0000 55%),radial-gradient(at 50% 100%,#b5a8e014 0%,#0000 55%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 28% 62%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 45% 30%,#fff9,#0000),radial-gradient(1px 1px at 62% 74%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 78% 40%,#ffffffa6,#0000),radial-gradient(1px 1px at 88% 68%,#ffffff73,#0000),radial-gradient(1px 1px at 34% 88%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 70% 12%,#f5a7378c,#0000);animation:6s ease-in-out infinite authTwinkle;position:absolute;inset:0}@keyframes authTwinkle{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.auth-page:before{animation:none}}.auth-card{z-index:1;position:relative}.static-page{background:var(--bg-base);flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem;display:flex}.static-links{margin-top:1.5rem}.static-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:720px;margin:0 auto 1.25rem;display:flex}.static-header-brand{font-family:var(--font-heading);color:var(--accent);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.static-header-back{color:var(--text-secondary);white-space:nowrap;font-size:.9rem;text-decoration:none}.static-header-back:hover{color:var(--text-primary)}.site-footer{text-align:center;width:100%;max-width:1024px;color:var(--text-secondary);margin:auto auto 0;padding:1.25rem 1.5rem;font-size:.8125rem}.site-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.site-footer a{color:var(--text-secondary)}.site-footer-brand{font-family:var(--font-heading);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;color:var(--accent)!important}.site-footer p{margin:.5rem 0 0}.static-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:720px;box-shadow:var(--shadow-md);color:var(--text-primary);padding:2rem 2.25rem;line-height:1.6}.static-meta{color:var(--text-secondary);font-size:.875rem}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:2rem 2.25rem}.auth-card h1{color:var(--accent);margin:0 0 .25rem;font-size:1.75rem}.auth-card h1 a{color:inherit;text-decoration:none}.auth-card h2{color:var(--text-muted);margin:0 0 1.5rem;font-size:1rem;font-weight:400}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card label{color:var(--text-secondary);flex-direction:column;gap:.375rem;font-size:.875rem;display:flex}.auth-card input{border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);border:1px solid #4a4880;padding:.625rem .75rem;font-family:inherit;font-size:1rem}.auth-card input::placeholder{color:#8886aa}.auth-card input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #f5a73740}.auth-card label.consent{flex-direction:row;align-items:flex-start;gap:.5rem}.auth-card label.consent input{flex-shrink:0;width:auto;margin-top:.15rem}.auth-card button[type=submit]{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);cursor:pointer;transition:background var(--transition);border:none;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:600}.auth-card button[type=submit]:hover{background:var(--accent-hover)}.auth-card button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.auth-card .error{color:var(--error);margin:0;font-size:.875rem}.auth-card p{text-align:center;color:var(--text-muted);margin:1rem 0 0;font-size:.875rem}.auth-card a{color:var(--accent);text-decoration:none}.auth-card a:hover{text-decoration:underline}.dashboard{background:var(--bg-base);min-height:100vh;color:var(--text-primary)}.dashboard-header{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.dashboard-header h1{color:var(--accent);margin:0;font-size:1.25rem}.dashboard-main{max-width:960px;margin:0 auto;padding:2rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.app-header-left{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.app-nav{align-items:center;gap:1.25rem;display:flex}.nav-group{position:relative}.nav-group-btn{cursor:pointer;color:var(--text-secondary);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-family:inherit;font-size:.875rem;display:flex}.nav-group-btn:hover{color:var(--text-primary)}.nav-group.active>.nav-group-btn{color:var(--accent);font-weight:500}.nav-caret{font-size:.55rem;transition:transform .15s}.nav-group.open .nav-caret{transform:rotate(180deg)}.nav-group-panel{background:var(--bg-surface);border:1px solid var(--border);z-index:50;border-radius:10px;flex-direction:column;gap:2px;min-width:185px;padding:.4rem;display:none;position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.nav-group.open .nav-group-panel{display:flex}.nav-group-panel .nav-link{border-radius:8px;padding:.45rem .65rem}.nav-group-panel .nav-link:hover{background:var(--bg-elevated)}.nav-group-label,.nav-drawer-close,.nav-drawer-user,.nav-overlay{display:none}.nav-toggle{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:.35rem .6rem;font-size:1.15rem;line-height:1;display:none}.app-logo{font-family:var(--font-heading);color:var(--accent);font-size:1.25rem;text-decoration:none}@media (width<=860px){.app-header-left{flex:1;gap:.75rem;min-width:0}.app-header .app-header-actions{display:none}.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.app-nav{z-index:70;background:var(--bg-surface);border-left:1px solid var(--border);visibility:hidden;flex-direction:column;align-items:stretch;gap:2px;width:min(78vw,300px);padding:1rem;transition:transform .2s,visibility .2s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.app-nav.open{visibility:visible;transform:translate(0)}.app-nav .nav-link{border-radius:8px;padding:.55rem .5rem}.app-nav .nav-link:hover,.app-nav .nav-link.active{background:var(--bg-elevated)}.nav-group{margin-top:.9rem;position:static}.nav-group-btn{display:none}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 .5rem .3rem;font-size:.6875rem;display:block}.nav-group-panel{min-width:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:2px;padding:0;display:flex;position:static;transform:none}.nav-drawer-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:.25rem;font-size:1rem;display:flex}.nav-drawer-user{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.nav-drawer-user-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;overflow:hidden}.nav-overlay{z-index:60;cursor:pointer;background:#08070e99;border:none;padding:0;display:block;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.app-nav{transition:none}}.app-header-actions{align-items:center;gap:.75rem;display:flex}.app-content{flex:1;width:100%;max-width:1024px;margin:0 auto;padding:2rem 1.5rem}.credit-widget{flex-direction:column;gap:.5rem;display:flex}.credit-bar-track{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:99px;height:8px;overflow:hidden}.credit-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.credit-bar-fill.low{background:var(--error)}.credit-bar-labels{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition);font-size:.875rem;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent);font-weight:500}.btn-ghost{color:var(--text-secondary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:.375rem .5rem;font-size:.875rem}.btn-ghost:hover{color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.empty-state-icon{font-size:3rem;line-height:1}.empty-state h2{color:var(--text-primary);margin:0;font-size:1.25rem}.empty-state p{max-width:360px;margin:0;font-size:.9375rem}.dashboard-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:3fr 2fr}}.plan-table{border-collapse:collapse;width:100%}.plan-table th,.plan-table td{border-bottom:1px solid var(--border);text-align:left;padding:.7rem .875rem;font-size:.9375rem}.plan-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.plan-table td:not(:first-child),.plan-table th:not(:first-child){text-align:right}.plan-table tr.current-plan{background:var(--bg-accent-muted)}.plan-table tr:last-child td{border-bottom:none}.spotify-steps{counter-reset:step;flex-direction:column;gap:1rem;display:flex}.spotify-step{align-items:flex-start;gap:1rem;display:flex}.spotify-step-num{background:var(--bg-accent-muted);width:2rem;height:2rem;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.spotify-step-text{padding-top:.25rem;font-size:.9375rem;line-height:1.6}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-row{gap:.75rem;display:flex}.form-row .form-group{flex:1}.referral-bonus-note{background:var(--surface-2,#7c3aed1f);border:1px solid var(--border);color:var(--text-secondary);border-radius:.625rem;margin:0 0 1rem;padding:.75rem 1rem;font-size:.875rem}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface,#1b1b29);border:1px solid var(--border);border-radius:.875rem;width:100%;max-width:520px;padding:1.5rem;box-shadow:0 20px 50px #0006}@keyframes lp-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@keyframes lp-floatA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.15)}}@keyframes lp-floatB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(1.1)}}@keyframes lp-cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes lp-pulseGlow{0%,to{box-shadow:0 0 #f5a73780}50%{box-shadow:0 0 0 14px #f5a73700}}@keyframes lp-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.lp-navlink{color:var(--text-secondary);white-space:nowrap;text-decoration:none;transition:color .2s}.lp-navlink:hover{color:var(--text-primary)}.lp-cta{white-space:nowrap;transition:background .2s,transform .15s,box-shadow .2s}.lp-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px #f5a73759}.lp-feature{transition:border-color .25s,box-shadow .25s,transform .25s}.lp-feature:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #f5a7374d,0 20px 50px #f5a7371f;border-color:var(--accent)!important}.lp-pricecta{transition:transform .15s,box-shadow .2s,background .2s}.lp-pricecta:hover{transform:translateY(-2px)}@media (width<=820px){.lp-navlinks{display:none!important}.lp-mobcta-group{display:flex!important}}@media (prefers-reduced-motion:reduce){.lp-anim{animation:none!important}}.story-steps{flex-wrap:wrap;align-items:center;gap:.25rem 0;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.story-step{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.story-step:not(:last-child):after{content:"";background:var(--border);width:26px;height:2px;margin:0 .5rem}.story-step-dot{border:1px solid var(--border);background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:inline-flex}.story-step.done{color:var(--text-secondary)}.story-step.done .story-step-dot{background:var(--accent);color:var(--bg-base);border-color:var(--accent)}.story-step.current{color:var(--text-primary);font-weight:600}.story-step.current .story-step-dot{border-color:var(--accent);color:var(--accent)}.full-loader{background-color:var(--bg-base);min-height:100vh;color:var(--text-secondary);background-image:radial-gradient(at 50% 40%,#f5a73714 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.full-loader-logo{font-family:var(--font-heading);color:var(--accent);font-size:1.5rem}.full-loader-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite fullLoaderSpin}.full-loader-text{font-size:.875rem}@keyframes fullLoaderSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.full-loader-spinner{animation:none}}.admin-layout{align-items:flex-start;gap:1.5rem;display:flex}.admin-nav{flex-direction:column;flex-shrink:0;gap:.25rem;min-width:170px;display:flex}.admin-nav a{color:var(--text-secondary);white-space:nowrap;transition:background var(--transition), color var(--transition);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;text-decoration:none}.admin-nav a:hover{color:var(--text-primary)}.admin-nav a.active{background:var(--bg-accent-muted);color:var(--accent);font-weight:600}.admin-main{flex:1;min-width:0}@media (width<=860px){.admin-layout{flex-direction:column;gap:1rem}.admin-nav{-webkit-overflow-scrolling:touch;flex-flow:row;gap:.5rem;width:100%;min-width:0;padding-bottom:.25rem;overflow-x:auto}.admin-nav a{background:var(--bg-elevated);flex-shrink:0}.admin-nav a.active{background:var(--bg-accent-muted)}.admin-main{width:100%}.admin-main h1{overflow-wrap:break-word}}.site-footer-legal{color:var(--text-secondary);margin:.5rem 0 0;font-size:.8rem}.cookie-banner{z-index:1000;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:1rem 1.25rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 8px 32px #00000040}.cookie-banner-body{flex:340px}.cookie-banner-text{color:var(--text-primary);margin:0;font-size:.9rem}.cookie-banner-settings{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.cookie-option{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.85rem;display:flex}.cookie-option input{flex-shrink:0;margin-top:.15rem}.cookie-option--locked{opacity:.85}.cookie-banner-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cookie-manage-actions{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .25rem;display:flex}.cookie-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;padding:.55rem 1rem;font-size:.9rem;font-weight:600}.cookie-btn:hover{border-color:var(--accent)}.cookie-btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.table-scroll{overflow-x:auto}.cookie-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.85rem}.cookie-table th,.cookie-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.5rem .6rem}.cookie-table th{background:var(--bg-base)}.purchase-consent{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.4;display:flex}.purchase-consent input{flex-shrink:0;margin-top:.15rem}.withdrawal-form{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;font-size:.9rem}.withdrawal-form p{margin:.4rem 0}.error-boundary{text-align:center;background-color:var(--bg-base);min-height:100vh;color:var(--text-secondary);background-image:radial-gradient(at 50% 40%,#f5a73714 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.error-boundary-logo{font-family:var(--font-heading);color:var(--accent);font-size:1.5rem}.error-boundary-title{font-size:1.75rem}.error-boundary-text{max-width:32rem;margin:0;font-size:.95rem}.error-boundary-button{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-fg);cursor:pointer;transition:background var(--transition);border:none;padding:.65rem 1.5rem;font-size:1rem;font-weight:600}.error-boundary-button:hover{background:var(--accent-hover)}.error-boundary-details{max-width:min(90vw,40rem);color:var(--text-muted);font-size:.8rem}.error-boundary-details summary{cursor:pointer}.error-boundary-details pre{text-align:left;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin-top:.75rem;padding:.75rem 1rem;overflow-x:auto}