@import "https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Patrick+Hand&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-paper:#fdfbf7;--bg-postit:#fff9c4;--bg-ocean:#f4e7d3;--fg-pencil:#2d2d2d;--fg-muted:#e5e0d8;--tape-bg:#0000001a;--globe-stroke:#2d2d2d;--accent-red:#ff4d4d;--accent-blue:#2d5da1;--color-bullish:#34c759;--color-bearish:#ff3b30;--font-heading:"Kalam", cursive;--font-body:"Patrick Hand", cursive;--font-mono:"JetBrains Mono", monospace;--border-wobbly:255px 15px 225px 15px / 15px 225px 15px 255px;--border-wobbly-alt:15px 225px 15px 255px / 255px 15px 225px 15px;--shadow-color:#2d2d2d;--shadow-hard:4px 4px 0px 0px var(--shadow-color);--shadow-hard-lg:8px 8px 0px 0px var(--shadow-color);--shadow-active:0px 0px 0px 0px var(--shadow-color)}[data-theme=dark]{--bg-paper:#1c1c1c;--bg-postit:#2a2a2a;--bg-ocean:#242424;--fg-pencil:#e5e5e5;--fg-muted:#3d3d3d;--shadow-color:#000;--tape-bg:#ffffff26;--globe-stroke:#000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-paper);color:var(--fg-pencil);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(var(--fg-muted) 1.5px, transparent 1.5px);background-size:24px 24px;font-size:18px;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--fg-pencil);font-weight:700}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-paper);border-left:2px dashed var(--fg-pencil)}::-webkit-scrollbar-thumb{background:var(--fg-pencil);border:2px solid var(--bg-paper);border-radius:var(--border-wobbly)}.font-mono{font-family:var(--font-mono)}.text-bullish{color:var(--color-bullish);font-weight:700}.text-bearish{color:var(--color-bearish);font-weight:700}.sketched-box{background-color:var(--bg-paper);border:3px solid var(--fg-pencil);border-radius:var(--border-wobbly);box-shadow:var(--shadow-hard);transition:transform .1s,box-shadow .1s,background-color .3s}.sketched-box:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-2px,-2px)}.sketched-box:active{box-shadow:var(--shadow-active);transform:translate(2px,2px)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.app-container{overscroll-behavior:none;flex-direction:column;width:100vw;height:100svh;display:flex;position:relative;overflow:hidden}.main-content{overscroll-behavior:none;flex:1;padding:16px;display:flex;position:relative;overflow:hidden}.heatmap-container{background-color:var(--bg-ocean);border:4px solid var(--fg-pencil);border-radius:var(--border-wobbly);box-shadow:var(--shadow-hard);flex:1;position:relative;overflow:hidden}@media (width<=768px){.main-content{padding:8px}.heatmap-container{box-shadow:2px 2px 0px 0px var(--shadow-color);border-width:2px}}