:root{--paper: #FAF7F0;--paper-dark: #F0EBE0;--ink: #1a1a2e;--ink-light: #4a4a6a;--ink-faint: #9898b8;--accent: #c0392b;--accent-light: #e74c3c;--line: rgba(26,26,46,.1);--shadow: rgba(26,26,46,.12);--green: #27ae60;--amber: #e67e22;--radius: 12px;--font-hand: "Caveat", cursive;--font-body: "Lato", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ruled{background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,var(--line) 27px,var(--line) 28px);background-attachment:local}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font-body);border:none;outline:none;background:transparent;color:var(--ink);width:100%;resize:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .25s ease both}.slide-up{animation:slideUp .3s cubic-bezier(.32,.72,0,1) both}.pulsing{animation:pulse 1.4s ease infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}