: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)}}