:root{--bg-color: #f7f7f7;--text-color: #1a1b26;--accent-color: #2e7de9;--secondary-text: #3b3b3b;--subtitle-color: #3d7e57;--muted-text: #5e5e5e;--separator-color: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .35);--glass-border: rgba(0, 0, 0, .08);--avatar-border: #2e7de9}.dark-theme{--bg-color: #1a1b26;--text-color: #c0caf5;--accent-color: #7aa2f7;--secondary-text: #a9b1d6;--subtitle-color: #9ece6a;--muted-text: #7f85a3;--separator-color: rgba(255, 255, 255, .08);--glass-bg: rgba(36, 39, 58, .35);--glass-border: rgba(255, 255, 255, .08);--avatar-border: #7aa2f7}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative;flex-direction:row}.sidebar{width:20%;min-width:250px;box-shadow:2px 0 5px #0003;color:var(--text-color);height:100vh;flex:0 0 25%;max-width:none;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.avatar{width:214px;height:214px;border-radius:50%;border:2px solid var(--avatar-border);margin-bottom:1.5rem;object-fit:cover}.identity{width:100%;text-align:center;margin-bottom:1rem}.name{font-size:1.35rem;font-weight:600;margin:0;text-align:center;width:100%}.username{font-size:.95rem;color:var(--accent-color);text-decoration:none;text-align:center;width:100%;display:inline-block;margin-top:.25rem}.bio{font-size:.85rem;opacity:.9;line-height:1.4;margin-bottom:1.5rem;text-align:left;width:100%;color:var(--muted-text)}.email{color:var(--subtitle-color);text-decoration:none;font-weight:500;font-size:.9rem;text-align:left;width:100%;display:inline-block}.main-content{width:75%;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.card{border-radius:12px;padding:1.5rem;box-shadow:0 0 10px #0000004d}.aboutme-card{flex-shrink:0}.comingsoon-card{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.glassy{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;box-shadow:0 0 10px #0000004d}.card-content{display:flex;flex-direction:column;gap:1rem;font-size:.95rem;line-height:1.6;color:var(--text-color)}.card-title{font-size:1.3rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}.card-paragraph{font-size:.95rem;opacity:.95;color:var(--text-color)}.section{margin-top:1rem}.card-subtitle{font-size:1rem;font-weight:500;color:var(--subtitle-color);margin-bottom:.5rem}.section ul{list-style-type:none;list-style:none;padding-left:0;margin:0}.section li{margin-bottom:.4rem;padding-left:1.2rem;position:relative}.section li:before{content:"•";color:var(--accent-color);position:absolute;left:0}.readme-header{font-family:monospace;font-size:.85rem;color:var(--secondary-text);opacity:.85;margin-bottom:.5rem;text-align:left}.readme-header .file{color:var(--text-color);font-weight:500}.readme-separator{border:none;height:1px;background-color:var(--separator-color);margin:1rem 0 1.25rem}.left-align{text-align:left}.coming-soon{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.soon-title{font-size:1.5rem;color:var(--subtitle-color);font-weight:600;margin-bottom:.25rem;text-align:center}.flicker{text-shadow:0 0 5px var(--subtitle-color),0 0 10px var(--subtitle-color),0 0 20px var(--subtitle-color),0 0 40px rgba(158,206,106,.4);animation:flickerAnim 2.5s infinite}@keyframes flickerAnim{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 5px var(--subtitle-color),0 0 10px var(--subtitle-color),0 0 20px var(--subtitle-color),0 0 40px rgba(158,206,106,.4)}20%,24%,55%{opacity:.6;text-shadow:none}22%{opacity:.3;text-shadow:0 0 2px var(--subtitle-color)}}.soon-text{font-size:1rem;color:var(--text-color);opacity:.75;max-width:400px;text-align:center;line-height:1.4}@media (max-width: 768px){.app-container{flex-direction:column;overflow-y:auto;height:auto}.sidebar{width:100%;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;height:auto;box-shadow:none;border:none;margin-bottom:1.5rem;border-radius:12px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 0 10px #0000004d}.avatar{width:140px;height:140px;margin-bottom:1rem}.identity{text-align:center;margin-bottom:1rem}.name,.username,.bio,.email{text-align:center}.main-content{width:100%;padding:0rem}.card{padding:1rem;margin:0 0 1.5rem;overflow-x:hidden}.soon-text{text-align:left;max-width:100%}.theme-toggle{top:1rem;right:1rem;transform:scale(1)}}.sidebar{color:var(--text-color);background:var(--glass-bg)}.avatar{border:2px solid var(--avatar-border)}.username{color:var(--accent-color)}.bio{color:var(--muted-text)}.email{color:var(--subtitle-color)}.card-content{color:var(--text-color)}.card-title{color:var(--accent-color)}.card-paragraph{color:var(--text-color);opacity:.95}.card-subtitle{color:var(--subtitle-color)}.section li:before{color:var(--accent-color)}.readme-header{color:var(--secondary-text)}.readme-header .file{color:var(--text-color)}.readme-separator{background-color:var(--separator-color)}.soon-title{color:var(--subtitle-color)}.soon-text{color:var(--text-color);opacity:.75}:root{--toggle-bg: #ccc;--toggle-dark-bg: #1a1b26;--thumb-bg: #fff;--thumb-dark-bg: #999;--icon-sun-color: #e0af68;--icon-moon-color: #7dcfff;--icon-sun-opacity: 1;--icon-moon-opacity: .25}.dark-theme{--toggle-bg: #1a1b26;--thumb-bg: #999;--icon-sun-opacity: .25;--icon-moon-opacity: 1}.theme-toggle{position:fixed;top:.5rem;right:2.1rem;z-index:9999;width:38px;height:18px;background-color:var(--toggle-bg);border-radius:9px;cursor:pointer;box-shadow:0 0 4px #0003;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1;touch-action:manipulation}.theme-toggle:active{transform:scale(.94)}.theme-toggle.hidden{transform:translateY(-20px);opacity:0;pointer-events:none}.toggle-thumb{position:absolute;top:1px;left:1px;width:16px;height:16px;background-color:var(--thumb-bg);border-radius:50%;box-shadow:0 1px 2px #00000040;transition:left .25s ease,background-color .25s ease,box-shadow .25s ease;z-index:1;will-change:left,background-color}.theme-toggle.dark .toggle-thumb{left:21px;background-color:var(--thumb-dark-bg)}.icon{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;z-index:0;line-height:1}.sun{left:4px}.moon{right:4px}.icon-sun{stroke:var(--icon-sun-color);opacity:var(--icon-sun-opacity);transition:opacity .25s ease}.icon-moon{stroke:var(--icon-moon-color);opacity:var(--icon-moon-opacity);transition:opacity .25s ease}