.ph-party{--party-accent:#adff2f;z-index:45;color:#f3f6ed;width:410px;max-width:calc(100vw - 24px);font-size:14px;position:fixed;bottom:90px;right:20px}.ph-party.violet{--party-accent:#bd9bff}.ph-party.gold{--party-accent:#f7cf68}.ph-party button,.ph-party input,.ph-party select,.ph-party textarea{font:inherit}.ph-party button{color:#eff4eb;cursor:pointer;background:#202822;border:1px solid #344036;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 11px;display:inline-flex}.ph-party button:hover{border-color:var(--party-accent)}.ph-party button:disabled{opacity:.45;cursor:not-allowed}.ph-party .party-dock{background:#151e17;border-color:#638337;justify-content:flex-start;width:100%;padding:12px 14px;box-shadow:0 10px 40px #0008}.party-dock>span:first-of-type{text-align:left;flex:1;min-width:0;font-weight:650}.ph-party small{color:#a9b6a9;font-size:12px;font-weight:400;line-height:1.6;display:block}.party-dock b{color:var(--party-accent);font-size:12px}.party-mini-avatar,.party-avatar{background:#3d4f34;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.party-avatar{width:38px;height:38px}.party-avatar img,.party-mini-avatar img{object-fit:cover;width:100%;height:100%}.party-panel{background:#101711;border:1px solid #40513a;border-radius:18px;width:100%;position:absolute;bottom:65px;right:0;overflow:hidden;box-shadow:0 20px 80px #000b}.party-panel header{border-bottom:1px solid #2c392d;justify-content:space-between;padding:16px;display:flex}.party-panel header b{letter-spacing:.07em;color:var(--party-accent)}.party-panel nav{gap:4px;padding:10px;display:flex;overflow:auto}.party-panel nav button{white-space:nowrap;padding:7px 9px;font-size:13px}.party-panel nav .selected{background:var(--party-accent);color:#111a0c}.party-content{overscroll-behavior:contain;max-height:min(580px,65dvh);padding:0 16px 16px;overflow:auto}.party-content h3{margin:10px 0;font-size:17px;font-weight:650}.party-content p{overflow-wrap:anywhere;margin:8px 0;line-height:1.6}.ph-party label{color:#b9c7b8;margin:8px 0;font-size:13px;line-height:1.5;display:block}.ph-party input,.ph-party select,.ph-party textarea{color:#f5f8f0;background:#1a251b;border:1px solid #3a4a37;border-radius:8px;width:100%;min-height:40px;margin-top:5px;padding:9px;display:block}.party-filters{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.ph-party .party-check{align-items:center;gap:8px;display:flex}.ph-party input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--party-accent);margin:0}.ph-party input[type=range]{max-width:100px;padding:0}.party-card{background:#172018;border:1px solid #334530;border-radius:12px;margin:12px 0;padding:13px}.party-card button{margin:6px 6px 0 0}.ph-party .party-primary{background:var(--party-accent);color:#14200c;margin-top:15px}.party-error{color:#ffc4be;background:#47251f;border-radius:8px;padding:10px}.party-member{border-bottom:1px solid #2a362b;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.party-member>div{flex:1}.party-member b{align-items:center;gap:7px;display:flex}.party-member svg{color:var(--party-accent)}.party-member.speaking{box-shadow:inset 3px 0 var(--party-accent);padding-left:8px}.party-member details{margin-left:auto}.party-member details button{margin:4px 0;display:flex}.party-messages{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow:auto}.party-messages article{background:#1b271c;border-radius:10px;padding:10px}.party-messages blockquote{border-left:2px solid var(--party-accent);color:#b7c5b5;padding-left:8px;font-size:12px}.party-image{border-radius:8px;max-width:100%;max-height:200px}.party-messages audio{max-width:100%}.party-reactions{flex-wrap:wrap;gap:3px;display:flex}.party-reactions button{min-height:28px;padding:3px 6px;font-size:12px}.party-compose{gap:8px;margin-top:10px;display:flex}.party-compose textarea{resize:vertical;min-height:65px;max-height:120px}.party-actions{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.party-actions select{width:auto}.party-file{cursor:pointer;border:1px solid #344036;border-radius:8px;padding:8px}.party-file input{display:none}.ph-party summary{cursor:pointer;color:var(--party-accent);padding:6px 0}@media (max-width:640px){.ph-party{width:calc(100vw - 24px);bottom:80px;right:12px}.party-panel{bottom:66px}.party-content{max-height:55dvh}.party-mini-avatar{width:24px;height:24px}.party-dock small{font-size:12px}.party-panel nav button{min-height:40px}.party-filters label{min-width:0}.ph-party input,.ph-party select,.ph-party textarea{font-size:16px}.party-panel header{padding:12px}}@media (prefers-reduced-motion:reduce){.ph-party *{transition:none!important;animation:none!important}}.ph-party:not(.is-open){right:0;bottom:calc(150px + env(safe-area-inset-bottom,0px));width:44px;max-width:44px}.ph-party:not(.is-open) .party-dock{color:#bdc8b6;width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;padding:0 3px 0 0;position:relative}.ph-party .party-dock:focus-visible{outline:2px solid var(--party-accent);outline-offset:3px}.ph-party .party-dock-notice{background:var(--party-accent);border-radius:50%;width:3px;height:3px;position:absolute;top:10px;left:auto;right:4px}.ph-party:not(.is-open) .party-dock:hover{color:var(--party-accent);background:0 0}.ph-party.is-open{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:70;box-sizing:border-box;background:#030804aa;place-items:center;width:100%;max-width:100%;height:100dvh;padding:16px;display:grid;inset:0 auto auto 0}.ph-party.is-open .party-dock{z-index:1;max-width:min(410px,100vw - 40px);position:absolute;bottom:20px;right:20px}.ph-party.is-open .party-panel{flex-direction:column;width:min(620px,100%);min-height:0;max-height:calc(100dvh - 110px);display:flex;position:relative;inset:auto}.ph-party.is-open .party-panel header,.ph-party.is-open .party-panel nav{flex-shrink:0}.ph-party.is-open .party-content{scrollbar-width:thin;scrollbar-color:#526841 transparent;flex:1;min-height:0;max-height:none;overflow:hidden auto}.ph-party.is-open .party-panel nav{scrollbar-width:none}.party-compose .chat-writing{flex:1;min-width:0}.party-compose{align-items:flex-start}.party-panel header button{flex-shrink:0}.party-panel header>div{overflow-wrap:anywhere;min-width:0}@media (max-width:640px){.ph-party.is-open{padding:10px}.ph-party.is-open .party-panel{max-height:calc(100dvh - 98px)}.ph-party.is-open .party-dock{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);right:10px}.party-compose{flex-wrap:wrap}.party-compose .chat-writing{flex-basis:100%}}@media (max-height:500px){.ph-party.is-open{padding:8px}.ph-party.is-open .party-panel{max-height:calc(100dvh - 16px)}.ph-party.is-open .party-dock{display:none}}