@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg:0 0% 100%;--fg:240 10% 3.9%;--muted:240 3.8% 46.1%;--border:240 5.9% 90%;--accent:240 5.9% 10%;--bg-secondary:240 4.8% 95.9%;--radius:12px;--radius-lg:16px;--brand-gradient:linear-gradient(135deg,#000 0%,#434343 100%);--insta-gradient:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);--glass-bg:#ffffffbf;--glass-border:#ffffff80;--glass-shadow:0 12px 40px #00000026}.dark{--bg:240 10% 3.9%;--fg:0 0% 98%;--muted:240 5% 64.9%;--border:240 3.7% 15.9%;--accent:0 0% 98%;--bg-secondary:240 5.9% 10%;--brand-gradient:linear-gradient(135deg,#fff 0%,#a1a1a1 100%);--glass-bg:#0a0a0fd9;--glass-border:#ffffff26}@media (prefers-color-scheme:dark){html:not(.light){--bg:240 10% 3.9%;--fg:0 0% 98%;--muted:240 5% 64.9%;--border:240 3.7% 15.9%;--accent:0 0% 98%;--bg-secondary:240 5.9% 10%;--brand-gradient:linear-gradient(135deg,#fff 0%,#a1a1a1 100%);--glass-bg:#09090bb3;--glass-border:#ffffff0d}}*{box-sizing:border-box;margin:0;padding:0}.light ::selection{color:#000;background-color:#e5e7eb}.dark ::selection{color:#000;background-color:#fff}@media (prefers-color-scheme:light){html:not(.dark) ::selection{color:#000;background-color:#e5e7eb}}html{scrollbar-gutter:stable}body{background-color:hsl(var(--bg));color:hsl(var(--fg));-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}.page-transition{animation:.8s cubic-bezier(.16,1,.3,1) forwards pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shadowAlive{0%{filter:blur(40px)brightness(1.1);background-position:0%;transform:translate(-50%,-50%)scale(1)}33%{filter:blur(45px)brightness(1.3);background-position:100% 100%;transform:translate(-50%,-50%)scale(1.05)}66%{filter:blur(42px)brightness(1.2);background-position:50% 0;transform:translate(-50%,-50%)scale(.98)}to{filter:blur(40px)brightness(1.1);background-position:0%;transform:translate(-50%,-50%)scale(1)}}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)translate(-50%,-50%)}50%{opacity:.8;transform:scale(1.05)translate(-50%,-50%)}to{opacity:.5;transform:scale(1)translate(-50%,-50%)}}.container{max-width:480px;margin:0 auto;padding:60px 24px 220px}h1{letter-spacing:-1px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:34px;font-weight:800}h2{letter-spacing:-.3px;margin-top:40px;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:22px;font-weight:700}p{color:hsl(var(--muted));font-size:15px}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}svg{width:24px;height:24px;display:block}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid hsl(var(--border));background:hsl(var(--bg));color:hsl(var(--fg));justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{background:hsl(var(--fg));color:hsl(var(--bg));border:1px solid hsl(var(--fg));transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000001a}.btn-primary:hover{opacity:.9;transform:translateY(-2px)scale(1.05)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-living{background:hsl(var(--bg-secondary));color:hsl(var(--muted));border:1px solid hsl(var(--border));transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card-living:hover .btn-living,.card-living:focus-within .btn-living{background:var(--insta-gradient);color:#fff;background-size:400% 400%;border-color:#0000;animation:6s ease-in-out infinite gradientMove;transform:translateY(-2px)scale(1.1);box-shadow:0 10px 20px -5px #dc274366}.btn-living:active{transform:translateY(0)scale(.95)!important}.card{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);margin-bottom:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{transform:translateY(-2px)scale(1.02)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.16,1,.3,1),background-color .4s,border-color .4s}.glass-card:hover{transform:translateY(-2px)scale(1.03)}.card-living{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:10;transition:all .8s cubic-bezier(.16,1,.3,1),background-color .4s,border-color .4s;position:relative}.card-living:hover,.card-living:focus-within{background:var(--glass-bg);border-color:#dc274366;transform:translateY(-4px)scale(1.04)}.card-living:before{content:"";background:var(--insta-gradient);filter:blur(40px);z-index:-1;opacity:0;pointer-events:none;background-size:300% 300%;width:90%;height:80%;transition:all 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-living:hover:before,.card-living:focus-within:before{opacity:.25;width:95%;height:90%;animation:6s linear infinite shadowAlive}input[type=text]{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--bg-secondary));width:100%;color:hsl(var(--fg));outline:none;padding:14px 18px;font-size:16px;transition:all .2s}input[type=text]:focus{background:0 0;border-color:#0000;outline:none}.task-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.task-item:last-child{border-bottom:none}.checkbox{border:2px solid hsl(var(--fg));cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.checkbox.checked{background:hsl(var(--fg))}.nav-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(220%);border:1px solid var(--glass-border);width:max-content;box-shadow:var(--glass-shadow);z-index:1000;will-change:backdrop-filter;border-radius:40px;gap:4px;margin:0 auto;padding:6px;display:flex;position:fixed;bottom:32px;left:0;right:0}.nav-indicator{background:hsl(var(--fg));z-index:-1;border-radius:32px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:6px;bottom:6px;box-shadow:0 4px 12px #0000001a}.nav-link{color:hsl(var(--muted));z-index:1;border-radius:32px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-link.active{color:hsl(var(--bg))}.markdown-content{color:hsl(var(--fg));font-size:16px;line-height:1.7}.markdown-content h1{border-bottom:1px solid hsl(var(--border));margin-top:1.2em;margin-bottom:.8em;padding-bottom:.3em;font-size:1.8em;font-weight:800}.markdown-content h2{margin-top:1.2em;margin-bottom:.6em;font-size:1.5em;font-weight:700}.markdown-content h3{margin-top:1.25em;margin-bottom:.5em;font-size:1.25em;font-weight:600}.markdown-content p{color:inherit;margin-bottom:1.2em;font-size:16px}.markdown-content ul,.markdown-content ol{margin-bottom:1.2em;padding-left:1.5em}.markdown-content li{margin-bottom:.5em}.markdown-content code{background:hsl(var(--bg-secondary));border-radius:4px;padding:.2em .4em;font-family:JetBrains Mono,monospace;font-size:.9em}.markdown-content pre{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:1.2em;padding:16px;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content blockquote{border-left:4px solid hsl(var(--border));color:hsl(var(--muted));margin-bottom:1.2em;padding-left:16px;font-style:italic}.profile-card{align-items:center;gap:16px;padding:16px;display:flex}.profile-avatar{background:var(--fg);width:48px;height:48px;color:var(--bg);border-radius:24px;justify-content:center;align-items:center;font-weight:800;display:flex}