:root{--color-blue: #5b99ff;--color-green: #20ff7f;--color-orange: #ffd900;--color-red: #ff5b5b;--color-dark: #111;--color-light: #f8f8f8}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit;font-size:inherit;color:inherit}html,body{height:100%;width:100%}body{background:linear-gradient(to bottom,#fff,#f8f8f8)}a{cursor:pointer;text-decoration:underline}a:hover{text-decoration:none}button{cursor:pointer}input{font-size:16px}.item-row{display:flex;gap:.5rem;flex-wrap:wrap}.list-radio{display:flex;flex-direction:row;gap:.33rem}.list-radio label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:14px;font-weight:700;padding:.125rem .67rem;background:#fff;color:#000;border-radius:99rem;border:1px solid #000;box-shadow:0 2px #fff;translate:0 -1px}.list-radio label:active{translate:0 0;box-shadow:none}.list-radio input{width:unset!important}#root{width:100%;padding:.5rem;padding-bottom:calc(env(safe-area-inset-bottom) + .5rem);font-family:DM Mono,monospace;display:flex;flex-direction:column;gap:.5rem}#header{display:flex;justify-content:space-between;align-items:center}#header>*{display:flex;align-items:center;gap:.5rem}#header-title{font-size:16px;font-weight:700}.page-auth{display:flex;flex-direction:column;gap:.5rem;font-size:16px}.form-auth{display:flex;flex-direction:column;gap:.5rem;max-width:300px;text-align:center;--color-accent: var(--color-blue);background:var(--color-accent);padding:.67rem;border-radius:.5rem;border:1px solid #0002}.form-auth :is(input,button){border:1px solid #000;padding:.125rem .67rem;border-radius:99rem}.form-auth input{color:#fff;background:#000;border-color:#000;padding:.25rem .67rem;outline:none!important}.form-auth input::placeholder{color:inherit;opacity:.45}.form-auth button{font-weight:700;color:#000;background:#fff;box-shadow:0 2px #fff;translate:0 -1px}.form-auth button:active{translate:0 0;box-shadow:none}.content-container{display:flex;flex-direction:column;gap:.5rem}.content{max-width:600px;padding:.67rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;border:1px solid #0002}.content :is(input,button,textarea){border:1px solid #000;padding:.125rem .67rem;border-radius:99rem}.content :is(input,textarea){width:100%;padding:.25rem .67rem;color:#fff;background:#000;border-color:#000;outline:none!important}.content :is(input,textarea)::placeholder{color:inherit;opacity:.45}.content button{font-weight:700;background:#fff;color:#000;box-shadow:0 2px #fff;translate:0 -1px}.content button:active{translate:0 0;box-shadow:none}.content textarea{border-radius:4px;resize:none}.content.green{--color-accent: var(--color-green);background:var(--color-accent)}.content.orange{--color-accent: var(--color-orange);background:var(--color-accent)}.content.red{--color-accent: var(--color-red);background:var(--color-accent)}.content.blue{--color-accent: var(--color-blue);background:var(--color-accent)}.iou-list{width:100%;display:flex;flex-direction:row;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.iou{display:flex;flex-direction:column;gap:.25rem;background:var(--color-dark);color:#fff;padding:.67rem;border-radius:.5rem}.iou.owed{background:var(--color-light);color:#000}.iou.hidden{opacity:0;pointer-events:none}.iou-header{display:flex;align-items:center;gap:.5rem;width:100%}.iou-header-left,.iou-header-right{display:flex;align-items:center;gap:.5rem}.iou-amount,.iou-to{font-weight:700}.iou-description{font-size:14px}.iou-created-at{font-size:10px}.iou-actions{display:flex;gap:.5rem}.iou-actions button{font-size:12px;background:var(--color-accent);color:#000;box-shadow:none;translate:none;border-color:#fff4}.iou-actions button:active{background:#fff;color:#000}.iou-actions button:is(.iou.owed *){border-color:#0002}.iou-actions button:is(.iou.owed *):active{background:#000;color:#fff}.iou-divider{width:100%;height:.5rem}