:root{color:#f4efe7;background:#000;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100dvh;background:#000}button,input,textarea{font:inherit}button,input,textarea{border:1px solid #37312b;color:#f4efe7;background:#111}button,input{border-radius:999px}textarea{border-radius:1rem}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}main{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:max(1.25rem,env(safe-area-inset-top)) 4.75rem .75rem 1.25rem}.eyebrow,.counter,.hint{margin:0;color:#a8a097;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1{margin:.15rem 0 0;font-size:clamp(1.15rem,4.5vw,1.8rem);font-weight:500;line-height:1.05}.counter{flex:0 0 auto;padding-top:.2rem}.topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:.75rem}.logout{padding:.45rem .8rem;color:#a8a097;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.settings-toggle,.settings-close{display:grid;width:2.5rem;height:2.5rem;place-items:center;padding:0;color:#a8a097}.settings-toggle svg,.settings-close svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.settings-screen{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:stretch;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#000000d1}.settings-panel{display:grid;grid-template-rows:auto auto 1fr auto auto;width:min(100%,42rem);min-height:0;margin:auto;gap:.85rem;padding:1rem;border:1px solid #37312b;border-radius:1.25rem;background:#090807;box-shadow:0 1rem 3rem #000000b3}.settings-header,.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-header h2{margin:.15rem 0 0;font-size:clamp(1.1rem,4vw,1.55rem);font-weight:500}.settings-label,.settings-status,.settings-actions button{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.settings-label{color:#a8a097;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.settings-panel textarea{width:100%;min-height:18rem;resize:none;padding:1rem;outline:0;color:#f6f0e8;line-height:1.4;white-space:pre-wrap}.settings-panel textarea:focus{border-color:#786b5d}.settings-status{min-height:1.3em;margin:0;color:#a8a097;font-size:.82rem}.settings-actions button{padding:.65rem 1rem}.floating-actions{position:fixed;z-index:10;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));left:max(1rem,env(safe-area-inset-left));display:flex;justify-content:space-between;pointer-events:none}.floating-action{display:grid;width:3rem;height:3rem;place-items:center;padding:0;border-color:#5c5146;background:#18130f;box-shadow:0 .5rem 2rem #0000008c;pointer-events:auto}.floating-action svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.delete-toggle{color:#e7b9a8}.edit-toggle{margin-left:auto}.reader{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.reader::-webkit-scrollbar{display:none}.page{min-width:0;height:100%;overflow-y:auto;padding:1.5rem 1.25rem 2rem;scroll-snap-align:start;scroll-snap-stop:always}.page p,.empty{width:min(100%,44rem);margin:0 auto;color:#f6f0e8;font-size:clamp(1.05rem,4.5vw,1.7rem);font-weight:400;line-height:1.45;white-space:pre-wrap}.entry-text-editing{outline:0;caret-color:#f6f0e8}.empty{display:grid;place-items:center;padding:2rem;text-align:center}.hint{padding:.75rem 1.25rem max(1rem,env(safe-area-inset-bottom));text-align:center}.login-shell{place-items:center;padding:1.25rem}.login{display:grid;width:min(100%,24rem);gap:1rem}.login input{width:100%;padding:.85rem 1rem}.login button{padding:.85rem 1rem}.login-status{min-height:1.4em;margin:0;color:#a8a097;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem}@media(min-width:760px){.topbar{padding-right:5.5rem;padding-left:2rem}.page{padding-right:2rem;padding-left:2rem}}