.homepage-layout{display:flex;flex-direction:row;gap:2rem;padding:2rem 3rem}.homepage-left-sidebar{width:260px;flex-shrink:0}.homepage-main-content{flex:1 1;min-width:0}.homepage-right-sidebar{width:300px;flex-shrink:0}.sidebar-box{background:var(--color-panel,#181617);border:1px solid var(--color-border,#2e2e33);padding:.25rem 1rem 1rem;border-radius:8px;box-shadow:var(--shadow-panel,0 2px 10px rgba(0,0,0,.4));margin-bottom:1.5rem}.sidebar-title{font-family:UnifrakturCook,EB Garamond,Times New Roman,serif;font-synthesis:none;font-size:1.25rem;color:var(--color-text,#faf6ed);border-bottom:1px solid var(--color-border,#2e2e33);padding-bottom:.5rem;margin-bottom:.75rem;display:block;width:100%}.left-sidebar-nav,.sidebar-content{display:flex;flex-direction:column;gap:1.25rem}.left-sidebar-nav{align-items:flex-start}.sidebar-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.sidebar-nav-list li a{color:var(--color-text,#faf6ed);text-decoration:none;font-weight:600;font-family:UnifrakturCook,EB Garamond,Times New Roman,serif;font-synthesis:none;font-size:1rem;display:flex;align-items:center;gap:.5rem}.sidebar-nav-list li a:hover{color:var(--color-blood,#8B0000)}.notification-badge{font-size:1.15rem;padding:2px 6px;border-radius:4px;background-color:var(--color-notif-bg,#2e2e33);color:var(--color-text-subtle,#888888);font-weight:500;transition:all .2s ease;line-height:1.3}.notification-badge.has-notifications{background-color:var(--color-notif-active,#4e0000);color:var(--color-text,#faf6ed);font-weight:700;box-shadow:0 0 5px var(--color-notif-glow,rgba(199,95,95,.6))}@media (max-width:1024px){.homepage-right-sidebar{display:none}}@media (max-width:768px){.homepage-layout{flex-direction:column;gap:1.5rem;padding:1rem}.homepage-left-sidebar,.homepage-right-sidebar{width:100%;flex-shrink:0}.homepage-main-content{width:100%}}@media (max-width:480px){.homepage-layout{padding:.5rem;gap:.75rem}.homepage-left-sidebar,.homepage-main-content,.homepage-right-sidebar{width:100%;min-width:320px}.homepage-main-content{flex:1 1 auto}}header.navbar{position:relative;overflow:visible;display:flex;justify-content:space-between;align-items:center;background:#181617;padding:16px 48px 0}.logo-link{display:inline-block;margin:0;align-self:flex-start}.logo-img{display:block;height:120px;width:auto;transition:filter .2s ease}.logo-img:hover{animation:logoFlicker 2s infinite}@keyframes logoFlicker{0%,to{filter:drop-shadow(0 0 5px #c8a8da88)}30%{filter:drop-shadow(0 0 10px #c8a8da)}50%{filter:drop-shadow(0 0 6px #a884c1)}70%{filter:drop-shadow(0 0 8px #c8a8da)}}.quote-banner{flex:1 1;text-align:center;padding:0 32px;color:#d4c2ff;font-family:Crimson Text,serif;font-style:italic;font-size:1.1rem;max-width:700px;line-height:1.4;margin:0 auto;white-space:normal}.nav-forum-button,.nav-journals-button,.nav-link,.nav-photos-button,.nav-profile-button,.nav-profiles-button{white-space:nowrap;background:none;border:none;color:#faf6ed;font-family:Crimson Text,serif;font-weight:700;text-decoration:none;font-size:1.25rem;cursor:pointer;padding:0;transition:color .2s}.nav-forum-button:hover,.nav-journals-button:hover,.nav-link:hover,.nav-photos-button:hover,.nav-profile-button:hover,.nav-profiles-button:hover{color:#8B0000;text-decoration:none}.all-profiles-dropdown,.forum-dropdown,.journals-dropdown,.photos-dropdown,.profile-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#1e1c1d;border:1px solid #2e2e33;border-radius:4px;min-width:160px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.4);display:none;overflow:visible}.all-profiles-dropdown:focus-within .dropdown-menu,.all-profiles-dropdown:hover .dropdown-menu,.forum-dropdown:focus-within .dropdown-menu,.forum-dropdown:hover .dropdown-menu,.journals-dropdown:focus-within .dropdown-menu,.journals-dropdown:hover .dropdown-menu,.photos-dropdown:focus-within .dropdown-menu,.photos-dropdown:hover .dropdown-menu,.profile-dropdown:focus-within .dropdown-menu,.profile-dropdown:hover .dropdown-menu{display:block}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;text-align:left;padding:10px 16px;color:#faf6ed;background:none;border:none;font-family:Crimson Text,serif;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#2e2e33;color:#8B0000}.forum-dropdown .dropdown-menu{right:auto;left:0}.nav-toggle{display:none;background:none;border:none;color:#faf6ed;cursor:pointer}.nav-actions{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:12px;height:40px;z-index:2000}.nav-actions .nav-icon,.nav-actions .nav-inbox-icon,.nav-actions .nav-search-icon,.nav-actions .nav-toggle{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;text-decoration:none;outline:none;position:relative;line-height:0;vertical-align:middle}.nav-icon .nav-inbox-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#8B0000;box-shadow:0 0 0 2px rgba(26,18,24,.85)}.nav-actions .nav-icon-glyph{width:22px;height:22px;display:block;pointer-events:none}.nav-inbox-icon-glyph,.nav-toggle-icon{display:block;line-height:1;transform:none}@media (min-width:769px){nav.nav-links{display:flex;align-items:center;gap:32px;flex-wrap:nowrap}nav.nav-links.hide,nav.nav-links.show{display:flex}}@media (max-width:768px){header.navbar{flex-direction:column;align-items:flex-start;padding:16px;position:relative}.logo-img{height:80px}.quote-banner{display:none}.nav-toggle{display:inline-flex}nav.nav-links{display:none;flex-direction:column;align-items:flex-start;width:100%;background-color:#181617;padding:1rem 0;border-top:1px solid #2e2e33;margin-top:16px}nav.nav-links.show{display:flex}nav.nav-links.hide{display:none}.nav-forum-button,.nav-journals-button,.nav-link,.nav-photos-button,.nav-profile-button,.nav-profiles-button{display:block;width:100%;text-align:left;font-size:1rem;padding:.75rem 1.5rem;border-bottom:1px solid #2e2e33}.all-profiles-dropdown,.forum-dropdown,.journals-dropdown,.photos-dropdown,.profile-dropdown{width:100%}.dropdown-menu{position:static;display:none;background:none;border:none;box-shadow:none;padding-left:2rem}.all-profiles-dropdown:hover .dropdown-menu,.forum-dropdown:hover .dropdown-menu,.journals-dropdown:hover .dropdown-menu,.photos-dropdown:hover .dropdown-menu,.profile-dropdown:hover .dropdown-menu{display:block}.dropdown-menu a,.dropdown-menu button{font-size:.95rem;padding:.5rem 0;border:none}}@media (max-width:480px){.logo-img{height:60px}.nav-forum-button,.nav-journals-button,.nav-link,.nav-photos-button,.nav-profile-button,.nav-profiles-button{font-size:.9rem;padding:.6rem 1.25rem}.dropdown-menu a,.dropdown-menu button{font-size:.9rem}}@media (max-width:400px){.logo-img{height:48px}.nav-forum-button,.nav-journals-button,.nav-link,.nav-photos-button,.nav-profile-button,.nav-profiles-button{font-size:.85rem;padding:.5rem 1rem}}.mobile-only{display:none!important}@media (max-width:767px){.mobile-only{display:block!important}}.signup-dropdown{position:relative;display:inline-block}.nav-signup-button{white-space:nowrap;background:none;border:none;color:#faf6ed;font-family:Crimson Text,serif;font-weight:700;font-size:1.25rem;cursor:pointer;padding:0}.signup-dropdown .dropdown-menu{position:absolute;top:100%;right:0;background-color:#1e1c1d;border:1px solid #2e2e33;border-radius:4px;min-width:160px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.4);display:none}.signup-dropdown:focus-within .dropdown-menu,.signup-dropdown:hover .dropdown-menu{display:block}@media (max-width:768px){.nav-signup-button,.signup-dropdown{width:100%;display:block}.nav-signup-button{text-align:left;font-size:1rem;padding:.75rem 1.5rem;border-bottom:1px solid #2e2e33}.signup-dropdown .dropdown-menu{position:static;background:none;border:none;box-shadow:none;padding-left:2rem;display:none}.signup-dropdown:focus-within .dropdown-menu{display:block}.signup-dropdown .dropdown-menu .nav-link{display:block;width:100%;font-size:.95rem;padding:.75rem 1.5rem;border-bottom:1px solid #2e2e33;text-align:left}.signup-dropdown .dropdown-menu .nav-link:last-child{border-bottom:none}.nav-toggle{display:inline-flex}}@media (min-width:900px){.nav-inbox-icon{display:none}}.notification-wrapper{margin-top:48px;padding-bottom:24px}.notification-heading{font-family:Fredericka the Great,cursive;font-size:2.5rem;text-align:center;color:var(--color-text);margin-bottom:32px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.notification-container{max-width:960px;margin:0 auto;padding:0 16px}.empty-state-message{padding:48px 24px;color:var(--color-text);font-size:1rem;text-align:center;font-family:Crimson Text,serif}.read-separator{font-family:Crimson Text,serif;font-size:.9rem;color:var(--color-text-subtle);margin:.5rem 0;list-style:none}.alert-list,.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.alert-item,.comment-item{display:flex;align-items:center;gap:12px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:10px;padding:12px 16px}.alert-item{justify-content:flex-start}.alert-item.read,.comment-item.read{opacity:.6}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.alert-main,.comment-row{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;text-align:left}.comment-author{font-family:Crimson Text,serif;font-size:1rem;font-weight:600;color:var(--color-blood);text-decoration:none;white-space:nowrap}.comment-author:hover{text-decoration:underline}.alert-message,.comment-message{font-family:Crimson Text,serif;font-size:.95rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.alert-date,.comment-date{font-size:.85rem;color:var(--color-text-muted);margin-left:auto}.alert-date,.comment-date,.comment-link{font-family:Crimson Text,serif;white-space:nowrap}.comment-link{font-size:.95rem;color:var(--color-accent-2);text-decoration:none;margin-left:12px}.comment-link:hover{text-decoration:underline}.notification-more{display:flex;justify-content:center;margin-top:1rem}.notification-more .inbox-page-btn{background:#000;color:var(--color-blood);padding:.75rem 1rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;font-family:Cinzel,serif}.notification-more .inbox-page-btn:hover:enabled{background:#000;box-shadow:0 0 8px var(--color-blood)}.notification-more .inbox-page-btn[disabled]{opacity:.5;cursor:not-allowed}.chatroom-container{max-width:820px;margin:8px auto 16px;background:#18121e;border-radius:16px;box-shadow:0 4px 32px #000a;padding:16px 16px 12px;min-height:68vh;transition:max-width .3s ease}.chatroom-container.with-stream{max-width:1320px}.chatroom-title{color:#c8a8da;text-align:center;font-size:2.2rem;margin-bottom:6px;letter-spacing:2px;font-family:EB Garamond,Georgia,serif;font-weight:700;animation:glow 4s ease-in-out infinite}@keyframes glow{0%{text-shadow:0 0 4px #c8a8da88}50%{text-shadow:0 0 6px #c8a8daee}to{text-shadow:0 0 4px #c8a8da88}}.chatroom-main{display:flex;gap:24px;width:100%}.chatroom-main.expanded{gap:16px}.chatroom-content{flex:1 1;display:flex;flex-direction:column;min-width:0}.chatroom-sidebar{width:175px;min-width:140px;max-width:180px;background:linear-gradient(180deg,#18121e 80%,#21182b);border-radius:12px;box-shadow:0 2px 12px #10081824;padding:0;display:flex;flex-direction:column;height:68vh;overflow:hidden;transition:width .3s ease}.chatroom-sidebar.collapsed{width:140px}.chatroom-sidebar-title{position:-webkit-sticky;position:sticky;top:0;background:#18121e;color:#d1b9fa;font-size:1.1rem;padding:14px 12px 0;font-family:EB Garamond,serif;letter-spacing:.5px;font-weight:600;text-align:center;z-index:1}.chatroom-sidebar-users{flex:1 1;overflow-y:auto;padding:12px 6px 12px 12px;display:flex;flex-direction:column;gap:10px}.chatroom-sidebar-users::-webkit-scrollbar{width:6px}.chatroom-sidebar-users::-webkit-scrollbar-thumb{background:#3a294a;border-radius:4px}.chatroom-sidebar-users::-webkit-scrollbar-track{background:transparent}.chatroom-sidebar-user{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:8px;background:#18121e;transition:background .2s}.chatroom-sidebar-user:hover{background:#231a2b}.chatroom-sidebar-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#22213b}.chatroom-sidebar-name{color:#c8a8da;font:600 1rem Crimson Text,serif}.chatroom-sidebar-empty{color:#8881a1;font-size:.95rem;font-style:italic;padding-left:3px}.toggle-stream-wrapper{text-align:center;margin-bottom:1rem;display:none}@media (min-width:960px){.toggle-stream-wrapper{display:block}}.toggle-stream-select{background:#1e1628;color:#c8a8da;border:1px solid #44304f;border-radius:6px;font:600 .95rem EB Garamond,serif;padding:8px 12px;letter-spacing:.4px;transition:border .2s,background .2s}.toggle-stream-select:hover{background:#2a1e35}.toggle-stream-select:focus{border-color:#c8a8da;outline:none}.toggle-stream-btn{background:#222;color:#fff;border:1px solid #444;padding:8px 12px;font-size:14px;border-radius:4px;transition:background-color .2s ease;cursor:pointer}.toggle-stream-btn:hover{background-color:#333}.video-sidebar{width:480px;flex-shrink:0;padding-left:1rem;display:none}.chatroom-main.expanded .video-sidebar{display:block}.chatroom-stream-box{border:2px solid #444;border-radius:6px;overflow:hidden;width:100%;aspect-ratio:16/9}.chatroom-stream-box iframe{width:100%;height:100%;display:block}.chatroom-container.live-layout .chatroom-sidebar{display:none}.chatroom-container.live-layout .chatroom-main{flex-direction:row;gap:1rem}.chatroom-container.live-layout .video-sidebar{width:70%;display:block}.chatroom-container.live-layout .chatroom-content{flex:1 1}.chat-messages{height:58vh;overflow-y:auto;overflow-x:hidden;background:#22202a;border:1.5px solid #312135;border-radius:10px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#3a294a;border-radius:4px}.chat-messages::-webkit-scrollbar-track{background:#1c1624}.chat-message{display:flex;align-items:flex-start;margin-bottom:10px;padding:8px 10px 6px 0;border-radius:8px;transition:background .2s;position:relative}.chat-message.mine{background:#27183a}.chat-avatar{margin-right:10px;flex-shrink:0}.chat-avatar img,.chat-avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#44414c}.chat-avatar-placeholder{display:inline-block}.chat-message-content{display:grid;grid-template-columns:1fr auto;grid-auto-rows:auto;grid-column-gap:8px;column-gap:8px;grid-row-gap:4px;row-gap:4px;padding-right:8px;max-width:520px}.chat-displayName{grid-column:1;grid-row:1;color:#b3a3c8;font-size:1.05rem;font-weight:600;margin-bottom:1px;position:relative;z-index:1}.chat-timestamp{grid-column:2;grid-row:1;color:#887799;font-size:.8rem;font-feature-settings:"smcp";font-variant:small-caps;font-family:Spectral SC,serif;opacity:.85;letter-spacing:.4px;background:transparent;padding:0;align-self:start}.chat-text{grid-column:1/-1;color:#f5f2fa;margin:0;word-break:break-word;font-size:1.05rem;line-height:1.3}.chat-image-link{grid-column:1/-1;display:inline-block;margin-top:6px;max-width:100%}.chat-image{display:block;max-width:calc(min(420px, 60vw) * .75);max-height:calc(360px * .75);width:auto;height:auto;border-radius:10px;border:1px solid #312135;box-shadow:0 2px 8px #0a0612aa}.chat-message.mine .chat-image{border-color:#3f2a56}.chat-message-content .chat-text+.chat-image-link{margin-top:8px}.chat-input-row{position:relative;display:flex;gap:8px;align-items:center;margin-top:4px;box-shadow:0 2px 8px #15081e24;flex-wrap:wrap}.chat-input{flex:1 1 260px;min-width:220px;padding:12px;border-radius:8px;border:1.2px solid #311e40;background:#21182b;color:#eee;font-size:1.1rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#c8a8da}.chat-image-btn,.emoji-btn{background:#21182b;border:1.2px solid #311e40;color:#c8a8da;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s,opacity .2s}.chat-image-btn:hover,.emoji-btn:hover{border-color:#c8a8da;background:#2a1e35}.chat-image-btn:focus,.emoji-btn:focus{outline:none;border-color:#c8a8da}.chat-image-btn{line-height:0}.chat-image-btn img,.chat-image-btn svg{display:block;width:22px;height:22px}.chat-send-btn{background:#4a3367;color:#fff;border:none;padding:10px 20px;border-radius:8px;font:500 1rem inherit;cursor:pointer;transition:background .2s}.chat-send-btn:disabled{background:#888;cursor:not-allowed}.chat-image-preview{display:inline-flex;align-items:center;gap:6px;background:#21182b;border:1.2px solid #3a294a;padding:4px 6px 4px 4px;border-radius:10px;max-width:180px;box-shadow:0 2px 6px #15081e24}.chat-image-preview img{width:48px;height:48px;object-fit:cover;border-radius:8px;display:block;border:1px solid #312135}.chat-image-clear{background:transparent;border:none;color:#c8a8da;font-size:16px;line-height:1;width:24px;height:24px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.chat-image-clear:hover{background:#2a1e35;color:#fff}.emoji-picker-popover{position:absolute;bottom:50px;left:0;z-index:9999}.chatroom-ankh-icon-inline{display:inline-block;height:21px;width:auto;vertical-align:middle;margin-right:4px;margin-top:-2px}.hidden{display:none}.dice-roll-message{background:rgba(255,255,255,.05);padding:6px 10px;font-style:italic;font-size:1.05rem;display:flex;align-items:center;gap:6px}.dice-roll-text{color:#f5f2fa}@media (max-width:800px){.chatroom-main{flex-direction:column}.video-sidebar{display:none!important}.chatroom-sidebar{width:100%;max-width:100%;margin-bottom:20px;justify-content:flex-start}.chatroom-sidebar,.chatroom-sidebar-users{height:auto;flex-direction:row;flex-wrap:wrap}.chatroom-sidebar-users{gap:10px;overflow:visible}.chatroom-sidebar{order:2}.chatroom-content{order:0}.video-sidebar{order:1}}@media (max-width:640px){.chat-message-content{max-width:100%}.chat-image{max-width:64.5vw;max-height:195px}.chat-image-preview{max-width:70%}.chat-image-preview img{width:42px;height:42px}.chat-input-row{flex-wrap:true;gap:10px;justify-content:flex-start}.chat-input{order:1;flex:1 1 100%;min-width:0}.chat-image-preview{order:2;flex:1 1 100%}.chat-image-btn,.chat-send-btn,.emoji-btn{order:3;flex:0 0 auto;width:auto;height:40px}.chat-image-btn,.emoji-btn{width:40px;padding:0;font-size:1.2rem}.chat-image-btn{width:40px;height:40px;padding:0}.chat-send-btn{padding:0 12px;font-size:.95rem;font-weight:600}}.mention-wrapper{display:inline}.mention-link{display:inline-block;padding:0 6px;margin:0 1px;border-radius:8px;background:#2a1e35;border:1px solid #4a3560;color:#d8c2f3;font-weight:600;text-decoration:none;line-height:1.2;white-space:nowrap}.mention-link:hover{background:#382345;border-color:#c8a8da;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 2px rgba(200,168,218,.15)}.mention-link:focus-visible{outline:none;box-shadow:0 0 0 2px #c8a8da66}.chat-messages .mention-link{background:#281b36;border-color:#59406e}