@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Code:wght@400;500;700&display=swap";
:root{--canvas:#faf9f5;--text-primary:#111;--window-bg:#fff;--accent:#000;--font-heading:"Google Sans Code", monospace;--font-body:"Google Sans", sans-serif;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px}body{background-color:var(--canvas);color:var(--text-primary);font-family:var(--font-body);margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-top:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.window{background-color:var(--window-bg);border:1px solid var(--text-primary);box-shadow:4px 4px 0px var(--text-primary);margin-bottom:var(--spacing-lg);border-radius:0;flex-direction:column;display:flex}.window-titlebar{background-color:var(--window-bg);font-family:var(--font-heading);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.window-content{padding:var(--spacing-md);flex:1}.btn{background-color:var(--window-bg);border:1px solid var(--text-primary);box-shadow:2px 2px 0px var(--text-primary);font-family:var(--font-heading);cursor:pointer;color:var(--text-primary);text-align:center;padding:8px 16px;transition:all .1s;display:inline-block}.btn:hover{box-shadow:1px 1px 0px var(--text-primary);transform:translate(1px,1px)}.btn:active{box-shadow:0px 0px 0px var(--text-primary);transform:translate(2px,2px)}.btn-primary{background-color:var(--text-primary);color:var(--canvas)}.btn-primary:hover{color:var(--canvas)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes charIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes charOut{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-20px)}}.char{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards charIn;display:inline-block;transform:translateY(20px)}.char.out{opacity:1;animation:.4s cubic-bezier(.22,1,.36,1) forwards charOut;transform:translateY(0)}.input-field{border:1px solid var(--text-primary);font-family:var(--font-body);background:var(--canvas);outline:none;width:100%;padding:12px;font-size:1rem}.input-field:focus{background:var(--window-bg)}.auth-overlay{height:250px;padding-bottom:var(--spacing-lg);pointer-events:none;background:linear-gradient(#faf9f500,#faf9f5 70%);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.auth-overlay .btn{pointer-events:auto}.ideas-grid{gap:var(--spacing-sm);grid-template-columns:1fr;padding-bottom:150px;display:grid;position:relative}.idea-item{border:1px solid var(--text-primary);background:var(--window-bg);cursor:pointer;color:inherit;justify-content:flex-start;align-items:center;gap:16px;min-width:0;padding:16px;text-decoration:none;transition:background-color .1s;display:flex}.idea-item:hover{background:var(--canvas)}.upvote-box{border:1px solid var(--text-primary);background:var(--canvas);min-width:70px;font-family:var(--font-heading);cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:6px 12px;transition:all .1s;display:flex}.upvote-box:hover{background:var(--text-primary);color:var(--canvas)}.upvote-box.upvoted{background:var(--text-primary);color:var(--canvas);border-color:var(--text-primary)}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}