:root{--surface:#e5e5e5;--text:#171717}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:var(--surface);margin:0;font-family:Trebuchet MS,Gill Sans,Segoe UI,sans-serif}#root{min-height:100vh}.writing-page{background:url(/desktop.png);min-height:100vh;padding:0}.writing-board{background:0 0;border:none;width:100vw;min-height:100vh;margin:0;position:relative;overflow:visible}.mobile-only{display:none}.toc-panel{background:#b9b9b9;border:2px solid #878787;width:300px;height:86%;padding:12px;position:absolute;top:28px;right:28px}.search-row{margin-bottom:12px}.search-row input{text-align:right;background:#e0e0e0;border:2px solid #676767;width:100%;height:44px;padding:0 12px;font-size:1.05rem}.toc-scroll{background:#ebebeb;border:2px solid #9a9a9a;height:calc(100% - 56px);padding:10px;overflow-y:auto}.toc-item{text-align:right;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #c4c4c4;width:100%;padding:14px 8px;font-size:1rem}.toc-item:hover,.toc-item.selected{background:#d9def1}.empty-state{text-align:center;color:#555;margin-top:24px}.content-window{background:#b4b4b4;border:2px solid #7b7b7b;width:min(760px,100% - 380px);min-width:520px;padding:10px;position:absolute}.window-toolbar{cursor:move;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.window-toolbar input{text-align:right;background:#e5e5e5;border:2px solid #5f5f5f;height:42px;padding:0 12px;font-size:1.1rem}.comment-trigger,.window-close{cursor:pointer;background:#d5d5d5;border:2px solid #444;height:42px;padding:0 14px;font-size:.92rem}.comment-trigger:hover,.window-close:hover{background:#b0b0b0}.comment-trigger{justify-content:center;align-items:center;min-width:52px;display:inline-flex}.comment-icon{font-size:1.25rem;line-height:1}.window-body{scrollbar-gutter:stable;background:#ececec;border:2px solid #676767;flex-direction:column;gap:16px;height:min(68vh,620px);padding:18px;display:flex;overflow-y:scroll}.writing-text{text-align:right;white-space:pre-line;margin:0;font-size:1.5rem;line-height:1.8}.writing-rich{text-align:right;color:#1f1f1f;font-size:1.2rem;line-height:2.2}.writing-rich h1,.writing-rich h2,.writing-rich h3,.writing-rich p{margin:0 0 14px}.writing-rich hr{border:0;border-top:2px solid #8d8d8d;margin:10px 0 18px}.writing-rich .post-figure{margin:14px 0}.writing-rich .post-figure img,.writing-rich img{border:2px solid #565656;width:min(100%,420px);margin:0 auto;display:block}.window-body img{border:2px solid #565656;align-self:center;width:min(100%,380px)}.window-body::-webkit-scrollbar{width:14px}.toc-scroll::-webkit-scrollbar{width:14px}.comment-feed::-webkit-scrollbar{width:14px}.window-body::-webkit-scrollbar-track{background:#d9d9d9;border-left:1px solid #8f8f8f}.toc-scroll::-webkit-scrollbar-track{background:#d9d9d9;border-left:1px solid #8f8f8f}.comment-feed::-webkit-scrollbar-track{background:#d9d9d9;border-left:1px solid #8f8f8f}.window-body::-webkit-scrollbar-thumb{background:#b4b4b4;border:1px solid #6e6e6e}.toc-scroll::-webkit-scrollbar-thumb{background:#b4b4b4;border:1px solid #6e6e6e}.comment-feed::-webkit-scrollbar-thumb{background:#b4b4b4;border:1px solid #6e6e6e}.reopen-content{cursor:pointer;background:#ececec;border:2px solid #393939;padding:10px 14px;position:absolute;top:30px;left:30px}.home-emoji-link{color:#222;z-index:25;flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:inline-flex;position:fixed;bottom:14px;left:18px}.home-emoji{font-size:2.5rem;line-height:1}.home-label{font-size:1rem;font-weight:500}.comment-overlay{z-index:20;background:#0e0e0e66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.comment-window{background:#b5b5b5;border:2px solid #7f7f7f;width:min(620px,100%);padding:12px;position:relative}.comment-close{position:absolute;top:2px;right:2px}.comment-status{color:#5b2c2c;text-align:right;margin:32px 0 8px;font-size:.9rem}.comment-feed{background:#ececec;border:2px solid #6d6d6d;min-height:360px;max-height:56vh;margin-top:30px;padding:16px;overflow-y:auto}.comment-bubble{background:#b9c4e7;border-radius:24px;width:fit-content;max-width:86%;margin-bottom:12px;margin-left:auto;padding:12px 16px}.comment-bubble p{text-align:right;margin:0;font-size:1.1rem}.comment-bubble time{color:#37405a;text-align:right;margin-top:6px;font-size:.75rem;display:block}.no-comments{color:#585858;text-align:center;margin:20px 0 0}.comment-form{grid-template-columns:1fr auto;gap:10px;margin-top:12px;display:grid}.comment-form input{text-align:right;background:#ececec;border:2px solid #606060;height:44px;padding:0 12px}.comment-form button{cursor:pointer;background:#ececec;border:2px solid #3d3d3d;min-width:92px}.comment-form button:disabled,.comment-form input:disabled{opacity:.7;cursor:not-allowed}.single-post-page{background-position:50%;background-size:cover;padding:28px 20px 40px}.single-post-shell{width:min(920px,100%);margin:0 auto}.post-topbar,.post-bottom-nav{justify-content:space-between;gap:12px;display:flex}.post-topbar{margin-bottom:18px}.post-nav-link,.post-switch-link{color:#1f1f1f;background:#e9e9e9eb;border:2px solid #545454;justify-content:center;align-items:center;min-height:42px;padding:0 16px;text-decoration:none;display:inline-flex}.post-nav-link:hover,.post-switch-link:hover{background:#cdcdcdf2}.single-post-card{background:#ecececf0;border:2px solid #737373;padding:26px}.single-post-header{text-align:right;margin-bottom:22px}.single-post-header h1{margin:0;font-size:2rem;line-height:1.5}.post-meta{color:#474747;margin:8px 0 0}.single-post-content{font-size:1.3rem}.post-bottom-nav{margin-top:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=960px){.writing-page{padding:14px}.writing-board{background:0 0;border:none;width:100%;min-height:calc(100vh - 28px)}.mobile-only{display:block}.mobile-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.mobile-switch button{cursor:pointer;background:#ececec;border:2px solid #4f4f4f;height:40px}.mobile-switch button.active{background:#d8def3}.toc-panel,.content-window{width:100%;min-width:0;height:auto;display:none;position:static;transform:none!important}.toc-panel{min-height:72vh;margin-top:8px}.content-window{margin-top:8px}.toc-panel.show-mobile,.content-window.show-mobile{display:block}.window-toolbar{cursor:default}.window-body{height:72vh}.reopen-content{margin-top:10px;position:static}.home-emoji-link{bottom:10px;left:12px}.home-emoji{font-size:2.2rem}.single-post-page{padding:14px}.single-post-card{padding:18px}.post-topbar,.post-bottom-nav{flex-wrap:wrap}}.home-page{background:var(--surface);min-height:100vh;padding:52px 24px 64px}.home-header{justify-content:center;margin-bottom:52px;display:flex}.title-bar{background:linear-gradient(#d4d4d4,#c4c4c4);border-radius:6px;width:min(480px,76vw);height:72px;box-shadow:inset 0 1px #fff9}.home-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:".cinema.""writing classics poetry";align-items:center;gap:36px;max-width:980px;margin:0 auto;display:grid}.tile{color:#101010;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.tile:focus-visible{outline-offset:4px;outline:3px solid #212121}.tile:hover{transform:translateY(-4px)}.tile-label{letter-spacing:.05em;text-transform:uppercase;background:#ffffffd6;border-radius:8px;padding:6px 10px;font-size:1.05rem;font-weight:700}.tile-cinema{background:linear-gradient(#14041b9e,#14041bbd),repeating-linear-gradient(90deg,#2f0f0f 0 16px,#401617 16px 32px);border:10px solid #200b13;border-radius:10px;grid-area:cinema;height:288px;box-shadow:0 14px 34px #1c141447}.tile-writing{background:radial-gradient(circle at 60% 30%,#4f5358,#2a2d31 70%);border-radius:22px;grid-area:writing;width:170px;height:170px;margin-inline:auto;box-shadow:0 12px 28px #1e1e1e33}.tile-classics{background:radial-gradient(circle at 50% 36%,#9b9b9b,#747474 72%);border:2px solid #666;border-radius:50%;grid-area:classics;width:182px;height:182px;margin-inline:auto;box-shadow:0 12px 28px #1e1e1e33}.tile-poetry{background:linear-gradient(140deg,#c8d5de 0%,#2f6289 38%,#13243a 100%),radial-gradient(circle at 75% 25%,#ffffff80,#0000 55%);border-radius:32px;grid-area:poetry;width:178px;height:178px;margin-inline:auto;box-shadow:0 14px 28px #13243a47}.placeholder-page{place-items:center;min-height:100vh;padding:24px;display:grid}.placeholder-card{text-align:center;background:#fff;border:1px solid #cecece;border-radius:12px;width:min(460px,100%);padding:28px;box-shadow:0 18px 34px #12121214}.placeholder-card h1{color:#222;margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.3rem)}.placeholder-card p{color:#4e4e4e;margin:0 0 18px}.back-link{color:#fff;background:#2b2b2b;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}@media (width<=860px){.home-grid{grid-template-columns:1fr;grid-template-areas:"cinema""writing""classics""poetry";gap:24px}.tile-cinema,.tile-writing,.tile-classics,.tile-poetry{width:min(420px,100%)}.tile-cinema{height:230px}.tile-writing,.tile-classics,.tile-poetry{border-radius:16px;height:168px}.tile-classics{border-radius:16px}}