*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f0f0f0;--tg-safe-area-top: 0px;--tg-safe-area-bottom: 0px;--tg-content-safe-area-top: 0px;--facebook-color: #1877f2;--instagram-color: #e4405f;--draft-color: #8e8e93;--scheduled-color: #007aff;--posted-color: #34c759}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + var(--tg-content-safe-area-top, var(--tg-safe-area-top, 0px)));background:var(--tg-theme-bg-color);border-bottom:1px solid var(--tg-theme-secondary-bg-color)}.app-header h1{font-size:20px;font-weight:600}.header-add-btn{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer}.header-add-btn:active{opacity:.8}.calendar-scroll{flex:1;overflow-y:auto;padding:8px 0 20px}.week-section{margin:0 12px 8px;background:var(--tg-theme-secondary-bg-color);border-radius:12px;overflow:hidden}.week-header-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;cursor:pointer;color:var(--tg-theme-text-color)}.week-header-btn:active{background:#0000000d}.week-header-left{display:flex;align-items:center;gap:10px}.chevron{display:flex;align-items:center;justify-content:center;color:var(--tg-theme-hint-color);transition:transform .2s ease}.chevron.down{transform:rotate(90deg)}.week-title{font-size:15px;font-weight:600}.current-badge{font-size:11px;font-weight:500;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);padding:3px 8px;border-radius:10px}.post-count{font-size:13px;color:var(--tg-theme-hint-color)}.week-days{background:var(--tg-theme-bg-color);border-top:1px solid var(--tg-theme-secondary-bg-color)}.day-row{display:flex;border-bottom:1px solid var(--tg-theme-secondary-bg-color)}.day-row:last-child{border-bottom:none}.day-row.today{background:color-mix(in srgb,var(--tg-theme-button-color) 5%,transparent)}.day-info{flex-shrink:0;width:54px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border-right:1px solid var(--tg-theme-secondary-bg-color)}.day-info:active{background:#0000000d}.day-name{font-size:11px;color:var(--tg-theme-hint-color);text-transform:uppercase;font-weight:500}.day-date{font-size:18px;font-weight:600}.day-row.today .day-date{color:var(--tg-theme-button-color)}.today-dot{width:6px;height:6px;border-radius:50%;background:var(--tg-theme-button-color)}.day-posts{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:60px}.empty-day{flex:1;display:flex;align-items:center;justify-content:center;color:var(--tg-theme-hint-color);font-size:13px;cursor:pointer;border-radius:8px}.empty-day:active{background:var(--tg-theme-secondary-bg-color)}.post-card{background:var(--tg-theme-secondary-bg-color);border-radius:10px;padding:10px;cursor:pointer;transition:transform .1s ease}.post-card:active{transform:scale(.98);opacity:.9}.post-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.platform-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff}.platform-facebook{background:var(--facebook-color)}.platform-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.post-time{font-size:12px;color:var(--tg-theme-hint-color)}.post-status{margin-left:auto;font-size:10px;font-weight:500;color:#fff;padding:2px 6px;border-radius:4px}.post-card-body{display:flex;gap:10px}.post-thumbnail{flex-shrink:0;width:48px;height:48px;border-radius:6px;overflow:hidden;background:var(--tg-theme-hint-color)}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.post-text{flex:1;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--tg-theme-text-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;z-index:100}.modal{background:var(--tg-theme-bg-color);border-radius:16px 16px 0 0;width:100%;max-height:92vh;overflow-y:auto;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--tg-theme-hint-color);padding:0;line-height:1}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--tg-theme-secondary-bg-color);border-radius:10px;font-size:16px;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--tg-theme-button-color)}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.platform-selector{display:flex;gap:10px}.platform-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid var(--tg-theme-secondary-bg-color);border-radius:10px;background:var(--tg-theme-bg-color);font-size:14px;font-weight:500;cursor:pointer;color:var(--tg-theme-text-color);transition:border-color .15s,background-color .15s}.platform-btn:active{opacity:.8}.platform-dot{width:10px;height:10px;border-radius:50%}.photo-upload-btn{width:100%;padding:24px;border:2px dashed var(--tg-theme-hint-color);border-radius:12px;background:var(--tg-theme-secondary-bg-color);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--tg-theme-hint-color)}.photo-upload-btn:active{background:var(--tg-theme-bg-color)}.photo-upload-btn span{font-size:14px}.photo-preview{position:relative;border-radius:12px;overflow:hidden;background:var(--tg-theme-secondary-bg-color)}.photo-preview img{width:100%;max-height:200px;object-fit:cover;display:block}.photo-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.datetime-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-selector{display:flex;gap:8px}.status-btn{flex:1;padding:10px 12px;border:2px solid var(--tg-theme-secondary-bg-color);border-radius:8px;background:var(--tg-theme-bg-color);font-size:13px;font-weight:500;cursor:pointer;color:var(--tg-theme-text-color);transition:all .15s}.status-btn:active{opacity:.8}.status-btn.status-draft.selected{border-color:var(--draft-color);background:color-mix(in srgb,var(--draft-color) 15%,transparent);color:var(--draft-color)}.status-btn.status-scheduled.selected{border-color:var(--scheduled-color);background:color-mix(in srgb,var(--scheduled-color) 15%,transparent);color:var(--scheduled-color)}.status-btn.status-posted.selected{border-color:var(--posted-color);background:color-mix(in srgb,var(--posted-color) 15%,transparent);color:var(--posted-color)}.form-actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;border:none}.btn-primary{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.btn-secondary{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.btn-danger{background:#ff3b30;color:#fff;flex:0 0 auto;padding:14px 20px}.btn:active{opacity:.8}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--tg-theme-hint-color);font-size:15px}.empty-state{text-align:center;padding:60px 20px;color:var(--tg-theme-hint-color)}