@charset "UTF-8";:root{--main-bg: #fafafa;--main-fg: #000;--primaryColor: #244d5c;--primary-fg: white;--secondaryColor: #d17a47;--accentColor: #efc958;--errorColor: #ef3d59;--successColor: #4ab19d}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--main-bg: #2b2a33;--main-fg: #f5f5f5;--primaryColor: #05aeec;--primary-fg: black}a{color:#add8e6}a:visited{color:#659bd5}}body,header,footer{margin:0;padding:0;font-family:sans-serif;background-color:var(--main-bg);color:var(--main-fg)}body{display:flex;flex-direction:column;min-height:100vh}main{margin:8px}footer{margin-top:auto;font-size:small;text-align:center;padding:.5em;border-top:1px solid var(--primaryColor);color:var(--primaryColor)}nav{margin:0;padding:8px;display:flex;background-color:var(--primaryColor);color:var(--primary-fg)}nav a,nav a:visited{text-decoration:none;color:var(--primary-fg)}nav>:last-child{margin-left:auto}.form{display:flex;flex-direction:column}.form>*{margin-top:1em}.form>label+input{margin-top:.4em}.form>input+.input-hint,.form textarea+.input-hint{margin-top:.4em;font-size:small}.form label:has(+input[required]):after,.form label:has(+textarea[required]):after{content:" *";color:var(--errorColor)}.form textarea{resize:vertical}a[target=_blank]:after{content:" ↗"}#member-choice{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5em;margin:.5em 0}#member-choice button{width:fit-content;margin-left:3em}.lists{display:grid;gap:.5em}@media (min-width: 600px){.lists{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.lists{grid-template-columns:repeat(3,1fr)}}.list{border:1px solid black;padding:1em}.list h3{margin-top:0}.list li{margin-top:1em;vertical-align:top}.list-my ul li .item__description{width:100%}.list-other ul{list-style-type:none;padding-left:.5ch}.list-other ul li{padding-left:3ch}.list-other ul li input[type=checkbox]{margin-left:-3ch}.item__description{display:inline-block}.item__description p{margin:0}.item__description p+p{margin-top:.5em}.item__reserved{color:gray;font-style:italic}.item__reserved-by-me{color:unset;font-style:italic}.item__reserved-by-me input{color:var(--successColor)}.item__reserved-by-me::marker{color:var(--successColor)}.item__deleted,.item__deleted *{text-decoration:line-through}a.button{padding:1px 6px;border:1px outset buttonborder;border-radius:3px;color:buttontext;background-color:buttonface;text-decoration:none}
