.single-chat{min-height:28rem;color:var(--room-text,#242424);grid-template-rows:1fr auto;gap:1rem;display:grid}.chat-messages{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.chat-message{display:flex}.chat-message--peach{justify-content:flex-end}.chat-message--identity{justify-content:flex-start}.chat-message article{border:1px solid var(--room-accent,currentColor);border-radius:.5rem;max-width:min(80%,36rem);padding:.75rem 1rem}.chat-message--peach article{color:var(--room-peach-text,#242424);background:var(--room-bubble-peach,#fff)}.chat-message--identity article{color:var(--room-identity-text,var(--room-text,#242424));background:var(--room-bubble-identity,#fff)}.chat-message__author,.chat-message time{font-size:.75rem;display:block}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0}.chat-composer{grid-template-columns:1fr auto;gap:.5rem;display:grid}.chat-composer label{grid-column:1/-1}.chat-composer textarea{resize:vertical;min-width:0;color:var(--room-text,#242424);border:1px solid var(--room-accent,currentColor);background:var(--room-primary,#fff);border-radius:.4rem}.chat-composer button{color:var(--room-primary,#fff);border:1px solid var(--room-accent,currentColor);background:var(--room-text,#242424);border-radius:.4rem}.chat-composer button:disabled{cursor:not-allowed;opacity:.48}.home-shell{background:#eee9df;min-height:100vh}.room-navigation{background:#f8f4ec;border-bottom:1px solid #c8c1b7;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);display:flex}.room-navigation a{color:#303030;text-decoration:none}.room-navigation>div{gap:.4rem;display:flex}.room-navigation>div a{border-radius:.35rem;padding:.45rem .7rem}.room-navigation a[aria-current=page]{color:#f8f4ec;background:#303030}.room-navigation__home{font-weight:700}.room-index{width:min(100% - 2rem,64rem);margin:0 auto;padding:clamp(3rem,10vw,8rem) 0}.room-index>p,.room-index h1{margin:0 0 .75rem}.room-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.room-index__grid a{color:#303030;background:#f8f4ec;border:1px solid #c8c1b7;border-radius:.5rem;align-content:end;gap:.35rem;min-height:8rem;padding:1.25rem;text-decoration:none;display:grid}.private-room{width:min(100% - 2rem,72rem);min-height:calc(100vh - 5rem);color:var(--room-text);border:1px solid var(--room-accent);background:var(--room-primary);box-shadow:inset 0 3px 0 var(--room-warm-glow);border-bottom:0;border-radius:.75rem .75rem 0 0;margin:1rem auto 0;padding:clamp(1rem,3vw,2rem)}.room-header{border-bottom:1px solid var(--room-accent);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.room-header h1,.room-header p{margin:0}.room-header__label,.room-header__source,.room-header__description{color:color-mix(in srgb, var(--room-text) 72%, transparent)}.room-header__label{letter-spacing:.08em;font-size:.75rem}.room-header__description{font-size:.875rem;margin-top:.25rem!important}.room-header__source{margin:.75rem 0 1.25rem;font-size:.75rem}.room-avatar{width:4rem;height:4rem;color:var(--room-text);border:1px solid var(--room-accent);background:var(--room-accent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.room-avatar img,.room-avatar__fallback{width:100%;height:100%;position:absolute}.room-avatar img{z-index:1;object-fit:cover}.room-avatar__fallback{place-items:center;font-size:1.4rem;font-weight:700;display:grid}.room-avatar--profile-hover:hover{animation:.42s 2s both profile-avatar-tilt}@keyframes profile-avatar-tilt{50%{transform:rotate(4deg)}}.room-tail{border:1px solid var(--room-accent);background:color-mix(in srgb, var(--room-primary) 80%, white);border-radius:100% 45% 65% 100%;width:2.75rem;height:1rem;margin-left:auto;transform:rotate(-7deg)}@media (prefers-reduced-motion:reduce){.room-avatar--profile-hover:hover{animation:none}}@media (width<=42rem){.room-navigation{flex-direction:column;align-items:flex-start}.room-index__grid{grid-template-columns:1fr}.private-room{border-left:0;border-right:0;border-radius:0;width:100%;margin-top:0}}.group-chat{color:#303030;max-width:64rem;margin:auto;padding:2rem 1rem}.group-members{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.group-members>span{align-items:center;gap:.5rem;display:flex}.group-members .room-avatar{width:2rem;height:2rem}.group-transcript{align-content:start;gap:.75rem;min-height:16rem;padding:0;list-style:none;display:grid}.group-transcript li{background:#f8f4ec;border:1px solid #c8c1b7;border-radius:.4rem;padding:.75rem}.group-transcript li[data-author=peach]{margin-left:2rem}.group-transcript p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0 0}.group-chat form{gap:.5rem;display:grid}.group-chat textarea{resize:vertical;min-height:4rem}.group-chat button{justify-self:end;padding:.5rem 1rem}.diary-book{color:var(--room-text);background:var(--room-primary);border-top:2px solid var(--room-accent);max-width:56rem;min-height:calc(100vh - 5rem);margin:1rem auto 0;padding:clamp(1rem,4vw,3rem)}.diary-book header{align-items:center;gap:1rem;display:flex}.diary-book h1{font-size:1.6rem}.diary-note,.diary-book time{opacity:.75;font-size:.8rem}.diary-book ol{padding:0;list-style:none}.diary-book li{border-left:2px solid var(--room-accent);margin:1.5rem 0;padding:1rem 0 1rem 1rem}.diary-book li p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.diary-book[data-layout=plain]{border-top:0}.diary-book[data-layout=plain] li{border-left-width:1px}.moments-feed{color:#303030;max-width:56rem;margin:auto;padding:2rem 1rem}.moments-feed ol{padding:0;list-style:none}.moments-feed article{background:#f8f4ec;border:1px solid #c8c1b7;border-radius:.4rem;margin:1rem 0;padding:1rem}.moment-actor{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.moment-actor .room-avatar{width:2rem;height:2rem}.moments-feed time{margin-top:.5rem;font-size:.8rem;display:block}.moment-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.moments-feed article ol{border-left:1px solid #c8c1b7;padding-left:1rem}:root{color:#242424;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid}