:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-muted:#64748b;--accent:#3a7d44;--accent-hover:#2d6a36;--border-color:#e2e8f0;--brand-deep:#562b15;--brand-warm:#a68a6d;--glass-bg:#ffffffb3;--glass-border:#e2e8f0cc}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-muted:#94a3b8;--accent:#4a9e56;--accent-hover:#5cb868;--border-color:#334155;--brand-deep:#a68a6d;--brand-warm:#c4a882;--glass-bg:#1e293b99;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Arial Rounded MT Bold,Nunito,system-ui,sans-serif;transition:background-color .4s,color .4s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color)transparent}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}.theme-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:9999px;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle-btn:hover{background:var(--bg-secondary);color:var(--brand-warm);border-color:var(--brand-warm)}.icon-wrapper{width:20px;height:20px;position:relative}.icon{transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.sun-icon.hidden{opacity:0;transform:rotate(-90deg)scale(0)}.sun-icon.visible{opacity:1;transform:rotate(0)scale(1)}.moon-icon.hidden{opacity:0;transform:rotate(90deg)scale(0)}.moon-icon.visible{opacity:1;transform:rotate(0)scale(1)}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;margin:0 auto;display:grid}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:20rem}.bento-card:nth-child(4n+1){grid-column:span 2}}.bento-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px -10px #0000001a}.bento-card-background{opacity:.05;background:radial-gradient(circle at top right,var(--accent)0%,transparent 50%);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.bento-card:hover .bento-card-background{opacity:.15}.bento-card-inner{z-index:1;flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative}.bento-card-icon{color:var(--accent);width:2rem;height:2rem;margin-bottom:1rem}.bento-card-header{margin-bottom:1rem}.bento-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.bento-card-description{color:var(--text-muted);font-size:.95rem;line-height:1.5}.bento-card-content{flex-grow:1;align-items:flex-end;display:flex}.floating-nav{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:9999px;width:fit-content;max-width:90vw;padding:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0000001a}.floating-nav-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.floating-nav-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-150%)}.floating-nav-list{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.floating-nav-item{margin:0}.floating-nav-link{color:var(--text-primary);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.floating-nav-link:hover{background:var(--bg-secondary);color:var(--accent)}.floating-nav-icon{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.cmd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.cmd-dialog{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.cmd-header{border-bottom:1px solid var(--border-color);align-items:center;padding:16px;display:flex}.cmd-search-icon{color:var(--text-muted);margin-right:12px}.cmd-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:16px}.cmd-input::placeholder{color:var(--text-muted)}.cmd-esc{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.cmd-list{max-height:400px;padding:8px;overflow-y:auto}.cmd-empty{text-align:center;color:var(--text-muted);padding:16px}.cmd-group{margin-bottom:8px}.cmd-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:12px;font-weight:600}.cmd-item{cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;padding:12px;transition:background .2s,color .2s;display:flex}.cmd-item.selected{background:var(--bg-secondary);color:var(--accent)}.cmd-icon{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;margin-right:12px;display:flex}.cmd-item.selected .cmd-icon{color:var(--accent)}.cmd-label{font-size:14px;font-weight:500}@keyframes bare-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bare-skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--border-color)50%,var(--bg-secondary)75%);background-size:200% 100%;border-radius:4px;animation:2.5s linear infinite bare-skeleton-shimmer}@media (max-width:768px){h1{font-size:2rem!important}h2{font-size:1.5rem!important}.glass-card{padding:1rem!important}pre{padding:1rem!important;font-size:.8rem!important}.bento-grid{grid-template-columns:1fr!important}}.bare-marquee-wrapper{width:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.bare-marquee-wrapper[style*=--marquee-direction] .bare-marquee.vertical{height:100%;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.bare-marquee{animation:bare-marquee-scroll var(--marquee-speed,20s)linear infinite var(--marquee-direction,normal);display:flex}.bare-marquee.horizontal{flex-direction:row;width:max-content}.bare-marquee.vertical{flex-direction:column;height:max-content;animation-name:bare-marquee-scroll-vertical}.bare-marquee.pause-on-hover:hover{animation-play-state:paused}.bare-marquee-content{gap:var(--marquee-gap,1rem);padding-right:var(--marquee-gap,1rem);flex-shrink:0;display:flex}.bare-marquee.vertical .bare-marquee-content{padding-right:0;padding-bottom:var(--marquee-gap,1rem);flex-direction:column}@keyframes bare-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bare-marquee-scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bare-spotlight-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .3s;position:relative;overflow:hidden}.bare-spotlight-card-glow{pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.bare-spotlight-card>*{z-index:2;position:relative}.bare-dock{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;align-items:flex-end;gap:.5rem;width:fit-content;margin:0 auto;padding:.5rem;display:flex;box-shadow:0 20px 25px -5px #0000001a}.bare-dock-bottom{align-items:flex-end}.bare-dock-top{align-items:flex-start}.bare-dock-item{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;transform-origin:bottom;width:3rem;height:3rem;color:var(--text-primary);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.25,1,.5,1);display:flex}.bare-dock-top .bare-dock-item{transform-origin:top}.bare-dock-item:hover{background:var(--bg-secondary);width:5rem;height:5rem;color:var(--accent);margin:0 .5rem}.bare-dock-item:hover+.bare-dock-item{width:4rem;height:4rem;margin:0 .25rem}.bare-dock-item:has(+.bare-dock-item:hover){width:4rem;height:4rem;margin:0 .25rem}.bare-dock-item:hover+.bare-dock-item+.bare-dock-item{width:3.5rem;height:3.5rem;margin:0 .125rem}.bare-dock-item:has(+.bare-dock-item+.bare-dock-item:hover){width:3.5rem;height:3.5rem;margin:0 .125rem}.bare-meteor{background:linear-gradient(90deg,transparent,var(--border-color)70%,#fffc 100%);opacity:0;pointer-events:none;width:150px;height:1px;animation:linear infinite bare-meteor-fall;position:absolute;top:50%;left:50%;transform:rotate(215deg)}.bare-meteor-head{background-color:var(--text-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 10px 2px #ffffff80}@keyframes bare-meteor-fall{0%{opacity:1;transform:rotate(215deg)translate(0)}70%{opacity:1}to{opacity:0;transform:rotate(215deg)translate(-1000px)}}.bare-retro-grid-container{perspective:400px;background:var(--bg-primary);z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bare-retro-grid-plane{transform-origin:bottom;width:200vw;height:200vh;transform:rotateX(var(--retro-grid-angle,60deg));background-image:linear-gradient(to right,var(--border-color)1px,transparent 1px),linear-gradient(to top,var(--border-color)1px,transparent 1px);background-size:var(--retro-grid-size,40px)var(--retro-grid-size,40px);animation:3s linear infinite bare-retro-grid-scroll;position:absolute;bottom:0;left:-50vw}.bare-retro-grid-fade{background:linear-gradient(to bottom,var(--bg-primary)0%,transparent 80%);position:absolute;inset:0}@keyframes bare-retro-grid-scroll{0%{transform:rotateX(var(--retro-grid-angle,60deg))translateY(0)}to{transform:rotateX(var(--retro-grid-angle,60deg))translateY(var(--retro-grid-size,40px))}}