@import "https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap";
@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;600&family=IBM+Plex+Mono:wght@400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e0d0;-webkit-font-smoothing:antialiased;background:#1c1a17;font-family:Georgia,serif;overflow-x:hidden}.grain-overlay{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1c1a17}::-webkit-scrollbar-thumb{background:#2e2a24;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#4a4540}.mono{font-family:Courier Prime,Courier New,monospace}button{cursor:pointer;font-family:Georgia,serif;transition:all .2s}button:disabled{opacity:.3;cursor:not-allowed}input,textarea{border-radius:20px;font-family:Georgia,serif}button{cursor:pointer;border-radius:20px;font-family:Georgia,serif;transition:all .2s}@media (max-width:1024px){.main-layout{flex-direction:column!important;padding:20px 24px!important}.right-col{flex:1!important;margin-top:32px!important;padding-left:0!important}.write-col{border-bottom:1px solid #2e2a24;padding-bottom:32px;border-right:none!important;padding-right:0!important}}@media (max-width:768px){.main-layout{min-height:calc(100vh - 140px)!important;padding:16px 20px!important}.top-bar{padding:16px 20px!important}.state-bar{padding:12px 20px!important}.right-col{margin-top:24px!important}textarea,.reflective-text{font-size:18px!important}.log-text{font-size:14px!important}}@media (max-width:480px){.main-layout{gap:24px!important;padding:12px 16px!important}.top-bar{flex-wrap:wrap;gap:12px;padding:12px 16px!important}.state-bar{flex-wrap:wrap;padding:10px 16px!important}.right-col{gap:20px!important;margin-top:20px!important}.write-col{padding-bottom:24px}textarea,.reflective-text{font-size:16px!important;line-height:1.6!important}.commit-row{flex-direction:column;align-items:flex-start!important;gap:12px!important}button{text-align:center;width:100%}.btn-commit{justify-content:center;width:100%!important}}@media (max-width:768px){button{min-height:44px;padding:12px 20px!important}input{min-height:44px;padding:12px!important}}@media (max-width:896px) and (orientation:landscape){.main-layout{min-height:calc(100vh - 100px)!important}textarea{min-height:200px!important}}.mobile-only{display:none}.desktop-only{display:block}.mobile-layout{display:none}.desktop-layout{display:flex}@media (max-width:768px){.mobile-only{display:block!important}.desktop-only,.desktop-layout{display:none!important}.mobile-layout{flex-direction:column!important;height:calc(100vh - 60px)!important;display:flex!important;overflow:hidden!important}.main-layout{flex-direction:column!important;gap:0!important;min-height:calc(100vh - 60px)!important;padding:0!important}.right-col{background:#1c1a17!important;border-top:none!important;border-bottom:1px solid #2e2a24!important;flex-shrink:0!important;max-height:40vh!important;margin-top:0!important;padding:16px!important;overflow-y:auto!important}.write-col{background:#1c1a17!important;border-bottom:none!important;border-right:none!important;flex-direction:column!important;flex:1!important;margin-top:auto!important;padding:0!important;display:flex!important}.write-col textarea{border-top:1px solid #2e2a24!important;flex:1!important;min-height:120px!important;max-height:200px!important;padding:16px!important}.commit-row{background:#1c1a17!important;border-top:1px solid #2e2a24!important;flex-shrink:0!important;margin-top:0!important;padding:12px 16px!important;position:relative!important;bottom:auto!important}.top-bar{z-index:10!important;padding:10px 12px!important;position:sticky!important;top:0!important}.top-bar .logo{letter-spacing:1px!important;font-size:14px!important}.state-bar{display:none!important}button.mobile-only{justify-content:center!important;align-items:center!important;display:flex!important}.mobile-layout .right-col{order:1!important}.mobile-layout .write-col{order:2!important}}