@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2?dpl=dpl_C4Um333znjffz5nKVQqiQyyYXdeq)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2?dpl=dpl_C4Um333znjffz5nKVQqiQyyYXdeq)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_ca35ecd4-module__VNkuCW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_ca35ecd4-module__VNkuCW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Variable.ttf)format("truetype");font-weight:200 900;font-style:normal}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-VariableItalic.ttf)format("truetype");font-weight:200 900;font-style:italic}@font-face{font-family:Mona Sans;src:url(/fonts/MonaSans-VariableFont_wdth,wght.ttf)format("truetype");font-weight:200 900;font-style:normal}@font-face{font-family:Mona Sans;src:url(/fonts/MonaSans-Italic-VariableFont_wdth,wght.ttf)format("truetype");font-weight:200 900;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont_wght.ttf)format("truetype");font-weight:100 800;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf)format("truetype");font-weight:100 800;font-style:italic}:root{--bg-base:#efe8d8;--bg-sidebar:#f2ecdd;--bg-surface:#f6f1e4;--bg-surface-hover:#faf6eb;--border-color:#e4ddcb;--border-color-active:#3d6bff;--text-primary:#1f1a12;--text-secondary:#5a5142;--text-muted:#8a8170;--color-primary:#3d6bff;--color-primary-hover:#2655eb;--color-accent:#ff3d8e;--color-success:#1cc7a6;--color-chrome:#c9c3b5;--color-warning:#f59e0b;--color-danger:#ef4444;--sidebar-width:260px;--header-height:70px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:2px 2px 5px #0000000a, -2px -2px 5px #fffc;--shadow-md:4px 4px 10px #0000000d, -4px -4px 10px #ffffffd9;--shadow-lg:8px 8px 20px #0000000f, -8px -8px 20px #ffffffe6;--shadow-inset:inset 2px 2px 5px #0000000d, inset -2px -2px 5px #fffc;--shadow-glow:0 0 15px #3d6bff26;--transition-fast:.18s cubic-bezier(.22, 1, .36, 1);--transition-normal:.28s cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);height:100%;color:var(--text-primary);font-family:General Sans,Mona Sans,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;font-variation-settings:"wght" 800, "wdth" 125;color:var(--text-primary);font-family:Mona Sans,General Sans,sans-serif;font-weight:800}button,input,textarea,select{color:var(--text-primary);font-family:General Sans,Mona Sans,sans-serif}a{color:inherit;text-decoration:none}.app-container{flex-direction:column;width:100vw;min-height:100vh;display:flex}.sidebar{display:none}.top-navbar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:100;height:64px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.top-navbar-logo{align-items:center;display:flex}.top-navbar-nav{align-items:center;gap:12px;display:flex}.top-navbar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex}.top-navbar-link:hover{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.top-navbar-link.active{background-color:var(--bg-base);color:var(--color-primary);box-shadow:var(--shadow-inset);border:1px solid var(--border-color)}.main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:0;display:flex}.header{height:var(--header-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:90;background-color:#efe8d8d9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.main-content{flex-direction:column;flex:1;gap:32px;width:100%;max-width:1780px;margin:0 auto;padding:32px;display:flex}.card{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:1px solid #ffffff80;padding:24px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-title{align-items:center;gap:8px;margin-bottom:16px;font-size:1.15rem;font-weight:800;display:flex}.card-rim-cobalt{border-top:4px solid var(--color-primary)}.card-rim-magenta{border-top:4px solid var(--color-accent)}.card-rim-mint{border-top:4px solid var(--color-success)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--color-primary);background-color:#3d6bff1a;border:1px solid #3d6bff33}.badge-accent{color:var(--color-accent);background-color:#ff3d8e1a;border:1px solid #ff3d8e33}.badge-success{color:var(--color-success);background-color:#1cc7a61a;border:1px solid #1cc7a633}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 10px #3d6bff40}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 15px #3d6bff59}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 10px #ff3d8e40}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff3d8e59}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.sidebar{display:none}.main-wrapper{margin-left:0}}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:700}.input-field{background-color:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:var(--shadow-inset);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem}.input-field:focus{border-color:var(--color-primary)}.switch-container{cursor:pointer;align-items:center;gap:12px;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--color-chrome);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.view-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:8px 12px;font-size:.75rem;font-weight:600}.view-tab-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.view-tab-btn.active{background-color:var(--bg-surface);color:var(--color-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm);font-weight:800}.overlay-use-btn{transition:all var(--transition-fast)}.overlay-use-btn:hover{transform:scale(1.05);background-color:var(--color-primary-hover)!important}.overlay-use-btn:active{transform:scale(.95)}.overlay-open-btn{transition:all var(--transition-fast)}.overlay-open-btn:hover{transform:scale(1.05);background-color:#ffffff4d!important;border-color:#fff9!important}.overlay-open-btn:active{transform:scale(.95)}.gumroad-overlay-iframe{border:1px solid var(--border-color)!important;border-radius:24px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 25px 50px -12px #6e552d38!important}.gumroad-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:#efe8d859!important}