:root{font-family:system-ui,sans-serif;color:#263e34;background:#f8f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main{max-width:1100px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbdfd3}.brand{font:700 27px Georgia;color:#244f42;text-decoration:none}.brand span{display:block;font:12px system-ui;margin-top:6px;color:#64756a}button{cursor:pointer;border:1px solid #bfcbbd;border-radius:8px;padding:11px 16px;background:#fffdf7;color:#244f42;font:600 14px system-ui}header button,.primary{background:#244f42;color:white;border-color:#244f42}.intro{padding:42px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#937043}h1{font:48px/1.12 Georgia;margin:16px 0}h2,h3{font-family:Georgia}p{line-height:1.6}.intro>p:last-child{color:#68786c}.status{font-size:13px;padding:12px 16px;background:#ecefe5;border-radius:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}input,textarea,select{font:inherit;background:white;border:1px solid #bcc8ba;border-radius:6px;padding:10px;color:#263e34;max-width:100%}.toolbar input{width:350px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{background:#fffdf8;border:1px solid #dfe1d5;border-radius:12px;padding:26px;text-align:left;min-height:180px}.card h3{font-size:25px;margin:12px 0}.card p{font-weight:400;color:#657269}.empty{grid-column:1/-1;padding:35px;border:1px dashed #b9c7b4;border-radius:12px;text-align:center}dialog{width:740px;max-width:95vw;max-height:92vh;border:1px solid #bcc8ba;border-radius:14px;padding:26px;background:#f8f6ef}dialog::backdrop{background:#142d2466}.dialogtop{display:flex;justify-content:space-between;align-items:center}label{display:block;margin:17px 0;font-size:14px;font-weight:600}label>input:not([type=checkbox]),label>textarea,label>select{display:block;width:100%;margin-top:7px}details{background:#ecefe5;padding:16px;border-radius:8px}summary{cursor:pointer;font-weight:600}textarea{width:100%;resize:vertical}.ingredient{display:grid;grid-template-columns:85px 95px 1fr 40px;gap:6px;margin:8px 0}.ingredient input{width:100%}.ingredient .notes{grid-column:1/4}.ratings{display:flex;gap:20px}.ratings label{flex:1}.hint{font-size:12px;color:#64756a;font-weight:400}.check{display:flex;gap:10px;align-items:start}.check input{margin-top:4px}#error{color:#a33120}#review-note{white-space:pre-wrap;font-size:14px}#detail{margin-top:25px;padding:26px;background:#fffdf8;border:1px solid #dfe1d5;border-radius:12px}#detail li{margin:12px 0;line-height:1.6}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b98439;outline-offset:3px}@media(max-width:600px){header,main{padding:18px}.brand{font-size:22px}h1{font-size:37px}.toolbar{align-items:stretch;flex-direction:column;gap:0}.toolbar input{width:100%}.ingredient{grid-template-columns:65px 70px 1fr 35px}.ingredient input{padding:8px 5px}dialog{padding:16px}}
:root .connection{border:1px solid #dfe1d5;background:#fffdf8;border-radius:12px;padding:20px;margin:20px 0}.connection h2{margin-top:0}.connection input{max-width:100%}#invite-code{font-family:monospace}button:disabled{opacity:.5;cursor:wait}