@font-face{font-family:NothingFont;src:url(/assets/nothing-font-5x7-mTO1jDLt.otf)format("opentype");font-weight:400;font-style:normal}:root{--bg-color:#f6f6f6;--dot-color:#00000014;--card-bg:#fff;--text-main:#111;--text-heading:#000;--text-muted:#555;--text-excerpt:#666;--border-color:#e5e5e5;--link-color:#000;--link-hover:#ff2d55;--shadow-color:transparent;--shadow-hover:transparent;--indicator-bg:#f6f6f6;--indicator-text:#000;--toggle-bg:#fff;--toggle-text:#000;--accent-red:#ff2d55}[data-theme=dark]{--bg-color:#000;--dot-color:#ffffff14;--card-bg:#000;--text-main:#eee;--text-heading:#fff;--text-muted:#999;--text-excerpt:#888;--border-color:#262626;--link-color:#fff;--link-hover:#ff2d55;--shadow-color:transparent;--shadow-hover:transparent;--indicator-bg:#111;--indicator-text:#fff;--toggle-bg:#000;--toggle-text:#fff;--accent-red:#ff2d55}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(var(--dot-color) 1.5px, transparent 1.5px);min-height:100vh;color:var(--text-main);background-size:24px 24px;padding:80px 20px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.05rem;transition:background-color .3s,color .3s}@media (width>=1024px){body{padding:80px 80px 40px}}.app-container{width:100%;max-width:1100px;margin:0 auto;position:relative}.theme-toggle{color:var(--text-heading);border:1px solid var(--border-color);cursor:pointer;z-index:10;text-transform:uppercase;background-color:#0000;border-radius:20px;padding:6px 14px;font-size:.85rem;transition:all .2s;position:absolute;top:-55px;right:0}.theme-toggle:hover{color:var(--accent-red);border-color:var(--accent-red)}.layout-wrapper{grid-template-columns:1fr 1.5fr;align-items:stretch;gap:30px;width:100%;display:grid}.about-column{align-items:center;height:calc(100vh - 120px);display:flex;position:sticky;top:80px}@media (width<=900px){.layout-wrapper{grid-template-columns:1fr;align-items:start}.about-column{height:auto;display:block;position:static}}.card{background-color:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;text-align:left;border-radius:16px;width:100%;height:100%;padding:30px;transition:border-color .25s,background-color .3s}.card-front .card,.card-back .card{padding-bottom:60px}h1,h2,h3,.theme-toggle,.flip-indicator{text-transform:uppercase;letter-spacing:.04em;font-family:NothingFont,Courier New,monospace;font-weight:400}h1{color:var(--text-heading);margin-bottom:12px;font-size:2rem;line-height:1.1}h2{color:var(--text-heading);margin-bottom:16px;font-size:1.5rem;line-height:1.2}h3{color:var(--text-heading);margin-bottom:6px;font-size:1.1rem;line-height:1.2}p{color:var(--text-muted);margin-bottom:15px;font-size:.95rem;line-height:1.5}.bio-text{margin-bottom:20px}.card-front a{width:fit-content;color:var(--text-muted);border-bottom:1px dashed var(--border-color);margin:10px 0;font-size:.92rem;text-decoration:none;transition:color .2s,border-color .2s;display:block}.card-front a:hover{color:var(--accent-red);border-bottom:1px solid var(--accent-red);text-decoration:none}.clickable-card{cursor:pointer;position:relative}.clickable-card:hover{border-color:var(--accent-red)}.flip-indicator{border:1px solid var(--border-color);color:var(--text-muted);pointer-events:none;text-transform:uppercase;border-radius:8px;padding:4px 10px;font-size:.75rem;transition:all .2s;position:absolute;bottom:24px;right:24px}.clickable-card:hover .flip-indicator{color:var(--accent-red);border-color:var(--accent-red)}.perspective-wrapper{perspective:1200px;width:100%}.card-inner{transform-style:preserve-3d;width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:grid}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;grid-area:1/1;width:100%}.card-back{transform:rotateY(180deg)}.writings-title{text-align:left;color:var(--text-heading);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:12px;font-size:1.5rem}.articles-list{flex-direction:column;display:flex}.article-item{border-bottom:1px solid var(--border-color);color:inherit;grid-template-columns:70px 1fr;gap:20px;padding:16px 0;text-decoration:none;transition:background-color .2s;display:grid}.article-item:first-child{padding-top:0}.article-item:last-child{border-bottom:none;padding-bottom:0}.article-img{object-fit:cover;border:1px solid var(--border-color);filter:grayscale();border-radius:8px;width:70px;height:70px;transition:filter .3s}.article-item:hover .article-img{filter:grayscale(0%)}.article-info{flex-direction:column;display:flex}.article-item h3{transition:color .2s}.article-item:hover h3{color:var(--accent-red)}.article-excerpt{color:var(--text-muted);margin:6px 0 0;font-size:.9rem;line-height:1.45}@media (width<=600px){.layout-wrapper{gap:20px}.card{padding:24px}.card-front .card,.card-back .card{padding-bottom:50px}.flip-indicator{bottom:20px;right:20px}.theme-toggle{top:-45px}h1{font-size:1.75rem}h2{font-size:1.4rem}.article-item{grid-template-columns:1fr;gap:12px;padding-bottom:20px}.article-img{width:100%;height:140px}}