:root{--bg-color:#f5f5f5;--text-color:#000000;--card-bg:rgba(255, 255, 255, 0.9);--card-border:rgba(0, 0, 0, 0.1);--shadow-color:rgba(0, 0, 0, 0.3);--switch-bg:rgba(255, 255, 255, 0.9);--active-btn-bg:#000000;--active-btn-stroke:#ffffff;--inactive-btn-stroke:#000000;--font-size-base:clamp(1rem, 0.95rem + 0.25vw, 1.15rem);--spacing-unit:1rem}body{font-family:kiwi maru,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;line-height:1.6;overflow:hidden;letter-spacing:.15em;line-height:1.75}body.single-page{overflow-y:auto}footer{bottom:0;left:0;width:100%;text-align:center;color:gray;font-size:12px;font-weight:300;letter-spacing:.15em;line-height:1.75}.view-switch-container{position:fixed;top:calc(var(--spacing-unit) * 1.5);left:50%;transform:translateX(-50%);z-index:1000;background:var(--switch-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:999px;padding:calc(var(--spacing-unit) * .5);display:flex;gap:calc(var(--spacing-unit) * .5)}.view-btn{background:0 0;border:none;cursor:pointer;padding:calc(var(--spacing-unit) * .5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.view-btn svg{stroke:var(--inactive-btn-stroke);width:22px;height:22px;transition:stroke .3s ease}.view-btn.active{background-color:var(--active-btn-bg)}.view-btn.active svg{stroke:var(--active-btn-stroke)}#content-container{height:100vh;width:100vw;overflow:hidden}#content-container.tiktok-view{scroll-snap-type:y mandatory;overflow-y:scroll}#content-container.tiktok-view .post{height:100vh;display:flex;flex-direction:column;justify-content:end;align-items:start;scroll-snap-align:start;box-sizing:border-box;padding:var(--spacing-unit);padding-bottom:calc(var(--spacing-unit) * 4);max-width:720px;margin:0 auto;background-color:var(--bg-color)}#content-container.tiktok-view .post,.post{opacity:1!important;transform:none!important}#content-container.twitter-view{overflow-y:auto;padding:72px 0;box-sizing:border-box;max-width:720px;margin:0 auto}.twitter-view .post{margin:24px;box-shadow:0 0 20px rgba(0,0,0,7%);border-radius:24px}.twitter-view .post-wrapper{max-width:600px;margin:0 auto;align-items:center;justify-content:center}.post{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:calc(var(--spacing-unit) * 1.5);margin-bottom:var(--spacing-unit)* 1.5;opacity:0}.post img{width:100%;height:auto;margin-bottom:var(--spacing-unit);border-radius:32px}.post-content{font-size:var(--font-size-small);font-color:var(--text-color);font-weight:300}.read-more{color:var(--text-color);text-decoration:none;font-weight:700;display:inline-block;margin-top:var(--spacing-unit);border-bottom:2px solid var(--text-color);transition:border-color .3s ease}.read-more:hover{border-color:transparent}#single-post-container{padding:calc(var(--spacing-unit))0;max-width:700px;margin:0 auto;background-color:var(--bg-color);line-height:2.25}#single-post-container .post{padding:calc(var(--spacing-unit) * 2);background-color:var(--bg-color)}#single-post-container h1{font-size:clamp(1.8rem,1.5rem + 1.5vw,2.8rem);margin-bottom:var(--spacing-unit)}.back-to-list{position:fixed;bottom:calc(var(--spacing-unit) * 1.5);left:calc(var(--spacing-unit) * 1.5);z-index:1000}.back-link{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5);color:#000;text-decoration:none;background:var(--switch-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);padding:calc(var(--spacing-unit) * .5)calc(var(--spacing-unit) * 1);border-radius:999px;transition:background-color .3s ease;opacity:0;transform:translateX(-20px)}.back-link:hover{background:rgba(255,255,255,.9)}.back-link svg{transition:transform .3s ease}.back-link:hover svg{transform:translateX(-3px)}#ascii-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color)}#ascii-art{font-family:courier new,monospace;white-space:pre;text-align:center;line-height:1.2;font-size:clamp(1rem,2vw,1.5rem)}.ascii-line{display:block}#main-footer-container{position:fixed;bottom:0;left:0;width:100%;text-align:center}