@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lora:wght@400;600;700&family=Montserrat:wght@400;600;700&family=Nunito:wght@400;600;700&family=Poppins:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-text: #11181C;--color-background: #f1f1f1;--color-backgroundSecondary: #e8e8e8;--color-tint: #f1a9a9;--color-icon: #687076;--color-accent: #e0626f;--color-primaryText: #fff;--color-border: #ccc;--color-mutedText: #888;--color-destructive: #cc0000;--color-success: #059669;--color-error: #dc2626;--font-header: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-header)}label,.nav-link,.shop-tab,.shop-item-name,.shop-item-status{font-family:var(--font-label)}.account-picker-subtitle{text-align:center;font-size:.9375rem;color:var(--color-mutedText);margin:0}.account-picker-list{display:flex;flex-direction:column;gap:.5rem}.account-picker-item{display:flex;align-items:center;gap:.5rem}.account-picker-select{flex:1;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.875rem;color:var(--color-text);transition:border-color .15s,background .15s}.account-picker-select:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-background)}.account-picker-select:disabled{opacity:.6;cursor:default}.account-picker-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-picker-avatar-fallback{width:36px;height:36px;border-radius:50%;background:var(--color-tint);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.account-picker-username{font-weight:500}.account-picker-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:account-picker-spin .6s linear infinite;margin-left:auto;flex-shrink:0}@keyframes account-picker-spin{to{transform:rotate(360deg)}}.account-picker-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:.375rem;color:var(--color-mutedText);font-size:1.125rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s;flex-shrink:0;font-family:inherit}.account-picker-remove:hover:not(:disabled){color:var(--color-destructive);border-color:var(--color-border);background:var(--color-backgroundSecondary)}.account-picker-remove:disabled{opacity:.4;cursor:default}.account-picker-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.account-picker-login{background:var(--color-accent);color:var(--color-primaryText);border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:filter .15s}.account-picker-login:hover:not(:disabled){filter:brightness(.9)}.account-picker-login:disabled{opacity:.5;cursor:default}.account-picker-logout-all{background:none;border:none;color:var(--color-mutedText);font-size:.8125rem;font-family:inherit;cursor:pointer;padding:.375rem 0;transition:color .15s}.account-picker-logout-all:hover:not(:disabled){color:var(--color-destructive)}.account-picker-logout-all:disabled{opacity:.5;cursor:default}.page{display:flex;flex-direction:column;align-items:center;min-height:100vh}.hero{display:flex;flex-direction:column;align-items:center;padding:6rem 1.5rem 4rem;width:100%}.icon-wrapper{background:var(--color-tint);border-radius:1.5rem;padding:1rem;margin-bottom:1.5rem}.icon-wrapper img{width:96px;height:96px;border-radius:1rem;display:block}.hero h1{font-size:2.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem}.hero .tagline{font-size:1.125rem;color:var(--color-mutedText);text-align:center;max-width:28rem;line-height:1.6;margin-bottom:2.5rem}.waitlist-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:22rem}.waitlist-form .input-row{display:flex;gap:.5rem}.waitlist-form input{flex:1;border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;background:inherit;color:inherit}.waitlist-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-tint)}.waitlist-form input:disabled{opacity:.5}.waitlist-form button{background:var(--color-accent);color:var(--color-primaryText);border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .15s;white-space:nowrap}.waitlist-form button:hover{filter:brightness(.9)}.waitlist-form button:disabled{opacity:.5;cursor:default}.waitlist-form .message{font-size:.875rem}.waitlist-form .message.success{color:var(--color-success)}.waitlist-form .message.error{color:var(--color-error)}.features{width:100%;border-top:1px solid var(--color-border);background:var(--color-backgroundSecondary);padding:5rem 1.5rem}.features-grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:48rem;margin:0 auto}@media(min-width:640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature p{font-size:.875rem;line-height:1.6;color:var(--color-mutedText)}.footer{width:100%;border-top:1px solid var(--color-border);padding:1rem 1.5rem;text-align:center}.footer p{font-size:.75rem;color:var(--color-mutedText)}@media(max-width:480px){.hero h1{font-size:2rem}}.home-page{display:flex;flex-direction:column;height:100%}.home-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.home-title{font-size:1.25rem;font-weight:700;margin:0}.home-friends-list{flex:1;overflow-y:auto;padding:.25rem 0}.home-quests{padding:.75rem 1rem}.friends-page{display:flex;flex-direction:column;height:100%}.friends-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.friends-title{font-size:1.25rem;font-weight:700;margin:0}.friends-add-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary);color:var(--color-text);font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s,background-color .15s}.friends-add-btn:hover{border-color:var(--color-accent);background:var(--color-tint)}.friends-list{flex:1;overflow-y:auto;padding:.25rem 0}.friends-empty{text-align:center;color:var(--color-mutedText);padding:2rem 1rem;font-size:.875rem}.friend-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.625rem 1rem;border:none;border-bottom:1px solid var(--color-border);background:none;color:var(--color-text);font-family:inherit;cursor:pointer;text-align:left;transition:background-color .15s}.friend-item:hover{background:var(--color-backgroundSecondary)}.friend-item-left{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1}.friend-item-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.friend-item-names{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.friend-item-display-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-item-username{font-size:.8125rem;color:var(--color-mutedText);white-space:nowrap}.friend-item-badges{display:inline-flex;gap:.125rem}.friend-item-star{color:var(--color-accent);flex-shrink:0;fill:var(--color-accent)}.friend-item-preview{font-size:.8125rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.friend-preview-icon{display:inline-flex;align-items:center;gap:.25rem}.friend-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.friend-item-date{font-size:.6875rem;color:var(--color-mutedText);white-space:nowrap}.friend-unread-badge{background:var(--color-accent);color:#fff;font-size:.6875rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:.625rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .375rem}.friend-item-chevron{color:var(--color-mutedText);flex-shrink:0}.add-friend-overlay{position:fixed;inset:0;background:#0006;z-index:100}.add-friend-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(24rem,calc(100vw - 2rem));background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:101;display:flex;flex-direction:column;gap:.75rem}.add-friend-modal-header{display:flex;align-items:center;justify-content:space-between}.add-friend-modal-title{font-size:1rem;font-weight:700;margin:0}.add-friend-modal-close{background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.25rem;display:flex;border-radius:.25rem;transition:color .15s}.add-friend-modal-close:hover{color:var(--color-text)}.add-friend-modal-desc{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.4}.add-friend-form{display:flex;gap:.5rem}.add-friend-input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary);color:var(--color-text);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .15s}.add-friend-input:focus{border-color:var(--color-accent)}.add-friend-input::placeholder{color:var(--color-mutedText)}.add-friend-submit{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:.5rem;background:var(--color-accent);color:#fff;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.add-friend-submit:hover:not(:disabled){opacity:.9}.add-friend-submit:disabled{opacity:.5;cursor:default}.add-friend-error{font-size:.8125rem;color:#e53e3e;margin:0}.add-friend-success{font-size:.8125rem;color:var(--color-accent);margin:0;font-weight:500}.quests-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0 .25rem}.quests-title{font-size:.9375rem;font-weight:600;font-family:var(--font-header)}.quests-container{display:flex;gap:.5rem;align-self:stretch;overflow-x:auto}@media(min-width:640px){.quests-container{flex-direction:row;justify-content:center}}@media(max-width:639px){.quests-container{flex-direction:column}}.quest-wrapper{position:relative;flex:1;min-width:0;overflow:visible}.quest-animated-border{position:absolute;inset:0;pointer-events:none}.quest-animated-border svg{position:absolute;inset:0}.quest-card{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-accent);border-radius:.625rem;background:transparent;font-family:inherit;color:var(--color-text);text-align:left;cursor:default;width:100%;transition:background-color .15s}.quest-card.claimable{background:var(--color-accent);color:var(--color-primaryText);cursor:pointer}.quest-card.claimable:hover{opacity:.9}.quest-card.claimed{opacity:.6}.quest-card.just-claimed{opacity:.6;transition:opacity .3s ease .4s,background-color .15s}.quest-icon{margin-top:2px;flex-shrink:0;color:var(--color-accent)}.quest-card.claimable .quest-icon{color:var(--color-primaryText)}.quest-body{flex:1;min-width:0}.quest-name{font-weight:600;font-size:.8125rem;line-height:1.3}.quest-desc{font-size:.75rem;color:var(--color-mutedText);line-height:1.4}.quest-card.claimable .quest-desc{color:var(--color-primaryText);opacity:.85}.quest-points{font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0;color:var(--color-accent)}.quest-card.claimable .quest-points{color:var(--color-primaryText)}.quest-check-wrapper{flex-shrink:0;display:flex}.quest-check{flex-shrink:0;color:var(--color-accent)}.quest-skeleton{display:flex;align-items:center;justify-content:center;padding:1rem .75rem;border:1px solid var(--color-border);border-radius:.625rem;flex:1;min-width:0}.quest-skeleton-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:quest-pulse 1s ease-in-out infinite}@keyframes quest-pulse{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.quest-card.just-claimed{transition:none}.quest-skeleton-dot{animation:none;opacity:.6}}.profile-badge-pill{display:inline-flex;align-items:center;border:1px solid var(--color-border);font-weight:600}.profile-badge-pill img{display:block}.profile-badge-sm{gap:.05rem;padding:.0625rem .3rem;border-radius:.5rem;font-size:.6875rem;line-height:1.4}.profile-badge-md{gap:.05rem;padding:.125rem .4375rem;border-radius:.625rem;font-size:.8125rem;line-height:1.4}.profile-badge-lg{gap:.15rem;padding:.3rem .75rem;border-radius:1rem;font-size:1.25rem;line-height:1.4}.profile-badge-xl{gap:.25rem;padding:.5rem 1.25rem;border-radius:1.5rem;font-size:2rem;line-height:1.4}.decorated-avatar{position:relative;flex-shrink:0}.decorated-avatar-img{object-fit:cover}.decorated-avatar-placeholder{background:var(--color-accent);color:var(--color-primaryText);display:flex;align-items:center;justify-content:center;font-weight:600}.decorated-avatar-frame{position:absolute;top:0;left:0;pointer-events:none}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:14rem;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;gap:1.5rem;border-right:1px solid var(--color-border);background:var(--color-background);z-index:20}.app-content{flex:1;margin-left:14rem;height:100vh;overflow:auto}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-logo{width:28px;height:28px;border-radius:.375rem}.nav-brand-name{font-size:.9375rem;font-weight:700;letter-spacing:-.025em}.nav-links{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:background-color .15s}.nav-link:hover{background:var(--color-backgroundSecondary)}.nav-link.active{color:var(--color-accent);background:var(--color-backgroundSecondary)}.nav-badge{margin-left:auto;background:var(--color-accent);color:#fff;font-size:.6875rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:.625rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .375rem}.account-switcher{position:relative;padding-top:1rem;border-top:1px solid var(--color-border)}.account-switcher-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem;border:none;border-radius:.5rem;background:none;color:var(--color-text);font-family:inherit;cursor:pointer;transition:background-color .15s;text-align:left}.account-switcher-trigger:hover{background:var(--color-backgroundSecondary)}.account-switcher-name{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.account-switcher-chevron{color:var(--color-mutedText);flex-shrink:0}.account-switcher-backdrop{position:fixed;inset:0;z-index:40}.account-switcher-menu{position:absolute;bottom:calc(100% + .375rem);left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem;z-index:41;box-shadow:0 -4px 12px #0000001a}.account-switcher-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:none;border-radius:.375rem;background:none;color:var(--color-text);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background-color .15s;text-align:left}.account-switcher-option:hover{background:var(--color-backgroundSecondary)}.account-switcher-option.active{color:var(--color-accent)}.account-switcher-option-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--color-backgroundSecondary)}.account-switcher-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switcher-check{flex-shrink:0;color:var(--color-accent)}.account-switcher-add{border-top:1px solid var(--color-border);border-radius:0 0 .375rem .375rem;margin-top:.125rem;padding-top:.5rem;color:var(--color-mutedText)}.account-switcher-add:hover{color:var(--color-accent)}.account-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:41;display:flex;flex-direction:column;gap:.625rem}.account-confirm-title{font-size:1rem;font-weight:700;margin:0}.account-confirm-message{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.account-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.account-confirm-btn{padding:.4375rem .875rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.account-confirm-cancel{background:var(--color-backgroundSecondary);color:var(--color-text)}.account-confirm-cancel:hover{background:var(--color-border)}.account-confirm-continue{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.account-confirm-continue:hover{opacity:.9}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:30;background:var(--color-background);border-bottom:1px solid var(--color-border)}.mobile-header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.menu-toggle{background:none;border:none;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0}.hamburger,.hamburger:before,.hamburger:after{display:block;width:1.125rem;height:2px;background:var(--color-text);border-radius:1px;transition:transform .2s,opacity .2s}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-5px}.hamburger:after{top:5px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.mobile-menu{padding:.5rem 1rem 1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem}.mobile-menu .nav-brand{display:none}.mobile-menu .nav-links{gap:.125rem}.account-switch-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-background);perspective:800px}.account-switch-card{display:flex;align-items:center;justify-content:center}.account-switch-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;box-shadow:0 4px 20px #0000001f}.account-switch-avatar-fallback{width:88px;height:88px;border-radius:50%;background:var(--color-backgroundSecondary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--color-text);box-shadow:0 4px 20px #0000001f}.account-switch-logo{width:88px;height:88px;border-radius:1rem;box-shadow:0 4px 20px #0000001f}@media(max-width:768px){.sidebar{display:none}.mobile-header{display:block}.app-content{margin-left:0;padding-top:3.5rem}}.auth-page{justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:1.5rem}.auth-header{display:flex;flex-direction:column;align-items:center;gap:.75rem}.auth-logo{width:56px;height:56px;border-radius:.75rem}.auth-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.auth-tabs{display:flex;border-bottom:1px solid var(--color-border)}.auth-tab{flex:1;padding:.625rem 0;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--color-mutedText);cursor:pointer;transition:color .15s,border-color .15s}.auth-tab:hover{color:var(--color-text)}.auth-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.25rem}.auth-field span{font-size:.8125rem;font-weight:500;color:var(--color-mutedText)}.auth-field input{border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;background:var(--color-background);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-tint)}.auth-field input:disabled{opacity:.5}.auth-form button[type=submit]{margin-top:.5rem;background:var(--color-accent);color:var(--color-primaryText);border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:filter .15s}.auth-form button[type=submit]:hover:not(:disabled){filter:brightness(.9)}.auth-form button[type=submit]:disabled{opacity:.5;cursor:default}.auth-error{font-size:.8125rem;color:var(--color-destructive)}.auth-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-family:var(--font-body);font-size:.875rem;color:#fff;box-shadow:0 4px 12px #0003;pointer-events:auto;animation:toast-in .2s ease-out;min-width:200px;max-width:min(420px,90vw)}.toast-exiting{animation:toast-out .15s ease-in forwards}.toast-success{background-color:var(--color-success, #059669)}.toast-error{background-color:var(--color-error, #dc2626)}.toast-info{background-color:var(--color-accent, #e0626f)}.toast-dismiss{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:.25rem;opacity:.8;font-size:1rem;line-height:1;flex-shrink:0}.toast-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.75rem)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast-exiting{animation:toast-fade-out .15s ease-in forwards}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}.chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-back-btn{display:none;background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.25rem;border-radius:.25rem;align-items:center;justify-content:center}.chat-back-btn:hover{color:var(--color-text);background:var(--color-backgroundSecondary)}.chat-header-user{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;flex:1;min-width:0}.chat-header-user:hover{opacity:.8}.chat-header-name{font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-mutedText);font-size:.875rem}.chat-load-more{display:block;margin:.5rem auto;padding:.375rem .75rem;background:none;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-mutedText);font-family:inherit;font-size:.75rem;cursor:pointer;transition:background-color .15s}.chat-load-more:hover:not(:disabled){background:var(--color-backgroundSecondary)}.chat-load-more:disabled{opacity:.5;cursor:default}.chat-offline-banner{padding:.375rem .75rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:600;text-align:center;flex-shrink:0}.chat-scroll-bottom{position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%);background:var(--color-background);border:1px solid var(--color-border);border-radius:1.5rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;color:var(--color-mutedText);cursor:pointer;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:.25rem;z-index:5;transition:background-color .15s}.chat-scroll-bottom:hover{background:var(--color-backgroundSecondary)}.chat-messages-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:767px){.chat-back-btn{display:flex}}.chat-date-separator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.chat-date-separator:before,.chat-date-separator:after{content:"";flex:1;height:1px;background:var(--color-border)}.chat-date-separator span{font-size:.6875rem;font-weight:600;color:var(--color-mutedText);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.chat-messages-virtuoso{flex:1;min-height:0}.message-row{display:flex;padding:.125rem .75rem}.message-row.own{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble-wrapper{position:relative;max-width:80%}.message-bubble{border-radius:1rem;padding:.5rem .75rem;position:relative}.message-row.own .message-bubble{background:var(--color-accent);color:#fff;border-bottom-right-radius:.25rem}.message-row.other .message-bubble{background:var(--color-backgroundSecondary);color:var(--color-text);border-bottom-left-radius:.25rem}.message-text{font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}.message-images{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem;border-radius:.5rem;overflow:hidden}.message-images img{max-width:250px;max-height:200px;border-radius:.5rem;object-fit:cover;display:block}.message-gif{margin-top:.25rem;border-radius:.5rem;overflow:hidden;position:relative}.message-gif img{display:block;max-width:250px;max-height:200px;object-fit:contain}.message-gif-badge{position:absolute;bottom:.25rem;left:.25rem;background:#0009;color:#fff;font-size:.5625rem;font-weight:700;padding:.0625rem .25rem;border-radius:.1875rem;text-transform:uppercase}.message-audio{margin-top:.25rem}.message-audio audio{height:2rem;max-width:200px}.message-audio .audio-transcription{display:flex;flex-direction:column;gap:.125rem;margin-top:.25rem}.message-audio .audio-transcription-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;opacity:.7}.message-audio .audio-transcription-text{font-size:.75rem;line-height:1.4;opacity:.85;margin:0;-webkit-user-select:text;user-select:text}.message-audio .audio-transcription-text.clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-audio .audio-transcription-toggle{all:unset;font-size:.75rem;font-weight:500;cursor:pointer;margin-top:.125rem;opacity:.8}.message-audio .audio-transcription-toggle:hover{opacity:1}.message-location{display:flex;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.8125rem}.message-location-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.message-location-pin{flex-shrink:0}.message-location-info{display:flex;flex-direction:column;min-width:0}.message-location-name{font-weight:600;font-size:.8125rem}.message-location-meta{font-size:.6875rem;opacity:.7}.message-time{font-size:.625rem;opacity:.6;margin-top:.25rem;text-align:right}.message-row.other .message-time{text-align:left}.message-delete-trigger{position:absolute;top:.25rem;opacity:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.25rem;padding:.1875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-mutedText);transition:opacity .15s,background-color .15s;z-index:2}.message-row.own .message-delete-trigger{left:-1.75rem}.message-row.other .message-delete-trigger{right:-1.75rem}.message-bubble-wrapper:hover .message-delete-trigger{opacity:1}.message-delete-trigger:hover{background:var(--color-backgroundSecondary);color:#e53e3e}.message-delete-backdrop{position:fixed;inset:0;z-index:50}.message-delete-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:51;display:flex;flex-direction:column;gap:.625rem}.message-delete-title{font-size:1rem;font-weight:700;margin:0}.message-delete-text{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.message-delete-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.message-delete-btn{padding:.4375rem .875rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.message-delete-cancel{background:var(--color-backgroundSecondary);color:var(--color-text)}.message-delete-cancel:hover{background:var(--color-border)}.message-delete-confirm{background:#e53e3e;border-color:#e53e3e;color:#fff}.message-delete-confirm:hover:not(:disabled){opacity:.9}.message-delete-confirm:disabled{opacity:.5;cursor:default}.message-composer-container{border-top:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.message-composer{display:flex;flex-direction:column;gap:.375rem;padding:.5rem .75rem .625rem}.message-composer-toolbar{display:flex;gap:.25rem}.message-toolbar-btn{background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.message-toolbar-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-backgroundSecondary)}.message-toolbar-btn:disabled{opacity:.4;cursor:default}.message-composer-row{display:flex;align-items:flex-end;gap:.5rem}.message-composer-input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-backgroundSecondary);color:var(--color-text);font-family:inherit;font-size:.875rem;resize:none;min-height:2.25rem;max-height:6.25rem;line-height:1.4;box-sizing:border-box;overflow-y:auto}.message-composer-input:focus{outline:none;border-color:var(--color-accent)}.message-composer-input::placeholder{color:var(--color-mutedText)}.message-composer-send{flex-shrink:0;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:var(--color-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.message-composer-send:disabled{opacity:.4;cursor:default}.message-composer-send:hover:not(:disabled){opacity:.9}.message-picker-panel{border-bottom:1px solid var(--color-border);max-height:20rem;overflow-y:auto}.message-attachment-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem 0;flex-wrap:wrap}.message-attachment-thumb{position:relative;width:3.5rem;height:3.5rem;border-radius:.5rem;overflow:hidden;flex-shrink:0}.message-attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.message-attachment-remove{position:absolute;top:.125rem;right:.125rem;width:1.125rem;height:1.125rem;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.message-attachment-remove:hover{background:#000c}.message-attachment-audio{display:flex;align-items:center;gap:.375rem}.message-attachment-audio audio{height:2rem;max-width:200px}.message-attachment-location{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--color-backgroundSecondary);border-radius:1rem;font-size:.8125rem;color:var(--color-text)}.message-attachment-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12rem}.message-not-friends{padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-backgroundSecondary);text-align:center;font-size:.8125rem;color:var(--color-mutedText);flex-shrink:0}.gif-picker{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-background)}.gif-picker-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.gif-picker-search{flex:1;border:none;background:none;font-size:.875rem;font-family:inherit;color:var(--color-text);outline:none}.gif-picker-cancel{background:none;border:none;cursor:pointer;color:var(--color-mutedText);font-size:.875rem;padding:.25rem}.gif-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;max-height:16rem;overflow-y:auto}.gif-picker-status{grid-column:1 / -1;padding:1rem;text-align:center;color:var(--color-mutedText);font-size:.8125rem;margin:0}.gif-picker-item{background:none;border:none;padding:0;cursor:pointer;border-radius:.25rem;overflow:hidden}.gif-picker-item img{display:block;width:100%;min-height:4rem;object-fit:cover;border-radius:.25rem}.gif-picker-item:hover{opacity:.85}.gif-picker-footer{padding:.375rem;text-align:center;border-top:1px solid var(--color-border)}.gif-picker-attribution{font-size:.6875rem;color:var(--color-mutedText);font-weight:500}.location-picker{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-background)}.location-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.location-picker-title{font-size:.8125rem;font-weight:600;color:var(--color-text)}.location-picker-cancel{background:none;border:none;cursor:pointer;color:var(--color-mutedText);font-size:.875rem;padding:.25rem}.location-picker-search{display:block;width:100%;padding:.5rem .75rem;border:none;border-bottom:1px solid var(--color-border);font-size:.875rem;font-family:inherit;color:var(--color-text);background:var(--color-background);outline:none}.location-picker-list{max-height:14rem;overflow-y:auto}.location-picker-status{padding:1rem;text-align:center;color:var(--color-mutedText);font-size:.8125rem;margin:0}.location-picker-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text)}.location-picker-item:last-child{border-bottom:none}.location-picker-item:hover{background:var(--color-backgroundSecondary)}.location-picker-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.location-picker-icon-placeholder{font-size:1.25rem;flex-shrink:0;width:1.5rem;text-align:center}.location-picker-info{flex:1;min-width:0;display:flex;flex-direction:column}.location-picker-name{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-picker-meta{font-size:.75rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-recorder{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary)}.voice-recorder-indicator{width:.5rem;height:.5rem;border-radius:50%;background:#e74c3c;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.voice-recorder-indicator{animation:none}}.voice-recorder-time{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text)}.voice-recorder-max{font-size:.75rem;color:var(--color-mutedText)}.voice-recorder-actions{margin-left:auto;display:flex;gap:.5rem}.voice-recorder-stop,.voice-recorder-cancel{background:none;border:1px solid var(--color-border);border-radius:.375rem;padding:.25rem .625rem;font-size:.8125rem;font-family:inherit;cursor:pointer;color:var(--color-text)}.voice-recorder-stop{background:var(--color-accent);color:var(--color-primaryText);border-color:var(--color-accent)}.voice-recorder-stop:hover{filter:brightness(.9)}.voice-recorder-cancel:hover{background:var(--color-backgroundSecondary)}.voice-recorder-error{justify-content:space-between}.voice-recorder-error-text{font-size:.8125rem;color:var(--color-mutedText)}.typing-indicator{display:flex;align-items:flex-end;padding:.25rem .75rem}.typing-bubble{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--color-backgroundSecondary);border-radius:1rem 1rem 1rem .25rem}.typing-dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--color-mutedText);animation:typing-bounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,50%,to{opacity:.3;transform:translateY(0)}25%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.typing-dot{animation:none;opacity:.5}}.messages-layout{display:flex;height:100%;overflow:hidden}.messages-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);height:100%;overflow:hidden}.messages-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.messages-sidebar-title{font-size:1.125rem;font-weight:700}.messages-new-btn{background:none;border:1px solid var(--color-border);border-radius:.5rem;padding:.375rem .625rem;display:flex;align-items:center;gap:.375rem;font-family:inherit;font-size:.8125rem;color:var(--color-text);cursor:pointer;transition:background-color .15s}.messages-new-btn:hover{background:var(--color-backgroundSecondary)}.messages-list{flex:1;overflow-y:auto;min-height:0}.messages-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:var(--color-mutedText);font-size:.875rem}.messages-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.messages-main-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-mutedText);font-size:.875rem}.conversation-item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;cursor:pointer;transition:background-color .15s;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border)}.conversation-item:hover,.conversation-item.active{background:var(--color-backgroundSecondary)}.conversation-item-avatar{flex-shrink:0}.conversation-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.conversation-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.conversation-item-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-name.unread{font-weight:700}.conversation-item-time{font-size:.6875rem;color:var(--color-mutedText);flex-shrink:0}.conversation-item-preview{font-size:.75rem;color:var(--color-mutedText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.6}.conversation-item-preview.unread{opacity:.8}.conversation-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.conversation-unread-badge{background:var(--color-accent);color:#fff;font-size:.6875rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem}@media(max-width:767px){.messages-sidebar{width:100%;border-right:none}.messages-sidebar.has-chat,.messages-main-empty{display:none}}.friend-picker-overlay{position:fixed;inset:0;background:#00000080;z-index:50}.friend-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(24rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;z-index:51;display:flex;flex-direction:column;overflow:hidden}.friend-picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.friend-picker-title{font-size:1rem;font-weight:700;margin:0}.friend-picker-close{background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.friend-picker-close:hover{color:var(--color-text);background:var(--color-backgroundSecondary)}.friend-picker-search{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.friend-picker-search input{width:100%;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);color:var(--color-text);font-family:inherit;font-size:.8125rem;box-sizing:border-box}.friend-picker-search input:focus{outline:none;border-color:var(--color-accent)}.friend-picker-search input::placeholder{color:var(--color-mutedText)}.friend-picker-list{flex:1;overflow-y:auto;min-height:0;max-height:20rem}.friend-picker-item{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit;color:var(--color-text)}.friend-picker-item:hover:not(:disabled){background:var(--color-backgroundSecondary)}.friend-picker-item:disabled{opacity:.5;cursor:default}.friend-picker-item-info{display:flex;flex-direction:column;min-width:0}.friend-picker-item-name{font-size:.875rem;font-weight:600}.friend-picker-item-username{font-size:.75rem;color:var(--color-mutedText)}.friend-picker-empty{text-align:center;color:var(--color-mutedText);font-size:.8125rem;padding:2rem 1rem}.moderation{display:flex;flex-direction:column;height:100%}.stats{display:flex;flex-direction:column;gap:1rem}.stat{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--color-backgroundSecondary)}.stat-label{font-weight:700}.stat-value{font-weight:400}.reports-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.report-item{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem;padding:.5rem}.report-item:nth-child(2n){background-color:var(--color-backgroundSecondary)}.report-item:hover{background-color:var(--color-tint)}.item-label{font-weight:700}.item-data{font-weight:400;display:flex;flex-direction:row;gap:.5rem;align-items:center}.item-empty{color:var(--color-mutedText);font-style:italic}.report-remove-form{gap:.5rem;padding:.5rem;border-radius:.5rem;display:grid;grid-template-columns:20px 4fr 1fr;align-items:center}.report-remove-item{background-color:var(--color-destructive);color:var(--color-background);padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.report-remove-input{padding:1rem .5rem;border-radius:.5rem;border:1px solid var(--color-border)}.report-action-user-form{grid-template-columns:20px 4fr 1fr .5fr 1fr}.report-action-user-select,.report-action-user-duration{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--color-border)}.moderation-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:.5rem;background-color:var(--color-background)}.moderation-section hr{border:1px solid var(--color-border)}.button{padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.copy-button{background-color:var(--color-backgroundSecondary)}.copy-icon{width:1rem;height:1rem}.moderation-tabs{display:flex;flex-direction:row;gap:.5rem;padding:.5rem}.moderation-tabs button.active{background-color:var(--color-accent);color:var(--color-background)}.post-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;border-bottom:1px solid var(--color-border);position:relative}.post-menu-wrapper{position:absolute;top:.5rem;right:.5rem;z-index:5}.post-menu-trigger{background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background-color .15s}.post-item:hover .post-menu-trigger,.post-menu-trigger:focus-visible{opacity:1}.post-menu-trigger:hover{background:var(--color-backgroundSecondary);color:var(--color-text)}.post-menu{position:absolute;top:calc(100% + .25rem);right:0;min-width:9rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem;box-shadow:0 4px 12px #0000001a}.post-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:.375rem;background:none;color:var(--color-text);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background-color .15s;text-align:left;white-space:nowrap}.post-menu-item:hover{background:var(--color-backgroundSecondary)}.post-menu-item-danger{color:#e53e3e}.post-menu-item-danger:hover{background:#e53e3e14}.post-confirm-backdrop{position:fixed;inset:0;z-index:50}.post-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:51;display:flex;flex-direction:column;gap:.625rem}.post-confirm-title{font-size:1rem;font-weight:700;margin:0}.post-confirm-message{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.post-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.post-confirm-btn{padding:.4375rem .875rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.post-confirm-cancel{background:var(--color-backgroundSecondary);color:var(--color-text)}.post-confirm-cancel:hover{background:var(--color-border)}.post-confirm-danger{background:#e53e3e;border-color:#e53e3e;color:#fff}.post-confirm-danger:hover:not(:disabled){opacity:.9}.post-confirm-danger:disabled{opacity:.5;cursor:default}.post-text{font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.post-images{display:grid;gap:.25rem;border-radius:.75rem;overflow:hidden}.post-images[data-count="1"]{grid-template-columns:1fr}.post-images[data-count="2"]{grid-template-columns:1fr 1fr}.post-images[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-images[data-count="3"] img:first-child{grid-row:1 / -1}.post-images[data-count="4"],.post-images[data-count=many]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-images img{width:100%;height:100%;object-fit:cover;display:block}.post-images[data-count="1"] img{max-height:300px;object-fit:contain;background:var(--color-backgroundSecondary)}.post-images:not([data-count="1"]) img{aspect-ratio:1}.post-gif-wrapper{position:relative;border-radius:.75rem;overflow:hidden}.post-gif-wrapper img{display:block;width:100%;max-height:300px;object-fit:contain;background:var(--color-backgroundSecondary)}.post-gif-badge{position:absolute;bottom:.375rem;left:.375rem;background:#0009;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase}.post-lastfm{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:.5rem;text-decoration:none;color:inherit;transition:background-color .15s}.post-lastfm:hover{background:var(--color-backgroundSecondary)}.post-lastfm-art{width:2rem;height:2rem;border-radius:.25rem;object-fit:cover;flex-shrink:0}.post-lastfm-art-placeholder{width:2rem;height:2rem;border-radius:.25rem;background:var(--color-backgroundSecondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.post-lastfm-info{display:flex;flex-direction:column;min-width:0}.post-lastfm-track{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-lastfm-artist{font-size:.75rem;color:var(--color-mutedText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-audio{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:.5rem}.post-audio audio{height:2rem;flex:1;min-width:0}.post-audio-duration{font-size:.75rem;color:var(--color-mutedText);font-variant-numeric:tabular-nums}.audio-transcription{width:100%;display:flex;flex-direction:column;gap:.125rem}.audio-transcription-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-mutedText)}.audio-transcription-text{font-size:.8125rem;line-height:1.4;color:var(--color-mutedText);margin:0;-webkit-user-select:text;user-select:text}.audio-transcription-text.clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-transcription-toggle{all:unset;font-size:.8125rem;font-weight:500;color:var(--color-accent);cursor:pointer;margin-top:.125rem}.post-location{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:.5rem}.post-location-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.post-location-pin{font-size:1rem;flex-shrink:0;width:1.5rem;text-align:center}.post-location-info{display:flex;flex-direction:column;min-width:0}.post-location-name{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-location-meta{font-size:.75rem;color:var(--color-mutedText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-link-preview{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:.5rem;text-decoration:none;color:inherit;transition:background-color .15s}.post-link-preview:hover{background:var(--color-backgroundSecondary)}.post-link-favicon{width:1rem;height:1rem;flex-shrink:0;border-radius:.125rem}.post-link-info{display:flex;flex-direction:column;min-width:0}.post-link-title{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-link-desc{font-size:.75rem;color:var(--color-mutedText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-pills{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.reaction-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-backgroundSecondary);font-size:.75rem;font-family:inherit;color:var(--color-mutedText);cursor:pointer;transition:border-color .15s,background-color .15s;line-height:1.4}.reaction-pill:hover:not(.disabled){border-color:var(--color-accent);background:var(--color-tint)}.reaction-pill.active{border-color:var(--color-accent);background:var(--color-tint);color:var(--color-accent)}.reaction-pill.disabled{opacity:.5;cursor:default}.reaction-pill-emoji{font-size:.8125rem;line-height:1}.reaction-pill-count{font-weight:600;font-variant-numeric:tabular-nums}.reaction-heart-filled{width:100%;height:100%;color:var(--color-accent);stroke:var(--color-accent);fill:var(--color-accent)}.reaction-add{padding:.1875rem .375rem}.reaction-picker-wrapper{position:relative}.reaction-picker{position:absolute;bottom:calc(100% + .375rem);left:0;display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 2px 8px #00000026;z-index:10;min-width:10rem}.reaction-picker-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid transparent;border-radius:.375rem;background:none;cursor:pointer;padding:0;transition:background-color .15s,border-color .15s}.reaction-picker-item:hover:not(.locked){background:var(--color-tint);border-color:var(--color-accent)}.reaction-picker-item.active{background:var(--color-tint);border-color:var(--color-accent)}.reaction-picker-item.locked{opacity:.35;cursor:pointer}.reaction-picker-item.locked:hover{opacity:.55}.reaction-picker-emoji{font-size:1rem;line-height:1}.post-footer{display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.post-comment-btn{font-size:.75rem;color:var(--color-mutedText);background:none;border:none;padding:0;font-family:inherit;cursor:pointer;transition:color .15s;display:flex;align-items:center;gap:.375rem;line-height:1.4}.post-comment-btn:hover{color:var(--color-accent)}.post-date{font-size:.75rem;color:var(--color-mutedText);margin-left:auto;cursor:default}.comments-overlay{position:fixed;inset:0;background:#0006;z-index:50}.comments-drawer{position:fixed;top:0;right:0;bottom:0;width:min(28rem,100vw);background:var(--color-background);border-left:1px solid var(--color-border);z-index:51;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease-out}.comments-drawer.open{transform:translate(0)}.comments-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.comments-drawer-title{font-size:.9375rem;font-weight:600}.comments-drawer-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-mutedText);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s}.comments-drawer-close:hover{color:var(--color-text)}.comments-drawer-post{border-bottom:1px solid var(--color-border);flex-shrink:0;max-height:40%;overflow-y:auto}.comments-list{flex:1;overflow-y:auto;min-height:0}.comments-empty{text-align:center;color:var(--color-mutedText);font-size:.8125rem;font-style:italic;padding:2rem 1rem}.comments-loading{text-align:center;color:var(--color-mutedText);font-size:.8125rem;padding:2rem 1rem}.comment-item{display:flex;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--color-border)}.comment-avatar{flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.125rem}.comment-author{font-size:.8125rem;font-weight:600}.comment-username{font-size:.75rem;color:var(--color-mutedText)}.comment-menu-wrapper{position:relative;margin-left:auto}.comment-menu-trigger{background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.125rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background-color .15s}.comment-item:hover .comment-menu-trigger,.comment-menu-trigger:focus-visible{opacity:1}.comment-menu-trigger:hover{background:var(--color-backgroundSecondary);color:var(--color-text)}.comment-menu{position:absolute;top:calc(100% + .25rem);right:0;min-width:9rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem;box-shadow:0 4px 12px #0000001a;z-index:55}.comment-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;border-radius:.375rem;background:none;color:var(--color-text);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background-color .15s;text-align:left;white-space:nowrap}.comment-menu-item:hover{background:var(--color-backgroundSecondary)}.comment-menu-item-danger{color:#e53e3e}.comment-menu-item-danger:hover{background:#e53e3e14}.comment-confirm-backdrop{position:fixed;inset:0;z-index:60}.comment-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:61;display:flex;flex-direction:column;gap:.625rem}.comment-confirm-title{font-size:1rem;font-weight:700;margin:0}.comment-confirm-message{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.comment-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.comment-confirm-btn{padding:.4375rem .875rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.comment-confirm-cancel{background:var(--color-backgroundSecondary);color:var(--color-text)}.comment-confirm-cancel:hover{background:var(--color-border)}.comment-confirm-danger{background:#e53e3e;border-color:#e53e3e;color:#fff}.comment-confirm-danger:hover:not(:disabled){opacity:.9}.comment-confirm-danger:disabled{opacity:.5;cursor:default}.comment-text{font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.comment-media{margin-top:.375rem;border-radius:.5rem;overflow:hidden;position:relative}.comment-media img{display:block;max-width:100%;max-height:200px;object-fit:contain}.comment-media .post-gif-badge{position:absolute;bottom:.25rem;left:.25rem}.comment-date{font-size:.6875rem;color:var(--color-mutedText);margin-top:.25rem;cursor:default}@media(prefers-reduced-motion:reduce){.comments-drawer{transition:none}}.report-overlay{position:fixed;inset:0;background:#00000080;z-index:50}.report-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(28rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow-y:auto;background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:51;display:flex;flex-direction:column;gap:.75rem}.report-modal-header{display:flex;align-items:center;justify-content:space-between}.report-modal-title{font-size:1.125rem;font-weight:700;margin:0}.report-modal-close{background:none;border:none;color:var(--color-mutedText);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.report-modal-close:hover{color:var(--color-text);background:var(--color-backgroundSecondary)}.report-modal-subtitle{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.report-categories{display:flex;flex-direction:column;gap:.25rem}.report-category{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:none;cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text);transition:background-color .15s,border-color .15s}.report-category:hover{background:var(--color-backgroundSecondary)}.report-category.selected{border-color:var(--color-accent);background:var(--color-backgroundSecondary)}.report-radio{flex-shrink:0;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;margin-top:.125rem;position:relative;transition:border-color .15s}.report-radio.checked{border-color:var(--color-accent)}.report-radio.checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent)}.report-category-text{display:flex;flex-direction:column;gap:.125rem}.report-category-label{font-size:.8125rem;font-weight:600}.report-category-desc{font-size:.75rem;color:var(--color-mutedText);line-height:1.4}.report-reason-label{font-size:.8125rem;font-weight:600;display:block;margin-bottom:-.25rem}.report-reason-input{width:100%;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);color:var(--color-text);font-family:inherit;font-size:.8125rem;resize:vertical;min-height:3.5rem;box-sizing:border-box}.report-reason-input:focus{outline:none;border-color:var(--color-accent)}.report-reason-input::placeholder{color:var(--color-mutedText)}.report-char-count{font-size:.6875rem;color:var(--color-mutedText);text-align:right;display:block;margin-top:-.375rem}.report-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.report-cancel-btn,.report-submit-btn,.report-done-btn{padding:.4375rem .875rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.report-cancel-btn{background:var(--color-backgroundSecondary);color:var(--color-text)}.report-cancel-btn:hover{background:var(--color-border)}.report-submit-btn{background:#e53e3e;border-color:#e53e3e;color:#fff}.report-submit-btn:hover:not(:disabled){opacity:.9}.report-submit-btn:disabled{opacity:.5;cursor:default}.report-done-btn{background:var(--color-accent);border-color:var(--color-accent);color:#fff;width:100%}.report-done-btn:hover{opacity:.9}.report-result{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.report-result-title{font-size:1rem;font-weight:700;margin:0}.report-result-desc{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.not-found-page{position:relative;overflow:hidden}.not-found-page .hero{position:relative;z-index:1;pointer-events:auto}.not-found-page .hero h1{font-size:6rem;color:var(--color-accent)}.back-link{display:inline-block;padding:.625rem 1.5rem;background:var(--color-accent);color:var(--color-primaryText);text-decoration:none;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:filter .15s;cursor:pointer}.back-link:hover{filter:brightness(.9)}.chasing-cat{position:fixed;top:0;left:0;z-index:10;pointer-events:none}.notif-page{display:flex;flex-direction:column;height:100%}.notif-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.notif-title{font-size:1.25rem;font-weight:700;margin:0}.notif-filters{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0;overflow-x:auto}.notif-filter{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;border-radius:1rem;background:var(--color-backgroundSecondary);color:var(--color-text);font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.notif-filter:hover{background:var(--color-tint)}.notif-filter.active{background:var(--color-accent);color:#fff}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--color-mutedText);padding:2rem 1rem;font-size:.875rem;font-style:italic}.notif-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--color-border);background:none;color:var(--color-text);font-family:inherit;cursor:pointer;text-align:left;transition:background-color .15s}.notif-item:hover{background:var(--color-backgroundSecondary)}.notif-item.unread{background:#6495ed0f}.notif-item.unread:hover{background:#6495ed1f}.notif-item-content{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.notif-item-message{font-size:.875rem;line-height:1.4}.notif-unread-text{font-weight:600}.notif-item-comment{font-size:.8125rem;color:var(--color-mutedText);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-time{font-size:.75rem;color:var(--color-mutedText)}.notif-unread-dot{width:.5rem;height:.5rem;border-radius:50%;background:#4169e1;flex-shrink:0}.freq-sections{border-top:1px solid var(--color-border)}.freq-section{border-bottom:1px solid var(--color-border)}.freq-section-header{display:flex;align-items:center;gap:.375rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--color-text);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s}.freq-section-header:hover{background:var(--color-backgroundSecondary)}.freq-item{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem .5rem 2rem;border-bottom:1px solid var(--color-border)}.freq-item:last-child{border-bottom:none}.freq-item-avatar-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.freq-item-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.freq-item-names{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.freq-item-name{font-size:.875rem;font-weight:600}.freq-item-username{font-size:.8125rem;color:var(--color-mutedText)}.freq-item-badges{display:inline-flex;gap:.125rem}.freq-item-bio{font-size:.8125rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.freq-item-actions{display:flex;gap:.375rem;flex-shrink:0}.freq-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary);color:var(--color-text);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.freq-btn-accept{color:var(--color-accent)}.freq-btn-accept:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.freq-btn-decline:hover{background:#e53e3e;border-color:#e53e3e;color:#fff}.header-image-banner{width:100%;height:12rem;overflow:hidden;flex-shrink:0;background:var(--color-tint)}.header-image-banner img{width:100%;height:100%;object-fit:cover;display:block}.post-page{display:flex;flex-direction:column;height:100%}.post-page-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.post-page-inner{max-width:28rem;width:100%;margin:0 auto}.post-page-author{display:flex;align-items:center;gap:.625rem;padding:.75rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .15s}.post-page-author:hover{background:var(--color-backgroundSecondary)}.post-page-author-info{display:flex;flex-direction:column;min-width:0}.post-page-author-name{font-size:.875rem;font-weight:600;color:var(--color-primaryText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-page-author-username{font-size:.75rem;color:var(--color-mutedText)}.post-page-author-badges{display:flex;gap:.25rem;flex-wrap:wrap}.post-page-comments-header{font-size:.8125rem;font-weight:600;color:var(--color-mutedText);padding:.75rem;border-bottom:1px solid var(--color-border)}.post-page-comments-empty{text-align:center;color:var(--color-mutedText);font-size:.8125rem;font-style:italic;padding:2rem 0}.post-page-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-mutedText);font-size:.875rem}.post-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.75rem;padding:2rem}.post-page-error-text{color:var(--color-mutedText);font-size:.875rem}.post-page-back-btn{background:none;border:1px solid var(--color-border);border-radius:.375rem;padding:.4375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--color-accent);cursor:pointer;transition:background-color .15s}.post-page-back-btn:hover{background:var(--color-backgroundSecondary)}.comments-input-container{flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-background)}.comments-input{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem}.comments-input-wrapper{position:relative;flex:1;min-width:0}.comments-input input{width:100%;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-family:inherit;background:var(--color-background);color:var(--color-text);outline:none;transition:border-color .15s}.comments-input input:focus{border-color:var(--color-accent)}.comments-input>button[type=submit]{background:var(--color-accent);color:var(--color-primaryText);border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:filter .15s;white-space:nowrap}.comments-input>button[type=submit]:hover:not(:disabled){filter:brightness(.9)}.comments-input>button[type=submit]:disabled{opacity:.5;cursor:default}.comments-more-wrapper{position:relative;flex-shrink:0}.comments-more-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);font-size:1.125rem;padding:0;transition:background-color .15s}.comments-more-btn:hover:not(:disabled){background:var(--color-backgroundSecondary)}.comments-more-btn:disabled{opacity:.5;cursor:default}.comments-more-menu{position:absolute;bottom:calc(100% + .5rem);left:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 2px 8px #00000026;min-width:10rem;z-index:10;overflow:hidden}.comments-more-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.8125rem;font-family:inherit;color:var(--color-text);cursor:pointer}.comments-more-menu button:hover:not(:disabled){background:var(--color-backgroundSecondary)}.comments-more-menu button:disabled{opacity:.5;cursor:default}.comments-media-preview{position:relative;padding:.5rem 1rem 0}.comments-media-preview img{display:block;max-height:8rem;max-width:100%;border-radius:.5rem;object-fit:contain}.comments-media-remove{position:absolute;top:.75rem;left:1.25rem;width:1.25rem;height:1.25rem;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.comments-gif-picker-wrapper{padding:0 .5rem;max-height:20rem;overflow-y:auto}.comments-mention-dropdown{position:absolute;bottom:calc(100% + .25rem);left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}.comments-mention-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text)}.comments-mention-option:last-child{border-bottom:none}.comments-mention-option:hover{background:var(--color-backgroundSecondary)}.comments-mention-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}.comments-mention-name{font-size:.8125rem;font-weight:500}.webcam-container{border-radius:.5rem;overflow:hidden;background:#000}.webcam-video{width:100%;display:block;object-fit:contain;border-radius:.5rem}.webcam-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.webcam-control-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.webcam-capture-btn{width:3.5rem;height:3.5rem;border-radius:50%;border:3px solid var(--color-accent);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.webcam-capture-inner{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-accent);display:block}.webcam-error{color:#fff;padding:1rem;text-align:center;font-size:.875rem}.webcam-cancel-text{color:var(--color-accent);background:none;border:none;padding:.75rem;cursor:pointer;font-size:.875rem;font-family:inherit;width:100%;text-align:center}.now-playing-picker{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-background)}.now-playing-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.now-playing-picker-title{font-size:.8125rem;font-weight:600;color:var(--color-text)}.now-playing-picker-cancel{background:none;border:none;cursor:pointer;color:var(--color-mutedText);font-size:.875rem;font-family:inherit;padding:.25rem}.now-playing-picker-list{max-height:12rem;overflow-y:auto}.now-playing-picker-status{padding:1rem;text-align:center;color:var(--color-mutedText);font-size:.8125rem;margin:0}.now-playing-track-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text)}.now-playing-track-btn:last-child{border-bottom:none}.now-playing-track-btn:hover{background:var(--color-backgroundSecondary)}.now-playing-track-art{width:2rem;height:2rem;border-radius:.25rem;object-fit:cover;flex-shrink:0}.now-playing-track-art-placeholder{width:2rem;height:2rem;border-radius:.25rem;background:var(--color-backgroundSecondary);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-mutedText);flex-shrink:0}.now-playing-track-info{flex:1;min-width:0;display:flex;flex-direction:column}.now-playing-track-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-track-artist{font-size:.75rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--color-accent);background:var(--color-tint);padding:.125rem .375rem;border-radius:.25rem;flex-shrink:0}.post-composer{flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-background);padding:.75rem 1rem}.post-composer-inner{display:flex;flex-direction:column;gap:.5rem;max-width:28rem;margin:0 auto}.post-composer-row{display:flex;align-items:center;gap:.5rem}.post-composer-more-wrapper{position:relative;flex-shrink:0}.post-composer-menu{position:absolute;bottom:calc(100% + .5rem);left:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 2px 8px #00000026;min-width:10rem;z-index:10;overflow:hidden}.post-composer-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:none;border:none;text-align:left;font-size:.875rem;font-family:inherit;color:var(--color-text);cursor:pointer}.post-composer-menu button:hover:not(:disabled){background:var(--color-backgroundSecondary)}.post-composer-menu button:disabled{opacity:.5;cursor:default}.post-composer-images{display:flex;gap:.5rem;overflow-x:auto}.post-composer-image-wrapper{position:relative;flex-shrink:0}.post-composer-image-wrapper img{height:5rem;border-radius:.5rem;display:block}.post-composer-image-remove{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.post-composer-track{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary)}.post-composer-track-art{width:2rem;height:2rem;border-radius:.25rem;object-fit:cover;flex-shrink:0}.post-composer-track-art-placeholder{width:2rem;height:2rem;border-radius:.25rem;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-mutedText);flex-shrink:0}.post-composer-track-info{flex:1;min-width:0;display:flex;flex-direction:column}.post-composer-track-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-composer-track-artist{font-size:.75rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-composer-track-remove,.post-composer-preview-remove{background:none;border:none;cursor:pointer;color:var(--color-mutedText);font-size:.75rem;padding:.25rem;flex-shrink:0}.post-composer-track-remove:hover,.post-composer-preview-remove:hover{color:var(--color-text)}.post-composer-more{background:none;border:1px solid var(--color-border);border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);font-size:1.25rem;flex-shrink:0;padding:0;transition:background-color .15s}.post-composer-more:hover:not(:disabled){background:var(--color-backgroundSecondary)}.post-composer-more:disabled{opacity:.5;cursor:default}.post-composer-input{width:100%;flex:1;min-width:0;border:1px solid var(--color-border);border-radius:1.25rem;padding:.5rem 1rem;font-size:.875rem;font-family:inherit;background:var(--color-background);color:var(--color-text);outline:none;transition:border-color .15s;resize:none;max-height:15rem;overflow-y:auto}.post-composer-input:focus{border-color:var(--color-accent)}.post-composer-input:disabled{opacity:.5}.post-composer-send{background:var(--color-accent);border:none;border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primaryText);flex-shrink:0;padding:0;transition:filter .15s}.post-composer-send:hover:not(:disabled){filter:brightness(.9)}.post-composer-send:disabled{opacity:.5;cursor:default}.post-composer-gif{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border)}.post-composer-gif img{display:block;max-height:10rem;width:auto;border-radius:.5rem}.post-composer-gif-remove{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.post-composer-location{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary)}.post-composer-location-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.post-composer-location-info{flex:1;min-width:0;display:flex;flex-direction:column}.post-composer-location-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-composer-location-meta{font-size:.75rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-composer-audio{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary)}.post-composer-audio-label{font-size:.8125rem;font-weight:500;flex:1}.post-composer-audio audio{height:2rem;flex:1;min-width:0}.post-composer-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-backgroundSecondary)}.post-composer-link-favicon{width:1rem;height:1rem;flex-shrink:0;border-radius:.125rem}.post-composer-link-info{flex:1;min-width:0;display:flex;flex-direction:column}.post-composer-link-title{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-composer-link-domain{font-size:.75rem;color:var(--color-mutedText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-composer-mention-wrapper{position:relative}.post-composer-mentions{position:absolute;bottom:calc(100% + .25rem);left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}.post-composer-mention-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text)}.post-composer-mention-btn:last-child{border-bottom:none}.post-composer-mention-btn:hover{background:var(--color-backgroundSecondary)}.post-composer-mention-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}.post-composer-mention-name{font-size:.8125rem;font-weight:500}.post-composer-slash-menu{position:absolute;bottom:calc(100% + .25rem);left:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 2px 8px #00000026;min-width:14rem;z-index:10;overflow:hidden}.post-composer-slash-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-bottom:1px solid var(--color-border);text-align:left;font-size:.8125rem;font-family:inherit;color:var(--color-text);cursor:pointer}.post-composer-slash-item:last-child{border-bottom:none}.post-composer-slash-item:hover:not(:disabled){background:var(--color-backgroundSecondary)}.post-composer-slash-item:disabled{opacity:.5;cursor:default}.profile-page{display:flex;flex-direction:column;height:100%;padding:0}.profile-header-sticky{flex-shrink:0;border-bottom:1px solid var(--color-border);padding:1rem;display:flex;justify-content:center;background:var(--color-background);z-index:1}.unread-banner{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1rem;background:var(--color-accent);color:var(--color-primaryText);border:none;border-bottom:1px solid var(--color-border);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .15s}.unread-banner:hover{opacity:.9}.profile-posts{flex:1;min-height:0}.profile-virtuoso{height:100%!important}.profile-virtuoso [data-virtuoso-scroller]>div{max-width:28rem;margin:0 auto}.profile-posts-empty{text-align:center;color:var(--color-mutedText);font-size:.875rem;font-style:italic;padding:2rem 0}.profile-load-more{display:block;width:100%;padding:.625rem;background:none;border:none;border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:600;font-family:inherit;color:var(--color-accent);cursor:pointer;transition:background-color .15s}.profile-load-more:hover:not(:disabled){background:var(--color-backgroundSecondary)}.profile-load-more:disabled{opacity:.5;cursor:default}.post-pending{display:flex;align-items:center;justify-content:center;min-height:4rem;padding:1.5rem}.post-pending-spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:pendingSpin .6s linear infinite}@keyframes pendingSpin{to{transform:rotate(360deg)}}.post-fade-in{animation:postFadeIn .4s ease-out}@keyframes postFadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.post-pending-spinner{animation:none;border-top-color:var(--color-mutedText)}.post-fade-in{animation:none}}.profile-card{width:100%;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.profile-info{display:flex;flex-direction:row;align-items:center;gap:.25rem}.profile-avatar{margin-bottom:.5rem}.profile-names{display:flex;flex-direction:row;align-items:center;gap:.25rem}.profile-display-name{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.profile-username{font-size:.875rem;color:var(--color-mutedText)}.profile-badges{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}.profile-bio{font-size:.875rem;color:var(--color-text);line-height:1.6;max-width:24rem;white-space:pre-wrap}.profile-edit-link{background:none;border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-mutedText);cursor:pointer;text-decoration:none}.profile-edit-link:hover{background:var(--color-backgroundSecondary)}.profile-menu-wrapper{position:relative}.profile-menu-trigger{background:none;border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;color:var(--color-mutedText);cursor:pointer;transition:background-color .15s}.profile-menu-trigger:hover{background:var(--color-backgroundSecondary)}.profile-menu-backdrop{position:fixed;inset:0;z-index:40}.profile-menu{position:absolute;top:calc(100% + .375rem);right:0;min-width:10rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem;z-index:41;box-shadow:0 4px 12px #0000001a}.profile-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:.375rem;background:none;color:var(--color-text);font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background-color .15s;text-align:left;white-space:nowrap}.profile-menu-item:hover{background:var(--color-backgroundSecondary)}.profile-star-filled{color:var(--color-accent);fill:var(--color-accent)}.profile-menu-item-danger{color:#e53e3e}.profile-menu-item-danger:hover{background:#e53e3e14}.profile-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;z-index:41;display:flex;flex-direction:column;gap:.625rem}.profile-confirm-title{font-size:1rem;font-weight:700;margin:0}.profile-confirm-message{font-size:.8125rem;color:var(--color-mutedText);margin:0;line-height:1.5}.profile-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.profile-confirm-btn{padding:.4375rem .875rem;border:1px solid var(--color-border);border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.profile-confirm-cancel{background:var(--color-backgroundSecondary);color:var(--color-text)}.profile-confirm-cancel:hover{background:var(--color-border)}.profile-confirm-danger{background:#e53e3e;border-color:#e53e3e;color:#fff}.profile-confirm-danger:hover:not(:disabled){opacity:.9}.profile-confirm-danger:disabled{opacity:.5;cursor:default}.settings-page{justify-content:flex-start;padding:0;flex-direction:column;align-items:center}.settings-page:not(:has(.header-image-banner)){padding-top:3rem}.settings-card{width:100%;max-width:28rem;padding:2rem 1rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.settings-card h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.settings-avatar{display:flex;align-items:center;gap:.75rem}.settings-avatar-name{font-size:.875rem;color:var(--color-mutedText)}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-field{display:flex;flex-direction:column;gap:.25rem}.settings-field span{font-size:.8125rem;font-weight:500;color:var(--color-mutedText)}.settings-field input,.settings-field textarea{border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;background:var(--color-background);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s;resize:vertical}.settings-field input:focus,.settings-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-tint)}.settings-field input:disabled,.settings-field textarea:disabled{opacity:.5}.settings-input-with-status{position:relative;display:flex;align-items:center}.settings-input-with-status input{width:100%;padding-right:2.25rem}.username-status{position:absolute;right:.625rem;font-size:1rem;font-weight:600;line-height:1;pointer-events:none}.username-status.checking{color:var(--color-mutedText)}.username-status.available{color:var(--color-success, #059669)}.username-status.taken{color:var(--color-destructive)}.settings-message{font-size:.8125rem}.settings-message.success{color:var(--color-success, #059669)}.settings-message.error{color:var(--color-destructive)}.settings-save{background:var(--color-accent);color:var(--color-primaryText);border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:filter .15s}.settings-save:hover:not(:disabled){filter:brightness(.9)}.settings-save:disabled{opacity:.5;cursor:default}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-section h2{font-size:1.125rem;font-weight:600;letter-spacing:-.015em}.settings-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.settings-toggle span{font-size:.875rem;color:var(--color-text)}.settings-toggle.disabled span{color:var(--color-mutedText)}.settings-toggle input[type=checkbox]{appearance:none;width:2.75rem;height:1.5rem;border-radius:.75rem;background:var(--color-border);position:relative;cursor:pointer;flex-shrink:0;transition:background-color .15s}.settings-toggle input[type=checkbox]:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;transition:transform .15s}.settings-toggle input[type=checkbox]:checked{background:var(--color-accent)}.settings-toggle input[type=checkbox]:checked:after{transform:translate(1.25rem)}.settings-toggle input[type=checkbox]:disabled{opacity:.4;cursor:default}.accent-color-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.accent-color-label{font-size:.875rem;color:var(--color-text)}.accent-color-swatches{display:flex;gap:.625rem;flex-wrap:wrap}.accent-color-swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}.accent-color-swatch:hover{transform:scale(1.1)}.accent-color-swatch.selected{border-color:var(--color-tint);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-border)}.accent-color-swatch:disabled{opacity:.4;cursor:default;transform:none}.accent-color-hint{font-size:.8125rem;color:var(--color-mutedText);margin:0}.accent-color-section.disabled .accent-color-label{color:var(--color-mutedText)}.lastfm-card{border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--color-backgroundSecondary)}.lastfm-card-header{display:flex;align-items:center;gap:.5rem}.lastfm-icon{font-size:1rem;color:var(--color-accent)}.lastfm-title{font-size:1rem;font-weight:700;color:var(--color-text)}.lastfm-connected{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem;color:var(--color-text)}.lastfm-disconnect{background:none;border:1px solid var(--color-destructive);border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:var(--color-destructive);cursor:pointer;transition:background-color .15s;white-space:nowrap}.lastfm-disconnect:hover{background:var(--color-destructive);color:var(--color-primaryText)}.lastfm-description{font-size:.8125rem;color:var(--color-mutedText);margin-bottom:.5rem}.lastfm-hint{font-size:.8125rem;color:var(--color-mutedText)}.lastfm-input-section{display:flex;flex-direction:column;gap:.5rem}.lastfm-input{border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;background:var(--color-background);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.lastfm-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-tint)}.lastfm-input:disabled{opacity:.5}.lastfm-error{font-size:.75rem;color:var(--color-destructive)}.lastfm-input-actions{display:flex;gap:.5rem}.lastfm-cancel,.lastfm-connect-btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .15s}.lastfm-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text)}.lastfm-cancel:hover:not(:disabled){background:var(--color-backgroundSecondary)}.lastfm-connect-btn{background:var(--color-accent);color:var(--color-primaryText);border:none}.lastfm-connect-btn:hover:not(:disabled){filter:brightness(.9)}.lastfm-connect-btn:disabled,.lastfm-cancel:disabled{opacity:.5;cursor:default}.settings-logout{background:none;border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--color-destructive);cursor:pointer;transition:background-color .15s}.settings-logout:hover{background:var(--color-backgroundSecondary)}.settings-toggle-section{display:flex;align-items:center;gap:.5rem}.settings-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--color-text);padding:.25rem 0;cursor:pointer}.settings-link span{font-size:.875rem}.settings-link-chevron{color:var(--color-mutedText)}.settings-hint{font-size:.8125rem;color:var(--color-mutedText)}.notif-settings-back{display:flex;align-items:center;gap:.375rem;text-decoration:none;color:var(--color-accent);font-size:.875rem;font-weight:500}.notif-settings-back:hover{text-decoration:underline}.notif-settings-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.notif-settings-master{padding-bottom:1rem;margin-bottom:.5rem}.notif-settings-info{flex:1;margin-right:1rem;display:flex;flex-direction:column;gap:.125rem}.notif-settings-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.notif-settings-label.disabled{color:var(--color-mutedText);opacity:.5}.notif-settings-description{font-size:.75rem;color:var(--color-mutedText)}.notif-settings-description.disabled{opacity:.5}.notif-settings-types{display:flex;flex-direction:column;margin-top:.5rem}.notif-settings-types-header{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-mutedText);margin-bottom:.25rem}.notif-settings-types-header.disabled{opacity:.5}.shop-page{align-items:stretch;padding:0}.shop-header{padding:1.5rem 1rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.shop-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.shop-points-banner{display:flex;align-items:center;gap:.5rem;background:var(--color-tint);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600}.shop-points-icon{width:1.5rem;height:1.5rem;border-radius:50%;background:gold;display:flex;align-items:center;justify-content:center;font-size:.75rem}.shop-purchase-success{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#4caf50;color:#fff;font-size:.875rem;font-weight:600}.gift-burst-overlay{position:fixed;inset:0;z-index:200;pointer-events:none;display:flex;align-items:center;justify-content:center}.gift-burst-particle{position:absolute;color:gold;animation:gift-burst 1.4s ease-out forwards;opacity:0}@keyframes gift-burst{0%{transform:translate(0) rotate(0) scale(.3);opacity:1}25%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(0);opacity:0}}.shop-buy-points{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.shop-buy-points-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.shop-buy-points-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:.5rem;border:none;background:gold;color:#000;font-size:.8125rem;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s}.shop-buy-points-btn:hover:not(:disabled){opacity:.85}.shop-buy-points-btn:disabled{opacity:.6;cursor:default}.shop-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);overflow-x:auto;padding:0 .5rem}.shop-tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-mutedText);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit;transition:color .15s}.shop-tab:hover{color:var(--color-text)}.shop-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.shop-hint-row{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem}.shop-hint{font-size:.75rem;color:var(--color-mutedText);text-align:center}.shop-badge-count{font-size:.75rem;font-weight:600;color:var(--color-accent)}.shop-grid{padding:1.5rem;display:grid;gap:1.25rem}.shop-grid-sm{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.shop-grid-md{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.shop-grid-lg{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.shop-item{border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;cursor:pointer;background:var(--color-backgroundSecondary);transition:border-color .15s,transform .1s}.shop-item:hover{border-color:var(--color-accent)}.shop-item:active{transform:scale(.98)}.shop-item.equipped{border-color:var(--color-accent);border-width:2px}.shop-item-preview{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:1.5rem;overflow:hidden}.shop-item-preview img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.shop-item-preview:has(.shop-header-grid-img){padding:0}.shop-header-grid-img{border-radius:0}.shop-theme-dots{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.shop-theme-dot{width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.shop-reaction-emoji{font-size:6rem;line-height:1}.shop-font-preview{font-size:5rem;color:var(--color-text);text-align:center;line-height:1.2}.shop-item-info{padding:.5rem .625rem;display:flex;flex-direction:column;gap:.25rem}.shop-item-name{font-size:.8125rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-item-status{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:.625rem;align-self:flex-start}.shop-item-status.equipped-badge{background:var(--color-accent);color:var(--color-primaryText)}.shop-item-status.owned-badge{background:var(--color-backgroundSecondary);color:var(--color-mutedText)}.shop-item-price{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-mutedText)}.shop-item-price.free{color:#4caf50;font-weight:600}.shop-loading,.shop-empty{display:flex;align-items:center;justify-content:center;color:var(--color-mutedText);font-size:.875rem;padding:4rem 2rem}.shop-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.shop-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:1rem;max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.shop-modal-preview{display:flex;align-items:center;justify-content:center;background:var(--color-backgroundSecondary);border-radius:1rem 1rem 0 0;padding:1.5rem;flex-direction:column;gap:1rem}.shop-modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.shop-modal-name{font-size:1.125rem;font-weight:700;color:var(--color-text)}.shop-modal-desc{font-size:.8125rem;color:var(--color-mutedText);line-height:1.4}.shop-modal-price{font-size:.875rem;font-weight:600;color:var(--color-text)}.shop-modal-actions{display:flex;gap:.5rem}.shop-modal-actions button{flex:1;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:filter .15s}.shop-modal-actions button:hover:not(:disabled){filter:brightness(.9)}.shop-modal-actions button:disabled{opacity:.5;cursor:default}.shop-modal-buy,.shop-modal-equip{background:var(--color-accent);color:var(--color-primaryText);border:none}.shop-modal-unequip,.shop-modal-close{background:none;border:1px solid var(--color-border);color:var(--color-text)}.shop-modal-cant-afford{font-size:.75rem;color:var(--color-destructive);text-align:center}.theme-preview-area{padding:1rem;gap:1rem}.theme-mock-row{display:flex;gap:.75rem;width:100%}.theme-mock-column{flex:1;display:flex;flex-direction:column;gap:.375rem}.theme-mock-label{font-size:.6875rem;font-weight:600;color:var(--color-mutedText)}.theme-mock-device{border:1px solid;border-radius:.5rem;overflow:hidden}.theme-mock-nav{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-bottom:1px solid}.theme-mock-dot{width:.5rem;height:.5rem;border-radius:50%}.theme-mock-bar{height:.5rem;border-radius:.25rem}.theme-mock-bar-sm{height:.375rem;border-radius:.1875rem}.theme-mock-post{padding:.625rem;border-bottom:1px solid;display:flex;flex-direction:column;gap:.375rem}.theme-mock-post-header{display:flex;align-items:center;gap:.5rem}.theme-mock-avatar{width:1.25rem;height:1.25rem;border-radius:50%;flex-shrink:0}.theme-mock-post-meta{display:flex;flex-direction:column;gap:.1875rem}.theme-mock-actions{display:flex;gap:.375rem;margin-top:.125rem}.theme-mock-action-icon{width:.75rem;height:.75rem;border-radius:50%}.theme-mock-tabs{display:flex;justify-content:space-around;padding:.375rem 0;border-top:1px solid}.theme-mock-tab-icon{width:.875rem;height:.875rem;border-radius:.1875rem}.theme-swatches{display:flex;justify-content:center;gap:1.5rem}.theme-swatch-group{display:flex;gap:.5rem}.theme-swatch-item{display:flex;flex-direction:column;align-items:center;gap:.1875rem}.theme-swatch-dot{width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.theme-swatch-label{font-size:.5625rem;color:var(--color-mutedText);text-transform:capitalize}.frame-preview-area{padding:2rem}.badge-preview-area{padding:2.5rem;transform:scale(2)}.font-preview-area{padding:1.5rem;align-items:stretch}.font-sample{display:flex;flex-direction:column;gap:.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem}.font-sample-large{font-size:1.5rem;font-weight:700;color:var(--color-text)}.font-sample-medium{font-size:1.125rem;font-weight:600;color:var(--color-text);opacity:.8}.font-sample-regular{font-size:.875rem;color:var(--color-text);line-height:1.5}.font-slot-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.font-slot-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.font-slot-row{display:flex;flex-wrap:wrap;gap:.5rem}.font-slot-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border-radius:1.25rem;border:1px solid var(--color-border);background:none;color:var(--color-text);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.font-slot-chip:hover:not(:disabled){border-color:var(--color-accent)}.font-slot-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primaryText)}.font-slot-chip:disabled{opacity:.5;cursor:default}.font-slot-check{font-size:.75rem}.header-slot-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-slot-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.header-slot-row{display:flex;flex-wrap:wrap;gap:.5rem}.header-slot-chip{display:inline-flex;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .75rem;border-radius:1.25rem;border:1px solid var(--color-border);background:none;color:var(--color-text);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.header-slot-chip:hover:not(:disabled){border-color:var(--color-accent)}.header-slot-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primaryText)}.header-slot-chip:disabled{opacity:.5;cursor:default}.header-slot-check{font-size:.75rem}.reaction-preview-area{padding:3rem}.reaction-preview-emoji{font-size:5rem;line-height:1}.header-preview-area{padding:1rem;min-height:12rem}.header-reposition-container{position:relative;width:100%;height:12rem;overflow:hidden;border-radius:.75rem;-webkit-user-select:none;user-select:none;touch-action:none}.header-reposition-container.repositionable{cursor:grab}.header-reposition-container.dragging{cursor:grabbing}.header-reposition-container .header-preview-img{width:100%;height:100%;object-fit:cover;border-radius:.75rem;pointer-events:none}.header-preview-img{width:100%;max-height:20rem;object-fit:cover;border-radius:.75rem}.header-reposition-hint{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;pointer-events:none;white-space:nowrap}