*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;font-size:16px;line-height:1.6;color:#1a1a1a;min-height:100vh}.site-header{display:flex;justify-content:space-between;align-items:center;padding:10px 60px;border-bottom:1px solid #e5e5e5}.logo{font-size:28px;font-weight:700;letter-spacing:2px;color:#1a1a1a}.draggable-logo-container{position:relative;display:inline-block}.static-logo{position:relative;color:#b6b4b4;z-index:1}.draggable-logo{position:absolute;top:0;left:0;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 12px;margin:-8px -12px;transition:all .2s ease;z-index:2}.draggable-logo:hover{transform:rotate(-1deg)}.draggable-logo.dragging{transform:rotate(-2deg) scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.3)}.draggable-logo.positioned{border:2px dashed #ddd}.nav-links{display:flex;align-items:center;gap:12px;font-size:15px}.nav-links a{color:#666;text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:#1a1a1a}.nav-separator{color:#ccc}.main-content{display:grid;grid-template-columns:120px 1fr;padding:60px 0 60px 60px;gap:0 40px}.year-row{display:contents}.year-cell{display:flex;align-items:flex-start;padding-top:18px}.year-label{font-size:24px;font-weight:300;color:#d0d0d0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.posts-cell{padding-bottom:40px}.post-item{display:flex;max-width:50vw;gap:20px;text-decoration:none;color:inherit;transition:background-color .2s ease;border-radius:8px;margin:0 -20px;padding:18px 20px}.post-content{flex:1}.post-title{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:8px;color:#1a1a1a}.post-description{font-size:14px;line-height:1.6;color:#666;margin:0}.projects-section{padding:40px 60px;border-top:1px solid #e5e5e5;background-color:#f5f5f5}.projects-section h2{font-size:20px;font-weight:600;margin-bottom:20px;color:#1a1a1a}.projects-section ul{list-style:none;padding:0}.projects-section li{margin:12px 0}.projects-section a{color:#667eea;text-decoration:none;transition:color .2s ease}.projects-section a:hover{color:#764ba2;text-decoration:underline}@media (max-width:768px){.site-header{flex-direction:column;gap:20px;padding:30px}.main-content{display:block;padding:30px}.year-row{display:block;margin-bottom:32px}.year-cell{display:none}.posts-cell{padding-bottom:0}.post-item{max-width:-moz-fit-content;max-width:fit-content;flex-direction:column;gap:8px}.post-title{margin-top:12px}.post-date{min-width:auto;padding-top:0}.projects-section{padding:30px}.year-badge{position:fixed;top:50%;right:20px;transform:translateY(-50%);background-color:rgba(26,26,26,.9);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.year-badge.visible{opacity:1}}h1,h2,h3,h4,h5,h6{font-weight:600;margin:32px 0 16px;line-height:1.3}h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}p{margin:16px 0}a{color:#667eea;text-decoration:none;transition:color .2s ease}ol,ul{margin:16px 0;padding-left:32px}li{margin:8px 0}hr{border:none;border-top:1px solid #e5e5e5;margin:40px 0}code{background-color:#f5f5f5;padding:3px 6px;border-radius:4px;font-size:.9em;color:#e74c3c}code,pre{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}pre{background-color:#1a1a1a;color:#f8f8f2;padding:20px;overflow-x:auto;margin:24px 0;border-radius:8px;line-height:1.5}pre code{background-color:transparent;padding:0;color:inherit}img{max-width:100%;height:auto;display:block}blockquote{margin:24px 0;padding-left:24px;border-left:4px solid #667eea;font-style:italic;color:#555}