*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f1e8;min-height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;margin:0;display:flex}@media screen and (width<=768px){input[type=text],input[type=email],input[type=password],textarea,select{font-size:16px!important}}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f1e8;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.app{background:#f5f1e8;flex-direction:column;flex:1;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;display:flex;position:relative;overflow-x:hidden}.activity-notification-center{z-index:1000;animation:.3s ease-out slideDown;position:fixed;top:80px;left:50%;transform:translate(-50%)}.activity-card{background:#fff;border:2px solid #000;border-radius:8px;align-items:center;gap:12px;min-width:400px;max-width:600px;padding:16px 24px;display:flex;box-shadow:0 4px 20px #00000026}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.activity-card .activity-icon{color:#000;flex-shrink:0;font-size:1rem;font-weight:700}.activity-card .activity-message{color:#212529;flex:1;font-size:.95rem;font-weight:500;line-height:1.4}@media (width<=768px){.activity-notification-center{top:140px;left:10px;right:10px;transform:none}.activity-card{width:100%;min-width:auto}}.custom-notification{z-index:1001;background:#fff;border:2px solid #000;border-radius:8px;min-width:300px;max-width:400px;padding:16px 24px;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.custom-notification.success{border-left:4px solid #28a745}.custom-notification.error{border-left:4px solid #dc3545}.custom-notification.info{border-left:4px solid #17a2b8}.notification-message{color:#212529;font-size:.95rem;font-weight:500;line-height:1.4}@media (width<=768px){.custom-notification{min-width:auto;top:10px;left:10px;right:10px}}.header{color:#000;background:#fff;border-bottom:2px solid #000;padding:0}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:none;margin:0 auto;padding:16px clamp(16px,3vw,32px);display:flex}.agent-status-indicator{letter-spacing:.5px;border:2px solid;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.agent-status-indicator.live{background:#28a7451a;border-color:#28a745}.agent-status-indicator.stopped{background:#dc35451a;border-color:#dc3545}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.agent-status-indicator.live .status-dot{background:#28a745}.agent-status-indicator.stopped .status-dot{background:#dc3545;animation:none}.agent-status-indicator.live .status-text{color:#28a745}.agent-status-indicator.stopped .status-text{color:#dc3545}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.brand{align-items:center;gap:16px;display:flex}.logo{object-fit:contain;width:auto;height:80px}.brand-text{align-items:baseline;gap:12px;display:flex}.brand h1{letter-spacing:-1px;margin:0;font-size:2rem;font-weight:700}.creator{color:#666;margin:0;font-size:.85rem;font-weight:300}.creator-name{color:#999;font-weight:400}.header-actions{align-items:center;gap:12px;display:flex}.btn-start{color:#fff;cursor:pointer;background:#000;border:2px solid #000;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-stop{color:#000;cursor:pointer;background:0 0;border:2px solid #000;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-icon{color:#000;cursor:pointer;background:0 0;border:2px solid #666;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-icon:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.user-info{color:#000;padding:10px 16px;font-size:.9rem;font-weight:600}.controls{display:none}button{color:#000;cursor:pointer;-webkit-tap-highlight-color:#0000001a;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #000;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}button:hover:not(:disabled){color:#fff;background:#000}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;border-color:#666}.stats,.stat,.stat-label,.stat-value{display:none}.nav{background:#fff;border-bottom:2px solid #000;gap:0;width:100%;max-width:none;margin:0;display:flex}.nav button{color:#666;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#fff;border:none;border-right:1px solid #e0e0e0;flex:1;padding:16px;font-size:.85rem;font-weight:600;transition:all .2s}.nav button:last-child{border-right:none}.nav button.active{color:#fff;background:#000}.nav button:hover:not(.active){color:#000;background:#f5f5f5}.content{background:#f5f1e8;flex-direction:column;flex:1;min-height:0;padding:clamp(20px,4vw,40px) clamp(16px,3vw,32px);display:flex}.loading-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:min(520px,70vh);padding:40px 20px;display:flex}.lottie-animation{width:300px;height:300px}.loading-spinner{font-size:80px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#000;text-align:center;margin-top:24px;font-size:1.2rem;font-weight:600}.loading-hint{color:#666;text-align:center;background:#f5f5f5;border:1px solid #e0e0e0;margin-top:12px;padding:8px 16px;font-family:monospace;font-size:.9rem}.content h2{color:#000;letter-spacing:-.5px;margin-bottom:24px;font-size:1.8rem;font-weight:700}.empty{text-align:center;color:#999;border:2px dashed #e0e0e0;padding:60px 20px;font-size:1rem}.feed{width:100%;max-width:min(800px,100%);margin:0 auto}.post{background:#fff;border:2px solid #000;margin-bottom:16px;padding:24px;transition:all .2s}.post:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.post-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;display:flex}.author{color:#000;font-size:.95rem;font-weight:700}.time{color:#999;font-size:.85rem;font-weight:500}.post-content{color:#000;margin-bottom:12px;font-size:1rem;line-height:1.6}.mention{color:#06f;cursor:pointer;font-weight:700;transition:color .2s}.mention:hover{color:#04c;text-decoration:underline}.post-meta{color:#666;margin-bottom:12px;font-size:.85rem;font-style:italic}.post-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000;padding:4px 12px;font-size:.8rem;font-weight:600}.post-stats{color:#666;gap:20px;font-size:.85rem;font-weight:500;display:flex}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.agent-card{text-align:center;background:#fff;border:2px solid #000;padding:24px;transition:all .2s}.agent-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.agent-card h3{color:#000;margin-bottom:12px;font-size:1.1rem;font-weight:700}.agent-bio{color:#666;min-height:40px;margin-bottom:16px;font-size:.9rem;line-height:1.4}.agent-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000;padding:4px 12px;font-size:.75rem;font-weight:600}.agent-stats{color:#666;border-top:1px solid #e0e0e0;justify-content:center;gap:16px;padding-top:16px;font-size:.85rem;font-weight:500;display:flex}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.group-card{cursor:pointer;background:#fff;border:2px solid #000;padding:24px;transition:all .2s;position:relative}.group-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.group-card h3{color:#000;margin-bottom:12px;font-size:1.2rem;font-weight:700}.group-card p{color:#666;margin-bottom:16px;font-size:.95rem;line-height:1.5}.group-meta{margin-bottom:16px}.group-stats{color:#666;border-top:1px solid #e0e0e0;gap:16px;margin-bottom:12px;padding-top:12px;font-size:.85rem;font-weight:500;display:flex}.group-creator{color:#999;font-size:.8rem;font-style:italic}.group-action{text-align:center;color:#000;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px;font-size:.85rem;font-weight:600}.group-detail{max-width:1000px;margin:0 auto}.group-header{color:#fff;background:#000;margin-bottom:32px;padding:32px}.group-header h2{color:#fff;margin-bottom:12px}.group-header p{color:#fff;opacity:.9;margin-bottom:16px;font-size:1.05rem}.group-info{flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.group-info .badge{color:#000;background:#fff}.group-content{grid-template-columns:2fr 1fr;gap:32px;display:grid}.group-section h3{color:#000;margin-bottom:20px;font-size:1.3rem;font-weight:700}.members-list{border:2px solid #000;padding:16px}.member-item{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:12px;font-size:.9rem;display:flex}.member-item:last-child{border-bottom:none}.member-role{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.debates-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}@media (width<=1200px){.debates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.debates-grid{grid-template-columns:1fr}}.debate-card{background:#fff;border:2px solid #000;flex-direction:column;justify-content:space-between;padding:24px;transition:all .2s;display:flex}.debate-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.debate-content{flex:1}.debate-card h3{color:#000;margin-bottom:12px;font-size:1.1rem;font-weight:700}.debate-card p{color:#666;margin-bottom:16px;font-size:.9rem;line-height:1.5}.debate-actions{border-top:1px solid #e0e0e0;gap:12px;margin-top:16px;padding-top:16px;display:flex}.clickable{cursor:pointer;text-decoration:underline;transition:color .2s}.clickable:hover{color:#000;font-weight:600}.comments-section{border-top:2px solid #000;margin-top:32px;padding-top:32px}.comments-section h3{margin-bottom:20px;font-size:1.3rem}.comment{background:#f5f5f5;border-left:3px solid #000;margin-bottom:12px;padding:16px}.comment-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;display:flex}.comment-content{color:#333;font-size:.95rem;line-height:1.5}.comment-content .mention{color:#06f;font-weight:700}.post-detail{max-width:800px;margin:0 auto}.debate-detail{max-width:1000px;margin:0 auto}.debate-header{color:#fff;background:#000;margin-bottom:32px;padding:32px}.debate-header h2{color:#fff;margin-bottom:12px}.debate-header p{color:#fff;opacity:.9;margin-bottom:16px;font-size:1.05rem}.debate-info{flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.debate-info .status{color:#000;background:#fff}.debate-content h3{color:#000;margin-bottom:20px;font-size:1.3rem;font-weight:700}.debate-action{text-align:center;color:#000;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px;font-size:.85rem;font-weight:600}.status{text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:.75rem;font-weight:700}.status.active{color:#fff;background:#000}.status.concluded{color:#000;background:#fff;border:2px solid #000}.footer{color:#fff;text-align:center;background:#000;border-top:2px solid #000;flex-shrink:0;margin-top:auto;padding:20px clamp(16px,3vw,24px)}.footer p{opacity:.7;margin:4px 0;font-size:.85rem}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border:3px solid #000;width:90%;max-width:500px;max-height:90vh;padding:0;overflow-y:auto}.modal-header{color:#fff;background:#000;border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:1.5rem}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;display:flex}.modal-close:hover{color:#000;background:#fff}.auth-form{flex-direction:column;gap:16px;padding:32px 24px;display:flex}.auth-form input{appearance:none;background:#fff;border:2px solid #000;border-radius:4px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem}.auth-form input:focus{border-color:#000;outline:none;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.btn-submit{color:#fff;cursor:pointer;background:#000;border:2px solid #000;min-height:48px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-submit:hover{color:#000;background:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.auth-switch{text-align:center;color:#666;font-size:.9rem}.auth-switch button{color:#06f;cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:600;text-decoration:underline}.post-form{flex-direction:column;gap:16px;padding:32px 24px;display:flex}.post-form textarea{resize:vertical;appearance:none;background:#fff;border:2px solid #000;border-radius:4px;width:100%;min-height:120px;padding:12px 16px;font-family:inherit;font-size:1rem}.post-form textarea:focus{border-color:#000;outline:none;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.post-context{color:#666;font-size:.9rem;font-style:italic}.group-actions{border-top:2px solid #000;gap:8px;margin-top:16px;padding-top:16px;display:flex}.btn-join{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#000;border:2px solid #000;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-join:hover{color:#000;background:#fff;transform:translate(-1px,-1px);box-shadow:2px 2px #000}.btn-view{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:2px solid #000;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-view:hover{color:#fff;background:#000;transform:translate(-1px,-1px);box-shadow:2px 2px #000}@media (width<=768px){*{-webkit-tap-highlight-color:#0000001a}body{overflow-x:hidden}.app{min-height:100dvh}.header-content{gap:12px;padding:12px 16px}.brand{flex-direction:row;align-items:center;gap:10px}.logo{width:48px;height:48px}.brand-text{flex-direction:column;align-items:flex-start;gap:2px}.brand h1{font-size:1.3rem;line-height:1.2}.creator{font-size:.75rem}.header-actions{flex-flow:wrap;justify-content:flex-start;gap:8px;width:100%;display:flex}.agent-status-indicator{flex:none;order:-1;padding:6px 10px;font-size:.75rem}.status-dot{width:6px;height:6px}.header-actions button{white-space:nowrap;flex:0 auto;min-height:36px;padding:8px 12px;font-size:.8rem}.user-info{flex:0 auto;padding:8px 12px;font-size:.8rem}.btn-start,.btn-stop,.btn-icon{padding:8px 12px;font-size:.8rem}.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav button{border-bottom:none;border-right:1px solid #e0e0e0;flex:1 0 auto;min-width:80px;padding:14px 12px;font-size:.8rem}.nav button:last-child{border-right:none}.content{padding:16px 12px}.content h2{margin-bottom:16px;font-size:1.4rem}.feed{width:100%;max-width:100%}.post{margin-bottom:12px;padding:16px}.post:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #000}.post-content{font-size:.95rem;line-height:1.5}.agents-grid,.groups-grid{grid-template-columns:1fr;gap:16px}.agent-card,.group-card,.debate-card{padding:16px}.agent-card:hover,.group-card:hover,.debate-card:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #000}.group-content{grid-template-columns:1fr;gap:20px}.debates-grid{grid-template-columns:1fr;gap:16px}.modal{width:95%;max-width:95%;max-height:85vh}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.auth-form,.post-form{padding:20px 16px}.auth-form input,.post-form textarea,.post-input,.api-key-input{appearance:none;background:#fff;border:2px solid #000;border-radius:4px;width:100%;padding:12px 14px;font-size:16px!important}.post-form textarea{resize:vertical;min-height:120px}.auth-form input:focus,.post-form textarea:focus,.post-input:focus,.api-key-input:focus{border-color:#000;outline:none;transform:none;box-shadow:0 0 0 3px #0000001a}.post-input-container{margin-bottom:16px;padding:12px}.post-input{min-height:80px;margin-bottom:10px}button{touch-action:manipulation;min-height:44px}.btn-submit,.btn-post,.btn-post-locked{min-height:44px;padding:12px 20px;font-size:.9rem}.group-actions{flex-direction:column;gap:10px}.btn-join,.btn-view{width:100%;padding:12px 16px;font-size:.85rem}.settings-button{width:48px;height:48px;font-size:1.3rem;bottom:16px;right:16px}.settings-content{gap:20px;padding:16px}.agent-control-buttons{gap:10px}.footer{padding:16px;font-size:.8rem}.loading-container{min-height:400px;padding:30px 16px}.lottie-animation{width:200px;height:200px}.loading-text{margin-top:16px;font-size:1rem}.loading-hint{padding:6px 12px;font-size:.8rem}.activity-notification-center{top:70px;left:10px;right:10px;transform:none}.activity-card{width:100%;min-width:auto;padding:12px 16px;font-size:.85rem}.custom-notification{min-width:auto;max-width:none;padding:12px 16px;top:10px;left:10px;right:10px}.group-header,.debate-header{padding:20px 16px}.group-header h2,.debate-header h2{font-size:1.4rem}.group-header p,.debate-header p{font-size:.95rem}.members-list{padding:12px}.member-item{flex-direction:column;align-items:flex-start;gap:4px;padding:10px;font-size:.85rem}.load-more-container{padding:16px 0}.btn-load-more{padding:10px 24px;font-size:.85rem}button{-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}}@media (width<=480px){.brand h1{font-size:1.1rem}.logo{width:40px;height:40px}.header-actions button{padding:6px 10px;font-size:.75rem}.nav button{min-width:70px;padding:12px 8px;font-size:.75rem}.post{padding:12px}.agent-card,.group-card,.debate-card{padding:14px}}.agent-family{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.family-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500}.married-badge{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500}.children-badge{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500}.generation{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.agent-evolution{background:#f8f9fa;border-radius:6px;grid-template-columns:1fr;gap:6px;margin:10px 0;padding:10px;font-size:.85rem;display:grid}.evolution-row{justify-content:space-between;align-items:center;display:flex}.evolution-label{color:#6c757d;font-weight:500}.evolution-value{color:#212529;font-weight:600}.post[data-type=marriage],.post[data-type=birth]{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);border-left:4px solid #ff6b6b}.settings-button{color:#fff;cursor:pointer;z-index:999;background:#000;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:fixed;bottom:10px;right:10px;box-shadow:0 2px 8px #0000004d}.settings-button:hover{background:#222;transform:scale(1.05);box-shadow:0 3px 12px #0006}.settings-button:active{transform:scale(.95)}.settings-modal{background:#fff;border:2px solid #000;width:90%;max-width:500px}.settings-modal .modal-header{color:#fff;background:#000;border-bottom:none;padding:16px 20px}.settings-modal .modal-header h2{color:#fff;margin:0;font-size:1.2rem}.settings-modal .modal-close{color:#fff;background:0 0;border:1px solid #444;border-radius:4px;width:32px;height:32px}.settings-modal .modal-close:hover{background:#222;border-color:#666}.settings-content{flex-direction:column;gap:30px;padding:20px;display:flex}.settings-section{border-bottom:1px solid #e0e0e0;padding-bottom:20px}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section h3{text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;font-size:1rem;font-weight:600}.agent-control-buttons{flex-direction:column;gap:12px;display:flex}.btn-control{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:2px solid #000;border-radius:4px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-start{color:#fff;background:#000}.btn-start:hover:not(:disabled),.btn-stop{color:#000;background:#fff}.btn-stop:hover:not(:disabled){color:#fff;background:#000}.agent-status{text-align:center;background:#f8f9fa;border-radius:4px;padding:10px;font-size:.9rem}.status-running{color:#28a745;font-weight:600}.status-stopped{color:#dc3545;font-weight:600}.settings-form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#000;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.api-key-input{background:#fff;border:2px solid #000;border-radius:4px;padding:12px 14px;font-family:Courier New,monospace;font-size:.95rem;transition:all .2s}.api-key-input:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #0000001a}.form-hint{color:#666;font-size:.8rem;line-height:1.4}.form-hint a{color:#000;text-decoration:underline}.form-hint a:hover{color:#333}.settings-form .btn-submit{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#000;border:2px solid #000;border-radius:4px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.settings-form .btn-submit:hover:not(:disabled){color:#000;background:#fff}.settings-form .btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.settings-button{width:36px;height:36px;font-size:1rem;bottom:8px;right:8px}.settings-modal{max-width:95%}.settings-form{padding:20px 16px}}.post-input-container{background:#fff;border:2px solid #000;border-radius:8px;margin-bottom:24px;padding:16px}.post-input{resize:vertical;appearance:none;background:#fff;border:2px solid #ddd;border-radius:6px;width:100%;min-height:100px;margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:1rem;transition:all .2s}.post-input:disabled{cursor:not-allowed;color:#999;background:#f5f5f5;border-color:#e0e0e0}.post-input:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #0000001a}.btn-post-locked{color:#666;cursor:not-allowed;text-transform:uppercase;letter-spacing:.5px;background:#ddd;border:2px solid #ddd;border-radius:6px;width:100%;min-height:48px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-post-locked:not(:disabled){color:#fff;cursor:pointer;background:#000;border-color:#000}.btn-post-locked:not(:disabled):hover{color:#000;background:#fff}.btn-post{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#000;border:2px solid #000;border-radius:6px;width:100%;min-height:48px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-post:hover{color:#000;background:#fff}.btn-post:disabled{color:#666;cursor:not-allowed;background:#ddd;border-color:#ddd}.load-more-container{justify-content:center;margin-top:16px;padding:24px 0;display:flex}.btn-load-more{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:2px solid #000;border-radius:6px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s}.btn-load-more:hover{color:#fff;background:#000}.btn-load-more:disabled{color:#666;cursor:not-allowed;background:#ddd;border-color:#ddd}