body,html{min-height:100%}#root,body,html{overflow-x:clip;width:100%}#root{min-height:100vh}body,h1,h2,h3,li,p,ul{margin:0;padding:0}ul{list-style-type:none}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent;background-color:initial;border:none;cursor:pointer;touch-action:manipulation}:root{--color-primary-50:#fdf2f8;--color-primary-100:#fce7f3;--color-primary-200:#fbcfe8;--color-primary-300:#f9a8d4;--color-primary-400:#f472b6;--color-primary-500:#d8116d;--color-primary-600:#be185d;--color-primary-700:#9d174d;--color-primary-800:#831843;--color-primary-900:#701a3a;--color-secondary-50:#fdf2f8;--color-secondary-100:#fce7f3;--color-secondary-200:#fbcfe8;--color-secondary-300:#f9a8d4;--color-secondary-400:#f472b6;--color-secondary-500:#ec4899;--color-secondary-600:#db2777;--color-secondary-700:#be185d;--color-secondary-800:#9d174d;--color-secondary-900:#831843;--color-accent-50:#fef3c7;--color-accent-500:#f59e0b;--color-accent-600:#d97706;--gradient-primary:linear-gradient(135deg,#d8116d,#be185d);--gradient-secondary:linear-gradient(135deg,#f472b6,#d8116d);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warm:linear-gradient(135deg,#d8116d,#f59e0b);--gradient-sunset:linear-gradient(135deg,#d8116d,#fed6e3);--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success:#ff93c4;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-primary:0 10px 25px -5px #8b5cf64d;--shadow-secondary:0 10px 25px -5px #ec48994d;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-modal:1050;--z-tooltip:1080;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#fafafa;background-color:var(--color-neutral-50);color:#171717;color:var(--color-neutral-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal)}.h1{font-size:3rem;font-size:var(--text-5xl)}.h1,.h2{font-weight:700;font-weight:var(--font-bold);letter-spacing:-.025em;line-height:1.25;line-height:var(--leading-tight)}.h2{font-size:2.25rem;font-size:var(--text-4xl)}.h3{font-size:1.875rem;font-size:var(--text-3xl)}.h3,.h4{font-weight:600;font-weight:var(--font-semibold);line-height:1.375;line-height:var(--leading-snug)}.h4{font-size:1.5rem;font-size:var(--text-2xl)}.h5{font-size:1.25rem;font-size:var(--text-xl);font-weight:500;font-weight:var(--font-medium);line-height:1.5;line-height:var(--leading-normal)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d8116d,#be185d);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);justify-content:center;outline:none;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#d8116d,#be185d);background:var(--gradient-primary);box-shadow:0 10px 25px -5px #8b5cf64d;box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 10px 25px -5px #8b5cf64d;box-shadow:var(--shadow-xl),var(--shadow-primary);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#f472b6,#d8116d);background:var(--gradient-secondary);box-shadow:0 10px 25px -5px #ec48994d;box-shadow:var(--shadow-secondary);color:#fff}.btn-secondary:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 10px 25px -5px #ec48994d;box-shadow:var(--shadow-xl),var(--shadow-secondary);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #be185d;border:2px solid var(--color-primary-600);color:#be185d;color:var(--color-primary-600)}.btn-outline:hover{background:#fdf2f8;background:var(--color-primary-50);transform:translateY(-2px)}.btn-ghost{background:#0000;color:#404040;color:var(--color-neutral-700)}.btn-ghost:hover{background:#f5f5f5;background:var(--color-neutral-100)}.btn-lg{border-radius:1rem;border-radius:var(--radius-xl);font-size:1.125rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.card{background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.card-interactive{cursor:pointer}.input{background:#fff;border:2px solid #e5e5e5;border:2px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--text-base);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.input:focus{border-color:#d8116d;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #8b5cf61a}.container{margin-left:auto;margin-right:auto;max-width:1280px;max-width:var(--container-xl);padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-slow) ease-out}.animate-slide-in{animation:slideInUp ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideInUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn ease-out .2s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--transition-base) ease-out}.bg-gradient-primary{background:linear-gradient(135deg,#d8116d,#be185d);background:var(--gradient-primary)}.bg-gradient-secondary{background:linear-gradient(135deg,#f472b6,#d8116d);background:var(--gradient-secondary)}.bg-gradient-warm{background:linear-gradient(135deg,#d8116d,#f59e0b);background:var(--gradient-warm)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}@media (max-width:768px){.h1{font-size:2.25rem;font-size:var(--text-4xl)}.h2{font-size:1.875rem;font-size:var(--text-3xl)}.h3{font-size:1.5rem;font-size:var(--text-2xl)}}.app,.app-container{min-height:100vh}.app-container{background-color:var(--color-neutral-50);display:flex}.content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;max-width:calc(100vw - 280px);overflow-x:auto;padding:var(--space-6);transition:margin-left .6s cubic-bezier(.25,.46,.45,.94),max-width .6s cubic-bezier(.25,.46,.45,.94)}.app-container.no-sidebar .content{margin-left:0;max-width:100vw}@media (max-width:1024px){.app-container{flex-direction:column}.content{box-sizing:border-box;margin-left:0;max-width:100vw;min-height:calc(100vh - 60px);overflow-x:visible;padding:var(--space-4);padding-top:0;width:100%}}@media (max-width:768px){.content{min-height:calc(100vh - 50px);padding:0 var(--space-3);padding-bottom:calc(var(--space-3) + 80px);padding-top:0}}@media (max-width:480px){.content{min-height:calc(100vh - 40px);padding:0 var(--space-2);padding-bottom:calc(var(--space-2) + 80px);padding-top:0}}.report-issue-overlay{align-items:center;animation:reportIssueFadeIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#000000bf;display:flex;height:100%;inset:0;justify-content:center;min-height:100vh;min-height:-webkit-fill-available;overflow-y:auto;padding:var(--space-4);position:fixed;width:100%;z-index:10000}@keyframes reportIssueFadeIn{0%{opacity:0}to{opacity:1}}.report-issue-modal{animation:reportIssueSlideUp .35s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--color-neutral-0,#fff);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:calc(100vh - 2rem);max-width:480px;overflow-y:auto;padding:var(--space-8);position:relative;text-align:left;width:100%}@keyframes reportIssueSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.report-issue-close{align-items:center;background:var(--color-neutral-100);border:none;border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:background var(--transition-base);width:36px}@media (hover:hover){.report-issue-close:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}}.report-issue-header{margin-bottom:var(--space-6);padding-right:var(--space-6);text-align:center}.report-issue-icon{color:var(--color-primary-500);font-size:2rem;margin-bottom:var(--space-3)}.report-issue-icon.success{color:#1a7f4b;color:var(--color-success,#1a7f4b)}.report-issue-header h2{color:var(--color-neutral-900);font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2)}.report-issue-header p{color:var(--color-neutral-600);font-size:var(--text-sm);line-height:1.5;margin:0}.report-issue-form{display:flex;flex-direction:column;gap:var(--space-3)}.report-issue-label{color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:600}.report-issue-input,.report-issue-textarea{background:#fff;background:var(--color-neutral-0,#fff);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-neutral-900);font-family:inherit;font-size:var(--text-base);padding:var(--space-3);resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.report-issue-input:focus,.report-issue-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d26;outline:none}.report-issue-error{background:#b4231814;border-radius:var(--radius-md);color:#b42318;color:var(--color-error,#b42318);font-size:var(--text-sm);padding:var(--space-3)}.report-issue-button{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);transition:background var(--transition-base),opacity var(--transition-base);width:100%}.report-issue-button.primary{background:var(--color-primary-500);color:#fff}@media (hover:hover){.report-issue-button.primary:hover:not(:disabled){background:var(--color-primary-600)}}.report-issue-button:disabled{cursor:not-allowed;opacity:.7}.menu{animation:slideInFromLeft .6s cubic-bezier(.25,.46,.45,.94) forwards;background:linear-gradient(180deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-size:var(--text-base);height:100vh;justify-content:space-between;left:0;padding:var(--space-4) 0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:var(--z-modal)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.mobile-menu-toggle{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:none;font-size:var(--text-xl);height:48px;justify-content:center;left:var(--space-4);position:fixed;top:var(--space-4);transition:all var(--transition-base);width:48px;z-index:calc(var(--z-modal) - 1)}.mobile-menu-toggle:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.menu-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:none;left:0;pointer-events:auto;position:fixed;right:0;top:0;touch-action:manipulation;z-index:9999}.svg-inline--fa{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.menu .svg-inline--fa{font-size:14px;height:18px;width:18px}.menu-top-container{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.menu-footer{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom,0px))}.menu-bottom{flex-shrink:0;font-size:14px;font-weight:400;padding-bottom:0}.menu-bottom .svg-inline--fa{height:1em}.menu .menu-report-issue{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:none;border:none;color:#ffffff8c;cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-normal);letter-spacing:.01em;line-height:var(--leading-normal);margin:0 var(--space-2);min-height:36px;padding:var(--space-2) var(--space-3);text-align:left;text-decoration:underline;text-decoration-color:#0000;text-underline-offset:.2em;touch-action:manipulation;transition:color var(--transition-base),text-decoration-color var(--transition-base);width:auto}.menu .menu-report-issue:focus-visible,.menu .menu-report-issue:hover{color:#ffffffd9;outline:none;text-decoration-color:#ffffff73;transform:none}.menu .menu-report-issue:active{color:#fffffff2}.menu-top .menu-button,.menu-top a{font-size:18px;font-weight:700}.menu-bottom .menu-button,.menu-bottom a{font-weight:400}.menu li{-webkit-tap-highlight-color:transparent;align-items:center;animation:slideInMenuItem .4s cubic-bezier(.25,.46,.45,.94) forwards;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;justify-content:flex-start;margin:0 var(--space-2) var(--space-1) var(--space-2);min-height:40px;opacity:0;padding:var(--space-2) var(--space-3);touch-action:manipulation;transform:translateX(-20px);transition:all var(--transition-base);z-index:1}.menu li:first-child{animation-delay:.1s}.menu li:nth-child(2){animation-delay:.15s}.menu li:nth-child(3){animation-delay:.2s}.menu li:nth-child(4){animation-delay:.25s}.menu li:nth-child(5){animation-delay:.3s}.menu li:nth-child(6){animation-delay:.35s}@keyframes slideInMenuItem{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.menu li:hover{background-color:#ffffff14;border-radius:var(--radius-md);cursor:pointer;transform:translateX(2px)}.menu li:active{background-color:#ffffff1f;transform:translateX(1px)}.menu a:hover,.menu button:hover{cursor:pointer}.menu .menu-link,.menu a,.menu button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.4;padding:0;pointer-events:auto;position:relative;text-align:left;text-decoration:none;touch-action:manipulation;transition:all var(--transition-base);width:100%;z-index:2}.menu .menu-link{flex:1 1}.menu ul{list-style:none;margin:0;padding:0}.menu li{position:relative}.menu li:not(:last-child){margin-bottom:2px}.header{animation:slideInHeader .5s cubic-bezier(.25,.46,.45,.94) .2s forwards;color:#fff;flex-shrink:0;margin-bottom:var(--space-6);opacity:0;padding:var(--space-4) var(--space-6);text-align:center;transform:translateY(-10px)}@keyframes slideInHeader{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-brand-link{align-items:center;display:flex;gap:0;justify-content:center;text-decoration:none}.header-logo{flex-shrink:0;height:1.8em;object-fit:contain;width:1.8em}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e9d5ff);-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.5px;margin:0}.menu-button{background:none;border:none;color:#fff;cursor:pointer;margin-left:0;padding:5px 20px;text-decoration:none}.menu-button,.menu-item-header{align-items:center;display:flex;justify-content:flex-start;width:100%}.menu-item-header{gap:var(--space-2)}.burger-menu{cursor:pointer;display:none}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.menu-overlay{display:block}.menu{animation:none;box-shadow:var(--shadow-2xl);height:100vh;height:100dvh;left:0;max-width:85vw;overflow:hidden;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:280px;z-index:10000}.menu.menu-open{pointer-events:auto;transform:translateX(0)}.header{justify-content:space-between;padding:var(--space-4) var(--space-6);position:relative;z-index:calc(var(--z-modal) + 1)}.burger-menu,.header{align-items:center;display:flex}.burger-menu{border-radius:var(--radius-md);color:#fff;font-size:var(--text-xl);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-2);transition:background-color var(--transition-base)}.burger-menu:hover{background-color:#ffffff1a}.burger-menu:active{background-color:#fff3}}@media (max-width:768px){.mobile-menu-toggle{display:none}.menu{max-width:320px;width:100%}.menu li{margin:0 var(--space-3) var(--space-2) var(--space-3);min-height:48px;padding:var(--space-3) var(--space-4)}.menu .menu-link,.menu a,.menu button{align-items:center;display:flex;font-size:var(--text-lg);min-height:44px}.menu .svg-inline--fa{font-size:16px;height:20px;width:20px}.menu-bottom{font-weight:700;padding:var(--space-4)}.menu .menu-report-issue{font-size:var(--text-xs);font-weight:var(--font-normal);margin:0 var(--space-3);min-height:40px;padding:var(--space-2) var(--space-4)}.header{padding:var(--space-3) var(--space-4)}.header h1{font-size:var(--text-xl)}.burger-menu{font-size:var(--text-2xl);min-height:48px;min-width:48px}}@media (max-width:480px){.mobile-menu-toggle{display:none}.menu{max-width:100%;width:100%}.header{padding:var(--space-2) var(--space-3)}.header h1{font-size:var(--text-lg)}.menu li{min-height:44px;padding:var(--space-2) var(--space-3)}.menu .menu-link,.menu a,.menu button{font-size:var(--text-base)}}.progress-stepper{background:#fff;border-bottom:1px solid var(--color-neutral-200);padding:var(--space-6) 0;width:100%}.stepper-container{justify-content:center;margin:0 auto;max-width:800px;padding:0 var(--space-6)}.step,.stepper-container{align-items:center;display:flex}.step{flex-direction:column;gap:var(--space-2);position:relative;z-index:1}.step-icon{align-items:center;background:var(--color-neutral-100);border:3px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-400);display:flex;font-size:var(--text-xl);height:56px;justify-content:center;transition:all var(--transition-base);width:56px}.step.active .step-icon{background:var(--gradient-primary);border-color:#0000;box-shadow:var(--shadow-primary);color:#fff;transform:scale(1.1)}.step.completed .step-icon{background:var(--color-success);border-color:#0000;box-shadow:0 4px 12px #10b9814d;color:#fff}.step-label{color:var(--color-neutral-500);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);white-space:nowrap}.step.active .step-label{color:var(--color-primary-600);font-weight:var(--font-semibold)}.step.completed .step-label{color:var(--color-success)}.step-connector{background:var(--color-neutral-200);flex:1 1;height:3px;margin:0 var(--space-4);margin-bottom:30px;overflow:hidden;position:relative;transition:all var(--transition-base)}.step-connector.completed{background:var(--color-success)}.step-connector:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.step-connector.completed:after{display:none}@media (max-width:768px){.progress-stepper{display:none}}.mobile-navigation{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-top:1px solid var(--color-neutral-200);bottom:0;box-shadow:0 -4px 12px #0000001a;display:none;left:0;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));pointer-events:auto;position:fixed;right:0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;z-index:9999}.mobile-nav-buttons{display:flex;gap:var(--space-3);margin:0 auto;max-width:1200px;width:100%}.mobile-nav-button,.mobile-nav-buttons{position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.mobile-nav-button{-webkit-tap-highlight-color:transparent;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;min-height:52px;padding:var(--space-4) var(--space-5);pointer-events:auto;touch-action:manipulation;transition:background-color .2s ease,transform .1s ease;user-select:none;-webkit-user-select:none;will-change:transform,background-color;z-index:10000}.mobile-nav-button-back{background:var(--color-neutral-100);border:2px solid var(--color-neutral-200);color:var(--color-neutral-700)}@media (hover:hover){.mobile-nav-button-back:hover:not(:disabled){background:var(--color-neutral-200);border-color:var(--color-neutral-300);transform:translateY(-1px)}}.mobile-nav-button-back:active:not(:disabled){background:var(--color-neutral-200);transform:translateY(0)}.mobile-nav-button-next{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}@media (hover:hover){.mobile-nav-button-next:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.mobile-nav-button-next:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.mobile-nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.mobile-nav-button svg{font-size:var(--text-lg);transition:transform var(--transition-base)}@media (hover:hover){.mobile-nav-button-back:hover:not(:disabled) svg{transform:translateX(-2px)}.mobile-nav-button-next:hover:not(:disabled) svg{transform:translateX(2px)}}@media (max-width:768px){.mobile-navigation{display:block}}@media (max-width:480px){.mobile-navigation{padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.mobile-nav-buttons{gap:var(--space-2)}.mobile-nav-button{font-size:var(--text-sm);gap:var(--space-1);min-height:48px;padding:var(--space-3) var(--space-4)}.mobile-nav-button svg{font-size:var(--text-base)}.mobile-nav-button span{font-size:var(--text-sm)}}.audio-page{flex:1 1;overflow-y:auto;padding:var(--space-8)}.audio-container{margin:0 auto;max-width:1080px;width:100%}.audio-content{flex-direction:row;gap:20px;justify-content:center;padding:0}.audio-content,.audio-left-column{align-items:stretch;display:flex;width:100%}.audio-left-column{flex:0 0 100%;flex-direction:column}.audio-upload-card{display:flex;flex-direction:column;flex-grow:1;margin:0;width:100%}.audio-upload-card>:first-child{margin-top:0;padding-top:0}.audio-upload-card h2{margin:0}.audio-upload-section{width:100%}.audio-editor-section{margin-top:var(--space-6);width:100%}@media (max-width:1024px){.audio-page{padding:var(--space-4)}.audio-content{align-items:stretch;flex-direction:column;gap:var(--space-6);padding:0}.audio-left-column{align-items:stretch;flex:none;text-align:center;width:100%}.audio-upload-card{max-width:100%;width:100%}.page-navigation{margin-top:var(--space-6);padding:var(--space-3) 0}}@media (max-width:768px){.audio-page{padding:0 var(--space-3);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-2)}.audio-container{max-width:100%}.audio-content{gap:var(--space-4);margin:0;padding:0;width:100%}.audio-left-column{width:100%}.audio-upload-card{margin:0;max-width:100%;padding:var(--space-4);padding-top:0;width:100%}.page-header-with-menu{justify-content:center;margin-bottom:var(--space-2);margin-left:0;margin-right:0;margin-top:0;padding:0;position:relative;width:100%}.page-header-menu-button{display:flex}.page-title-mobile{display:block;font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-title-desktop{display:none}.page-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.audio-editor-section{margin-top:var(--space-4);width:100%}.page-navigation{display:none}}@media (max-width:480px){.audio-page{padding:var(--space-2);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-1)}.page-title-mobile{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.audio-content{gap:var(--space-3)}.audio-upload-card{padding:var(--space-3)}.audio-editor-section{margin-top:var(--space-3);width:100%}.page-navigation{margin-top:var(--space-3);padding:var(--space-1) 0}}.page-header-menu-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #d8116d1a;border-radius:var(--radius-full);box-shadow:0 2px 8px #00000014;font-size:var(--text-lg);height:40px;opacity:1;transform:translateY(0) scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.page-header-menu-button.hide-on-scroll{opacity:0;pointer-events:none;transform:translateY(-60px) scale(.8)}@media (hover:hover){.page-header-menu-button:hover{background:#fff;box-shadow:0 4px 12px #d8116d33;transform:translateY(0) scale(1.05)}.page-header-menu-button.hide-on-scroll:hover{transform:translateY(-60px) scale(.8)}}.page-header-menu-button:active{transform:translateY(0) scale(.95)}@media (max-width:768px){.page-header-menu-button{display:flex}}.audio-editor{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.audio-editor-header{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);flex-wrap:wrap;justify-content:space-between;padding:var(--space-4) var(--space-6)}.audio-editor-header,.duration-info{align-items:center;display:flex;gap:var(--space-2)}.duration-label{color:var(--color-neutral-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.duration-value{color:var(--color-primary-700);font-family:Monaco,Menlo,monospace;font-size:var(--text-sm);font-weight:var(--font-semibold)}.preset-durations{display:flex;gap:var(--space-2)}.preset-btn{background:var(--color-primary-100);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);color:var(--color-primary-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.preset-btn:hover:not(:disabled){background:var(--color-primary-200);transform:translateY(-1px)}.preset-btn:disabled{cursor:not-allowed;opacity:.5}.waveform-container{-webkit-overflow-scrolling:touch;background:var(--color-neutral-50);overflow-x:auto;overflow-y:hidden;padding:var(--space-4);position:relative;scrollbar-color:var(--color-primary-500) var(--color-neutral-200);scrollbar-width:thin;touch-action:pan-x pan-y;width:100%}.waveform-container::-webkit-scrollbar{display:block;height:12px}.waveform-container::-webkit-scrollbar-track{-webkit-appearance:none;background:var(--color-neutral-200);border-radius:var(--radius-full)}.waveform-container::-webkit-scrollbar-thumb{-webkit-appearance:none;background:var(--color-primary-500);border:2px solid var(--color-neutral-200);border-radius:var(--radius-full);min-width:50px}.waveform-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-600)}.waveform-container::-webkit-scrollbar-thumb:active{background:var(--color-primary-700)}.waveform-container>div{box-sizing:border-box;display:block;max-width:100%;min-width:100%}.custom-region{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:none!important}.waveform-container>div{position:relative;touch-action:pan-x}#waveform{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.audio-controls{align-items:center;background:#fff;border-top:1px solid var(--color-neutral-200);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;padding:var(--space-4) var(--space-6);width:100%}.audio-controls,.playback-controls{display:flex;gap:var(--space-3)}.zoom-controls{align-items:center;display:flex;gap:var(--space-2)}.control-btn{align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-700);cursor:pointer;display:inline-flex;font-size:var(--text-sm);height:40px;justify-content:center;transition:all var(--transition-base);width:40px}@media (hover:hover){.control-btn:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--color-primary-300);color:var(--color-primary-700);transform:translateY(-1px)}.control-btn.primary:hover:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700);color:#fff}.control-btn.primary:hover:not(:disabled) *{fill:currentColor;color:#fff}.control-btn.primary:hover:not(:disabled) span{color:#fff;opacity:1;visibility:visible}.control-btn.primary:hover:not(:disabled) .fa-icon,.control-btn.primary:hover:not(:disabled) svg{fill:#fff;color:#fff;opacity:1;visibility:visible}}.control-btn.primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;gap:var(--space-2);padding:0 var(--space-4);width:auto}.control-btn.primary *{fill:currentColor;color:inherit}.control-btn.primary .fa-icon,.control-btn.primary span,.control-btn.primary svg{color:#fff;display:inline-block;opacity:1;transition:none;visibility:visible}.control-btn.primary .fa-icon,.control-btn.primary svg{fill:#fff}.control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.zoom-label{color:var(--color-neutral-600);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:60px;text-align:center}.audio-instructions{background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);padding:var(--space-4) var(--space-6)}.audio-instructions p{color:var(--color-neutral-600);font-size:var(--text-sm);line-height:1.5;margin:0}.audio-instructions strong{color:var(--color-neutral-700);font-weight:var(--font-semibold)}.no-audio-message{padding:var(--space-8);text-align:center}.no-audio-message p{color:var(--color-neutral-500);font-size:var(--text-base);margin:0}@media (max-width:768px){.audio-editor{border-radius:var(--radius-lg);margin:0;max-width:100%;width:100%}.audio-editor-header{align-items:stretch;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.duration-info,.preset-durations{flex-wrap:wrap;justify-content:center}.preset-durations{gap:var(--space-2)}.preset-btn{font-size:var(--text-base);min-height:44px}.audio-controls,.preset-btn{padding:var(--space-3) var(--space-4)}.audio-controls{flex-direction:column;gap:var(--space-4);justify-content:center}.playback-controls,.zoom-controls{gap:var(--space-3);justify-content:center;width:100%}.control-btn{height:48px;min-width:48px;width:48px}.control-btn,.control-btn.primary{font-size:var(--text-base);min-height:48px}.control-btn.primary{padding:0 var(--space-5)}.control-btn.primary .fa-icon,.control-btn.primary span,.control-btn.primary svg{color:#fff;display:inline-block;opacity:1;visibility:visible}.control-btn.primary .fa-icon,.control-btn.primary svg{fill:#fff}@media (hover:hover){.control-btn.primary:hover:not(:disabled) span{color:#fff;opacity:1;visibility:visible}.control-btn.primary:hover:not(:disabled) .fa-icon,.control-btn.primary:hover:not(:disabled) svg{fill:#fff;color:#fff;opacity:1;visibility:visible}}.control-btn.primary:active:not(:disabled) span{color:#fff;opacity:1;visibility:visible}.control-btn.primary:active:not(:disabled) .fa-icon,.control-btn.primary:active:not(:disabled) svg{fill:#fff;color:#fff;opacity:1;visibility:visible}.waveform-container{max-width:100%;padding:var(--space-3);width:100%}.audio-instructions{padding:var(--space-3) var(--space-4)}.audio-instructions p{font-size:var(--text-base);line-height:1.6}}@media (max-width:480px){.audio-editor{border-radius:var(--radius-md);margin:0;max-width:100%;width:100%}.audio-editor-header{padding:var(--space-2) var(--space-3)}.duration-info{align-items:center;flex-direction:column;text-align:center}.preset-durations{gap:var(--space-1)}.preset-btn{font-size:var(--text-sm);min-height:40px}.audio-controls,.preset-btn{padding:var(--space-2) var(--space-3)}.control-btn{height:44px;min-height:44px;min-width:44px;width:44px}.control-btn.primary{min-height:44px;padding:0 var(--space-4)}.control-btn.primary .fa-icon,.control-btn.primary span,.control-btn.primary svg{color:#fff;display:inline-block;opacity:1;visibility:visible}.control-btn.primary .fa-icon,.control-btn.primary svg{fill:#fff}@media (hover:hover){.control-btn.primary:hover:not(:disabled) span{color:#fff;opacity:1;visibility:visible}.control-btn.primary:hover:not(:disabled) .fa-icon,.control-btn.primary:hover:not(:disabled) svg{fill:#fff;color:#fff;opacity:1;visibility:visible}}.control-btn.primary:active:not(:disabled) span{color:#fff;opacity:1;visibility:visible}.control-btn.primary:active:not(:disabled) .fa-icon,.control-btn.primary:active:not(:disabled) svg{fill:#fff;color:#fff;opacity:1;visibility:visible}.waveform-container{max-width:100%;padding:var(--space-2);width:100%}.audio-instructions{padding:var(--space-2) var(--space-3)}}.audio-upload-container{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:20px;padding:0}.audio-file-name-box{background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#575757;padding:10px 20px;width:calc(100% - 40px);width:50%}.audio-file-name-box,.audio-file-upload{box-sizing:border-box;font-size:13px;text-align:center}.audio-file-upload{background-color:#d8116d;border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;margin:10px auto;padding:8px 20px;transition:background-color .3s,transform .1s;width:30%}.audio-file-upload:hover{background-color:#ff6eb2;transform:translateY(-2px)}.file-name{box-sizing:border-box;color:#b9b9b9;font-size:.9em;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:768px){.audio-file-upload{font-size:14px;min-height:48px;padding:12px 16px;width:100%}}@media (max-width:480px){.audio-file-upload{font-size:var(--text-sm);min-height:44px;padding:var(--space-2) var(--space-4)}}.next-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;min-width:120px;padding:var(--space-3) var(--space-6);touch-action:manipulation;transition:all .3s ease}@media (hover:hover){.next-button:hover:not(.disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.next-button:active:not(.disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.next-button.disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.5;transform:none}.next-button svg{transition:transform .3s ease}@media (hover:hover){.next-button:hover:not(.disabled) svg{transform:translateX(2px)}}.next-button.primary{background:var(--gradient-primary)}.next-button.secondary{background:var(--gradient-secondary)}.next-button.success{background:var(--gradient-primary)}.next-button.small{font-size:var(--text-sm);min-width:100px;padding:var(--space-2) var(--space-4)}.next-button.large{font-size:var(--text-lg);min-width:140px;padding:var(--space-4) var(--space-8)}@media (max-width:768px){.next-button{border-radius:var(--radius-lg);font-size:var(--text-lg);min-height:48px;padding:var(--space-4) var(--space-6);width:100%}.next-button.small{font-size:var(--text-base);min-height:44px;padding:var(--space-3) var(--space-5)}.next-button.large{font-size:var(--text-xl);min-height:56px;padding:var(--space-5) var(--space-8)}}@media (max-width:480px){.next-button{font-size:var(--text-base);min-height:44px;padding:var(--space-3) var(--space-5)}.next-button.small{font-size:var(--text-sm);min-height:40px;padding:var(--space-2) var(--space-4)}.next-button.large{font-size:var(--text-lg);min-height:52px;padding:var(--space-4) var(--space-6)}}.colors-page{flex:1 1;overflow-y:auto;padding:var(--space-8)}.colors-container{margin:0 auto;max-width:1080px;width:100%}.page-header-with-menu{gap:0}.colors-content{align-items:stretch;display:flex;flex-direction:row;gap:20px;justify-content:center;padding:20px}.colors-left-column{align-items:center;display:flex;flex:0 0 40%;flex-direction:column}.colors-right-column{align-items:stretch;display:flex;flex:0 0 60%;flex-direction:column;justify-content:flex-start;min-width:0}.color-options-container{background:#f7f7f7;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;flex-grow:1;margin:auto;padding:5%;width:80%}.color-options-container>:first-child{margin-top:0;padding-top:0}.color-options-container h2{margin:0}.colors-page-disk-display{aspect-ratio:1/1;background-color:var(--color-primary-500);border-radius:8px;box-shadow:0 4px 10px #0000001a;height:auto;margin:0 auto;max-width:100%;overflow:hidden;position:relative;width:100%}@media (max-width:1024px){.colors-page{padding:var(--space-4)}.colors-content{align-items:center;flex-direction:column;gap:15px;padding:10px}.colors-left-column,.colors-right-column{align-items:center;flex:none;text-align:center;width:100%}.color-options-container,.colors-page-disk-display{max-width:400px;width:100%}.colors-page-disk-display{aspect-ratio:1/1;height:auto;margin:0 auto}}@media (max-width:768px){.colors-page{padding:0 var(--space-3);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-2)}.page-header-with-menu{justify-content:center;margin-bottom:var(--space-1);margin-left:0;margin-right:0;margin-top:0;padding:0;position:relative;width:100%}.page-header-menu-button{display:flex}.page-title-mobile{display:block;font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-title-desktop{display:none}.page-description{font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--space-2);margin-top:var(--space-1);text-align:left}.colors-content{gap:var(--space-3);margin:0;padding:0;width:100%}.color-options-container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:var(--space-3);padding-top:0;width:100%}.colors-right-column{display:flex;flex-direction:column;min-height:0;width:100%}.colors-page-disk-display{aspect-ratio:1/1;height:auto;margin:0 auto;max-width:350px;width:calc(100% - var(--space-3)*2)}.page-navigation{display:none}}@media (max-width:480px){.colors-page{padding:var(--space-2);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-1)}.page-title-mobile{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-description{font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--space-2);margin-left:0;margin-right:0;margin-top:var(--space-1);text-align:left}.colors-content{gap:var(--space-3)}.color-options-container{padding:var(--space-3)}.colors-page-disk-display{aspect-ratio:1/1;height:auto;margin:0 auto;max-width:300px;width:calc(100% - var(--space-3)*2)}}.background-color-container{border-radius:0;display:flex;flex-direction:column;font-family:var(--font-body);gap:var(--space-2);padding:0}.color-picker-container{flex-wrap:wrap;justify-content:flex-start;padding-bottom:0}.color-picker-container,.color-picker-wrapper{align-items:stretch;display:flex;gap:var(--space-3);width:100%}.color-picker-wrapper{background:#fff;border:2px solid var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;flex-basis:100%;flex-direction:row;min-height:48px;padding:0;padding-right:var(--space-4);transition:all var(--transition-base)}.color-picker-wrapper:hover{border-color:var(--color-primary-500)}.color-picker-label{align-items:center;color:var(--color-neutral-900);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) 0;white-space:nowrap}.background-color-selector{width:auto}input[type=color]{-webkit-appearance:none;border:none;border-radius:6px 0 0 6px;box-shadow:none;cursor:pointer;display:block;flex-shrink:0;height:100%;margin:0;min-width:60px;padding:0;transition:all var(--transition-base);width:60px}input[type=color]:hover{opacity:.9}input[type=color]:active{opacity:.8}input[type=color]::-webkit-color-swatch-wrapper{border-radius:6px 0 0 6px;padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px 0 0 6px}.background-color-text{color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.palette-toggle .background-color-text{color:var(--color-neutral-900);font-weight:var(--font-semibold)}.palette-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-basis:100%;gap:var(--space-2);justify-content:center;margin-bottom:0;min-height:48px;padding:12px 16px;text-align:center;touch-action:manipulation;transition:all var(--transition-base);user-select:none;-webkit-user-select:none;white-space:nowrap;width:100%}.palette-toggle:hover{border-color:var(--color-primary-500)}.palette-toggle:active{transform:scale(.98)}.palette-toggle-icon{color:var(--color-primary-600);flex-shrink:0;font-size:var(--text-base);font-weight:var(--font-semibold);margin-left:var(--space-2);transition:transform .2s ease}.color-palette{border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:10px}.color-swatch{border:2px solid #0000001a;border-radius:var(--radius-md);cursor:pointer;flex-basis:calc(20% - 8px);flex-grow:1;flex-shrink:1;height:50px;min-width:50px;transition:transform .2s ease,border-color .2s ease}.color-swatch:hover{border-color:#0000004d;transform:scale(1.08)}.color-swatch:focus{border-color:var(--color-primary-500);outline:2px solid var(--color-primary-500);outline-offset:2px;transform:scale(1.08)}.color-swatch:active{transform:scale(.95)}@media (max-width:768px){.background-color-container{gap:var(--space-2);padding:0}.background-color-text{font-size:var(--text-xs)}.color-picker-container{flex-wrap:nowrap}.color-picker-container,.color-picker-wrapper{align-items:stretch;flex-direction:row;gap:var(--space-2)}.color-picker-wrapper{flex-basis:auto;flex-shrink:1;flex:0 1 auto;height:48px;min-height:48px;min-width:0;padding:0;padding-right:var(--space-2);width:auto}.color-picker-label{font-size:var(--text-xs);overflow:hidden;padding:var(--space-2) 0;text-overflow:ellipsis;white-space:nowrap}input[type=color]{border:none;border-radius:6px 0 0 6px;box-sizing:border-box;flex-shrink:0;height:100%;margin:0;padding:0;width:48px}.background-color-selector{padding:0;width:auto}.palette-toggle{background:#fff;border:2px solid var(--color-neutral-300);display:flex;flex:1 1;flex-basis:0;font-size:var(--text-xs);gap:var(--space-1);height:48px;justify-content:center;margin-bottom:0;min-height:48px;min-width:0;padding:var(--space-2) var(--space-3);width:auto}.palette-toggle .background-color-text{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-toggle:active{background:var(--color-neutral-100);transform:scale(.98)}.palette-toggle-icon{font-size:var(--text-xs)}.color-palette{gap:10px;margin-top:var(--space-2);width:100%}.color-swatch{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;height:60px;min-width:calc(50% - 5px)}}@media (max-width:480px){.background-color-container{gap:var(--space-2);padding:0}.color-picker-container{gap:var(--space-2)}.color-picker-wrapper{align-items:stretch;flex-basis:auto;flex-shrink:1;flex:0 1 auto;gap:var(--space-1);height:44px;min-height:44px;min-width:0;padding:0;padding-right:var(--space-2);width:auto}.color-picker-label{font-size:11px;overflow:hidden;padding:var(--space-2) 0;text-overflow:ellipsis;white-space:nowrap}input[type=color]{border:none;border-radius:6px 0 0 6px;height:100%;margin:0;padding:0;width:44px}.palette-toggle{background:#fff;border:2px solid var(--color-neutral-300);flex:1 1;flex-basis:0;font-size:11px;gap:4px;height:44px;min-height:44px;min-width:0;padding:var(--space-2) var(--space-2);width:auto}.palette-toggle .background-color-text{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-toggle-icon{font-size:11px;margin-left:0}.palette-toggle:active{background:var(--color-neutral-100);transform:scale(.98)}.color-swatch{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;height:55px}}.disk-display{align-content:center;aspect-ratio:1/1;background-color:#d8116d;border-radius:8px;display:flex;margin:auto;overflow:hidden;position:relative;width:60%}.image-overlay{animation:spin 10s linear infinite;aspect-ratio:1/1;background:#0000;border-radius:50%;display:block;height:80%;left:10%;min-height:0;min-width:0;object-fit:cover;position:absolute;top:10%;width:80%;z-index:1}@media (max-width:768px){.disk-display{aspect-ratio:1/1;background-color:#d8116d;border-radius:8px;margin:0 auto;overflow:hidden;position:relative;width:100%}}.enhanced-preview-container{margin:0 auto;max-width:500px;width:100%}.preview-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.preview-canvas{align-items:center;aspect-ratio:1;background-color:var(--color-primary-500);display:flex;justify-content:center;position:relative;transition:background-color var(--transition-base);width:100%}.preview-spinning-disk-enhanced{height:80%;position:relative;width:80%}.disk-overlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-position:50%;background-size:cover;box-shadow:var(--shadow-2xl);transform-origin:center center;transition:none;will-change:transform}.disk-overlay,.placeholder-circle{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.placeholder-circle{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:3px dashed #ffffff80}.placeholder-circle span{color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);text-shadow:0 2px 4px #0003}.preview-waveform-enhanced{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;padding:var(--space-8);width:100%}.wave-bar-enhanced{background:#fff;border-radius:var(--radius-full);box-shadow:0 4px 12px #0003;transition:height var(--transition-fast);width:12px}.preview-grid-enhanced{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);height:80%;width:80%}.grid-cell{background-color:#fff3;background-position:50%;background-size:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base)}.preview-controls{background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);gap:var(--space-4);padding:var(--space-6)}.play-button,.preview-controls{align-items:center;display:flex}.play-button{-webkit-tap-highlight-color:transparent;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;height:48px;justify-content:center;pointer-events:auto;position:relative;touch-action:manipulation;transition:all var(--transition-base);user-select:none;-webkit-user-select:none;width:48px;z-index:1}.play-button:hover:not(:disabled){box-shadow:var(--shadow-xl),var(--shadow-primary);transform:scale(1.1)}.play-button:active:not(:disabled){transform:scale(.95)}.play-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.preview-controls-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.preview-label{color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.preview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.preview-design,.preview-duration{color:var(--color-neutral-500);font-size:var(--text-xs);font-weight:var(--font-medium)}.preview-info{background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);margin-top:var(--space-4);padding:var(--space-4)}.info-item{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.info-label{color:var(--color-neutral-500);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--color-neutral-900);font-size:var(--text-base);font-weight:var(--font-semibold)}@media (max-width:768px){.enhanced-preview-container{max-width:100%}.preview-controls{gap:var(--space-3);padding:var(--space-4)}.play-button{height:52px;min-height:52px;min-width:52px;width:52px}.play-button svg{height:24px;width:24px}.preview-label{font-size:var(--text-base)}}@media (max-width:480px){.play-button{height:48px;min-height:48px;min-width:48px;width:48px}.play-button svg{height:20px;width:20px}}.export-modal-dialog{align-items:center;background:#0000;border:none;display:flex;height:100%;justify-content:center;margin:0;max-height:100%;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px;width:100%}.export-modal-dialog::backdrop{background-color:#000000bf}.export-modal-dialog:not([open]){display:none}.export-modal{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:85vh;max-width:500px;overflow:auto;padding:var(--space-10);position:relative;text-align:center;touch-action:manipulation;width:100%}body.export-modal-open .menu,body.export-modal-open .menu-overlay,body.export-modal-open .mobile-menu-toggle,body.export-modal-open .mobile-navigation,body.export-modal-open .page-header-menu-button{display:none!important;pointer-events:none!important}.export-modal-tapdebug{background:#111;border-radius:var(--radius-md);color:#6ee7b7;font-family:ui-monospace,monospace;font-size:11px;line-height:1.4;margin:0 0 var(--space-3);padding:var(--space-2);text-align:left;word-break:break-all}.export-modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-neutral-100);border:none;border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;display:flex;font-size:var(--text-lg);height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);touch-action:manipulation;transition:all var(--transition-base);width:36px;z-index:10002}@media (hover:hover){.export-modal-close:hover{background:var(--color-neutral-200);color:var(--color-neutral-900);transform:scale(1.1)}}.export-modal-close:active{transform:scale(.95)}.export-modal-header{margin-bottom:var(--space-8)}.modal-icon{display:inline-block;font-size:4rem;margin-bottom:var(--space-4)}.email-icon{animation:bounce 1s ease-in-out}.email-icon,.processing-icon{color:var(--color-primary-600)}.success-icon{color:var(--color-success)}.error-icon,.success-icon{animation:scaleIn .5s ease}.error-icon{color:#dc2626;color:var(--color-error,#dc2626)}.export-modal-header h2{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.export-modal-header p{color:var(--color-neutral-600);font-size:var(--text-base);line-height:var(--leading-relaxed)}.export-modal-form{display:flex;flex-direction:column;gap:var(--space-6)}.input-group{text-align:left}.email-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;font-size:var(--text-base);padding:var(--space-4);transition:all var(--transition-base);width:100%}.email-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.email-input.invalid{background:#fef2f2;border-color:var(--color-error)}.input-error{display:block;margin-top:var(--space-2)}.error-box,.input-error{color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium)}.error-box{background:#fef2f2;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.modal-button{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-3);justify-content:center;min-height:56px;padding:var(--space-4) var(--space-8);transition:all .2s ease;width:100%}.modal-button.primary{-webkit-tap-highlight-color:transparent;background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:#fff;touch-action:manipulation}@media (hover:hover){.modal-button.primary:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-xl),var(--shadow-primary);transform:translateY(-2px)}}.modal-button.primary:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.modal-button:disabled{cursor:wait;opacity:.7}.progress-section{margin:var(--space-8) 0}.progress-bar-wrapper{margin-bottom:var(--space-6)}.progress-bar{height:16px;position:relative}.progress-fill{overflow:hidden;position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-info{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.progress-percentage{color:var(--color-primary-600);font-size:var(--text-2xl);font-weight:var(--font-bold);min-width:60px}.progress-message{color:var(--color-neutral-600);flex:1 1;font-size:var(--text-base);font-weight:var(--font-medium);text-align:right}.processing-note{background:var(--color-neutral-50);border-radius:var(--radius-lg);color:var(--color-neutral-700);font-size:var(--text-sm);margin-top:var(--space-6);padding:var(--space-4)}.success-content{gap:var(--space-6);margin:var(--space-8) 0}.email-display,.success-content{display:flex;flex-direction:column}.email-display{align-items:center;background:var(--color-neutral-50);border-radius:var(--radius-lg);gap:var(--space-2);padding:var(--space-4)}.email-label{color:var(--color-neutral-600);font-size:var(--text-sm)}.email-display strong{color:var(--color-neutral-900);font-size:var(--text-lg);word-break:break-all}.success-message-box{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;border-radius:var(--radius-xl);padding:var(--space-5);text-align:left}.success-message-box p{color:#065f46;font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.success-message-box p:last-child{margin-bottom:0}.success-tip{background:#fef3c7;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.modal-icon{font-size:3rem}.export-modal-header h2{font-size:var(--text-2xl)}.email-input{font-size:16px}.modal-button{min-height:52px}.success-message-box{padding:16px}.success-message-text{font-size:14px}.success-tip{font-size:13px}.export-modal-overlay{align-items:flex-start;padding:var(--space-2);padding-top:10vh}.export-modal{margin:0 auto;max-height:85vh;max-width:calc(100% - 1rem);padding:var(--space-6)}.export-modal-header{margin-bottom:var(--space-6)}}.success-content{margin:24px 0}.success-message-box{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;margin-bottom:16px;padding:20px}.success-message-text{color:#166534;font-size:15px;line-height:1.6;margin:0 0 12px}.success-message-text:last-child{margin-bottom:0}.success-tip{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:14px;line-height:1.5;padding:12px 16px}.success-icon{color:#10b981}.export-page{flex:1 1;overflow-y:auto;padding:var(--space-8)}.export-content{margin:0 auto;max-width:1200px}.export-header-card{display:flex;flex-direction:column;flex-grow:1;margin:auto;margin-bottom:var(--space-6);width:80%}.export-header-card>:first-child{margin-top:0;padding-top:0}.export-header-card h1,.export-header-card h2{margin:0}.export-header{margin-bottom:var(--space-6);text-align:center}.export-header h1{color:var(--color-neutral-900);margin:0}.export-description{color:var(--color-neutral-600);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);margin-left:0;margin-right:0;margin-top:var(--space-3);text-align:center}.export-layout{grid-gap:var(--space-8);align-items:stretch;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.export-preview-section{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--space-8)}.export-preview-section .enhanced-preview-container{display:flex;flex:1 1;flex-direction:column}.export-options-section{gap:var(--space-6)}.export-card,.export-options-section{display:flex;flex-direction:column;height:100%}.export-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.export-card-title{color:var(--color-neutral-900);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.export-card-description{color:var(--color-neutral-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.export-checklist{background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.checklist-item{align-items:center;display:flex;font-size:var(--text-base);gap:var(--space-3);transition:all var(--transition-base)}.checklist-item.complete{color:var(--color-success)}.checklist-item.incomplete{color:var(--color-neutral-400)}.checklist-icon{align-items:center;display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);height:24px;justify-content:center;width:24px}.checklist-item.complete .checklist-icon{background:var(--color-success);border-radius:var(--radius-full);color:#fff}.checklist-label{font-weight:var(--font-medium)}.export-button-main{-webkit-tap-highlight-color:transparent;background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-md)!important;color:#fff!important;margin-bottom:var(--space-4);min-height:48px;pointer-events:auto;position:relative;touch-action:manipulation;transition:all var(--transition-base)!important;width:100%;z-index:1}.export-button-inline{margin-bottom:0}.export-button-fixed-mobile{display:none}.export-button-main:hover:not(:disabled){background:var(--gradient-secondary)!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.export-button-main:active:not(:disabled){box-shadow:var(--shadow-md)!important;transform:translateY(0)!important}.export-button-main:disabled{background:var(--color-neutral-300)!important;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none!important}.export-warning{background:var(--color-accent-50);border-radius:var(--radius-lg);color:var(--color-accent-600);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3);text-align:center}.progress-bar-container{margin-top:var(--space-4)}.progress-bar{background:var(--color-neutral-200);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-base)}.progress-text{color:var(--color-primary-600);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center}.export-specs{background:var(--color-neutral-50);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-4)}.specs-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:0;text-align:left;touch-action:manipulation;width:100%}.specs-title{color:var(--color-neutral-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.specs-toggle-icon{color:var(--color-primary-600);flex-shrink:0;font-size:var(--text-sm);margin-left:var(--space-2);transition:transform .2s ease}.specs-list{border-top:1px solid var(--color-neutral-200);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4)}.spec-item{align-items:center;border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:var(--space-2) 0}.spec-item:last-child{border-bottom:none}.spec-label{color:var(--color-neutral-600);font-weight:var(--font-medium)}.spec-label,.spec-value{font-size:var(--text-sm)}.spec-value{color:var(--color-neutral-900);font-weight:var(--font-semibold)}@media (max-width:1024px){.export-page{padding:var(--space-4)}.export-header{margin-bottom:var(--space-6)}.export-layout{gap:var(--space-6);grid-template-columns:1fr}.export-preview-section{position:static}}@media (max-width:768px){.export-page{padding:0 var(--space-3);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-2)}.export-header-card{margin:0;max-width:100%;padding:var(--space-4);padding-top:0;width:100%}.export-header,.export-header-card{margin-bottom:var(--space-4)}.export-header h1{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.export-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.export-card{padding:var(--space-6)}.export-card-title{font-size:var(--text-xl)}.export-layout{gap:var(--space-4)}.export-button-inline,.export-preview-section{display:none}.export-header{text-align:center}.page-header-with-menu{justify-content:center;margin-bottom:var(--space-2);margin-left:0;margin-right:0;margin-top:0;padding:0;position:relative;text-align:center;width:100%}.page-header-menu-button{display:flex}.page-title-mobile{display:block;font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-title-desktop{display:none}}@media (max-width:480px){.export-page{padding:var(--space-2);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-1)}.export-header-card{margin-bottom:var(--space-3);padding:var(--space-3)}.export-header h1,.page-title-mobile{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.page-title-mobile{letter-spacing:0;line-height:1.2}.export-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.export-card{padding:var(--space-4)}.export-card-title{font-size:var(--text-lg)}.export-checklist{padding:var(--space-3)}}.export-error{background:#fef2f2;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-4);padding:var(--space-3);text-align:center}.images-page{flex:1 1;overflow-y:auto;padding:var(--space-8)}.images-container{margin:0 auto;max-width:1080px;width:100%}@media (max-width:1024px){.images-page{padding:var(--space-4)}.page-navigation{margin-top:var(--space-6);padding:var(--space-3) 0}}@media (max-width:768px){.images-page{padding:0 var(--space-3);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-2)}.images-container{max-width:100%}.page-navigation{display:none}}@media (max-width:480px){.images-page{padding:var(--space-2);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-1)}.page-title-mobile{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.page-navigation{margin-top:var(--space-3);padding:var(--space-1) 0}}.disk-image-container{align-items:flex-start;align-items:stretch;display:flex;flex-direction:row;gap:20px;justify-content:center;margin:auto;max-width:100%;padding:20px;width:100%}.left-column{flex:0 0 40%;flex-direction:column}.left-column,.right-column{align-items:center;display:flex}.right-column{flex:0 0 60%;flex-direction:column;padding-top:0}.left-column>:first-child,.right-column>:first-child{margin-top:0}.upload-image-container{background:#f7f7f7;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;flex-grow:1;margin:auto;padding:5%;width:80%}.upload-image-container>:first-child{margin-top:0;padding-top:0}.upload-image-container h2{margin:0}.page-description{color:var(--color-neutral-600);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);margin-left:0;margin-right:0;margin-top:var(--space-3);text-align:center}.disk-background{background-color:#d8116d;border-radius:50%;margin:20px auto;padding-top:80%;position:relative;width:80%}.reactEasyCrop_CropArea{border-radius:50%;color:#d8116d80!important}.reactEasyCrop_Container,.reactEasyCrop_CropArea{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.reactEasyCrop_Container{-webkit-tap-highlight-color:transparent;border-radius:8px;touch-action:pan-x pan-y pinch-zoom}.reactEasyCrop_Image{backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:auto;object-fit:contain;transform:translateZ(0);will-change:transform}.file-input{display:none}button,input[type=file]{cursor:pointer;min-height:44px}button:focus,input[type=file]:focus{outline-offset:2px}.image-file-name-box{background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#333;margin:10px auto 10px 0}.image-file-name-box,.image-file-upload{font-size:13px;padding:8px 20px;text-align:center;width:80%}.image-file-upload{background-color:var(--color-primary-500);border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;margin:10px auto;transition:all .3s ease}.image-file-upload:hover{background-color:var(--color-primary-400);transform:translateY(-2px)}.crop-container{-webkit-overflow-scrolling:touch;aspect-ratio:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden;position:relative;touch-action:pan-x pan-y pinch-zoom;transform:translateZ(0);width:100%;will-change:contents}.button-container{display:flex;justify-content:center;margin-top:20px;width:100%}.crop-button{background-color:var(--color-primary-500);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .3s ease;width:50%}.crop-button:hover{background-color:var(--color-primary-400);transform:translateY(-2px)}@media (max-width:1024px){.disk-image-container{align-items:center;flex-direction:column;gap:15px;padding:10px}.left-column,.right-column{align-items:center;flex:none;text-align:center;width:100%}.crop-container,.upload-image-container{max-width:400px;width:100%}.crop-container{aspect-ratio:1/1}}@media (max-width:768px){.disk-image-container{gap:var(--space-3);padding:0;width:100%}.left-column{align-items:stretch;width:100%}.upload-image-container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:var(--space-3);padding-top:0;width:100%}.upload-image-container>:first-child{margin-top:0;padding-top:0}.page-header-with-menu{justify-content:center;margin-bottom:var(--space-2);margin-left:0;margin-right:0;margin-top:0;padding:0;position:relative;width:100%}.page-header-menu-button{display:flex}.page-title-mobile{display:block;font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-title-desktop{display:none}.page-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-top:var(--space-2);text-align:left}.crop-container{aspect-ratio:1/1;margin:0 auto;max-width:350px;width:calc(100% - var(--space-4)*2)}.image-file-name-box,.image-file-upload{font-size:14px;min-height:48px;padding:12px 16px;width:100%}.crop-button{font-size:var(--text-base);min-height:48px;padding:var(--space-3) var(--space-5);width:60%}}@media (max-width:480px){.disk-image-container{gap:var(--space-3);padding:0}.upload-image-container{padding:var(--space-3)}.crop-container{aspect-ratio:1/1;margin:0 auto;max-width:300px;width:calc(100% - var(--space-3)*2)}.crop-button,.image-file-name-box,.image-file-upload{font-size:var(--text-sm);min-height:44px;padding:var(--space-2) var(--space-4)}.crop-button{width:70%}}.toast{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;transform:translateX(120%);transition:transform .3s ease-out;z-index:10000}.toast-visible{transform:translateX(0)}.toast-exit{transform:translateX(120%)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-warning{border-left:4px solid #f59e0b}.toast-icon{flex-shrink:0;font-size:24px}.toast-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#4b5563}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.login-form{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);width:100%}.login-form-header{margin-bottom:var(--space-6);text-align:center}.login-form-title{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.login-form-label{color:var(--color-neutral-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.login-form-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.login-form-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.login-form-button{-webkit-tap-highlight-color:transparent;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-6);touch-action:manipulation;transition:all var(--transition-base);width:100%}@media (hover:hover){.login-form-button:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.login-form-footer{color:var(--color-neutral-600);display:flex;font-size:var(--text-sm);justify-content:space-between}.login-left-link{flex-grow:1;text-align:left}.login-right-link{flex-grow:1;text-align:right}.login-form-link{color:var(--color-primary-500);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 var(--space-2);text-decoration:none;transition:all var(--transition-base)}@media (hover:hover){.login-form-link:hover{color:var(--color-primary-600);text-decoration:underline}}.login-form-error{background:#ef44441a;border-left:3px solid var(--color-error);color:var(--color-error)}.login-form-error,.login-form-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.login-form-success{background:#0596691a;border-left:3px solid #059669;color:#059669}.resend-verification-container{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);text-align:center}.resend-verification-button{-webkit-tap-highlight-color:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);touch-action:manipulation;transition:all var(--transition-base);width:100%}.resend-verification-button.primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.resend-verification-button.secondary{background:#0000;border:2px solid var(--color-primary-500);color:var(--color-primary-600)}@media (hover:hover){.resend-verification-button.primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.resend-verification-button.secondary:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-600)}}.resend-verification-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.login-form{max-width:100%;padding:var(--space-4)}.login-form-header{margin-bottom:var(--space-4)}.login-form-title{font-size:var(--text-2xl)}.login-form-button,.login-form-input{margin-bottom:var(--space-3)}}.login-container{background:var(--color-neutral-50);display:flex;min-height:100vh;width:100%}.login-left-column{align-items:center;background:var(--gradient-primary);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.login-left-column:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.login-right-column{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-8)}.login-brand-header{position:absolute;right:var(--space-6);text-align:right;top:var(--space-6)}.login-brand-title{align-items:center;color:var(--color-neutral-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:0;text-decoration:none;transition:all var(--transition-base)}.login-brand-title:hover{color:var(--color-primary-500)}.login-brand-logo{flex-shrink:0;height:1.7em;object-fit:contain;width:1.7em}.login-top-menu-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--color-neutral-200);display:none;left:0;padding:var(--space-4) 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.login-top-menu-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.login-top-menu-brand{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:0;margin:0;text-decoration:none;transition:all var(--transition-base)}.login-mobile-logo{flex-shrink:0;height:1.2em;object-fit:contain;width:1.2em}.login-top-menu-brand:hover{opacity:.8}@media (max-width:1024px){.login-container{flex-direction:column}.login-left-column{flex:none;min-height:40vh;padding:var(--space-8)}.brand-title{font-size:var(--text-3xl)}.brand-tagline{font-size:var(--text-base)}.login-right-column{padding:var(--space-6)}}@media (max-width:768px){.login-brand-header,.login-left-column{display:none}.login-top-menu-mobile{display:block}.login-right-column{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-3);padding-top:calc(var(--space-2) + 50px);width:100%}.login-form{margin-top:0;max-width:100%;width:100%}.login-top-menu-container{padding:0 var(--space-4)}}body{background-color:#f7f7f7;font-family:Arial,sans-serif;margin:0;padding:0}.preview-page{flex:1 1;overflow-y:auto;padding:var(--space-8)}.preview-content{margin:0 auto;max-width:1080px;width:100%}.preview-header-card{display:flex;flex-direction:column;flex-grow:1;margin:auto;margin-bottom:var(--space-6);width:80%}.preview-header-card>:first-child{margin-top:0;padding-top:0}.preview-header-card h1,.preview-header-card h2{margin:0}.preview-header{margin-bottom:var(--space-6);text-align:center}.preview-header h1{color:var(--color-neutral-900);margin:0}.page-title-desktop{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-neutral-900);font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2;text-rendering:optimizeLegibility}.preview-description{color:var(--color-neutral-600);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);margin-left:0;margin-right:0;margin-top:var(--space-3);text-align:center}.preview-tips{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-12)}.tip-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-base)}.tip-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tip-icon{flex-shrink:0;font-size:2.5rem}.tip-content h3{color:var(--color-neutral-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.tip-content p{color:var(--color-neutral-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.page-navigation{display:flex;justify-content:center;margin-top:var(--space-8);padding:var(--space-4) 0}@media (max-width:1024px){.preview-page{padding:var(--space-4)}.preview-header{margin-bottom:var(--space-6)}.preview-tips{gap:var(--space-4);grid-template-columns:1fr;margin-top:var(--space-8)}}@media (max-width:768px){.preview-page{padding:0 var(--space-3);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-2)}.preview-header-card{margin:0;margin-bottom:var(--space-4);max-width:100%;padding:var(--space-4);padding-top:0;width:100%}.preview-header{margin-bottom:var(--space-4);text-align:center}.preview-header h1{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.page-header-with-menu{justify-content:center;margin-bottom:var(--space-2);margin-left:0;margin-right:0;margin-top:0;padding:0;position:relative;text-align:center;width:100%}.page-header-menu-button{display:flex}.page-title-mobile{display:block;font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-title-desktop{display:none}.preview-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.preview-tips{gap:var(--space-3);margin-top:var(--space-6)}.tip-card{padding:var(--space-4)}.page-navigation{display:none}}@media (max-width:480px){.preview-page{padding:var(--space-2);padding-bottom:calc(var(--space-2) + 80px);padding-top:var(--space-1)}.preview-header-card{margin-bottom:var(--space-3);padding:var(--space-3)}.page-title-mobile,.preview-header h1{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.page-title-mobile{letter-spacing:0;line-height:1.2}.preview-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-left:0;margin-right:0;margin-top:var(--space-2);text-align:left}.tip-card{flex-direction:column;padding:var(--space-3)}.tip-icon{font-size:2rem}.page-navigation{margin-top:var(--space-4);padding:var(--space-2) 0}}.settings-page{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:calc(100vh - 200px);padding:var(--space-8) 0;width:100%}.settings-header{margin-bottom:var(--space-8)}.settings-back-link{align-items:center;color:var(--color-primary-500);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none;transition:all var(--transition-base)}.settings-back-link:hover{color:var(--color-primary-600);transform:translateX(-2px)}.page-header-with-menu{align-items:center;display:flex;gap:var(--space-3);justify-content:center;margin:0;min-height:0;padding:0;position:relative;width:100%}.page-header-menu-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);box-shadow:none;color:var(--color-primary-500);cursor:pointer;display:none;flex-shrink:0;font-size:var(--text-base);height:36px;justify-content:center;left:var(--space-2);position:fixed;top:var(--space-2);touch-action:manipulation;transition:all var(--transition-base);width:36px;z-index:1000}.page-header-menu-button:hover{opacity:.8;transform:scale(1.05)}.page-header-menu-button:active{opacity:.6;transform:scale(.95)}.settings-title{-webkit-text-fill-color:#0000;font-size:var(--text-4xl);font-weight:var(--font-bold)}.page-title-mobile,.settings-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--color-neutral-900);margin:0}.page-title-mobile{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-fill-color:#0000;display:none;font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2;padding:0;text-rendering:optimizeLegibility}.page-title-desktop{display:block;margin:0;padding:0}.settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);box-sizing:border-box;padding:var(--space-8);width:100%}.settings-card-title{border-bottom:2px solid var(--color-neutral-100);color:var(--color-neutral-900);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-4)}.settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.settings-form-group{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.settings-label{color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.settings-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-neutral-900);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.settings-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.settings-input:disabled{background:var(--color-neutral-100);cursor:not-allowed;opacity:.6}.settings-button{align-self:flex-start;border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);min-width:140px;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.settings-button-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.settings-button-primary:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.settings-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-message{border-radius:var(--radius-lg);box-sizing:border-box;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4);padding:var(--space-4);width:100%}.settings-message-success{background-color:#0596691a;border-left:4px solid #059669;color:#059669}.settings-message-error{background-color:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.email-verification-status{margin-top:var(--space-2);width:100%}.verification-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.verification-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3)}.verification-badge.verified{background-color:#0596691a;color:#059669}.verification-badge.not-verified{background-color:#f59e0b1a;color:#f59e0b}.resend-verification-btn{align-self:flex-start;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.resend-verification-btn:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.resend-verification-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.settings-page{max-width:100%;padding:var(--space-6) var(--space-4)}.settings-card{padding:var(--space-6)}}@media (max-width:768px){.settings-page{padding:var(--space-2) var(--space-4)}.page-header-with-menu{justify-content:center;margin-bottom:var(--space-2);margin-left:0;margin-right:0;margin-top:0;padding:0;position:relative;width:100%}.page-header-menu-button{display:flex}.page-title-mobile{display:block;font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:0;line-height:1.2}.page-title-desktop{display:none}.settings-title{font-size:var(--text-3xl)}.settings-card{padding:var(--space-6)}.settings-card-title{font-size:var(--text-xl)}.resend-verification-btn,.settings-button{align-self:stretch;width:100%}}@media (max-width:480px){.settings-page{padding:var(--space-4) var(--space-3)}.settings-header{margin-bottom:var(--space-6)}.settings-title{font-size:var(--text-2xl)}.settings-card{border-radius:var(--radius-lg);padding:var(--space-4)}.settings-card-title{font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.settings-form{gap:var(--space-4)}.settings-input{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.settings-button{font-size:var(--text-sm);min-width:auto;padding:var(--space-2) var(--space-4)}.verification-actions{gap:var(--space-2)}.resend-verification-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.signup-form{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);width:100%}.signup-form-header{margin-bottom:var(--space-6);text-align:center}.signup-form-title{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.signup-form-label{color:var(--color-neutral-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.signup-form-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.signup-form-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.signup-form-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);width:100%}.signup-form-button:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signup-form-footer{color:var(--color-neutral-600);display:flex;font-size:var(--text-sm);justify-content:space-between}.signup-left-link{flex-grow:1;text-align:left}.signup-right-link{flex-grow:1;text-align:right}.signup-form-link{color:var(--color-primary-500);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 var(--space-2);text-decoration:none;transition:all var(--transition-base)}.signup-form-link:hover{color:var(--color-primary-600);text-decoration:underline}.signup-form-error{background:#ef44441a;border-left:3px solid var(--color-error);color:var(--color-error)}.signup-form-error,.signup-form-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.signup-form-success{background:#0596691a;border-left:3px solid #059669;color:#059669}@media (max-width:768px){.signup-form{max-width:100%;padding:var(--space-4)}.signup-form-header{margin-bottom:var(--space-4)}.signup-form-title{font-size:var(--text-2xl)}.signup-form-button,.signup-form-input{margin-bottom:var(--space-3)}}.signup-container{background:var(--color-neutral-50);display:flex;min-height:100vh;width:100%}.signup-left-column{align-items:center;background:var(--gradient-primary);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.signup-left-column:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.brand-container{color:#fff;position:relative;text-align:center;z-index:1}.brand-title{-webkit-text-fill-color:#0000;align-items:center;display:flex;font-size:var(--text-4xl);font-weight:var(--font-bold);gap:0;justify-content:center;margin-bottom:var(--space-4);text-decoration:none}.brand-title,.brand-title h1{background:linear-gradient(135deg,#fff,#e9d5ff);-webkit-background-clip:text;background-clip:text}.brand-title h1{-webkit-text-fill-color:#0000;display:inline;margin:0}.brand-logo{flex-shrink:0;height:1.5em;object-fit:contain;width:1.5em}.brand-tagline{color:#ffffffe6;font-size:var(--text-lg);font-weight:var(--font-medium)}.signup-right-column{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-8)}.signup-brand-header{position:absolute;right:var(--space-6);text-align:right;top:var(--space-6)}.signup-brand-title{align-items:center;color:var(--color-neutral-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:0;text-decoration:none;transition:all var(--transition-base)}.signup-brand-title:hover{color:var(--color-primary-500)}.signup-brand-logo{flex-shrink:0;height:1.7em;object-fit:contain;width:1.7em}.signup-top-menu-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--color-neutral-200);display:none;left:0;padding:var(--space-4) 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.signup-top-menu-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.signup-top-menu-brand{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:0;margin:0;text-decoration:none;transition:all var(--transition-base)}.signup-top-menu-brand:hover{opacity:.8}.signup-mobile-logo{flex-shrink:0;height:1.2em;object-fit:contain;width:1.2em}@media (max-width:1024px){.signup-container{flex-direction:column}.signup-left-column{flex:none;min-height:40vh;padding:var(--space-8)}.brand-title{font-size:var(--text-3xl)}.brand-tagline{font-size:var(--text-base)}.signup-right-column{padding:var(--space-6)}}@media (max-width:768px){.signup-brand-header,.signup-left-column{display:none}.signup-top-menu-mobile{display:block}.signup-right-column{box-sizing:border-box;padding:var(--space-3);padding-top:calc(var(--space-3) + 50px);width:100%}.signup-top-menu-container{padding:0 var(--space-4)}}.forgot-password-form{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);width:100%}.forgot-password-form-header{margin-bottom:var(--space-6);text-align:center}.forgot-password-form-title{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.forgot-password-form-subtitle{color:var(--color-neutral-600);font-size:var(--text-sm);margin:0}.forgot-password-form-label{color:var(--color-neutral-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.forgot-password-form-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.forgot-password-form-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.forgot-password-form-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);width:100%}.forgot-password-form-button:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.forgot-password-form-footer{color:var(--color-neutral-600);display:flex;font-size:var(--text-sm);justify-content:center}.forgot-password-form-link{color:var(--color-primary-500);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-base)}.forgot-password-form-link:hover{color:var(--color-primary-600);text-decoration:underline}.forgot-password-form-error{background:#ef44441a;border-left:3px solid var(--color-error);color:var(--color-error)}.forgot-password-form-error,.forgot-password-form-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.forgot-password-form-success{background:#0596691a;border-left:3px solid #059669;color:#059669}.verify-email-form-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--space-8);position:relative;width:100%}.verify-email-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-neutral-400);cursor:pointer;display:flex;font-size:var(--text-xl);height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);touch-action:manipulation;transition:all var(--transition-base);width:36px}@media (hover:hover){.verify-email-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-600)}}.verify-email-close:active{transform:scale(.95)}.verify-email-form-header{margin-bottom:var(--space-6);text-align:center}.verify-email-form-title{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.verify-email-form-subtitle{color:var(--color-neutral-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.verify-email-form-subtitle strong{color:var(--color-primary-600);font-weight:var(--font-semibold)}.verify-email-form{display:flex;flex-direction:column;gap:var(--space-4)}.verify-email-input-container{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.verify-email-form-label{color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.verify-email-form-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.verify-email-form-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.code-inputs{display:flex;gap:var(--space-3);justify-content:center;margin:var(--space-2) 0}.code-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-900);font-family:Courier New,Courier,monospace;font-size:var(--text-3xl);font-weight:var(--font-bold);height:64px;text-align:center;transition:all var(--transition-base);width:56px}.code-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.code-input:disabled{background:var(--color-neutral-100);cursor:not-allowed;opacity:.6}.verify-email-form-error{background:#ef44441a;border-left:3px solid var(--color-error);color:var(--color-error)}.verify-email-form-error,.verify-email-form-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin:0;padding:var(--space-2) var(--space-3);text-align:center}.verify-email-form-success{background:#0596691a;border-left:3px solid #059669;color:#059669}.verify-email-form-button{-webkit-tap-highlight-color:transparent;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6);touch-action:manipulation;transition:all var(--transition-base);width:100%}@media (hover:hover){.verify-email-form-button:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.verify-email-form-button:active:not(:disabled){transform:translateY(0)}.verify-email-form-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-email-form-footer{align-items:center;border-top:1px solid var(--color-neutral-200);display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4)}.verify-email-form-footer p{color:var(--color-neutral-600);font-size:var(--text-sm);margin:0}.verify-email-resend-button{-webkit-tap-highlight-color:transparent;background:#0000;border:none;color:var(--color-primary-500);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2);touch-action:manipulation;transition:all var(--transition-base)}@media (hover:hover){.verify-email-resend-button:hover:not(:disabled){color:var(--color-primary-600);text-decoration:underline}}.verify-email-resend-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.verify-email-form-container{max-width:100%;padding:var(--space-6)}.verify-email-close{font-size:var(--text-lg);height:32px;right:var(--space-3);top:var(--space-3);width:32px}.verify-email-form-header{margin-bottom:var(--space-4)}.verify-email-form-title{font-size:var(--text-2xl)}.verify-email-form-subtitle{font-size:13px}.verify-email-form-input{font-size:var(--text-sm);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.code-input{font-size:var(--text-2xl);height:56px;width:48px}.code-inputs{gap:var(--space-2)}.verify-email-form-button{padding:var(--space-2) var(--space-4)}}@media (max-width:480px){.verify-email-form-container{padding:var(--space-4)}.code-input{font-size:var(--text-xl);height:52px;width:44px}.code-inputs{gap:6px}}@media (max-width:400px){.code-input{font-size:var(--text-lg);height:48px;width:40px}.code-inputs{gap:4px}}.reset-password-form{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);width:100%}.reset-password-form-header{margin-bottom:var(--space-6);text-align:center}.reset-password-form-title{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.reset-password-form-subtitle{color:var(--color-neutral-600);font-size:var(--text-sm);margin:0}.reset-password-form-label{color:var(--color-neutral-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.reset-password-form-input{background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.reset-password-form-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #d8116d1a;outline:none}.reset-password-form-input:disabled{cursor:not-allowed;opacity:.6}.password-requirements{background:var(--color-neutral-50);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3)}.password-requirements p{color:var(--color-neutral-700);font-weight:var(--font-medium);margin:0 0 var(--space-2) 0}.password-requirements ul{color:var(--color-neutral-600);margin:0;padding-left:var(--space-5)}.password-requirements li{margin-bottom:var(--space-1);transition:all var(--transition-base)}.password-requirements li.valid{color:#059669;font-weight:var(--font-medium)}.reset-password-form-error{background:#ef44441a;border-left:3px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.reset-password-form-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-6);text-align:center;text-decoration:none;transition:all var(--transition-base);width:100%}@media (hover:hover){.reset-password-form-button:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.reset-password-form-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.reset-password-form-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-password-form-footer{color:var(--color-neutral-600);display:flex;font-size:var(--text-sm);justify-content:center}.reset-password-form-link{color:var(--color-primary-500);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-base)}@media (hover:hover){.reset-password-form-link:hover{color:var(--color-primary-600);text-decoration:underline}}.reset-password-form-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:768px){.reset-password-form{max-width:100%;padding:var(--space-6)}.reset-password-form-header{margin-bottom:var(--space-4)}.reset-password-form-title{font-size:var(--text-2xl)}.reset-password-form-input{font-size:var(--text-sm);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.reset-password-form-button{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4)}.password-requirements{font-size:13px;padding:var(--space-2)}.password-requirements ul{padding-left:var(--space-4)}}.design-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all var(--transition-base)}.design-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.design-card.loading{opacity:.7;pointer-events:none}.design-card.premium{cursor:not-allowed;opacity:.6;position:relative}.design-card.premium:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-md);transform:none}.design-card-preview{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-secondary-500) 100%);display:flex;height:200px;justify-content:center;overflow:hidden;padding:var(--space-6);position:relative;width:100%}.preview-spinning-disk{height:120px;position:relative;width:120px}.disk-circle{background:radial-gradient(circle at 30% 30%,#fbbf24,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 16px #0003;height:100%;position:relative;width:100%}.disk-center{background:#fff;box-shadow:inset 0 2px 8px #0000004d;height:30%;width:30%}.disk-center,.disk-groove,.disk-groove-2{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.disk-groove,.disk-groove-2{border:2px solid #fff3}.disk-groove{height:70%;width:70%}.disk-groove-2{height:85%;width:85%}.preview-waveform{align-items:center;display:flex;gap:6px;height:100%;justify-content:center;width:100%}.wave-bar{animation:wave 1.5s ease-in-out infinite;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);box-shadow:0 4px 12px #fbbf2466;transition:height var(--transition-base);width:8px}@keyframes wave{0%,to{opacity:.8}50%{opacity:1}}.preview-album-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);height:120px;width:120px}.grid-item{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;transition:transform var(--transition-base)}.design-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.design-card-title{color:var(--color-neutral-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.design-card-description{color:var(--color-neutral-600);flex:1 1;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.design-card-badge{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-700);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.design-card-badge.premium-badge{background:var(--color-neutral-200);color:var(--color-neutral-600)}.premium-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.premium-lock{font-size:2rem;margin-bottom:var(--space-2);opacity:.8}.premium-text{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.design-card-loading{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.spinner{animation:spin .8s linear infinite;border:4px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-primary-600);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.design-card-preview{height:160px}.preview-album-grid,.preview-spinning-disk{height:100px;width:100px}.preview-album-grid{gap:6px}}.landing-container{background:linear-gradient(135deg,var(--color-neutral-50) 0,#fff 50%,var(--color-primary-50) 100%);min-height:100vh;overflow-x:hidden}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--color-neutral-200);left:0;padding:var(--space-4) 0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--color-neutral-900);gap:0;text-decoration:none}.logo h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.landing-logo{flex-shrink:0;height:1.7em;object-fit:contain;width:1.7em}.header-nav{align-items:center;display:flex;gap:var(--space-4)}.nav-link{border-radius:var(--radius-lg);color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.nav-link-primary{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:#fff!important}.nav-link-primary:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero-section{padding:calc(var(--space-24) + 80px) var(--space-6) var(--space-16);position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle,#8b5cf614 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:600px}.hero-content{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:700px;position:relative;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:var(--radius-full);color:var(--color-primary-700);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-4)}.badge-dot{animation:pulse 2s ease-in-out infinite;background:var(--color-success);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:var(--color-neutral-900);font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:var(--leading-tight);margin-bottom:var(--space-6)}.hero-description{color:var(--color-neutral-600);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0 auto;max-width:500px}.designs-section{padding:var(--space-16) var(--space-6) var(--space-20);text-align:center}.section-title{color:var(--color-neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-12)}.design-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.error-message{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-error);display:flex;font-weight:var(--font-medium);gap:var(--space-3);margin:var(--space-6) auto;max-width:500px;padding:var(--space-4) var(--space-6)}.error-icon{font-size:var(--text-lg)}@media (max-width:1024px){.header-content{padding:0 var(--space-4)}.header-nav{gap:var(--space-3)}.nav-link{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media (max-width:768px){.hero-section{padding:calc(var(--space-16) + 80px) var(--space-4) var(--space-12)}.hero-title{font-size:var(--text-4xl)}.hero-description{font-size:var(--text-base)}.designs-section{padding:var(--space-12) var(--space-4) var(--space-16)}.design-grid{gap:var(--space-4);grid-template-columns:1fr}.section-title{font-size:var(--text-2xl)}.header-nav{gap:var(--space-2)}.nav-link{align-items:center;display:flex;font-size:var(--text-sm);min-height:44px;padding:var(--space-2) var(--space-3)}.nav-link-primary{min-height:44px;padding:var(--space-2) var(--space-4)}}@media (max-width:480px){.hero-section{padding:calc(var(--space-12) + 60px) var(--space-3) var(--space-8)}.hero-title{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-sm);line-height:1.5}.designs-section{padding:var(--space-8) var(--space-3) var(--space-12)}.design-grid{gap:var(--space-3)}.section-title{font-size:var(--text-xl)}.header-content{padding:0 var(--space-3)}.header-nav{gap:var(--space-1)}.nav-link{font-size:var(--text-xs);min-height:40px;padding:var(--space-1) var(--space-2)}.nav-link-primary{min-height:40px;padding:var(--space-1) var(--space-3)}.hero-title{font-size:var(--text-3xl)}}
/*# sourceMappingURL=main.2a617589.css.map*/