:root{--primary:#007AFD;--background:#FFFFFF;--surface:#F5F5F5;--text-primary:#000000;--text-secondary:#666666;--border:#E0E0E0;--success:#00FF87;--glass-bg:rgba(255,255,255,0.95);--overlay-bg:rgba(0,0,0,0.3);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--font-body:system-ui,-apple-system,sans-serif}[data-theme=dark]{--primary:#0A84FF;--background:#1C1C1E;--surface:#2C2C2E;--text-primary:#FFFFFF;--text-secondary:#A0A0A0;--border:#3C3C3E;--glass-bg:rgba(28,28,30,0.95);--overlay-bg:rgba(0,0,0,0.5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#0A84FF;--background:#1C1C1E;--surface:#2C2C2E;--text-primary:#FFFFFF;--text-secondary:#A0A0A0;--border:#3C3C3E;--glass-bg:rgba(28,28,30,0.95);--overlay-bg:rgba(0,0,0,0.5)}}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100vh;min-height:100dvh}body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:hidden;font-family:var(--font-body);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}button{border:none;background:none;cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.footer-layout{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{flex:1 1 auto;min-width:200px;text-align:left}@media (max-width:768px){.footer-layout{justify-content:center}.footer-text{text-align:center;width:100%}}.updates-page{position:fixed;top:0;left:0;right:0;bottom:0;padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) clamp(6rem,15vw,8rem);background:var(--background);overflow-y:auto;-webkit-overflow-scrolling:touch}.segmented-control-container{max-width:700px;margin:0 auto clamp(1rem,3vw,1.5rem);padding:0 clamp(.5rem,2vw,1rem)}.segmented-control{display:flex;background:var(--surface);border-radius:var(--radius-lg);padding:.25rem;gap:.25rem}.segment{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.625rem,2vw,.75rem) clamp(.75rem,3vw,1rem);font-size:clamp(.8125rem,2.5vw,.9375rem);font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer}.segment,.segment *{transition:all .15s ease}.segment i{font-size:clamp(.875rem,2.5vw,1rem);color:inherit}.segment.active,.segment:hover,.segment:hover i{color:var(--text-primary)}.segment.active{background:var(--background);box-shadow:0 1px 3px rgba(0,0,0,.1)}.segment.active i{color:var(--primary)}.updates-section{max-width:700px;margin:0 auto clamp(1.5rem,4vw,2rem);padding:0 clamp(.5rem,2vw,1rem)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:clamp(1rem,3vw,1.5rem);padding-bottom:.75rem;border-bottom:1px solid var(--border)}.section-title i{font-size:clamp(1.125rem,3.5vw,1.25rem)}.updates-grid{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}.update-card{display:flex;gap:clamp(.875rem,3vw,1.25rem);padding:clamp(1rem,3vw,1.5rem);background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:transform .2s ease,border-color .2s ease}.update-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .update-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}:root:not([data-theme=dark]) .update-card:hover{border-color:rgba(0,0,0,.15)}}[data-theme=light] .update-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}[data-theme=light] .update-card:hover{border-color:rgba(0,0,0,.15)}.update-icon{width:clamp(44px,12vw,52px);height:clamp(44px,12vw,52px);border-radius:var(--radius-md);background:rgba(0,122,253,.12);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:clamp(1.125rem,4vw,1.375rem);flex-shrink:0}.update-content{flex:1;min-width:0}.update-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.update-status{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border-radius:var(--radius-sm)}.status-planned{background:rgba(255,204,0,.15);color:#E6B800}.status-in-progress{background:rgba(0,122,253,.15);color:var(--primary)}.status-shipped{background:rgba(0,255,135,.12);color:#00DD77}.update-version{font-size:.6875rem;font-weight:600;color:var(--text-secondary);background:var(--surface);padding:.1875rem .5rem;border-radius:var(--radius-sm)}.update-title{font-size:clamp(1rem,3vw,1.125rem);font-weight:700;color:var(--text-primary);margin-bottom:.375rem;line-height:1.3}.update-description{font-size:clamp(.8125rem,2.5vw,.9375rem);color:var(--text-secondary);line-height:1.5;margin-bottom:.625rem}.update-date{font-size:clamp(.75rem,2vw,.8125rem);color:var(--text-secondary);opacity:.7;font-weight:500}.updates-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:clamp(1rem,3vw,1.25rem) clamp(1.5rem,4vw,2.5rem) calc(env(safe-area-inset-bottom, 0px) + clamp(1rem, 3vw, 1.25rem));background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:clamp(.75rem,2vw,.875rem);color:var(--text-secondary);flex-wrap:wrap;gap:.75rem}.language-select{padding:.375rem 2rem .375rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}@media (max-width:768px){.updates-footer{justify-content:center}.updates-footer .footer-text{text-align:center;width:100%}}.update-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem}.reactions-container{display:flex;align-items:center;gap:.375rem}.reactions-display{display:flex;gap:.25rem}.reaction-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:1rem;font-size:.8125rem;cursor:pointer;transition:all .15s ease}.reaction-badge:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.reaction-badge.user-reacted{background:rgba(0,122,253,.15);border-color:rgba(0,122,253,.3)}.reaction-badge:disabled{cursor:default}.reaction-emoji{font-size:.875rem;line-height:1}.reaction-count{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.reaction-badge.user-reacted .reaction-count{color:var(--primary)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .reaction-badge{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}:root:not([data-theme=dark]) .reaction-badge:hover:not(:disabled){background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}}[data-theme=light] .reaction-badge{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}[data-theme=light] .reaction-badge:hover:not(:disabled){background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.reaction-picker-wrapper{position:relative}.add-reaction-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s ease}.add-reaction-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--text-primary)}.add-reaction-btn.active{background:var(--primary);border-color:var(--primary);color:white}.add-reaction-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .add-reaction-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}:root:not([data-theme=dark]) .add-reaction-btn:hover:not(:disabled){background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}}[data-theme=light] .add-reaction-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}[data-theme=light] .add-reaction-btn:hover:not(:disabled){background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.reaction-picker{position:absolute;bottom:calc(100% + .5rem);right:0;display:flex;gap:.25rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:100}.picker-emoji{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1.25rem;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.picker-emoji:hover{background:rgba(255,255,255,.1);transform:scale(1.15)}.picker-emoji.selected{background:rgba(0,122,253,.2)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .picker-emoji:hover{background:rgba(0,0,0,.06)}:root:not([data-theme=dark]) .reaction-picker{box-shadow:0 4px 20px rgba(0,0,0,.15)}}[data-theme=light] .picker-emoji:hover{background:rgba(0,0,0,.06)}[data-theme=light] .reaction-picker{box-shadow:0 4px 20px rgba(0,0,0,.15)}.comment-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.comment-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--text-primary)}.comment-btn.active{background:rgba(0,122,253,.15);border-color:rgba(0,122,253,.3);color:var(--primary)}.comment-count{font-size:.75rem;font-weight:600}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .comment-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}:root:not([data-theme=dark]) .comment-btn:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}}[data-theme=light] .comment-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}[data-theme=light] .comment-btn:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);overflow:hidden}.comments-empty,.comments-loading,.comments-login-hint{font-size:.8125rem;color:var(--text-secondary);text-align:center;padding:1rem 0}.comments-login-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.7}.comments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;max-height:300px;overflow-y:auto}.comment-item{display:flex;gap:.625rem}.comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:var(--text-secondary);font-size:.75rem}.comment-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.comment-time{font-size:.6875rem;color:var(--text-secondary);opacity:.7}.comment-delete{margin-left:auto;padding:.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;opacity:0;transition:all .15s ease}.comment-item:hover .comment-delete{opacity:.5}.comment-delete:hover{opacity:1!important;color:#FF3B30}.comment-text{font-size:.8125rem;color:var(--text-primary);line-height:1.4;word-break:break-word}.comment-input-wrapper{display:flex;gap:.5rem;margin-top:.5rem}.comment-input{flex:1;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .15s ease}.comment-input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.comment-input::placeholder{color:var(--text-secondary);opacity:.7}.comment-input:focus{border-color:var(--primary)}.comment-input:disabled{opacity:.5}.comment-submit{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary);border:none;border-radius:var(--radius-md);color:white;font-size:.75rem;cursor:pointer;transition:all .15s ease}.comment-submit:hover:not(:disabled){background:#0066DD}.comment-submit:disabled{opacity:.4;cursor:not-allowed}