*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #faf7f2;--bg-tile: #f5f0e8;--border: #1a1a1a;--text: #1a1a1a;--text-muted: #555;--accent: #1a1a1a;--tile-hover: #ede8de;--shadow: rgba(0, 0, 0, .12);--font: "Gelasio", Georgia, serif}[data-theme=dark]{--bg: #141414;--bg-tile: #1e1e1e;--border: #3a3a3a;--text: #f0ebe0;--text-muted: #999;--accent: #f0ebe0;--tile-hover: #262626;--shadow: rgba(0, 0, 0, .4)}html{font-family:var(--font);background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}.app-wrapper{min-height:100vh;background-color:var(--bg);transition:background-color .3s ease}.top-bar{display:flex;justify-content:flex-end;padding:1.25rem 2rem}.theme-toggle{background:var(--bg-tile);border:2px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.theme-toggle:hover{background-color:var(--tile-hover);transform:rotate(15deg)}.bento-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;gap:1rem;max-width:1100px;margin:0 auto;padding:0 2rem 3rem}.tile{background-color:var(--bg-tile);border:2.5px solid var(--border);border-radius:16px;padding:2rem;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.tile.clickable{cursor:pointer;text-decoration:none;display:block;color:inherit}.tile.clickable:hover{background-color:var(--tile-hover);transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow)}.tile-intro{grid-column:1 / 2;grid-row:1 / 3;display:flex;flex-direction:column}.tile-blogs{grid-column:2 / 3;grid-row:1 / 2}.tile-funreads{grid-column:3 / 4;grid-row:1 / 2}.tile-question{grid-column:2 / 4;grid-row:2 / 3}.tile-intro .label{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.2rem;font-style:italic}.tile-intro h1{font-size:1.55rem;font-weight:600;line-height:1.6;margin-bottom:auto}.tile-intro h1 em{font-style:italic;font-weight:400}.socials{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:2rem}.social-btn{display:flex;align-items:center;gap:.45rem;background:transparent;border:2px solid var(--border);color:var(--text);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-family:var(--font);font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,transform .15s}.social-btn:hover{background-color:var(--border);color:var(--bg);transform:translateY(-2px)}.tile-nav-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;font-style:italic}.tile-nav-title{font-size:1.4rem;font-weight:600;line-height:1.3}.tile-nav-desc{font-size:.88rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.tile-arrow{position:absolute;top:1.5rem;right:1.5rem;font-size:1.1rem;color:var(--text-muted);transition:transform .2s,color .2s}.tile.clickable:hover .tile-arrow{transform:translate(3px,-3px);color:var(--text)}.tile-question .tile-nav-label{margin-bottom:.6rem}.tile-question h2{font-size:1.15rem;font-weight:600;margin-bottom:1.2rem;font-style:italic}.question-form{display:flex;gap:.75rem;flex-wrap:wrap}.question-input{flex:1;min-width:200px;background:transparent;border:2px solid var(--border);color:var(--text);padding:.6rem 1rem;border-radius:100px;font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .2s}.question-input::placeholder{color:var(--text-muted)}.question-input:focus{border-color:var(--text)}.question-submit{background:var(--text);color:var(--bg);border:2px solid var(--text);padding:.6rem 1.4rem;border-radius:100px;font-size:.9rem;font-family:var(--font);font-weight:500;transition:opacity .2s,transform .15s}.question-submit:hover{opacity:.8;transform:translateY(-2px)}.question-thanks{font-size:.95rem;color:var(--text-muted);font-style:italic;padding-top:.25rem}.page-wrapper{max-width:780px;margin:0 auto;padding:0 2rem 4rem}.page-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);border:2px solid var(--border);padding:.4rem 1rem;border-radius:100px;margin-bottom:2.5rem;transition:background-color .2s,color .2s;cursor:pointer;background:transparent;font-family:var(--font);text-decoration:none}.page-back:hover{background-color:var(--border);color:var(--bg)}.page-header{margin-bottom:2.5rem;border-bottom:2.5px solid var(--border);padding-bottom:1.5rem}.page-header .page-label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-style:italic;margin-bottom:.5rem}.page-header h1{font-size:2.2rem;font-weight:700}.empty-state{font-size:1rem;color:var(--text-muted);font-style:italic;padding:2rem 0}.post-list{display:flex;flex-direction:column}.post-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.4rem 0;border-bottom:1.5px solid var(--border);cursor:pointer;transition:padding-left .2s;text-decoration:none;color:inherit}.post-item:hover{padding-left:.5rem}.post-item-title{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.post-item-desc{font-size:.88rem;color:var(--text-muted);font-style:italic}.post-item-date{font-size:.78rem;color:var(--text-muted);white-space:nowrap;margin-left:1rem;padding-top:.2rem}.read-item{border-bottom:1.5px solid var(--border)}.read-item-row{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;width:100%;background:transparent;border:none;color:inherit;font-family:var(--font);cursor:pointer;text-align:left;transition:padding-left .2s}.read-item-row:hover{padding-left:.5rem}.read-item-left{display:flex;flex-direction:column;gap:.4rem}.read-item-title{font-size:1.1rem;font-weight:600}.read-item-meta{display:flex;gap:.4rem;flex-wrap:wrap}.read-tag{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border:1.5px solid var(--border);border-radius:100px;padding:.15rem .6rem;font-style:italic}.read-item-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:1rem}.read-chevron{font-size:1.3rem;color:var(--text-muted);line-height:1;display:inline-block;transition:transform .2s ease}.read-chevron.open{transform:rotate(90deg)}.read-item-body{padding:0 0 1.4rem;display:flex;flex-direction:column;gap:1rem}.read-notes{font-size:.92rem;color:var(--text-muted);font-style:italic;line-height:1.7}.read-highlight{border-bottom:2px solid var(--text);padding-bottom:.05em}.read-link{font-size:.85rem;font-weight:500;color:var(--text);text-decoration:none;border:2px solid var(--border);padding:.4rem 1rem;border-radius:100px;display:inline-flex;align-items:center;gap:.3rem;width:fit-content;transition:background-color .2s,color .2s}.read-link:hover{background-color:var(--border);color:var(--bg)}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr 1fr;padding:0 1rem 2rem}.tile-intro{grid-column:1 / 3;grid-row:1 / 2}.tile-blogs{grid-column:1 / 2;grid-row:2 / 3}.tile-funreads{grid-column:2 / 3;grid-row:2 / 3}.tile-question{grid-column:1 / 3;grid-row:3 / 4}}@media (max-width: 480px){.bento-grid{grid-template-columns:1fr}.tile-intro,.tile-blogs,.tile-funreads,.tile-question{grid-column:1 / 2;grid-row:auto}.top-bar{padding:1rem}.page-wrapper{padding:0 1rem 3rem}}