@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root{--primary-color: #ff69b4;--primary-hover: #ff1493;--secondary-color: #ffb6c1;--accent-color: #ffc0cb;--text-primary: #2d1b2e;--text-secondary: #8b5a6b;--text-muted: #c49db3;--bg-primary: #fef7f7;--bg-secondary: #ffe4e8;--bg-tertiary: #ffd1dc;--bg-dark: #4a2c2a;--border-color: #f4a7c1;--border-dark: #d4749f;--shadow-light: rgba(255, 105, 180, .1);--shadow-medium: rgba(255, 105, 180, .2);--gradient-primary: linear-gradient(135deg, #ff69b4, #ffb6c1, #ffc0cb);--gradient-soft: linear-gradient(45deg, #ffe4e8, #ffd1dc);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-serif: "Crimson Text", "Times New Roman", Georgia, serif;--font-family-mono: "JetBrains Mono", "Courier New", Consolas, monospace;--font-family-display: "JetBrains Mono", "Courier New", monospace;--font-family-quirky: "Comic Sans MS", "Marker Felt", "Bradley Hand", cursive;--font-size-base: 16px;--font-size-large: 28px;--font-size-small: 14px;--line-height: 1.5em;--line-height-tight: 1.2;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 28px;--max-width: 1600px;--border-radius: 12px;--border-radius-soft: 20px;--transition-fast: .3s ease;--transition-normal: .4s ease}[data-theme=dark]{--primary-color: #ff69b4;--primary-hover: #ff1493;--secondary-color: #ffb6c1;--accent-color: #ffc0cb;--text-primary: #f5e6e8;--text-secondary: #d4a4b4;--text-muted: #a87591;--bg-primary: #1a1a1a;--bg-secondary: #2d1b2e;--bg-tertiary: #4a2c2a;--bg-dark: #0d0d0d;--border-color: #6b4c57;--border-dark: #8b5a6b;--shadow-light: rgba(255, 105, 180, .15);--shadow-medium: rgba(255, 105, 180, .25);--gradient-primary: linear-gradient(135deg, #ff69b4, #d4749f, #a87591);--gradient-soft: linear-gradient(45deg, #2d1b2e, #4a2c2a)}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);line-height:var(--line-height);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:var(--font-size-large);line-height:var(--line-height-tight);font-weight:700;font-family:var(--font-family-display);letter-spacing:.02em}h2{font-family:var(--font-family-serif);font-weight:600;font-style:normal}h3{font-family:var(--font-family-serif);font-style:italic;font-weight:400}h4{font-size:1em;font-family:var(--font-family-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em}p{margin:1em 0;font-family:var(--font-family)}.nav,.footer{font-family:var(--font-family-mono);font-size:.9em}.aside{font-family:var(--font-family-serif)}.profile-bio{font-family:var(--font-family-quirky);font-size:1.1em;line-height:1.3}blockquote{font-family:var(--font-family-serif);font-style:italic}code,pre,.counter{font-family:var(--font-family-mono)}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}ul,ol{margin:0;padding:0}li{list-style:none}img{max-width:100%;height:auto;display:block}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all var(--transition-normal)}button:hover{background-color:var(--primary-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.theme-toggle{position:fixed;top:20px;right:20px;background:var(--bg-primary);border:3px ridge var(--border-color);border-radius:6px;padding:8px 12px;font-size:16px;font-family:var(--font-family-mono);cursor:pointer;transition:all var(--transition-fast);z-index:1000;box-shadow:2px 2px 4px #0000004d;color:var(--text-primary);text-shadow:1px 1px 0px rgba(255,255,255,.8);min-width:80px;text-align:center;font-weight:700}.theme-toggle:hover{background:var(--bg-secondary);border-style:inset;transform:translate(1px,1px);box-shadow:1px 1px 2px #0000004d}.theme-toggle:active{border-style:inset;transform:translate(2px,2px);box-shadow:inset 1px 1px 2px #0000004d}[data-theme=dark] .theme-toggle{text-shadow:1px 1px 0px rgba(0,0,0,.8);border-color:var(--border-color)}[data-theme=dark] .nav-section h4,[data-theme=dark] .aside-section h4{background-color:var(--primary-color);color:var(--bg-primary)}[data-theme=dark] .nav-image img,[data-theme=dark] .productivity-image img,[data-theme=dark] .aside-section figure img,[data-theme=dark] .album-container #album-cover{border-color:var(--primary-color)}[data-theme=dark] .footer{border-top-color:var(--bg-secondary)}[data-theme=dark] .main hr{background:var(--bg-secondary)}[data-theme=dark] .aside-section li{border-bottom-color:var(--bg-secondary)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.align-center{align-items:center}.text-center{text-align:center}.text-right{text-align:right}.gap-sm{gap:var(--spacing-md)}.gap-md{gap:var(--spacing-lg)}.gap-lg{gap:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-md)}.p-md{padding:var(--spacing-lg)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.btn-primary{background:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--primary-color);border-radius:var(--border-radius);text-decoration:none;display:inline-block;transition:background var(--transition-fast)}.btn-primary:hover{background:var(--primary-hover);color:#fff}@media only screen and (max-width: 1280px){:root{--font-size-base: 14px}}@media only screen and (max-width: 767px){:root{--font-size-base: 13px;--spacing-md: 4px;--spacing-lg: 8px;--spacing-xl: 12px}html,body{overflow-x:hidden}}.site-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(6,auto);grid-template-areas:"h h h h h h h h h" "n n m m m m m a a" "n n m m m m m a a" "n n m m m m m a a" "n n m m m m m a a" "f f f f f f f f f"}.header,.nav,.aside,.main,.footer{padding:var(--spacing-md)}.aside,.nav{font-size:95%;line-height:1.6em}.header{grid-area:h;padding:0;position:relative;height:290px}.twitter-banner{width:100%;height:200px;overflow:hidden;position:absolute;top:0;left:0}.banner-image{width:100%;height:100%;object-fit:cover}.twitter-profile{position:absolute;top:200px;left:0;right:0;height:100px;background:var(--bg-primary);padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.profile-info{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;height:100%}.profile-avatar{width:120px;height:120px;border:4px solid var(--bg-primary);background:var(--bg-primary);object-fit:cover;flex-shrink:0;margin-left:var(--spacing-md);position:absolute;top:-60px}.profile-text{margin-left:140px;padding-top:10px;flex-grow:1}.profile-text h1{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.profile-bio{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);line-height:1.4}.nav{grid-area:n;padding:10px}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section h4{background-color:var(--bg-dark);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);margin:0;text-align:left}.nav-section a{display:block;padding:var(--spacing-xs) 10px;color:var(--primary-color);text-decoration:underline;text-align:left}.nav-section a:hover{background-color:var(--bg-dark);color:var(--bg-primary)}.nav-links a{display:block;padding:var(--spacing-xs) 10px;color:var(--primary-color);text-decoration:underline;text-align:left}.nav-links a:hover{background-color:var(--bg-dark);color:var(--bg-primary)}.nav-image{text-align:center}.nav-image img{width:100%;border:2px solid var(--bg-dark)}.main{grid-area:m}.main blockquote{text-align:right;font-style:italic;margin:1em 0;padding:0 1em;border-left:3px solid var(--border-color)}.main figure{width:fit-content;margin:auto}.main section article{padding:1%}.main #avatar{max-width:260px;margin-top:10%}.main ul{text-align:left;padding-left:20px}.main ul li{margin:8px 0;list-style:disc}.main hr{border:none;height:1px;background:var(--bg-dark);margin:12px 0}.content-row{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:center}.main-text{width:60%;padding:1%}.main-image{flex-grow:1;padding:1%}.main-image img{width:100%;max-width:260px;margin:0 auto}figcaption{text-align:center;font-size:.9em;color:var(--text-secondary);margin-top:.5em}.aside{grid-area:a;padding:10px}.aside-section{margin-bottom:var(--spacing-lg)}.aside-section h4{background-color:var(--bg-dark);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);margin:0;text-align:left}.aside-section li{list-style:none;border-bottom:1px dashed var(--bg-dark);padding:var(--spacing-xs) 10px;margin-left:0}.sidebar-footer{text-align:left;margin-top:10px;padding:0 10px}.philosophy{text-align:center;font-style:italic}.philosophy img{width:100%;max-width:225px;height:auto;display:block;margin:0 auto var(--spacing-sm) auto}.productivity-image{text-align:center;margin-bottom:var(--spacing-lg)}.productivity-image img{width:100%;border:2px solid var(--bg-dark)}.aside-section figure{margin:0;text-align:center}.aside-section figure img{width:100%;border:2px solid var(--bg-dark);object-fit:cover;aspect-ratio:1}.aside-section figure p{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-weight:700}.aside-section figure figcaption{margin:0;font-size:.9em;color:var(--text-secondary)}.footer{text-align:center;border-top:1px solid var(--border-dark);grid-area:f;margin-top:var(--spacing-md)}.counter{display:inline-block;font-family:var(--font-family-mono);font-size:2rem;letter-spacing:.2rem;background-color:var(--bg-dark);color:#0f0;padding:var(--spacing-xs) var(--spacing-sm)}.footer-links{margin-bottom:var(--spacing-md)}.footer-links a{margin:0 var(--spacing-sm)}@media only screen and (max-width: 1280px){.main{text-align:center}.main ul{text-align:left}.main-text{width:100%}}@media only screen and (max-width: 767px){.site-container{display:block;padding:2px}.header,.nav,.aside,.main,.footer{padding:var(--spacing-sm);margin:0}.content-row{display:block;gap:0}.main-text,.main-image{width:100%;padding:var(--spacing-sm)}.header{height:280px;margin-bottom:4px}.twitter-banner{height:140px}.twitter-profile{top:80px;height:150px;padding:0 4px 4px}.profile-info{flex-direction:column;align-items:center}.profile-avatar{width:90px;height:90px;top:-45px;margin-left:0;position:absolute;left:50%;transform:translate(-50%)}.profile-text{margin-left:0;padding-top:50px;text-align:center;width:100%}.profile-text h1{font-size:18px;text-align:center;margin-bottom:8px}.profile-bio{text-align:center;margin-top:8px;font-size:14px}.main{display:block;text-align:center;width:100%;box-sizing:border-box}.main section article{padding:2px;width:100%;box-sizing:border-box}.main ul{text-align:left;padding-left:16px;margin:8px 0}.nav-section{margin-bottom:12px;max-width:100%}.aside-section{margin-bottom:12px;width:100%;box-sizing:border-box}.aside img{max-width:100%;height:auto}.philosophy img{width:100%;max-width:150px}.aside-section figure img{// max-width: 180px}}.music-player{width:100%;max-width:400px;margin:0 auto}.retro-player{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #333;padding:16px;box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #ffffff1a;font-family:var(--font-family-mono)}.player-header{text-align:center;margin-bottom:12px;color:#0f0;font-size:12px;text-transform:uppercase;letter-spacing:1px}.player-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}#album-cover{width:60px;height:60px;object-fit:cover;border:1px solid #444}.track-info{flex:1;min-width:0}#track-name{color:#fff;font-weight:700;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#artist-name{color:#aaa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualizer{background:#000;padding:8px;border:1px solid #333}.bars{display:flex;justify-content:space-between;align-items:flex-end;height:40px;gap:2px}.bar{width:6px;background:linear-gradient(to top,#0f0,#3f3,#6f6);min-height:2px;animation:dance 2s ease-in-out infinite}.bar:nth-child(9){animation-delay:.8s}.bar:nth-child(10){animation-delay:.9s}.bar:nth-child(11){animation-delay:1s}.bar:nth-child(12){animation-delay:1.1s}@keyframes dance{0%,to{height:8px;opacity:.6}25%{height:25px;opacity:1}50%{height:15px;opacity:.8}75%{height:35px;opacity:1}}@media (max-width: 768px){.music-player{max-width:100%}.retro-player{padding:12px}#album-cover{width:50px;height:50px}#track-name{font-size:13px}#artist-name{font-size:11px}.bars{height:30px}.bar{width:4px}}.now-playing .music-player-figure{margin:0;text-align:center}.album-container{position:relative;width:100%;aspect-ratio:1}.album-container #album-cover{width:100%;height:100%;border:2px solid var(--bg-dark);object-fit:cover;display:block}.music-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;pointer-events:none}.music-visualizer{display:flex;align-items:flex-end;gap:3px;height:40px}.bar{width:4px;height:8px;background:linear-gradient(to top,#fff,#ddd);animation:visualizerBounce 3s infinite ease-in-out;transform-origin:bottom}.bar:nth-child(1){animation-delay:0s}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.2s}.bar:nth-child(4){animation-delay:.3s}.bar:nth-child(5){animation-delay:.4s}.bar:nth-child(6){animation-delay:.5s}.bar:nth-child(7){animation-delay:.6s}.bar:nth-child(8){animation-delay:.7s}@keyframes visualizerBounce{0%,to{transform:scaleY(1)}25%{transform:scaleY(2.5)}50%{transform:scaleY(1.8)}75%{transform:scaleY(3)}}.now-playing figcaption{margin-top:var(--spacing-sm);font-size:.85em;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.now-playing #track-name{font-weight:700;color:var(--text-primary);margin-bottom:0;flex:1;text-align:left}.now-playing #artist-name{color:var(--text-secondary);font-size:.9em;font-style:italic;text-align:right}.aside-section[data-sidebar=reading] figcaption{margin-top:var(--spacing-sm);font-size:.85em;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}#book-title{font-weight:700;color:var(--text-primary);margin-bottom:0;flex:1;text-align:left}#book-author{color:var(--text-secondary);font-size:.9em;font-style:italic;text-align:right}
