.online-page{max-width:900px;margin:auto}.online-page h2{margin:4px 0 18px}.online-notice,.online-letter,.online-friend{padding:18px 20px;border:1px solid #dfd9cd;border-radius:18px;background:#fffcf4;margin:12px 0;box-shadow:0 5px 18px #5d4a2910}.online-notice p,.online-letter p{white-space:pre-wrap;line-height:1.7}.online-muted{color:#7a7d79;font-size:12px;line-height:1.6}.online-page button,.online-page a.soft-btn{min-height:40px;border:1px solid #d6d9ce;border-radius:12px;padding:9px 15px;background:#f6f5ec;color:#455b51;font:inherit;cursor:pointer}.online-page button.primary-btn{background:#436e61;color:white;border-color:#436e61}.online-page button:disabled{opacity:.45;cursor:default}.online-form{display:grid;gap:14px;max-width:520px}.online-form label,.online-notice label{display:grid;gap:6px;font-size:13px}.online-form input,.online-form textarea,.online-form select,.online-notice input{border:1px solid #cdd5cb;border-radius:10px;padding:11px;background:white;color:#344e43;font:inherit;width:100%;box-sizing:border-box}.online-actions,.online-providers,.online-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.online-tabs{border-bottom:1px solid #d9dece;padding-bottom:10px}.online-tabs [aria-current=true]{background:#426b60;color:white}.online-letter header,.online-friend{display:flex;justify-content:space-between;align-items:center;gap:14px}.online-letter header b{font-size:17px}.online-letter small{color:#889489}.online-rewards{display:flex;gap:12px;font-size:13px;color:#647853}.online-status{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b6bdb5;margin-right:7px}.online-status.on{background:#68b691;box-shadow:0 0 8px #68b69180}.online-friend main{flex:1}.online-error{color:#a34f4f;background:#fff0e8;padding:12px;border-radius:12px}.online-chat{height:180px;overflow:auto;background:#f1f3eb;padding:15px;border-radius:14px}.online-message{padding:9px 13px;border-radius:12px;background:white;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.online-message.mine{background:#e1eddf;margin-left:30px}.online-room-code{font-size:28px;letter-spacing:5px;text-align:center;padding:15px;border:1px dashed #98b7a2;border-radius:16px}.online-visit{width:100%;aspect-ratio:2;border-radius:18px;background:#314e46}.online-page button:focus-visible{outline:3px solid #ddbc6c;outline-offset:3px}#online-open{white-space:nowrap}.admin-body{background:#edf0e5;color:#334c43;font-family:system-ui,sans-serif;margin:0;overflow:auto;height:auto}.admin-shell{max-width:1200px;margin:0 auto;padding:26px}.admin-brand{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-brand img{width:56px;height:56px;object-fit:contain}.admin-layout{display:grid;grid-template-columns:160px 1fr;gap:26px;margin-top:26px}.admin-nav{display:flex;flex-direction:column;gap:9px}.admin-nav button{padding:14px;border:0;border-radius:12px;background:#fff9;color:#476353;cursor:pointer;text-align:left}.admin-nav button.active{background:#3c6759;color:white}.admin-main{background:#fffcf5;border-radius:24px;padding:26px;min-width:0}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table td,.admin-table th{text-align:left;padding:13px;border-bottom:1px solid #dddccc;vertical-align:top;overflow-wrap:anywhere}.admin-table input{width:150px}.admin-scroll{overflow:auto}.admin-summary{display:flex;gap:15px;flex-wrap:wrap}.admin-summary article{padding:20px;background:#ecf1e6;border-radius:15px;min-width:110px}.admin-summary strong{display:block;font-size:30px;color:#3f715b}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-form label.wide{grid-column:1/-1}.admin-form textarea{min-height:100px}.admin-feedback{position:sticky;bottom:12px;padding:12px;background:#e9f1d9;border-radius:12px}.admin-card{border:1px solid #dddccc;border-radius:16px;padding:20px;margin-bottom:20px}.online-roommates{display:flex;gap:12px;flex-wrap:wrap}.online-roommates span{padding:15px;border-radius:15px;background:#eaf0df}.online-page .online-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:650px){.admin-layout{grid-template-columns:1fr}.admin-nav{flex-direction:row;overflow:auto}.admin-nav button{flex-shrink:0}.admin-form,.online-page .online-grid{grid-template-columns:1fr}.admin-shell{padding:12px}.admin-main{padding:15px}.online-letter header{align-items:start;flex-direction:column}}

.garden-rest{position:absolute;top:14px;left:14px;z-index:8;max-width:calc(100% - 28px);padding:9px 14px;border:1px solid #fff8;border-radius:16px;background:#f7f6e9d9;backdrop-filter:blur(12px);box-shadow:0 4px 18px #142b2520;color:#4d6b5b;font-size:12px;pointer-events:none}.garden-rest[hidden]{display:none}