:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#0c0a09;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{color:#fafaf9;background-color:#0c0a09}a{font-weight:500;color:#5388ff;color:oklch(.65 .25 264);text-decoration:inherit;transition:color .2s ease}a:hover{color:#3a73ff;color:oklch(.6 .28 264)}.dark a{color:#84acff;color:oklch(.75 .18 264)}.dark a:hover{color:#b5ceff;color:oklch(.85 .15 264)}body{margin:0;min-width:320px;min-height:100vh;padding:2rem 1rem}*:not(:defined){opacity:0}*:defined{opacity:1;transition:opacity .2s ease-in}.container{max-width:1200px;margin:0 auto;width:100%}.header{text-align:center;margin-bottom:3rem}.logos{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:2rem}.logo{width:3.5rem;height:3.5rem;transition:transform .3s ease}.logo:hover{transform:scale(1.1)}@media (min-width: 640px){.logo{width:4rem;height:4rem}}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.2}.header p{font-size:1.125rem;opacity:.8;max-width:700px;margin:0 auto;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;align-items:stretch;grid-auto-flow:dense}.grid-cell{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;min-height:200px}.shared-atom-cell{gap:2rem}.todo-cell{min-height:400px}.full-width-cell{grid-column:1 / -1}@media (min-width: 640px){.grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.grid-cell{background:#fff;border:1px solid oklch(.923 .003 48.717)}.dark .grid-cell{background:#1c1917;border:1px solid oklch(1 0 0 / 10%)}.cell-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.cell-header h3,.cell-header h4{margin:0;flex:1}.cell-header ui-tooltip{flex-shrink:0;cursor:help}.cell-header i{opacity:.5;transition:opacity .2s ease;font-size:1.125rem}.cell-header ui-tooltip:hover i{opacity:1}