:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px}body{display:flex;flex-direction:column;align-items:center}body>*{width:min(calc(100% - 1em),800px)}.area{padding:1em;margin:1em;border:1px solid #ccc;border-radius:10px}.friend{margin-right:.5em}.trx{border:1px solid #ccc;border-radius:10px;padding:.5em;margin:.5em;display:flex;flex-direction:row;justify-content:space-between;align-items:end}.trx-amount{font-size:1.2em}.trx-description{margin-top:.5em}.trx-time{opacity:.5;font-size:.8em;margin-top:.5em}li{list-style-type:disc;margin-left:1em}li button{padding:.25em}button,input,select{border:1px solid #ccc;border-radius:5px;padding:.5em 1em;margin-block:.5em;cursor:pointer;margin-right:.5em;max-width:100%}select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black" width="20px" height="20px"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .7em top 50%;background-size:18px;width:auto;padding-right:2em;-webkit-user-select:none;user-select:none}*:focus{outline:1px solid grey}button:active,input:active,select:active{background-color:#f0f0f0;-webkit-user-select:none;user-select:none}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}