@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#535353;background:#f2f2f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}.app-shell{width:min(100%,430px);height:100dvh;margin:auto;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 30px #0002}.content{flex:1;overflow-y:auto;padding:8px 24px 24px;scrollbar-width:none}.content section>h1,.editor>h1{font-size:23px;color:#9d9d9d;margin:4px 0 10px;font-weight:600}.rule{height:1.5px;background:#9d9d9d;margin-bottom:44px}header{height:136px;padding:64px 20px 8px;display:flex;align-items:center;justify-content:space-between;background:var(--surface,#fff)}header button img{width:28px;height:28px}header .logo{width:185px;max-height:65px}.avatar{position:absolute!important;right:8px;top:8px}.avatar .MuiAvatar-root{width:28px;height:28px}.task{min-height:52px;display:flex;align-items:center;position:relative}.task-main{border:0;background:none;display:flex;align-items:center;gap:18px;min-width:0;flex:1;text-align:left;color:#535353;padding:7px 0;cursor:pointer}.task-main>span:first-child{width:25px;height:25px;border-radius:50%;flex:none}.task-main>span:last-child{min-width:0;display:flex;flex-direction:column}.task b{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task small{font-size:12px;color:#ff8d41;margin-top:3px}.check{width:24px;height:24px;border:2px solid #535353;border-radius:5px;padding:0;background:none;flex:none;cursor:pointer}.check img{width:100%;height:100%;display:block}.completed .task-main{color:#9d9d9d;text-decoration:line-through}.completed .check{border:0}.archive-action{display:none;position:absolute;right:36px;color:#fff;border:0;border-radius:16px;background:#cc4c52;padding:7px 12px}.task:hover .archive-action,.task:focus-within .archive-action{display:block}details{margin-top:38px}summary{font-size:21px;color:#9d9d9d;margin-bottom:8px;cursor:pointer}.category-bar{height:62px;padding:4px 15px 7px;display:flex;justify-content:space-between;background:var(--surface,#fff);flex:none}.category-bar button{background:none;border:0;padding:0;width:46px;height:46px;border-radius:50%;cursor:pointer}.category-bar img{display:block;width:100%;height:100%}.category-bar .selected{outline:2px solid currentColor;outline-offset:2px}.bottom-nav{height:82px;background:#535353;display:flex;align-items:flex-start;padding:10px 20px;justify-content:space-between;flex:none}.bottom-nav button{border:0;background:none;width:48px;height:48px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.bottom-nav img{width:24px;height:24px;transition:width .18s ease,height .18s ease}.bottom-nav .selected img{width:48px;height:48px}.category-list button{border:0;background:none;display:flex;text-align:left;gap:18px;margin:0 0 18px;padding:0;width:100%;cursor:pointer}.category-list img{width:72px;height:72px;flex:none}.category-list span{display:flex;flex-direction:column}.category-list b{font-size:23px}.category-list small{font-size:15px;margin-top:5px}.tag-title{border:0;background:none;color:#ff8d41;font-size:19px;font-weight:600;padding:11px 0;cursor:pointer}.editor{height:100%;display:flex;flex-direction:column}.editor textarea{resize:none;flex:1;border:0;outline:0;color:#535353;background:transparent;font-size:21px;font-weight:600;line-height:1.7}.editor textarea::placeholder{color:#bbb}.editor-actions{display:flex;justify-content:flex-end;gap:7px;margin:10px 0}.editor-actions .MuiButton-contained{background:#98cc45;border-radius:16px;box-shadow:none;text-transform:none;font-weight:700}.editor .category-bar{padding-inline:0}.edit-dialog{height:min(700px,75dvh);border-radius:28px!important;padding:28px 20px 12px}.empty{text-align:center;color:#9d9d9d;margin:70px 30px}.center{height:100dvh;display:grid;place-items:center}.login{width:min(100%,430px);height:100dvh;margin:auto;background:#fff;text-align:center}.login>div:last-child{padding:160px 35px 0}.login>div img{width:240px}.login h1{font-size:24px}.login p{color:#9d9d9d}.login .MuiButton-contained{margin-top:25px;background:#535353;text-transform:none;border-radius:22px;padding:10px 24px}[data-theme=dark]{color-scheme:dark;--surface:#202020;background:#202020}[data-theme=dark] .app-shell,[data-theme=dark] .login{background:#202020}[data-theme=dark] .task-main,[data-theme=dark] .editor textarea{color:#eee}[data-theme=dark] .check{border-color:#eee}[data-theme=dark] .bottom-nav{background:#111}[data-theme=dark] .edit-dialog{background:#282828;color:#eee}[data-theme=dark] .content section>h1{color:#ccc}@media(min-width:700px){.app-shell,.login{margin-top:18px;height:calc(100dvh - 36px);border-radius:28px}.bottom-nav{border-radius:0 0 28px 28px}}@media(max-width:370px){.bottom-nav{padding-inline:10px}.category-bar{padding-inline:6px}.category-bar button{width:41px;height:41px}}