#root{max-width:1280px;margin:auto;padding:3rem;text-align:center;background-color:var(--background-default);border-radius:20px;position:relative;box-sizing:border-box}#root *{max-width:100%}.fill{padding:0%;width:100%;height:100%}.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.heading{color:var(--light-accent-text-default)}.home-button{position:absolute;left:3%;top:5%;text-transform:uppercase;display:flex;flex-direction:column;align-items:center}.card-list{padding:0;list-style-type:none;overflow-y:auto;overflow-x:hidden;max-height:350px;width:400px;position:relative}.card-list>*{margin:1rem 0px 0px;padding:0%}.card-list:first-child{margin-top:0}.card{border:1px solid var(--surface-border-default);color:var(--surface-text-default);border-radius:5px;padding:8px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-self:inherit;flex:1 0 0;gap:2rem 0}.card-li{color:var(--surface-text-default);border-radius:5px;display:flex;justify-content:space-between;align-items:center;align-self:inherit;flex:1 0 0;margin-right:5px;gap:2rem 0}.card-label-area{display:flex;gap:5%;font-size:1.5rem;margin:0%;padding:0%;align-items:center;width:100%;max-width:300px;height:40px}.card-label-area *{display:inline;margin:0%;padding:0%}.checkbox{border-radius:6px;width:1.5rem;height:1.5rem;accent-color:var(--accent-background-default);flex-shrink:0;flex-grow:0}.title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card label{color:var(--surface-text-default);font-family:Noto Sans;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.card button{height:48px;width:48px;padding:0;margin:0;background:none;text-align:center}.card button *{transform:translateY(1px)}.submit-form{display:flex;height:48px;padding:10px 16px;align-items:center;gap:16px;flex:1}.input-for-card{width:100%;height:100%;border-radius:12px;border:1px solid var(--surface-border-default);background:var(--surface-background-default);text-indent:5%;font-size:large}.add-card{height:100%;width:48px;border-radius:12px;background:var(--accent-background-default);padding:14px;margin:0%;text-align:center}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--surface-text-default: #efeff6;--accent-background-default: #746bf5;--surface-border-default: #5a5a6d;--surface-background-default: #242432;--surface-text-default: #9ea5ff;--background-default: #2e2e2e}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--surface-border-default);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--surface-text-default);border-radius:5px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--surface-text-default: #1F2533;--accent-background-default: #675DF4;--surface-border-default: #BFC6D4;--surface-background-default: #f1f1ff;--surface-text-default: #4740d4;--background-default: #F5F5FB}a:hover{color:#747bff}button{background-color:#f9f9f9}}