@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#f8fafc;--text-color:#0f172a;--accent-color:#0284c7;--nav-bg:#f8fafc;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--logo-color:#000;--dropdown-bg:#fffffff2;--border-color:#0f172a14;--card-bg:#fff}.light-theme{--bg-color:#f8fafc;--text-color:#0f172a;--accent-color:#0284c7;--nav-bg:#f8fafc;--logo-color:#000;--dropdown-bg:#fffffff2;--border-color:#0f172a14;--card-bg:#fff}.dark-theme{--bg-color:#0b0f19;--text-color:#f8fafc;--accent-color:#38bdf8;--nav-bg:#0b0f19;--logo-color:#fff;--dropdown-bg:#111827f2;--border-color:#ffffff14;--card-bg:#131a26}.space-theme{--bg-color:#000;--text-color:#f8fafc;--accent-color:#fff;--nav-bg:#000;--logo-color:#fff;--dropdown-bg:#000000fa;--border-color:#ffffff26;--card-bg:#000}.forest-theme{--bg-color:#0d281e;--text-color:#d1fae5;--accent-color:#10b981;--nav-bg:#0d281e;--logo-color:#34d399;--dropdown-bg:#0f3024fa;--border-color:#10b98126;--card-bg:#113829}.ocean-theme{--bg-color:#0b1a30;--text-color:#e0f2fe;--accent-color:#38bdf8;--nav-bg:#0b1a30;--logo-color:#06b6d4;--dropdown-bg:#0f2440fa;--border-color:#38bdf826;--card-bg:#142844}.fire-theme{--bg-color:#2b0f0b;--text-color:#ffedd5;--accent-color:#f97316;--nav-bg:#2b0f0b;--logo-color:#f43f5e;--dropdown-bg:#38140ffa;--border-color:#f9731626;--card-bg:#3c1913}.sakura-theme{--bg-color:#fdf2f8;--text-color:#9d174d;--accent-color:#db2777;--nav-bg:#fdf2f8;--logo-color:#ec4899;--dropdown-bg:#fffffffa;--border-color:#db27771a;--card-bg:#fff}.grape-theme{--bg-color:#140d24;--text-color:#f3e8ff;--accent-color:#a855f7;--nav-bg:#140d24;--logo-color:#c084fc;--dropdown-bg:#1c1332fa;--border-color:#a855f726;--card-bg:#22183b}.ice-theme{--bg-color:#f0f9ff;--text-color:#0369a1;--accent-color:#0ea5e9;--nav-bg:#f0f9ff;--logo-color:#0284c7;--dropdown-bg:#fffffffa;--border-color:#0ea5e91a;--card-bg:#fff}.volcano-theme{--bg-color:#111;--text-color:#fecdd3;--accent-color:#ea580c;--nav-bg:#111;--logo-color:#dc2626;--dropdown-bg:#191919fa;--border-color:#dc262626;--card-bg:#1e1e1e}.desert-theme{--bg-color:#fbf6ef;--text-color:#451a03;--accent-color:#c2410c;--nav-bg:#fbf6ef;--logo-color:#ea580c;--dropdown-bg:#fffffffa;--border-color:#c2410c1a;--card-bg:#fff}.gold-theme{--bg-color:#0c0a05;--text-color:#fef3c7;--accent-color:#fbbf24;--nav-bg:#0c0a05;--logo-color:#fbbf24;--dropdown-bg:#141008fa;--border-color:#fbbf2426;--card-bg:#1a160d}.moon-theme{--bg-color:#1e293b;--text-color:#f1f5f9;--accent-color:#94a3b8;--nav-bg:#1e293b;--logo-color:#cbd5e1;--dropdown-bg:#26344bfa;--border-color:#94a3b826;--card-bg:#273549}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1);overflow-x:hidden}body,.navbar,.logo,.settings-card,.theme-preview,.use-theme-btn,.back-btn,.theme-name{transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.navbar{background:var(--nav-bg);border-bottom:1px solid var(--border-color);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;transition:background-color .3s,border-bottom .3s;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-.5px;color:var(--logo-color);font-size:1.5rem;font-weight:800;transition:color .3s}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:flex}.bar{background-color:var(--text-color);width:100%;height:2px;transition:var(--transition);border-radius:4px}.hamburger.active .bar:first-child{background-color:var(--accent-color);transform:translateY(9px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){background-color:var(--accent-color);transform:translateY(-9px)rotate(-45deg)}.nav-links{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);opacity:0;pointer-events:none;z-index:999;border-radius:16px;flex-direction:column;gap:1.25rem;width:220px;padding:1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:5rem;right:1.5rem;transform:translateY(-10px)scale(.95);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-links button,.nav-links a{color:var(--text-color);transition:var(--transition);opacity:0;text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1.1rem;font-weight:600;text-decoration:none;transform:translateY(5px)}.nav-links.active a,.nav-links.active button{opacity:1;transform:translateY(0)}.nav-links a:hover,.nav-links button:hover{color:var(--accent-color);padding-left:5px}.home-container{max-width:600px;margin:2rem auto;padding:0 1rem}.dev-card{background:var(--card-bg);border:1.5px dashed var(--accent-color);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.dev-badge{background:rgba(var(--accent-color), .1);color:var(--accent-color);border:1px solid var(--accent-color);text-transform:uppercase;letter-spacing:1px;border-radius:99px;padding:.35rem 1rem;font-size:.85rem;font-weight:600}.dev-card h2{letter-spacing:-.5px;font-size:2rem;font-weight:800}.dev-card p{opacity:.85;font-size:1.1rem;line-height:1.6}.settings-container{max-width:850px;margin-top:7rem;margin-left:auto;margin-right:auto;padding:2rem}.settings-title{letter-spacing:-.5px;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.settings-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#0f172a14);border-radius:16px;flex-direction:column;gap:2rem;padding:2.5rem;transition:background-color .3s,border .3s;display:flex;box-shadow:0 4px 20px #00000005}.setting-info h3{margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.setting-info p{color:#64748b;font-size:.95rem}.back-btn{color:var(--text-color);border:1px solid var(--border-color,#0f172a1a);transition:var(--transition);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none}.back-btn:hover{border-color:var(--accent-color);background-color:#0f172a08}.carousel-container{-webkit-user-select:none;user-select:none;align-items:center;gap:0;width:100%;padding:1.5rem 0 .5rem;display:flex;position:relative}.carousel-viewport{--card-w:220px;--card-gap:20px;--card-step:calc(var(--card-w) + var(--card-gap));--track-offset:calc(50% - var(--card-w) / 2);flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000004d 8%,#000 18% 82%,#0000004d 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000004d 8%,#000 18% 82%,#0000004d 92%,#0000 100%)}.carousel-track-fluid{align-items:center;gap:var(--card-gap,20px);will-change:transform;padding:1.5rem 0 1rem;transition:transform .55s cubic-bezier(.32,.72,0,1);display:flex}.fluid-card{width:var(--card-w,220px);cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;transition:transform .55s cubic-bezier(.32,.72,0,1),opacity .55s cubic-bezier(.32,.72,0,1),filter .55s cubic-bezier(.32,.72,0,1);display:flex;position:relative}.fluid-card--center{opacity:1;filter:blur()brightness();z-index:10;cursor:default;transform:scale(1.08)}.fluid-card--adjacent{opacity:.55;filter:blur()brightness(.85);z-index:5;transform:scale(.88)}.fluid-card--adjacent:hover{opacity:.75;transform:scale(.91)}.fluid-card--near{opacity:.3;filter:blur(1px)brightness(.7);z-index:2;transform:scale(.78)}.fluid-card--near:hover{opacity:.45;transform:scale(.8)}.fluid-card--far{opacity:.12;filter:blur(2px)brightness(.5);z-index:1;pointer-events:none;transform:scale(.7)}.fluid-card .theme-preview{border-radius:12px;width:100%;height:165px;transition:box-shadow .55s cubic-bezier(.32,.72,0,1),border-color .3s;border-width:1.5px!important}.fluid-card--center .theme-preview{height:185px;box-shadow:0 0 0 2px var(--accent-color,#0284c7), 0 16px 48px #00000040, 0 4px 12px #00000026;border-radius:14px}.carousel-arrow{display:none}.carousel-dots{justify-content:center;gap:6px;margin-top:1.25rem;display:flex}.carousel-dot{background:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .35s cubic-bezier(.32,.72,0,1)}.carousel-dot.active{background:var(--accent-color);border-radius:4px;width:22px}.selected-badge{background:var(--accent-color);color:#fff;letter-spacing:.5px;border-radius:20px;padding:.25rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:.75rem;right:.75rem;box-shadow:0 2px 6px #00000026}.theme-name{color:var(--text-color);margin-top:.75rem;font-size:.9rem;font-weight:600}.theme-name.font-bold{font-size:1.1rem;font-weight:800}.focused-details{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.selected-status-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);font-size:.75rem;font-weight:800}.focused-theme-name{letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.focused-theme-desc{color:#64748b;max-width:400px;font-size:.95rem;font-style:italic}.use-theme-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:30px;margin-top:.75rem;padding:.75rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #0000000d}.use-theme-btn:hover:not(:disabled){opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.use-theme-btn:disabled{background-color:var(--border-color);color:var(--text-color);opacity:.5;cursor:not-allowed}.theme-preview{text-align:left;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;padding:.85rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.preview-heading{letter-spacing:-.2px;font-size:.95rem;font-weight:800}.preview-desc{margin:.35rem 0;font-size:.75rem;line-height:1.35}.preview-button{border:none;border-radius:5px;align-self:flex-start;padding:.25rem .65rem;font-size:.7rem;font-weight:700}.light-preview{background:#f8fafc;border:1px solid #0f172a14}.light-preview .preview-heading{color:#0f172a}.light-preview .preview-desc{color:#475569}.light-preview .preview-button{color:#fff;background:#0284c7}.dark-preview{background:#0b0f19;border:1px solid #ffffff14}.dark-preview .preview-heading{color:#f8fafc}.dark-preview .preview-desc{color:#94a3b8}.dark-preview .preview-button{color:#0b0f19;background:#38bdf8}.space-preview{background:#000;border:1px solid #ffffff26}.space-preview .preview-heading{color:#fff}.space-preview .preview-desc{color:#94a3b8}.space-preview .preview-button{color:#000;background:#fff}.forest-preview{background:#0d281e;border:1px solid #10b98126}.forest-preview .preview-heading{color:#d1fae5}.forest-preview .preview-desc{color:#a7f3d0}.forest-preview .preview-button{color:#fff;background:#10b981}.ocean-preview{background:#0b1a30;border:1px solid #38bdf826}.ocean-preview .preview-heading{color:#e0f2fe}.ocean-preview .preview-desc{color:#7dd3fc}.ocean-preview .preview-button{color:#0b1a30;background:#38bdf8}.fire-preview{background:#2b0f0b;border:1px solid #f9731626}.fire-preview .preview-heading{color:#ffedd5}.fire-preview .preview-desc{color:#fdba74}.fire-preview .preview-button{color:#fff;background:#f97316}.sakura-preview{background:#fdf2f8;border:1px solid #db277726}.sakura-preview .preview-heading{color:#9d174d}.sakura-preview .preview-desc{color:#f472b6}.sakura-preview .preview-button{color:#fff;background:#db2777}.grape-preview{background:#140d24;border:1px solid #a855f726}.grape-preview .preview-heading{color:#f3e8ff}.grape-preview .preview-desc{color:#c084fc}.grape-preview .preview-button{color:#fff;background:#a855f7}.ice-preview{background:#f0f9ff;border:1px solid #0ea5e91a}.ice-preview .preview-heading{color:#0369a1}.ice-preview .preview-desc{color:#38bdf8}.ice-preview .preview-button{color:#fff;background:#0ea5e9}.volcano-preview{background:#111;border:1px solid #dc262626}.volcano-preview .preview-heading{color:#fecdd3}.volcano-preview .preview-desc{color:#f43f5e}.volcano-preview .preview-button{color:#fff;background:#ea580c}.desert-preview{background:#fbf6ef;border:1px solid #c2410c1a}.desert-preview .preview-heading{color:#451a03}.desert-preview .preview-desc{color:#b45309}.desert-preview .preview-button{color:#fff;background:#c2410c}.gold-preview{background:#0c0a05;border:1px solid #fbbf2426}.gold-preview .preview-heading{color:#fef3c7}.gold-preview .preview-desc{color:#fbbf24}.gold-preview .preview-button{color:#0c0a05;background:#fbbf24}.moon-preview{background:#1e293b;border:1px solid #94a3b826}.moon-preview .preview-heading{color:#f1f5f9}.moon-preview .preview-desc{color:#cbd5e1}.moon-preview .preview-button{color:#1e293b;background:#94a3b8}@media (width<=600px){.carousel-viewport{--card-w:200px;--card-gap:16px;-webkit-mask-image:none!important;mask-image:none!important}.fluid-card .theme-preview{height:155px}.fluid-card--center .theme-preview{height:175px}.fluid-card--adjacent{pointer-events:auto}.fluid-card--near,.fluid-card--far{pointer-events:none}.fluid-card .theme-name{font-size:.82rem}}