:root{--ink:#2b1d14;--paper:#fbf7f2;--accent:#6b3e26;--danger:#a12b2b;--line:#d9cfc4}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:system-ui,sans-serif;line-height:1.5}main{max-width:40rem;margin:0 auto;padding:1rem}.app-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.app-header nav{gap:1rem;display:flex}a{color:var(--accent)}label{margin-top:1rem;font-weight:600;display:block}input{width:100%;min-height:2.75rem;font:inherit;border:1px solid var(--line);border-radius:.25rem;padding:.5rem;display:block}button{min-height:2.75rem;font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:.25rem;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:wait}form button{margin-top:1rem}.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.error{color:var(--danger);font-weight:600}.user-list{padding:0;list-style:none}.user-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}select{width:100%;min-height:2.75rem;font:inherit;border:1px solid var(--line);border-radius:.25rem;padding:.5rem;display:block}fieldset{border:1px solid var(--line);border-radius:.25rem;margin-top:1rem}fieldset button{margin-top:1rem}.link-list,.item-list{padding:0;list-style:none}.link-list li,.item-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.cost-list{grid-template-columns:1fr auto;gap:.25rem 1rem;display:grid}.cost-list dt{font-weight:600}.cost-list dd{text-align:right;margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);padding:.5rem}th[scope=col]:first-child,th[scope=row]{text-align:left}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;padding:0;list-style:none;display:grid}.tile{width:100%;min-height:4.5rem}.dialog{z-index:10;background:var(--paper);padding:1rem;position:fixed;inset:0;overflow-y:auto}.method-buttons{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.method-buttons button{margin-top:0}input[type=checkbox]{width:auto;min-height:auto;margin-right:.5rem;display:inline-block}