:root{--bg-start: #FFE082;--bg-mid: #C5E1A5;--bg-end: #81D4FA;--card-bg: #FFFFFF;--card-bg-solid: #FFFFFF;--card-shadow: 0 2px 12px rgba(0, 0, 0, .07);--card-shadow-lg: 0 6px 24px rgba(0, 0, 0, .1);--card-radius: 20px;--card-radius-sm: 14px;--card-radius-xs: 10px;--accent-orange: #FF8F00;--accent-orange-light: #FFB74D;--accent-pink: #FF4081;--accent-purple: #7C4DFF;--accent-purple-light: #B388FF;--accent-green: #00C853;--accent-green-light: #69F0AE;--accent-red: #FF5252;--accent-red-light: #FF8A80;--accent-blue: #2979FF;--accent-blue-light: #82B1FF;--accent-teal: #00BFA5;--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-white: #FFFFFF;--text-link: #2979FF;--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: 11px;--font-sm: 13px;--font-base: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--z-base: 1;--z-card: 10;--z-nav: 100;--z-modal: 200;--z-toast: 300;--nav-height: 64px;--header-height: 56px;--ua-blue: #005BBB;--ua-yellow: #FFD500}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);color:var(--text-primary);background:linear-gradient(160deg,var(--bg-start) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);background-attachment:fixed;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + 16px)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:var(--font-family);font-size:var(--font-base);border:none;outline:none;background:none}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.pixel-logo{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.page{animation:pageIn .3s ease-out;padding:var(--space-lg)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes voteUp{0%{transform:scale(1)}50%{transform:scale(1.4);color:var(--accent-green)}to{transform:scale(1)}}@keyframes voteDown{0%{transform:scale(1)}50%{transform:scale(1.4);color:var(--accent-red)}to{transform:scale(1)}}.header{position:sticky;top:var(--space-md);margin:0 var(--space-md) var(--space-md) var(--space-md);border-radius:var(--card-radius);z-index:var(--z-nav);background:#fff;box-shadow:0 4px 16px #00000014;padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.header-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);flex-grow:1}.header-back+.header-title{margin-left:var(--space-md)}.header-title .flag{font-size:20px}.header-logo{width:28px;height:28px;border-radius:6px}.header-back{width:36px;height:36px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000f;color:var(--text-primary)}.header-back:hover{transform:scale(1.05)}.header-back:active{transform:scale(.95)}.header-actions{display:flex;gap:var(--space-sm)}.header-btn{width:36px;height:36px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000f;color:var(--text-secondary)}.header-btn:hover{transform:scale(1.05)}.header-btn:active{transform:scale(.95)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);background:#fff;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-around;height:var(--nav-height);padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-md);cursor:pointer;transition:all .2s;border-radius:var(--card-radius-xs);min-width:56px;position:relative;color:var(--text-tertiary)}.nav-item:active{transform:scale(.92)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-icon .icon{width:22px;height:22px}.nav-label{font-size:var(--font-xs);font-weight:500;color:var(--text-tertiary);transition:all .2s}.nav-item.active{color:var(--accent-orange)}.nav-item.active .nav-icon .icon{stroke-width:2.5}.nav-item.active .nav-label{color:var(--accent-orange);font-weight:700}.nav-badge{position:absolute;top:0;right:4px;background:var(--accent-red);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.card{background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-lg);transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.985)}.card-sm{border-radius:var(--card-radius-sm);padding:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:50px;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.95)}.btn-primary,.btn-danger,.btn-success,.btn-purple,.btn-blue,.btn-teal,.btn-pink{background:var(--accent-orange);color:#fff;border:none;box-shadow:0 2px 8px #0000001a}.btn-danger{background:var(--accent-red)}.btn-purple{background:var(--accent-purple)}.btn-blue{background:var(--accent-blue)}.btn-success{background:var(--accent-green)}.btn-teal{background:var(--accent-teal)}.btn-pink{background:var(--accent-pink)}.btn-primary .icon,.btn-danger .icon,.btn-success .icon,.btn-purple .icon,.btn-blue .icon,.btn-teal .icon,.btn-pink .icon{margin-right:6px}.btn-primary:hover,.btn-danger:hover,.btn-success:hover,.btn-purple:hover,.btn-blue:hover,.btn-teal:hover,.btn-pink:hover{opacity:.9}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--font-xs)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-base)}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;font-size:18px}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#0000000a}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);background:#00000008;border:2px solid transparent;border-radius:var(--card-radius-sm);font-size:var(--font-base);color:var(--text-primary);transition:all .2s;line-height:1.5}.form-input:focus{border-color:var(--accent-orange);background:#fff;box-shadow:0 0 0 4px #ff8f001a}.form-input::placeholder{color:var(--text-tertiary)}textarea.form-input{min-height:100px;resize:vertical;line-height:1.6}.form-file{position:relative;overflow:hidden}.form-file input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.form-file-label{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);border:2px dashed var(--border-medium);border-radius:var(--card-radius-sm);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.form-file-label:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff8f000a}.form-switch{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0}.form-switch-label{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.switch{position:relative;display:inline-block;width:48px;height:28px;cursor:pointer;flex-shrink:0}.switch input{display:none}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;border-radius:14px;transition:all .3s}.switch-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #00000026}.switch input:checked+.switch-slider{background:var(--accent-orange)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.post-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:var(--space-md);animation:fadeIn .3s ease-out;transition:transform .2s}.post-card:active{transform:scale(.98)}.post-card.pinned{border:2px solid var(--accent-orange);position:relative}.post-card.pinned:before{content:"";position:absolute;top:var(--space-md);right:var(--space-md);width:20px;height:20px;z-index:2;background:var(--accent-orange);border-radius:50%}.post-image{width:100%;height:180px;object-fit:cover;background:#0000000a}.post-image-placeholder{width:100%;height:180px;background:var(--accent-pink);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#fff9}.post-body{padding:var(--space-lg)}.post-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.post-author-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-purple);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-xs);font-weight:700;flex-shrink:0;overflow:hidden}.post-author-avatar img{width:100%;height:100%;object-fit:cover}.post-author-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.post-time{font-size:var(--font-xs);color:var(--text-tertiary);margin-left:auto}.post-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.35}.post-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#2979ff14;border-radius:8px;font-size:var(--font-xs);color:var(--accent-blue);font-weight:500;margin-bottom:var(--space-md);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-link .icon{width:14px;height:14px}.post-actions{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.vote-group{display:flex;align-items:center;gap:2px;background:#00000008;border-radius:50px;padding:2px}.vote-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px}.vote-btn:hover{background:#0000000f}.vote-btn:active{transform:scale(.85)}.vote-btn.upvoted{color:var(--accent-green);background:#00c8531a}.vote-btn.downvoted{color:var(--accent-red);background:#ff52521a}.vote-btn.vote-animate-up{animation:voteUp .3s ease}.vote-btn.vote-animate-down{animation:voteDown .3s ease}.vote-score{font-size:var(--font-sm);font-weight:700;min-width:28px;text-align:center;color:var(--text-primary)}.post-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:50px;font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.post-action-btn:hover{background:#0000000a}.post-action-btn:active{transform:scale(.92)}.post-action-btn .icon{width:16px;height:16px}.post-action-btn.working{background:#ff8f001a;color:var(--accent-orange);font-weight:600}.post-workers{margin-left:auto;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-tertiary)}.post-workers .icon{width:14px;height:14px}.post-detail-image{width:100%;height:240px;object-fit:cover;border-radius:var(--card-radius);margin-bottom:var(--space-lg)}.post-detail-title{font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-md);line-height:1.25}.post-detail-desc{font-size:var(--font-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl);white-space:pre-wrap}.post-detail-meta{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.post-detail-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-lg);background:#00000008;border-radius:var(--card-radius-sm);min-width:80px}.post-detail-stat-value{font-size:var(--font-xl);font-weight:800}.post-detail-stat-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.template-inline{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-md)}.template-inline-preview{width:56px;height:56px;border-radius:var(--card-radius-xs);overflow:hidden;flex-shrink:0;background:#00000008}.template-inline-preview img{width:100%;height:100%;object-fit:cover}.template-inline-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.template-inline-info span{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.template-inline-info .icon{width:16px;height:16px}.template-inline-info span .icon{color:var(--accent-purple)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.stat-card{background:#fff;border-radius:var(--card-radius-sm);box-shadow:var(--card-shadow);padding:var(--space-lg) var(--space-md);text-align:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-votes:before{background:var(--accent-green)}.stat-people:before{background:var(--accent-purple)}.stat-accounts:before{background:var(--accent-blue)}.stat-subscribers:before{background:var(--accent-red)}.stat-card-icon{display:flex;justify-content:center;margin-bottom:var(--space-xs)}.stat-card-icon .icon{width:20px;height:20px}.stat-votes .stat-card-icon{color:var(--accent-green)}.stat-people .stat-card-icon{color:var(--accent-purple)}.stat-accounts .stat-card-icon{color:var(--accent-blue)}.stat-subscribers .stat-card-icon{color:var(--accent-red)}.stat-card-value{font-size:var(--font-2xl);font-weight:800;line-height:1.2}.stat-card-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px;font-weight:500}.post-chat-container{display:flex;flex-direction:column}.post-chat-messages{flex:1;padding:var(--space-md);min-height:80px;display:flex;flex-direction:column;gap:var(--space-sm)}.load-more-btn{background:transparent;border:1px dashed var(--border-light);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;padding:var(--space-sm);border-radius:var(--card-radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.load-more-btn:hover{background:#00000005;color:var(--text-primary)}.reply-preview-close:hover{background:var(--bg-glass-heavy);color:var(--text-color)}@keyframes highlightPulse{0%{background-color:var(--bg-glass-heavy)}50%{background-color:var(--button-bg-hover)}to{background-color:#0000}}.highlight-msg{animation:highlightPulse 2s ease-out;border-radius:12px}.feed-search{width:100%}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:#fff;border-radius:50px;padding:var(--space-sm) var(--space-lg);box-shadow:var(--card-shadow)}.search-input-wrapper .icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-sm);color:var(--text-primary);padding:var(--space-xs) 0}.search-input::placeholder{color:var(--text-tertiary)}.feed-controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.sort-toggle{display:flex;background:var(--card-bg);border-radius:50px;box-shadow:var(--card-shadow);padding:3px;flex:1}.sort-btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:50px;font-size:var(--font-sm);font-weight:600;text-align:center;cursor:pointer;transition:all .25s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.sort-btn .icon{width:16px;height:16px}.sort-btn.active{background:var(--accent-orange);color:#fff;box-shadow:0 2px 8px #0000001a}.alliance-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-lg);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-lg);cursor:pointer;transition:all .2s;animation:fadeIn .3s ease-out}.alliance-card:active{transform:scale(.98)}.alliance-card.pinned{border:2px solid var(--accent-purple)}.alliance-avatar{width:56px;height:56px;border-radius:16px;background:var(--accent-purple);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-2xl);font-weight:800;flex-shrink:0}.alliance-info{flex:1;min-width:0}.alliance-name{font-size:var(--font-base);font-weight:700;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alliance-desc{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alliance-meta{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xs)}.alliance-stat{font-size:var(--font-xs);color:var(--text-secondary);display:flex;align-items:center;gap:3px}.alliance-stat .icon{width:14px;height:14px}.alliance-badge{padding:2px var(--space-sm);border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:3px}.alliance-badge .icon{width:12px;height:12px}.alliance-badge.open{background:#00c8531a;color:var(--accent-green)}.alliance-badge.closed{background:#ff52521a;color:var(--accent-red)}.alliance-arrow{color:var(--text-tertiary);font-size:18px}.alliance-header-card{background:var(--ua-blue);border-radius:var(--card-radius);padding:var(--space-2xl);color:#fff;margin-bottom:var(--space-lg);position:relative;overflow:hidden}.alliance-header-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff0f;top:-80px;right:-40px}.alliance-header-name{font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-sm)}.alliance-header-desc{font-size:var(--font-sm);opacity:.85;line-height:1.6;margin-bottom:var(--space-lg)}.alliance-header-stats{display:flex;gap:var(--space-xl)}.alliance-header-stat{text-align:center}.alliance-header-stat-value{font-size:var(--font-xl);font-weight:800}.alliance-header-stat-label{font-size:var(--font-xs);opacity:.7}.alliance-links{margin-bottom:var(--space-lg)}.alliance-link-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--card-bg);border-radius:var(--card-radius-sm);margin-bottom:var(--space-sm);font-size:var(--font-sm);color:var(--accent-blue);cursor:pointer;transition:all .2s}.alliance-link-item .icon{width:16px;height:16px}.alliance-link-item:hover{background:#2979ff0f}.alliance-tabs{display:flex;background:var(--card-bg);border-radius:50px;padding:3px;margin-bottom:var(--space-lg);box-shadow:var(--card-shadow)}.alliance-tab{flex:1;padding:var(--space-sm) var(--space-md);border-radius:50px;font-size:var(--font-sm);font-weight:600;text-align:center;cursor:pointer;transition:all .25s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.alliance-tab .icon{width:16px;height:16px}.alliance-tab.active{background:var(--ua-blue);color:#fff;box-shadow:0 2px 8px #0000001a}.chat-container{flex:1;display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - var(--nav-height) - 32px);height:calc(100dvh - var(--header-height) - var(--nav-height) - 32px)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.chat-message{display:flex;gap:var(--space-sm);animation:fadeIn .2s ease;max-width:85%}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-teal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-xs);font-weight:700;flex-shrink:0;overflow:hidden}.chat-msg-avatar img{width:100%;height:100%;object-fit:cover}.chat-msg-bubble{background:var(--card-bg);border-radius:18px 18px 18px 4px;padding:var(--space-sm) var(--space-md);box-shadow:0 1px 4px #0000000f;position:relative}.chat-message.own .chat-msg-bubble{background:var(--accent-orange);color:#fff;border-radius:18px 18px 4px}.chat-msg-author{font-size:var(--font-xs);font-weight:700;color:var(--accent-purple);margin-bottom:2px}.chat-message.own .chat-msg-author{color:#fffc}.chat-msg-text{font-size:var(--font-sm);line-height:1.5;word-break:break-word}.chat-msg-time{font-size:10px;color:var(--text-tertiary);margin-top:2px;text-align:right}.chat-message.own .chat-msg-time{color:#fff9}.chat-link-preview{background:#0000000a;border-radius:var(--card-radius-xs);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);border-left:3px solid var(--accent-orange);cursor:pointer}.chat-message.own .chat-link-preview{background:#ffffff26;border-left-color:#ffffff80}.chat-link-preview-title{font-size:var(--font-xs);font-weight:700;margin-bottom:2px;display:flex;align-items:center;gap:var(--space-xs)}.chat-link-preview-title .icon{width:14px;height:14px}.chat-link-preview-desc{font-size:11px;opacity:.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-embed-card{background:linear-gradient(135deg,#ff8f0014,#7c4dff14);border:1px solid rgba(255,143,0,.2);border-radius:var(--card-radius-sm);padding:var(--space-md);margin-top:var(--space-sm);cursor:pointer;transition:all .2s}.chat-embed-card:active{transform:scale(.97)}.chat-message.own .chat-embed-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff40}.chat-embed-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-orange);margin-bottom:var(--space-xs)}.chat-message.own .chat-embed-badge{color:#ffffffb3}.chat-embed-title{font-size:var(--font-sm);font-weight:700;line-height:1.35;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-embed-action{font-size:var(--font-xs);font-weight:600;color:var(--accent-blue)}.chat-message.own .chat-embed-action{color:#fffc}.chat-msg-delete{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:11px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000026;z-index:2}.chat-msg-reply{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-light);color:var(--text-secondary);font-size:11px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000001a;z-index:2}.chat-msg-delete~.chat-msg-reply{right:18px}.chat-msg-bubble:has(.chat-msg-delete) .chat-msg-reply{right:18px}.chat-msg-bubble:hover .chat-msg-delete,.chat-msg-bubble:active .chat-msg-delete,.chat-msg-bubble:hover .chat-msg-reply,.chat-msg-bubble:active .chat-msg-reply{display:flex}.chat-quote-block{border-left:3px solid var(--ua-blue);background:#00000008;padding:4px 8px;border-radius:4px;margin-bottom:6px;font-size:11px;cursor:pointer}.chat-message.own .chat-quote-block{background:#ffffff26;border-left-color:#ffffff80}.chat-quote-author{font-weight:700;color:var(--ua-blue);margin-bottom:2px}.chat-message.own .chat-quote-author{color:#fff}.chat-quote-text{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.reply-preview-bar{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border-left:3px solid var(--ua-blue);border-radius:var(--card-radius-sm);padding:var(--space-sm);margin-bottom:var(--space-xs);font-size:var(--font-xs);box-shadow:var(--shadow-sm)}.reply-preview-content{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.reply-preview-author{font-weight:700;color:var(--ua-blue)}.reply-preview-text{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{padding:4px;cursor:pointer;color:var(--text-tertiary)}.chat-input-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--card-bg);border-radius:50px;box-shadow:var(--card-shadow);margin-top:var(--space-sm)}.chat-input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);background:#00000008;border-radius:50px;color:var(--text-primary);border:none;outline:none}.chat-input::placeholder{color:var(--text-tertiary)}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:var(--accent-orange);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-btn .icon{width:18px;height:18px}.chat-send-btn:active{transform:scale(.9)}.profile-header{background:var(--accent-orange);border-radius:var(--card-radius);padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);display:flex;flex-direction:column;align-items:center;color:#fff;margin-bottom:var(--space-lg);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#ffffff0f;top:-100px;left:-50px}.profile-header:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffffff0a;bottom:-50px;right:-30px}.profile-avatar{width:88px;height:88px;border-radius:50%;border:4px solid rgba(255,255,255,.4);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;margin-bottom:var(--space-md);position:relative;z-index:1;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:var(--font-xl);font-weight:800;position:relative;z-index:1}.profile-username{font-size:var(--font-sm);opacity:.8;position:relative;z-index:1}.profile-stats{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.profile-stat{flex:1;background:var(--card-bg);border-radius:var(--card-radius-sm);padding:var(--space-lg);text-align:center;box-shadow:var(--card-shadow)}.profile-stat-icon{margin-bottom:var(--space-xs);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.profile-stat-icon .icon{width:24px;height:24px}.profile-stat-value{font-size:var(--font-xl);font-weight:800;color:var(--text-primary)}.profile-stat-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.profile-stat.clickable{cursor:pointer;transition:all .2s}.profile-stat.clickable:active{transform:scale(.95)}.profile-stat.clickable .profile-stat-label{color:var(--accent-orange);font-weight:600}.profile-section{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--card-shadow)}.profile-section-title{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.profile-section-title .icon{width:18px;height:18px}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-light)}.profile-row:last-child{border-bottom:none}.profile-row-label{font-size:var(--font-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.profile-row-label .icon{width:18px;height:18px;color:var(--text-secondary)}.profile-row-value{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.account-count-input{width:56px;text-align:center;padding:var(--space-xs) var(--space-sm);background:#0000000a;border-radius:8px;font-size:var(--font-base);font-weight:700;color:var(--text-primary)}.active-project-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#00c85314;border-radius:var(--card-radius-xs);font-size:var(--font-sm);color:var(--accent-green);font-weight:500;cursor:pointer}.active-project-badge .icon{width:16px;height:16px}.active-project-badge:hover{background:#00c8531f}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-2xl);text-align:center}.login-logo{width:120px;height:120px;margin-bottom:var(--space-2xl);animation:scaleIn .5s ease-out}.login-logo img{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:var(--card-shadow-lg)}.login-title{font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-sm);color:var(--text-primary)}.login-subtitle{font-size:var(--font-sm);color:var(--text-secondary);max-width:280px;line-height:1.6;margin-bottom:var(--space-3xl)}.login-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-2xl);background:#08c;color:#fff;border-radius:50px;font-size:var(--font-base);font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:all .2s;animation:slideUp .5s ease-out .2s both}.login-btn:active{transform:scale(.95)}.login-btn:hover{opacity:.9}.login-btn svg{width:24px;height:24px}.fab{position:fixed;bottom:calc(var(--nav-height) + 20px);right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent-orange);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000026;z-index:var(--z-card);transition:all .2s;animation:scaleIn .3s ease-out}.fab:active{transform:scale(.9)}.fab:hover{box-shadow:0 6px 20px #0003}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center}.empty-state-icon{margin-bottom:var(--space-lg);color:var(--text-tertiary);opacity:.5}.empty-state-icon .icon{width:56px;height:56px}.empty-state-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-text{font-size:var(--font-sm);color:var(--text-secondary);max-width:240px;line-height:1.6}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:var(--z-toast);background:var(--text-primary);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:50px;font-size:var(--font-sm);font-weight:600;box-shadow:var(--card-shadow-lg);animation:slideDown .3s ease-out;display:flex;align-items:center;gap:var(--space-sm)}.toast.success{background:var(--accent-green)}.toast.error{background:var(--accent-red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;animation:fadeIn .2s ease}.modal-content{width:100%;max-height:85vh;background:#fff;border-radius:var(--card-radius) var(--card-radius) 0 0;padding:var(--space-2xl);overflow-y:auto;animation:slideUp .3s ease-out}.modal-handle{width:40px;height:4px;border-radius:2px;background:var(--border-medium);margin:0 auto var(--space-xl)}.modal-title{font-size:var(--font-xl);font-weight:800;margin-bottom:var(--space-xl)}.member-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-light)}.member-item:last-child{border-bottom:none}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-teal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);font-weight:700;flex-shrink:0;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{flex:1}.member-name{font-size:var(--font-sm);font-weight:600}.member-role{font-size:var(--font-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.member-role .icon{width:14px;height:14px}.member-actions{display:flex;gap:var(--space-xs)}.pending-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ff8f000f;border-radius:var(--card-radius-sm);margin-bottom:var(--space-sm)}.section-divider{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary);margin:var(--space-xl) 0 var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.section-divider .icon{width:18px;height:18px}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--card-radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{height:200px;margin-bottom:var(--space-md);border-radius:var(--card-radius)}.skeleton-text{height:14px;margin-bottom:var(--space-sm)}.skeleton-text.w-75{width:75%}.skeleton-text.w-50{width:50%}.skeleton-text.w-25{width:25%}.admin-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#ff8f001a;color:var(--accent-orange);border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase}.admin-badge .icon{width:14px;height:14px}.ua-flag-bar{height:4px;background:linear-gradient(to right,var(--ua-blue) 50%,var(--ua-yellow) 50%);border-radius:2px;margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.hidden{display:none!important}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.page,.header{max-width:480px;margin:0 auto}.bottom-nav{max-width:480px;left:50%;transform:translate(-50%)}}