:root{--text-main: #e0e0e0;--text-sub: #b0b3b8;--card-bg: rgba(22, 26, 30, .85);--card-border: rgba(255, 255, 255, .1);--highlight: #2962ff;--profit: #00c853;--loss: #ff3d00;--nav-bg: rgba(11, 14, 17, .9)}body.light-mode{--text-main: #333333;--text-sub: #666666;--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(0, 0, 0, .1);--highlight: #0052cc;--profit: #00796b;--loss: #d32f2f;--nav-bg: rgba(240, 242, 245, .9)}body{margin:0;padding-top:80px;font-family:Segoe UI,Roboto,sans-serif;color:var(--text-main);background-color:#0b0e11;transition:background-color .3s;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}body.light-mode{background-color:#f0f2f5}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);z-index:1000;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;justify-content:space-between}.nav-user{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2962ff,#ff3d00);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.username{font-weight:700;font-size:1.1rem}.nav-menu{display:flex;gap:25px;align-items:center;justify-content:center;flex:1}.nav-link{color:var(--text-sub);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px;padding-bottom:4px;border-bottom:2px solid transparent}.nav-link:hover{color:var(--text-main)}.nav-link.active{color:var(--highlight);border-bottom-color:var(--highlight)}.nav-controls{display:flex;gap:10px;flex-shrink:0}.btn-toggle{background:transparent;border:1px solid var(--card-border);color:var(--text-main);padding:5px 12px;border-radius:20px;cursor:pointer;display:flex;gap:5px;align-items:center;transition:all .2s;white-space:nowrap}.btn-toggle:hover{background:#ffffff1a}.btn-toggle.active{background:var(--highlight);color:#fff;border-color:var(--highlight)}.main-content{flex:1}.container{max-width:850px;margin:0 auto;padding:20px;position:relative;z-index:1}.card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:30px;margin-bottom:20px}a{color:var(--highlight);text-decoration:none}.prose{font-size:1.05rem;line-height:1.8;color:var(--text-sub)}.prose h1,.prose h2,.prose h3{color:var(--text-main);margin-top:1.5em;margin-bottom:.5em}.prose p{margin-top:0;margin-bottom:1.2em}.prose strong{color:var(--text-main);font-weight:600}.prose ul,.prose ol{padding-left:20px;margin-bottom:1.2em}.prose li{margin-bottom:5px}.prose blockquote{border-left:4px solid var(--highlight);margin-left:0;color:#888;background:#ffffff0d;padding:10px 15px;border-radius:0 8px 8px 0}.prose code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em}.site-footer{text-align:center;padding:40px 20px;color:var(--text-sub);font-family:monospace;font-size:.9rem;border-top:1px solid var(--card-border);margin-top:40px;background:#0000004d;position:relative;z-index:1}@media(max-width:768px){body{padding-top:60px;padding-bottom:120px}.container{padding:15px 10px}.card{padding:20px 15px;border-radius:12px}h1{font-size:1.8rem!important}.card h2{font-size:1.3rem}.navbar{height:60px;padding:0 15px}.username{display:none}.nav-menu{position:fixed;bottom:0;left:0;width:100%;height:65px;background:#0f1216fa;backdrop-filter:blur(15px);border-top:1px solid var(--card-border);display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:0 10px;gap:5px;-webkit-overflow-scrolling:touch;z-index:1001}.nav-menu::-webkit-scrollbar{display:none}.nav-link{flex-direction:column;justify-content:center;min-width:65px;font-size:.75rem;gap:4px;padding:0;border-bottom:none!important}.nav-link i{font-size:1.2rem}.nav-link span{display:block}.nav-link.active{border-top:2px solid var(--highlight);color:var(--highlight);background:#2962ff1a;border-radius:8px 8px 0 0}.portfolio-dashboard{flex-direction:column;align-items:stretch;padding:15px;gap:20px}.chart-left{width:100%;justify-content:center;gap:20px}.chart-stats{width:100%;flex-direction:row;justify-content:space-around;padding-left:0;border-left:none;border-top:1px dashed var(--card-border);padding-top:15px}.stat-item .stat-value{font-size:1.2rem}.crypto-item{flex-direction:column;align-items:stretch;gap:10px}.crypto-info{width:100%}.btn-copy{width:100%;text-align:center;margin-left:0}.pinned-entry{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.pinned-icon{display:none}}
