@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Kalam:wght@400;700&family=Press+Start+2P&family=Caveat:wght@400;700&family=Indie+Flower&family=Pacifico&family=Permanent+Marker&family=Dancing+Script:wght@400;700&family=Shadows+Into+Light&family=Architects+Daughter&family=Rock+Salt&family=Special+Elite&family=Courier+Prime:wght@400;700&family=DM+Mono:wght@400;500&family=Lobster&family=Abril+Fatface&display=swap";:root{--bg-color:#0b1120;--text-color:#f8fafc;--text-muted:#94a3b8;--glass-bg:#0a0f1e99;--sidebar-bg:#080c1a73;--glass-border:#ffffff1a;--glass-highlight:#ffffff26;--glass-shadow:0 30px 60px -12px #0006;--primary:#a855f7;--primary-hover:#c084fc;--primary-glow:0 0 20px #a855f780, 0 0 40px #a855f733;--danger:#ef4444;--danger-bg:#ef444426;--card-radius:28px;--transition-speed:.4s}[data-theme=productive]{--bg-color:#0a192f;--primary:#22c55e;--primary-glow:0 0 20px #22c55e80, 0 0 40px #22c55e33}[data-theme=rainy]{--bg-color:#0f172a;--primary:#38bdf8;--primary-glow:0 0 20px #38bdf880}[data-theme=chill]{--bg-color:#171717;--primary:#fb923c;--primary-glow:0 0 20px #fb923c80}*{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 1s;overflow:hidden}#root{width:100vw;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:var(--card-radius);z-index:1;position:relative}.bg-manager{z-index:0;pointer-events:none;background:var(--bg-color);position:fixed;inset:0}.bg-layer{background-position:50%;background-size:cover;transition:opacity 1.5s ease-in-out;position:absolute;inset:-5%;transform:scale(1.05)}.bg-skeleton-pulse{background:linear-gradient(120deg, var(--bg-color) 0%, #ffffff0d 50%, var(--bg-color) 100%);background-size:200% 200%;animation:2s infinite pulseSkeleton;position:absolute;inset:0}@keyframes pulseSkeleton{0%{background-position:100%}to{background-position:0%}}.bg-loading-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary);z-index:10;background:#0a0f1eb3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.85rem;display:flex;position:absolute;bottom:24px;left:24px;box-shadow:0 4px 15px #0000004d}.spin-slow{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-panel:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:-1;pointer-events:none;position:absolute;inset:0}.inner-glass{border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);border-radius:var(--card-radius);transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff03 100%);padding:1.8rem}.inner-glass:hover{border-color:var(--glass-highlight);background:linear-gradient(135deg,#ffffff17 0%,#ffffff05 100%);transform:translateY(-2px)}h1,h2,h3,h4{color:var(--text-color)}.font-handwriting{font-family:Kalam,cursive}.font-pixel{letter-spacing:1.5px;text-shadow:0 4px 12px #0009;font-family:"Press Start 2P",cursive}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary);background-clip:padding-box;border:2px solid #0000}.ui-overlay-enter{animation:.3s forwards overlayFadeIn}.ui-overlay-exit{animation:.2s forwards overlayFadeOut}.ui-modal-enter{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalPopIn}.ui-modal-exit{animation:.2s cubic-bezier(.4,0,.2,1) forwards modalPopOut}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalPopIn{0%{opacity:0;margin-top:15px;scale:.9}to{opacity:1;margin-top:0;scale:1}}@keyframes modalPopOut{0%{opacity:1;margin-top:0;scale:1}to{opacity:0;margin-top:15px;scale:.9}}.app-container>:not(.bg-manager){transition:opacity .5s}.app-container.zen-mode-active>:not(.bg-manager):not(.zen-toggle-btn){opacity:0;pointer-events:none}.zen-toggle-btn{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#0f172a8c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s ease-out;display:flex;position:fixed;top:24px;right:24px;transform:scale(.3);box-shadow:0 4px 12px #0003}.zen-toggle-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)}.zen-toggle-btn.visible:hover{background:#0f172abf;border-color:#ffffff40;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .2s;transform:scale(1.2);box-shadow:0 6px 20px #00000059}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.bg-manager{z-index:-1;pointer-events:none;position:absolute;inset:0}.bg-layer{background-position:50%;background-size:cover;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);position:absolute;inset:-20px}@media (width<=768px){.app-container{overflow:auto}.sidebar{width:calc(100% - 2rem);height:auto;max-height:50vh;margin:1rem;position:relative;top:auto;bottom:auto;right:auto}.main-content{height:50vh;position:relative}}.main-content{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sidebar{z-index:100;border-radius:var(--card-radius);flex-direction:column;width:340px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s;display:flex;position:absolute;top:1.5rem;bottom:1.5rem;right:1.5rem;background:var(--sidebar-bg)!important;-webkit-backdrop-filter:blur(28px)!important;backdrop-filter:blur(28px)!important}.sidebar.hidden{transform:translate(calc(100% + 1.5rem))}.sidebar.hidden .sidebar-content{pointer-events:none;opacity:.3}.sidebar-toggle-btn{background:var(--bg-color);width:28px;height:28px;color:var(--text-muted);cursor:pointer;z-index:110;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2rem;left:-14px;box-shadow:0 2px 8px #0006}.sidebar-toggle-btn:hover{color:var(--text-color);background:#ffffff1a;transform:scale(1.1)}.section-nav-rail{z-index:105;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;top:4.5rem;bottom:2.5rem;left:-34px}.snr-group{flex-direction:column;align-items:center;gap:6px;display:flex}@keyframes popInRail{0%{opacity:0;transform:scale(.5)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.snr-btn{color:#ffffffa6;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;background:#000000a6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s,background .2s;animation:.3s cubic-bezier(.34,1.56,.64,1) popInRail;display:flex;transform:scale(1);box-shadow:0 4px 12px #0009}.snr-btn.snr-above:hover,.snr-btn.snr-below:hover{color:#fff;transform:scale(1.15)}.snr-btn.snr-above:active,.snr-btn.snr-below:active{transform:scale(.9)}.sidebar.hidden .section-nav-rail{opacity:0;pointer-events:none}.sidebar-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 40px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 40px calc(100% - 40px),#0000 100%)}.tool-section{flex-direction:column;gap:0;display:flex}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem .5rem;transition:background .2s;display:flex}.section-header:hover{background:#ffffff08}.section-header h3{margin:0}.section-header:hover .minimize-icon{color:var(--text-color)}.section-body{opacity:1;width:100%;max-height:800px;padding-top:1.2rem;padding-bottom:2.5rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s,padding-top .3s,padding-bottom .3s;display:block;overflow:hidden}.section-body.collapsed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.section-header h3{color:var(--text-color);text-shadow:0 2px 4px #00000080;font-size:1rem}.minimize-icon{color:var(--text-muted);cursor:pointer;font-weight:700}.theme-options{justify-content:space-around;align-items:center;gap:.5rem;padding:1rem .8rem;display:flex}.theme-btn{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.35rem;padding:.7rem .6rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.theme-label{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:600}.theme-btn:hover{color:var(--theme-color);background:color-mix(in srgb, var(--theme-color) 8%, transparent);transform:translateY(-2px)}.theme-btn.active{color:var(--theme-color);background:color-mix(in srgb, var(--theme-color) 15%, transparent);border-color:color-mix(in srgb, var(--theme-color) 40%, transparent)}.about-btn{width:100%;color:var(--text-muted);cursor:pointer;text-align:center;letter-spacing:.5px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:.75rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s}.about-btn:hover{color:var(--text-color);background:#ffffff14;border-color:#ffffff26}.about-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-modal{background:#0a0f1ef7;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:.6rem;width:90%;max-width:480px;padding:1.5rem 2rem;display:flex;box-shadow:0 30px 60px #00000080}.about-modal-title{letter-spacing:1.5px;color:var(--primary);font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:1.6}.about-modal-text{color:#94a3b8;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.8}.about-modal-footer{color:var(--primary);opacity:.8;font-family:Outfit,sans-serif;font-size:.9rem;font-style:italic}.about-close-btn{color:var(--text-color);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-self:flex-end;padding:.5rem 1.4rem;font-family:Outfit,sans-serif;font-size:.85rem;transition:all .2s}.about-close-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}