:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--line:#8884;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{flex-direction:column;align-items:center;margin:0;padding:1.5rem 1rem 4rem;display:flex}header,#app,footer{width:100%;max-width:32rem}header{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}h1{opacity:.7;margin:0;font-size:1.1rem;font-weight:600}#nav{gap:.75rem;margin-left:auto;display:flex}#nav a{color:inherit;opacity:.5;border-bottom:2px solid #0000;padding:.2rem 0;font-size:.9rem;text-decoration:none}#nav a.on{opacity:1;border-bottom-color:#4a7dff}.tabs{gap:.4rem;margin-bottom:.75rem;display:flex}.tabs button{font:inherit;border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.tabs button.on{color:#fff;background:#4a7dff;border-color:#4a7dff}#sentinel{height:1px}#input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:inherit;background:0 0;border-radius:.6rem;padding:.9rem 1rem;font-family:inherit;font-size:1.05rem}#input:focus{outline-offset:1px;outline:2px solid #4a7dff}.status{opacity:.75;min-height:1.2rem;margin:.6rem .2rem;font-size:.85rem}.status.ok{color:#0a7d32}.status.fail{color:#b3261e}.items{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.item{border:1px solid var(--line);border-radius:.6rem;align-items:baseline;gap:.75rem;padding:.75rem .9rem;display:flex}.item-body{min-width:0}.item strong{overflow-wrap:anywhere;font-weight:600;display:block}.item small{opacity:.6;overflow-wrap:anywhere;margin-top:.15rem;font-size:.8rem;display:block}.badge{background:#8882;border-radius:.3rem;flex:none;padding:.15rem .45rem;font-size:.7rem}.item.expense .badge{background:#f0a5}.item.todo .badge{background:#7af5}.item.link .badge{background:#af75}.item{cursor:pointer}.item:hover{border-color:#4a7dff88}.sheet{border:1px solid var(--line);width:min(28rem,100vw - 2rem);color:inherit;background:canvas;border-radius:.8rem;padding:1.1rem}.sheet::backdrop{background:#0006}.sheet .raw{opacity:.6;overflow-wrap:anywhere;margin:0 0 .9rem;font-size:.85rem}.type-picker{gap:.4rem;margin-bottom:.9rem;display:flex}.type-picker button{font:inherit;border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:.4rem;flex:1;padding:.4rem;font-size:.85rem}.type-picker button.on{color:#fff;background:#4a7dff;border-color:#4a7dff}.sheet label{margin-bottom:.7rem;display:block}.sheet label span{opacity:.6;margin-bottom:.25rem;font-size:.78rem;display:block}.sheet input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:.4rem;padding:.55rem .7rem}.sheet-actions{gap:.5rem;margin-top:.4rem;display:flex}.sheet-actions button{font:inherit;border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:.4rem;padding:.5rem .9rem;font-size:.9rem}.sheet-actions .primary{color:#fff;background:#4a7dff;border-color:#4a7dff;margin-left:auto}.sheet-actions .danger{color:#b3261e;border-color:#b3261e55}.toggle{cursor:pointer;align-self:center;width:1.15rem;height:1.15rem;margin-left:auto}.item.done strong{opacity:.5;text-decoration:line-through}.item.done small{opacity:.35}.month-nav{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.month-nav button{font:inherit;border:1px solid var(--line);width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border-radius:.4rem;font-size:1.1rem;line-height:1}.month-nav strong{font-size:1rem}.totals{gap:.6rem;margin-bottom:.5rem;display:flex}.totals div{border:1px solid var(--line);border-radius:.6rem;flex:1;padding:.8rem .9rem}.totals span{opacity:.55;margin-bottom:.2rem;font-size:.75rem;display:block}.totals strong{font-size:1.15rem}.daily{border-collapse:collapse;width:100%;font-size:.9rem}.daily th,.daily td{border-bottom:1px solid var(--line);padding:.5rem .6rem}.daily th{opacity:.55;text-align:left;font-size:.75rem;font-weight:500}.daily th:not(:first-child),.daily .num{text-align:right}.toasts{z-index:10;gap:.4rem;width:min(24rem,100vw - 2rem);display:grid;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#333;border-radius:.5rem;padding:.7rem .9rem;font-size:.88rem;box-shadow:0 4px 16px #0004}.toast.fail{background:#b3261e}.lead{opacity:.7;margin:0 0 .9rem;font-size:.9rem;line-height:1.5}.lead code{background:#8882;border-radius:.2rem;padding:.1rem .3rem}#token-form{gap:.6rem;display:grid}#token{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:.5rem;padding:.75rem .9rem}#token-form .primary{font:inherit;color:#fff;cursor:pointer;background:#4a7dff;border:1px solid #4a7dff;border-radius:.5rem;padding:.6rem}#token-form .ghost{font:inherit;border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.6rem}.toast.ok{background:#0a7d32}footer{text-align:center;margin-top:2.5rem;font-size:.8rem}footer a{color:inherit;opacity:.45}.account{margin-bottom:1.75rem}.account h2{margin:0 0 .35rem;font-size:1rem;font-weight:600}.stack{gap:.6rem;margin-bottom:.75rem;display:grid}.stack input{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:.5rem;padding:.75rem .9rem}.account .primary,.account .ghost{font:inherit;cursor:pointer;border-radius:.5rem;padding:.6rem .9rem}.account .primary{color:#fff;background:#4a7dff;border:1px solid #4a7dff}.account .ghost{border:1px solid var(--line);color:inherit;background:0 0}.account button:disabled{opacity:.5;cursor:default}.link-code{align-items:baseline;gap:.8rem;margin:.8rem 0 0;display:flex}.link-code strong{letter-spacing:.08em;font:600 1.6rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.link-code span{opacity:.6;font-size:.85rem}.lead.small{font-size:.8rem}.lead a{color:inherit}
