:root{font:16px/1.55 system-ui,sans-serif;color:#193c3a;background:#f4f3ed}*{box-sizing:border-box}body{margin:0}header{background:#183d3b;color:white;padding:26px max(5vw,20px);display:flex;align-items:center;justify-content:space-between}small{letter-spacing:.18em;color:#e1c799}h1{font-family:Georgia,serif;font-size:clamp(25px,4vw,38px);margin:3px 0}h2{font-family:Georgia,serif;font-size:25px;margin:0 0 16px}h3{margin-bottom:4px}#notice{padding:12px 5vw;margin:0;min-height:50px;background:#e3e9df}main{max-width:1320px;margin:28px auto;padding:0 20px;display:grid;grid-template-columns:285px 1fr;gap:24px;align-items:start}.card{background:#fffef9;border:1px solid #dddcd1;border-radius:12px;padding:24px}#auth,#invite{max-width:480px;margin:40px auto}label{display:block;font-size:14px;font-weight:600;margin:16px 0}input,textarea,select{width:100%;padding:12px;border:1px solid #a8b7ad;border-radius:6px;background:white;color:#163b39;font:inherit;margin-top:5px}button,.file{background:#e9ede3;border:1px solid #a6b7aa;color:#173e38;padding:10px 14px;border-radius:6px;font:inherit;cursor:pointer}button:hover{background:#d6e2d5}button:disabled{opacity:.5;cursor:default}form>button,#new{background:#244f49;color:white}.file input{max-width:100%;font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}nav button{display:block;width:100%;text-align:left;margin-top:10px;overflow-wrap:anywhere}.muted,footer{font-size:13px;color:#62746a}footer{text-align:center;padding:30px}#media{padding-left:22px}#media li{padding:12px;border-bottom:1px solid #ddd}#media img,#media video{max-height:150px;max-width:100%;display:block;margin:8px 0}#media button{margin:4px}.warning{padding:16px;background:#fff0d0;border:1px solid #d1a958;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}#state{font-size:13px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #be984e;outline-offset:2px}[hidden]{display:none!important}@media(max-width:760px){main{grid-template-columns:1fr;margin:16px auto;padding:0 12px;gap:16px}.card{padding:18px}#auth,#invite{margin:20px 12px}nav{display:flex;gap:8px;overflow:auto}nav button{min-width:180px;width:180px}.columns{grid-template-columns:1fr;gap:0}header{padding:20px}button{min-height:44px}}
main>*{min-width:0}nav{max-width:100%}#media input{max-width:100%}@media(max-width:760px){nav button{flex:0 0 180px}header>div{min-width:0}header button{flex-shrink:0}}