:root{--c-primary: #588157;--c-primary-dark: #3A5A40;--c-primary-text: #2d715e;--c-success: #28a745;--c-success-dark: #218838;--c-danger: #ed4956;--c-white: #ffffff;--c-black: #000000;--c-bg-page: #fafafa;--c-bg-container: #ffffff;--c-bg-hover: #f0f2f5;--c-bg-light-gray: #efefef;--c-bg-disabled: #cccccc;--c-modal-backdrop: rgba(0, 0, 0, .65);--c-story-viewer-backdrop: #000000;--c-text-primary: #262626;--c-text-secondary: #8e8e8e;--c-text-tertiary: #555555;--c-text-on-primary: #ffffff;--c-text-on-dark: #ffffff;--c-text-link: var(--c-primary);--c-text-disabled: #888888;--c-border-light: #dbdbdb;--c-border-input: #ccc;--c-border-input-focus: var(--c-primary);--c-msg-sent-bg: #3897f0;--c-msg-sent-text: #ffffff;--c-msg-received-bg: var(--c-bg-light-gray);--c-msg-received-text: var(--c-text-primary);--c-ticks-read: #34b7f1;--c-story-gradient: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);--c-story-viewed-border: var(--c-border-light);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .2s ease;--transition-smooth: .1s ease;--transition-nav: .3s cubic-bezier(.4, 0, .2, 1);--z-nav: 1000;--z-dropdown: 1010;--z-modal: 2100;--z-story-viewer: 2200}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{background-color:var(--c-bg-page);margin:0;color:var(--c-text-primary);background-image:radial-gradient(at 0% 0%,rgba(88,129,87,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(163,177,138,.15) 0px,transparent 50%);background-attachment:fixed;min-height:100vh}a{color:var(--c-text-link);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:8px 16px;margin-right:10px;border-radius:8px;border:1px solid var(--c-border-light);background-color:var(--c-bg-hover);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-smooth)}.btn:hover{background-color:#e4e6eb}.btn:active{transform:scale(.98)}.btn:disabled{background-color:var(--c-bg-disabled);color:var(--c-text-disabled);cursor:not-allowed}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.skeleton-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.skeleton-card{width:100%;max-width:680px;margin:0 auto 30px;background-color:var(--c-white);border:none;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;padding-bottom:0}.skeleton-header{display:flex;align-items:center;padding:14px 16px;gap:12px}.skeleton-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border:1px solid var(--c-border-light)}.skeleton-text{height:14px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-title{width:120px;height:16px}.skeleton-image{width:100%;height:400px;max-height:700px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-top:1px solid var(--c-border-light);border-bottom:1px solid var(--c-border-light)}.skeleton-footer{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.skeleton-short{width:40%}.skeleton-long{width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-skeleton-list{display:flex;flex-direction:column;gap:12px;padding:16px 0}.user-skeleton-item{display:flex;align-items:center;gap:12px}.user-skeleton-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.user-skeleton-details{display:flex;flex-direction:column;gap:6px;flex-grow:1}.user-skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.user-skeleton-line.short{width:40%}.user-skeleton-line.medium{width:70%}