:root{--bg:#dff6f4;--panel:#fffdf7;--ink:#25243a;--muted:#6c6b80;--cyan:#65d4d0;--cyan2:#b8eeeb;--pink:#ff8fb7;--yellow:#ffd86a;--purple:#8a79db;--line:#34324d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:var(--bg);background-image:linear-gradient(90deg,#fff5 1px,#0000 1px),linear-gradient(#fff5 1px,#0000 1px);background-size:16px 16px;margin:0;font-family:Courier New,PingFang SC,monospace}a{color:inherit}.site-frame{grid-template-columns:215px minmax(0,730px) 220px;align-items:start;gap:24px;width:min(1220px,100% - 36px);margin:28px auto;display:grid}.identity-panel,.archive-panel section,.paper{background:var(--panel);border:2px solid var(--line);box-shadow:5px 5px 0 var(--line)}.identity-panel{text-align:center;padding:0 18px 22px;position:sticky;top:24px}.panel-title,.window-bar{border-bottom:2px solid var(--line);background:var(--cyan);letter-spacing:.06em;justify-content:space-between;align-items:center;height:28px;margin:0 -18px 18px;padding:0 8px;font:700 10px monospace;display:flex}.window-bar{height:30px;margin:-22px -22px 20px}.portrait{background:var(--yellow);border:2px solid var(--line);width:108px;height:108px;box-shadow:4px 4px 0 var(--pink);place-items:center;margin:22px auto 13px;text-decoration:none;display:grid;position:relative}.portrait:before{content:"";border:2px dashed #fff;position:absolute;inset:9px}.portrait span{font:700 54px monospace;position:relative}.identity-panel h1{margin:0;font-size:24px}.identity-panel h1 a{text-decoration:none}.online{border:1px solid var(--line);background:#efffdc;align-items:center;gap:6px;margin:8px 0 4px;padding:3px 7px;font-size:9px;display:inline-flex}.online b{border:1px solid var(--line);background:#65d66f;width:7px;height:7px}.tagline{color:var(--muted);margin:9px 0 18px;font:11px/1.7 sans-serif}.primary-nav{gap:7px;display:grid}.primary-nav a{border:1px solid var(--line);box-shadow:2px 2px 0 var(--cyan2);background:#fff;padding:8px 6px;font-size:11px;text-decoration:none}.primary-nav a:before{content:"> ";color:var(--pink);font-weight:700}.primary-nav a:hover,.quick-links a:hover{box-shadow:none;transform:translate(2px,2px)}.social-links{justify-content:center;gap:8px;margin:17px 0 11px;display:flex}.social-links a{background:var(--cyan2);border:1px solid var(--line);padding:4px 6px;font-size:9px;text-decoration:none}.tiny-note{color:var(--muted);margin:0;font-size:8px;line-height:1.7}.journal{gap:20px;display:grid}.paper{margin:0;padding:22px;position:relative}.eyebrow{color:var(--purple);letter-spacing:.08em;margin:0 0 7px;font:700 9px/1.4 monospace}.welcome-card h2,.micro-section h2,.guestbook h2{margin:0;font:700 23px/1.35 sans-serif}.welcome-card h2 span{color:var(--pink)}.welcome-card>p:not(.eyebrow){font:13px/1.8 sans-serif}.quick-links{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.quick-links a{background:var(--yellow);border:1px solid var(--line);box-shadow:2px 2px 0 var(--line);padding:6px 10px;font:700 10px monospace;text-decoration:none}.desk-scene{border:2px solid var(--line);height:170px;image-rendering:pixelated;background:linear-gradient(#8ddfde 0 69%,#ffc88d 69% 77%,#a17359 77%);position:relative;overflow:hidden}.desk-scene:after{content:"";background:#694b42;height:7px;position:absolute;bottom:19px;left:0;right:0;box-shadow:0 9px #4a3840}.pixel-cloud{color:#fff;text-shadow:3px 3px #73bdc6;font:700 44px monospace;position:absolute}.cloud-one{top:5px;left:9%}.cloud-two{font-size:31px;top:24px;right:9%}.window{z-index:2;border:2px solid var(--line);background:#fffbe7;width:43%;padding:11px;font:700 10px/1.6 monospace;position:absolute;bottom:46px;left:8%;box-shadow:4px 4px #5c75bd}.window b{font-size:12px}.cup{z-index:2;font-size:40px;position:absolute;bottom:40px;right:25%}.plant{z-index:2;color:#26745d;text-shadow:3px 3px #163f3a;font:700 53px serif;position:absolute;bottom:45px;right:7%}.articles{gap:20px;display:grid}.article-card{padding:22px}.article-kicker{justify-content:space-between;display:flex}.article-kicker span{background:var(--pink);border:1px solid var(--line);padding:4px 8px;font:700 9px monospace}.article-kicker small{color:var(--muted);font:9px monospace}.article-card h2{margin:13px 0 7px;font:700 24px/1.4 sans-serif}.article-meta{color:var(--muted);gap:8px;margin:0 0 14px;font-size:9px;display:flex}.article-body{border-top:2px dotted var(--cyan);border-bottom:2px dotted var(--cyan);padding:14px 0;font:13px/1.9 sans-serif}.article-body p{margin:0}.continue{color:var(--purple);margin-top:13px;font:700 10px monospace;display:inline-block}.micro-section{padding:22px}.micro-section>header{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.micro-section>header>span{color:var(--muted);font-size:9px}.micro-list article{border-bottom:2px dotted var(--cyan);grid-template-columns:105px 1fr;gap:14px;padding:15px 0;display:grid}.micro-list article:last-child{border:0}.micro-list time{color:var(--purple);font-size:9px}.micro-list p{margin:0 0 7px;font:13px/1.7 sans-serif}.micro-list small{background:var(--cyan2);padding:2px 5px;font-size:9px;display:inline-block}.guestbook{grid-template-columns:1fr 1fr;gap:28px;padding:22px;display:grid}.guestbook>.window-bar{grid-column:1/-1}.guest-copy>p:not(.eyebrow){color:var(--muted);font:11px/1.7 sans-serif}.guest-notes blockquote{border:1px dashed var(--line);background:#fff4c8;margin:9px 0;padding:9px;font:11px/1.6 sans-serif}.guest-notes cite{color:var(--muted);margin-top:5px;font-style:normal;display:block}.guestbook form{gap:12px;display:grid}.guestbook label{font:700 9px monospace}.guestbook input,.guestbook textarea{border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:0;outline:none;margin-top:5px;padding:10px;font:12px/1.5 sans-serif;display:block}.guestbook input:focus,.guestbook textarea:focus{box-shadow:3px 3px 0 var(--cyan)}.guestbook button{border:2px solid var(--line);background:var(--pink);box-shadow:3px 3px 0 var(--line);cursor:pointer;padding:11px;font:700 10px monospace}.journal footer{justify-content:space-between;padding:3px 4px 16px;font-size:9px;display:flex}.archive-panel{gap:18px;display:grid;position:sticky;top:24px}.archive-panel section{padding:15px}.archive-panel h2{border-bottom:2px solid var(--line);background:var(--yellow);margin:-15px -15px 13px;padding:8px 10px;font:700 11px monospace}.search-box{color:var(--muted);background:#fff;border:2px inset #aaa;justify-content:space-between;padding:8px;font-size:9px;text-decoration:none;display:flex}.archive-panel dl{margin:0}.archive-panel dl div,.category-list a{border-bottom:1px dashed #aaa;justify-content:space-between;padding:7px 2px;font-size:10px;display:flex}.archive-panel dd{color:var(--purple);margin:0;font-weight:700}.category-list{display:grid}.category-list a{text-decoration:none}.category-list b{color:var(--pink)}.tag-cloud{flex-wrap:wrap;gap:6px;display:flex}.tag-cloud a{border:1px solid var(--line);background:var(--cyan2);padding:3px 5px;font-size:9px;text-decoration:none}.tag-size-1{background:#fff2aa!important}.tag-size-2{background:#ffc4d9!important}.colophon{border:2px dashed var(--line);color:var(--muted);background:#ffffff8f;padding:12px;font-size:8px;line-height:1.8}.login{place-items:center;min-height:100vh;display:grid}.login form{background:var(--panel);border:2px solid var(--line);width:min(380px,100% - 30px);box-shadow:6px 6px 0 var(--line);gap:14px;padding:26px;display:grid}.login p{color:var(--purple);font:700 10px monospace}.login h1{margin:0}.login label{font-size:11px}.login input{border:2px solid var(--line);width:100%;margin-top:7px;padding:11px;display:block}.login button{border:2px solid var(--line);background:var(--pink);box-shadow:3px 3px 0 var(--line);padding:11px}.login a,.login small{color:var(--muted);font-size:10px}.portrait img{object-fit:cover;width:100%;height:100%;position:relative}.portrait.has-image:before{display:none}.article-card h2 a{text-decoration:none}.article-card h2 a:hover,.keyword-link{color:var(--purple);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.save-card{border:1px solid var(--line);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--cyan2);background:#fffdf7;margin-left:9px;padding:3px 7px;font:9px monospace}.save-card:hover{box-shadow:none;transform:translate(2px,2px)}.guest-area{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.guest-area .paper{height:100%}.guest-area .guestbook{flex-direction:column;gap:16px;display:flex}.guest-area .guestbook>.window-bar{flex:none;width:calc(100% + 44px)}.guest-area .guestbook form{margin-top:auto}.guest-wall h2{margin:0;font:700 23px/1.35 sans-serif}.guest-wall>p:not(.eyebrow){color:var(--muted);font:11px/1.7 sans-serif}.guest-wall .guest-notes{grid-template-columns:1fr;gap:12px;display:grid}.guest-wall blockquote{border:1px dashed var(--line);min-height:110px;box-shadow:3px 3px 0 var(--cyan2);background:#fff4c8;margin:0;padding:15px;font:12px/1.75 sans-serif}.guest-wall cite{color:var(--muted);margin-top:12px;font:9px monospace;display:block}.empty-note{border:1px dashed var(--line);color:var(--muted);background:#fff;padding:28px;font:11px/1.7 sans-serif}.article-page{width:min(760px,100% - 28px);margin:40px auto}.article-page h1{margin:12px 0;font:700 34px/1.35 sans-serif}.article-page time{color:var(--muted);font-size:10px}.article-full{border-top:2px dotted var(--cyan);border-bottom:2px dotted var(--cyan);white-space:pre-wrap;margin:30px 0;padding:25px 0;font:16px/2 sans-serif}.article-page nav{justify-content:space-between;font:700 10px monospace;display:flex}@media (max-width:1080px){.site-frame{grid-template-columns:205px minmax(0,730px)}.archive-panel{display:none}}@media (max-width:720px){.site-frame{width:calc(100% - 22px);margin:12px auto;display:block}.identity-panel{margin-bottom:16px;padding-bottom:15px;position:relative;top:auto}.portrait{width:82px;height:82px;margin-top:14px}.portrait span{font-size:40px}.tagline{max-width:380px;margin-inline:auto}.primary-nav{flex-wrap:wrap;justify-content:center;display:flex}.primary-nav a{padding:7px}.tiny-note{display:none}.journal{gap:14px}.paper{padding:17px}.window-bar{margin:-17px -17px 16px}.welcome-card h2,.micro-section h2,.guestbook h2,.guest-wall h2{font-size:20px}.desk-scene{height:145px}.article-card h2{font-size:21px}.micro-section>header{display:block}.micro-section>header>span{margin-top:7px;display:block}.micro-list article{grid-template-columns:1fr;gap:5px}.guest-area{grid-template-columns:1fr;gap:14px}.guest-area .guestbook>.window-bar{width:calc(100% + 34px)}.guestbook{grid-template-columns:1fr}.guestbook>.window-bar{grid-column:1}.guest-wall .guest-notes{grid-template-columns:1fr}.journal footer{padding:4px 3px 20px}.article-page{margin:14px auto}.article-page h1{font-size:27px}.article-full{font-size:15px}}
.portrait.has-image:before{display:none}.portrait img{object-fit:cover;image-rendering:auto;width:100%;height:100%}.social-links a{place-items:center;width:30px;height:30px;padding:6px;display:grid}.social-links img{width:16px;height:16px;display:block}.x-icon{font:700 18px/1 Arial,sans-serif}.desk-scene.has-upload{background:#fff}.desk-scene.has-upload:after{display:none}.hero-upload{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.post-link,.micro-link{border:1px solid var(--line);background:var(--yellow);box-shadow:2px 2px 0 var(--line);margin-top:10px;padding:5px 8px;font:700 9px monospace;text-decoration:none;display:inline-block}.micro-link{background:var(--pink);margin-top:0;margin-left:8px}