*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e0e0e0;background-color:#111}body,#root{min-height:100vh}.nav{width:220px;min-height:100vh;flex-shrink:0;align-self:stretch;background-color:#1a1a1a;border-right:1px solid #2a2a2a;padding:1rem 0}.nav-header{padding:.5rem 1.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#666;font-weight:600}.nav-list{list-style:none}.nav-link{display:block;padding:.5rem 1.25rem;color:#999;text-decoration:none;font-size:.875rem;transition:background-color .15s,color .15s}.nav-link:hover{background-color:#222;color:#fff}.nav-link.active{background-color:#252525;color:#fff;border-right:2px solid #fff}.nav-burger,.nav-overlay{display:none}@media(max-width:768px){.nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:14px;left:14px;z-index:100;width:40px;height:40px;padding:8px;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer}.nav-burger span{display:block;width:100%;height:2px;background:#ccc;border-radius:1px}.nav-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.visible{opacity:1;pointer-events:auto}.nav{position:fixed;top:0;left:0;z-index:200;height:100vh;min-height:unset;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 12px #0006}.nav.open{transform:translate(0)}}.social-links{display:flex;gap:.75rem;margin-top:1.5rem}.github-link{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#1a1a1a;border:1px solid #333;border-radius:10px;color:#ccc;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .25s ease}.github-link:hover{background:#222;border-color:#555;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.github-icon{width:22px;height:22px;flex-shrink:0}.github-arrow{opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.github-link:hover .github-arrow{opacity:1;transform:translate(0)}.toggle-wrapper{display:inline-block;padding:6px;border-radius:44px;background:linear-gradient(180deg,#d0d5dc,#e8eaed 40%,#f5f5f5);box-shadow:0 2px 6px #0003,inset 0 1px #fffc;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{width:180px;height:80px;border-radius:40px;position:relative;overflow:hidden;transition:background .5s ease;box-shadow:inset 0 2px 4px #00000026}.toggle-wrapper.day .toggle-track{background:linear-gradient(135deg,#3a7bd5,#5ba3e6,#7ec8e3 60%,#a8d8ea)}.toggle-wrapper.night .toggle-track{background:linear-gradient(135deg,#1a1e2e,#2d3142,#3a3f55)}.toggle-thumb{width:62px;height:62px;border-radius:50%;position:absolute;top:9px;left:9px;z-index:10;transition:transform .5s cubic-bezier(.68,-.15,.32,1.15),background-color .5s ease,box-shadow .5s ease}.toggle-wrapper.day .toggle-thumb{transform:translate(0);background:radial-gradient(circle at 35% 35%,#ffe066,#f5c542 50%,#e8a317);box-shadow:0 0 12px 3px #f5c54266,inset 0 -2px 4px #c88c0033}.toggle-wrapper.night .toggle-thumb{transform:translate(100px);background:radial-gradient(circle at 40% 35%,#f0f0f0,#d8dbe0 60%,#c0c4ca);box-shadow:0 0 8px 2px #c8c8d226,inset 0 -2px 4px #00000014}.crater{position:absolute;border-radius:50%;opacity:0;transition:opacity .5s ease}.toggle-wrapper.night .crater{opacity:1}.crater-1{width:18px;height:18px;top:12px;left:10px;background:radial-gradient(circle at 40% 40%,#b8bcc2,#a0a4aa);box-shadow:inset 0 1px 2px #0000001a}.crater-2{width:13px;height:13px;top:34px;left:28px;background:radial-gradient(circle at 40% 40%,#b8bcc2,#a5a9b0);box-shadow:inset 0 1px 2px #0000001a}.crater-3{width:10px;height:10px;top:16px;left:36px;background:radial-gradient(circle at 40% 40%,#bcc0c6,#aaaeb5);box-shadow:inset 0 1px 2px #0000001a}.stars{position:absolute;inset:0;pointer-events:none;z-index:5}.star{position:absolute;background:#fff;opacity:0;transition:opacity .5s ease;clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%)}.toggle-wrapper.night .star{opacity:1;animation:twinkle 2s ease-in-out infinite alternate}.star-1{width:12px;height:12px;top:14px;left:18px;animation-delay:0s}.star-2{width:6px;height:6px;top:42px;left:14px;animation-delay:.6s}.star-3{width:8px;height:8px;top:10px;left:48px;animation-delay:1s}.star-4{width:5px;height:5px;top:52px;left:42px;animation-delay:.3s}.star-5{width:10px;height:10px;top:30px;left:60px;animation-delay:.8s}.star-6{width:5px;height:5px;top:18px;left:76px;animation-delay:1.4s}.star-7{width:4px;height:4px;top:58px;left:70px;animation-delay:.2s}.clouds{position:absolute;inset:0;pointer-events:none;z-index:8}.cloud{position:absolute;border-radius:20px;opacity:0;transition:opacity .5s ease,transform .5s ease}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%}.toggle-wrapper.day .cloud{opacity:1}.toggle-wrapper.night .cloud{opacity:0;transform:translate(20px)}.cloud-1{width:90px;height:24px;bottom:0;right:-4px;background:#fffffff2;border-radius:20px 20px 0 0}.cloud-1:before{width:36px;height:36px;bottom:10px;left:12px;background:#fffffff2}.cloud-1:after{width:28px;height:28px;bottom:8px;left:40px;background:#fffffff2}.cloud-2{width:70px;height:18px;bottom:14px;right:20px;background:#ffffff8c;border-radius:14px}.cloud-2:before{width:26px;height:26px;bottom:6px;left:8px;background:#ffffff8c}.cloud-2:after{width:20px;height:20px;bottom:4px;left:30px;background:#ffffff8c}.cloud-3{width:40px;height:12px;bottom:34px;right:14px;background:#ffffff59;border-radius:10px}.cloud-3:before{width:16px;height:16px;bottom:4px;left:6px;background:#ffffff59}.cloud-3:after{width:12px;height:12px;bottom:3px;left:18px;background:#ffffff59}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.app{display:flex;min-height:100vh}.main{flex:1;padding:2rem}@media(max-width:768px){.main{padding:4.5rem 1.5rem 2rem}}