:root{--tg-bg: #1a1a2e;--tg-text: #ffffff;--tg-hint: #8b8b8b;--tg-button: #6366f1;--tg-button-text: #ffffff;--tg-secondary-bg: #16213e;--tg-section-bg: #1f1f3a;--tg-accent: #6366f1;--tg-destructive: #ff4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-bg);color:var(--tg-text);min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;overflow-y:auto}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--tg-hint)}.loading-spinner{width:48px;height:48px;border:4px solid var(--tg-secondary-bg);border-top-color:var(--tg-button);border-radius:50%;animation:spin .8s linear infinite}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:20px;text-align:center}.error-icon{font-size:64px}.error-screen p{color:var(--tg-hint);font-size:16px}.error-screen button{padding:12px 24px;border-radius:12px;border:none;background:var(--tg-button);color:var(--tg-button-text);font-size:14px;cursor:pointer}.search-bar input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid transparent;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:15px;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--tg-button)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--tg-text)}.password-input-group{display:flex;gap:8px}.password-input-group input{flex:1}.input-action{width:44px;height:44px;border-radius:12px;border:none;background:var(--tg-secondary-bg);font-size:18px;cursor:pointer}.input-action.generate{background:var(--tg-button)}.password-details{margin-top:8px}.password-field{display:flex;align-items:center;gap:8px;padding:6px 0}.field-label{font-size:14px}.field-value{flex:1;font-size:14px;color:var(--tg-text)}.show-button{padding:4px 8px;background:none;border:none;font-size:16px;cursor:pointer}.copy-button{padding:6px 10px;border-radius:8px;border:none;background:var(--tg-button);color:var(--tg-button-text);font-size:12px;cursor:pointer;transition:all .2s}.copy-button.copied{background:#22c55e}.badge-2fa{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--tg-button);color:var(--tg-button-text);margin-left:8px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.note-card{flex-direction:column;align-items:flex-start}.note-card .item-content{width:100%}.note-card .delete-button{position:absolute;top:8px;right:8px}.note-textarea{font-family:inherit;line-height:1.6}.modal-fullscreen{max-height:95vh}.section-title{font-size:14px;font-weight:600;color:var(--tg-hint);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--tg-button);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--tg-button-text)}.user-details{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:600}.stat-item{background:var(--tg-secondary-bg);border-radius:12px;padding:16px 12px;text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--tg-button)}.stat-label{font-size:12px;color:var(--tg-hint)}.settings-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:var(--tg-text);font-size:15px;text-align:left;cursor:pointer;transition:background .2s}.settings-item:last-child{border-bottom:none}.settings-item:active{background:#ffffff0d}.settings-item-icon{font-size:20px}.settings-item-arrow{color:var(--tg-hint);font-size:20px}.app-version{text-align:center;padding:20px;color:var(--tg-hint)}.app-version p{margin:4px 0}.version-hint{font-size:12px;opacity:.7}.calendar-page{padding:16px 16px 100px}.calendar-page .page-header{margin-bottom:12px}@media (max-width: 380px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.page{padding:16px 16px 100px;min-height:100vh;background:var(--tg-bg)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-header h1{font-size:24px;font-weight:700;color:var(--tg-text);margin:0}.add-button{width:40px;height:40px;border-radius:50%;background:var(--tg-button);color:var(--tg-button-text);border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.add-button:active{transform:scale(.9)}.filter-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.filter-tab{padding:8px 16px;border-radius:20px;border:none;background:var(--tg-secondary-bg);color:var(--tg-hint);font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-tab.active{background:var(--tg-button);color:var(--tg-button-text)}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--tg-secondary-bg);border-radius:16px;transition:all .2s}.item-card.completed{opacity:.6}.item-card.completed .item-title{text-decoration:line-through}.check-button{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid var(--tg-hint);background:transparent;color:var(--tg-button-text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.check-button.checked{background:var(--tg-button);border-color:var(--tg-button)}.item-content{flex:1;min-width:0;overflow:hidden;cursor:pointer}.item-title{font-size:16px;font-weight:500;color:var(--tg-text);margin-bottom:6px;display:flex;align-items:center;gap:6px}.recurrence-badge{font-size:12px}.recurrence-text{color:#22c55e;font-weight:500}.item-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.priority-badge{font-weight:500}.deadline{color:var(--tg-hint)}.delete-button{background:none;border:none;font-size:18px;cursor:pointer;opacity:.5;padding:4px;transition:opacity .2s;flex-shrink:0;margin-left:auto}.delete-button:hover{opacity:1}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:64px;display:block;margin-bottom:16px}.empty-state p{color:var(--tg-hint);margin-bottom:16px}.empty-button{padding:12px 24px;border-radius:12px;border:none;background:var(--tg-button);color:var(--tg-button-text);font-size:14px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--tg-bg);border-radius:20px 20px 0 0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:18px;font-weight:600;color:var(--tg-text);margin:0}.close-button{width:32px;height:32px;border-radius:50%;border:none;background:var(--tg-secondary-bg);color:var(--tg-hint);font-size:18px;cursor:pointer}.form{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--tg-hint)}.form-group input,.form-group textarea,.form-group select{padding:12px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:16px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--tg-button)}.form-group textarea{resize:vertical;min-height:80px}.priority-selector{display:flex;gap:8px}.priority-option{width:44px;height:44px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);font-size:20px;cursor:pointer;transition:all .2s}.priority-option.selected{border-color:var(--priority-color);background:color-mix(in srgb,var(--priority-color) 20%,transparent)}.submit-button{padding:14px;border-radius:12px;border:none;background:var(--tg-button);color:var(--tg-button-text);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.submit-button:active{transform:scale(.98)}.item-time{color:var(--tg-accent);font-weight:500}.reminder-card{border-left:3px solid var(--tg-button)}.reminder-card.persistent{border-left-color:#f59e0b}.note-preview{color:var(--tg-hint);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.password-card{position:relative}.password-hidden{font-family:monospace;letter-spacing:2px}.copy-button{padding:6px 12px;border-radius:8px;border:none;background:var(--tg-button);color:var(--tg-button-text);font-size:12px;cursor:pointer}.loading-spinner{width:40px;height:40px;border:3px solid var(--tg-secondary-bg);border-top-color:var(--tg-button);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.swipe-hint{text-align:center;color:var(--tg-hint);font-size:12px;padding:8px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.preset-button{padding:8px 14px;border-radius:20px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:13px;cursor:pointer;transition:all .2s}.preset-button:hover{border-color:var(--tg-button)}.preset-button.active{border-color:var(--tg-button);background:var(--tg-button);color:var(--tg-button-text)}.interval-input{display:flex;align-items:center;gap:10px;color:var(--tg-text);font-size:14px}.interval-number{width:80px;padding:10px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:16px;text-align:center;outline:none}.interval-number:focus{border-color:var(--tg-button)}.clear-date-button{margin-top:8px;padding:6px 12px;border-radius:8px;border:none;background:#ef444433;color:#ef4444;font-size:12px;cursor:pointer;align-self:flex-start}.clear-date-button:hover{background:#ef44444d}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--tg-text)}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--tg-button)}.duration-modal{padding-bottom:24px}.duration-options{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.duration-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:15px;cursor:pointer;transition:all .2s}.duration-option:hover{border-color:var(--tg-button)}.duration-option.active{border-color:var(--tg-button);background:color-mix(in srgb,var(--tg-button) 15%,transparent)}.duration-label{font-weight:500}.duration-check{color:var(--tg-button);font-weight:700}.duration-hint{padding:0 20px;color:var(--tg-hint);font-size:13px;text-align:center}.settings-page{padding-bottom:120px}.settings-section{margin-bottom:24px}.section-title{font-size:14px;font-weight:600;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-left:4px}.settings-card{background:var(--tg-secondary-bg);border-radius:16px;padding:16px}.user-info{display:flex;align-items:center;gap:14px}.user-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:52px;height:52px;border-radius:50%;background:var(--tg-button);color:var(--tg-button-text);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:18px;font-weight:600;color:var(--tg-text)}.user-username{font-size:14px;color:var(--tg-hint)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{background:var(--tg-secondary-bg);border-radius:14px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--tg-text)}.stat-label{font-size:11px;color:var(--tg-hint);text-transform:uppercase}.settings-list{background:var(--tg-secondary-bg);border-radius:16px;overflow:hidden}.settings-item{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;border:none;background:none;color:var(--tg-text);font-size:15px;cursor:pointer;text-align:left;transition:background .2s}.settings-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.settings-item:hover{background:#ffffff0d}.settings-item.info{cursor:default}.settings-item.info:hover{background:none}.settings-item-icon{font-size:20px;width:28px;text-align:center}.settings-item-text{flex:1}.settings-item-value{color:var(--tg-hint);font-size:14px}.settings-item-arrow{color:var(--tg-hint);font-size:18px}.app-version{text-align:center;padding:24px;color:var(--tg-hint);font-size:13px}.version-hint{margin-top:4px;font-size:11px;opacity:.7}.archive-page .page-header{margin-bottom:12px}.clear-all-button{width:40px;height:40px;border-radius:50%;background:#ef444433;color:#ef4444;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-all-button:hover{background:#ef44444d}.archive-card{border-left:3px solid var(--tg-hint)}.archive-icon{font-size:22px;width:28px;text-align:center}.archive-actions{display:flex;gap:8px}.restore-button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s}.restore-button:hover{opacity:1}.archive-date{color:var(--tg-hint);font-size:12px}.completion-count{color:#22c55e;font-size:12px;font-weight:500}.recurrence-badge-small{font-size:11px;color:var(--tg-hint);margin-left:6px}.empty-hint{font-size:13px;color:var(--tg-hint);opacity:.7;margin-top:8px}.form-hint{text-align:center;color:var(--tg-hint);font-size:12px;margin-top:8px}.attachment-indicator{font-size:12px;margin-left:4px}.search-bar{margin-bottom:16px}.search-bar input{width:100%;padding:12px 16px;border-radius:12px;border:none;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;outline:none}.search-bar input::placeholder{color:var(--tg-hint)}.notes-grid{display:flex;flex-direction:column;gap:12px}.note-card{border-left:3px solid var(--tg-accent)}.note-textarea{min-height:200px;font-family:inherit}.note-date{color:var(--tg-hint);font-size:11px}.modal-fullscreen{height:90vh;display:flex;flex-direction:column}.modal-fullscreen .form{flex:1;overflow-y:auto}.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-badge{padding:3px 8px;background:#6366f126;color:var(--tg-button);border-radius:12px;font-size:11px;font-weight:500}.tag-more{font-size:11px;color:var(--tg-hint)}.links-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.link-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#22c55e26;color:#22c55e;border-radius:12px;font-size:11px;text-decoration:none}.link-indicator{font-size:12px;margin-left:4px}.status-badge{font-size:10px;padding:2px 6px;border-radius:8px;margin-right:6px}.status-badge.draft{background:#fbbf2433;color:#fbbf24}.note-edited{font-size:10px;color:var(--tg-hint);margin-left:8px;font-style:italic}.note-card.draft{opacity:.7;border-left-color:#fbbf24}.link-input-row{display:flex;gap:8px}.link-input-row input{flex:1}.add-link-btn{width:44px;border:none;border-radius:12px;background:var(--tg-button);color:var(--tg-button-text);font-size:20px;cursor:pointer}.links-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.link-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tg-secondary-bg);border-radius:10px}.link-item button{width:24px;height:24px;border:none;background:#ef444433;color:#ef4444;border-radius:50%;font-size:12px;cursor:pointer}.form-row{display:flex;gap:12px}.form-group.half{flex:1}.metadata-section{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--tg-secondary-bg);border-radius:10px;font-size:12px;color:var(--tg-hint)}.progress-bar-container{height:8px;background:#ffffff1a;border-radius:4px;margin:8px 0;cursor:pointer;position:relative;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.progress-label{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--tg-text);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.progress-selector{display:flex;gap:8px;margin-bottom:8px}.progress-option{flex:1;padding:8px 4px;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.progress-option:hover{border-color:var(--tg-button)}.progress-option.selected{border-color:var(--tg-button);background:var(--tg-button);color:var(--tg-button-text)}.progress-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--tg-button);cursor:pointer;box-shadow:0 2px 4px #0000004d}.progress-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--tg-button);cursor:pointer;border:none}.check-button{font-size:10px;font-weight:700}.task-description-preview{font-size:12px;color:var(--tg-hint);margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtasks-indicator{font-size:11px;color:var(--tg-hint);margin:4px 0}.subtask-add-row{display:flex;gap:8px}.subtask-add-row input{flex:1;padding:10px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;outline:none}.subtask-add-row input:focus{border-color:var(--tg-button)}.subtask-add-btn{width:44px;border:none;border-radius:12px;background:var(--tg-button);color:var(--tg-button-text);font-size:20px;cursor:pointer;transition:transform .2s}.subtask-add-btn:active{transform:scale(.95)}.subtasks-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.subtask-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--tg-secondary-bg);border-radius:10px;transition:opacity .2s}.subtask-item.completed{opacity:.6}.subtask-item.completed .subtask-title{text-decoration:line-through}.subtask-item.editing{padding:6px}.subtask-item.editing input{flex:1;padding:8px 12px;border-radius:8px;border:2px solid var(--tg-button);background:var(--tg-bg);color:var(--tg-text);font-size:14px;outline:none}.subtask-item.editing button{width:36px;height:36px;border:none;border-radius:8px;background:var(--tg-button);color:var(--tg-button-text);font-size:16px;cursor:pointer}.subtask-check{background:none;border:none;font-size:18px;cursor:pointer;padding:0;line-height:1}.subtask-title{flex:1;font-size:14px;color:var(--tg-text);cursor:pointer}.subtask-delete{width:24px;height:24px;border:none;background:#ef444433;color:#ef4444;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.subtask-delete:hover{opacity:1}.file-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s}.file-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:var(--tg-bg)}.file-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--tg-secondary-bg);border-bottom:1px solid rgba(255,255,255,.1)}.file-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.file-name{font-size:14px;font-weight:500;color:var(--tg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--tg-hint)}.file-actions{display:flex;gap:8px}.file-actions button{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:var(--tg-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.file-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px}.file-viewer-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.file-viewer-content video{max-width:100%;max-height:100%;border-radius:8px}.file-viewer-content iframe{width:100%;height:100%;border:none;border-radius:8px;background:#fff}.file-loading,.file-error{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--tg-hint)}.file-error span{font-size:48px}.file-unsupported{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:var(--tg-hint)}.file-unsupported .file-icon{font-size:64px}.file-unsupported button{padding:12px 24px;border-radius:12px;border:none;background:var(--tg-button);color:var(--tg-button-text);font-size:14px;cursor:pointer}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--tg-secondary-bg);border-radius:10px;cursor:pointer;transition:background .2s;max-width:200px}.attachment-item:hover{background:#ffffff1a}.attachment-preview{flex-shrink:0}.attachment-icon{font-size:20px}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:12px;color:var(--tg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:10px;color:var(--tg-hint)}.attachment-delete{width:20px;height:20px;border-radius:50%;border:none;background:#ef444433;color:#ef4444;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attachment-upload{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--tg-secondary-bg);border-radius:10px;cursor:pointer;transition:all .2s;border:2px dashed rgba(255,255,255,.2)}.attachment-upload:hover{border-color:var(--tg-button);background:#6366f11a}.attachment-upload.uploading{opacity:.7;pointer-events:none}.attachment-upload input{display:none}.upload-icon,.upload-loading{font-size:18px}.upload-text{font-size:13px;color:var(--tg-hint)}.attachment-badges{display:flex;gap:4px;margin-top:6px}.attachment-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#6366f133;border-radius:6px;font-size:11px;color:var(--tg-button)}.status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:500}.status-selector{display:flex;gap:8px}.status-option{flex:1;padding:10px 8px;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:12px;cursor:pointer;transition:all .2s}.status-option:hover{border-color:var(--status-color)}.status-option.selected{border-color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent)}.tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag-chip{padding:3px 8px;background:#6366f126;color:var(--tg-button);border-radius:12px;font-size:11px;font-weight:500}.tag-more{font-size:11px;color:var(--tg-hint);padding:3px 6px}.tags-input-wrapper{position:relative}.tags-input{width:100%;padding:12px 100px 12px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;outline:none}.tags-input:focus{border-color:var(--tg-button)}.tags-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--tg-hint)}.links-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.link-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#22c55e26;color:#22c55e;border-radius:12px;font-size:11px;text-decoration:none;cursor:pointer}.link-chip:hover{background:#22c55e40}.link-chip.telegram-link{background:#24a1de26;color:#24a1de}.link-chip.telegram-link:hover{background:#24a1de40}.link-more{font-size:11px;color:var(--tg-hint);padding:4px 6px}.links-input-wrapper{display:flex;flex-direction:column;gap:8px}.link-add-row{display:flex;gap:8px}.link-add-row input{flex:1;padding:12px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;outline:none}.link-add-row input:focus{border-color:var(--tg-button)}.link-add-btn{width:48px;border:none;border-radius:12px;background:var(--tg-button);color:var(--tg-button-text);font-size:22px;cursor:pointer;transition:transform .2s}.link-add-btn:active{transform:scale(.95)}.links-list{display:flex;flex-direction:column;gap:6px}.link-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--tg-secondary-bg);border-radius:10px}.link-item a{color:#22c55e;text-decoration:none;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item.telegram a{color:#24a1de}.link-item button{width:26px;height:26px;border:none;background:#ef444433;color:#ef4444;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.metadata-display{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--tg-secondary-bg);border-radius:10px;font-size:12px;color:var(--tg-hint)}.attachments-badges{display:flex;gap:4px;margin-top:6px}.attachment-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#6366f126;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.attachment-badge:hover{background:#6366f140}.attachment-badge.more{width:auto;padding:0 8px;font-size:11px;color:var(--tg-hint)}.item-indicators{display:flex;align-items:center;gap:4px;font-size:12px}.item-indicators span{opacity:.8}.draft-indicator{padding:2px 6px;background:#eab30833;color:#eab308;border-radius:6px;font-size:10px;font-weight:500}.common-fields-section{display:flex;flex-direction:column;gap:16px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.common-fields-section .form-group label{display:flex;align-items:center;gap:6px}.day-view{display:flex;flex-direction:column;gap:12px}.day-header{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tg-theme-secondary-bg-color);border-radius:12px}.day-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:var(--tg-theme-bg-color);border-radius:12px}.day-number.today{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.day-info{display:flex;flex-direction:column}.day-name{font-size:16px;font-weight:600;text-transform:capitalize}.day-date{font-size:13px;color:var(--tg-theme-hint-color)}.all-day-section{padding:8px 0}.section-label{font-size:12px;font-weight:600;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.all-day-events{display:flex;flex-direction:column;gap:6px}.timeline{display:flex;flex-direction:column}.time-slot{display:flex;min-height:44px;border-bottom:1px solid var(--calendar-border)}.time-label{width:50px;font-size:12px;color:var(--tg-theme-hint-color);padding:4px 8px 4px 0;text-align:right;flex-shrink:0}.time-content{flex:1;display:flex;flex-direction:column;gap:4px;padding:4px 0}.event-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--tg-theme-secondary-bg-color);border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:3px solid transparent}.event-card:hover{transform:translate(2px)}.event-card.reminder{border-left-color:var(--calendar-event-reminder)}.event-card.todo{border-left-color:var(--calendar-event-todo)}.event-card.completed{opacity:.5}.event-card.completed .event-title{text-decoration:line-through}.event-time{font-size:12px;font-weight:600;color:var(--tg-theme-hint-color);min-width:40px}.event-icon{font-size:14px}.event-title{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-recurring{font-size:12px}.event-priority{font-size:10px}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.no-events-icon{font-size:48px;margin-bottom:12px}.no-events p{color:var(--tg-theme-hint-color);font-size:14px}.week-view{display:flex;flex-direction:column;gap:8px}.week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week-header-cell{text-align:center;font-size:12px;font-weight:600;color:var(--tg-theme-hint-color);padding:8px 4px;text-transform:uppercase}.week-header-cell.weekend{color:var(--calendar-weekend)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week-day{display:flex;flex-direction:column;min-height:120px;background:var(--tg-theme-secondary-bg-color);border-radius:8px;padding:8px;cursor:pointer;transition:background .2s}.week-day:hover{background:#6366f11a}.week-day.today{background:#6366f126;box-shadow:inset 0 0 0 2px var(--tg-theme-button-color)}.week-day.weekend{background:#ef44440d}.week-day-header{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.week-day-number{font-size:18px;font-weight:700;line-height:1}.week-day-number.today{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.week-day-name{font-size:10px;color:var(--tg-theme-hint-color);text-transform:capitalize}.week-day-events{flex:1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.week-event{display:flex;align-items:center;gap:2px;padding:3px 4px;background:var(--tg-theme-bg-color);border-radius:4px;font-size:10px;border-left:2px solid transparent;overflow:hidden}.week-event.reminder{border-left-color:var(--calendar-event-reminder)}.week-event.todo{border-left-color:var(--calendar-event-todo)}.week-event.completed{opacity:.5}.week-event-icon{font-size:10px;flex-shrink:0}.week-event-time{font-size:9px;color:var(--tg-theme-hint-color);flex-shrink:0}.week-event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-more{font-size:10px;color:var(--tg-theme-hint-color);text-align:center;padding:2px}.week-day-indicators{display:flex;justify-content:center;gap:4px;margin-top:auto;padding-top:4px}.indicator{font-size:9px;font-weight:600;padding:1px 5px;border-radius:8px;color:#fff}.indicator.reminder{background:var(--calendar-event-reminder)}.indicator.todo{background:var(--calendar-event-todo)}@media (max-width: 400px){.week-day{min-height:100px;padding:4px}.week-day-number{font-size:14px}.week-event{padding:2px 3px}.week-event-time{display:none}}.month-view{display:flex;flex-direction:column;gap:8px}.month-header{display:grid;grid-template-columns:repeat(7,1fr)}.month-header-cell{text-align:center;font-size:12px;font-weight:600;color:var(--tg-theme-hint-color);padding:8px 4px;text-transform:uppercase}.month-header-cell.weekend{color:var(--calendar-weekend)}.month-grid{display:flex;flex-direction:column;gap:2px}.month-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.month-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px;background:var(--tg-theme-secondary-bg-color);border-radius:8px;cursor:pointer;transition:background .2s;min-height:44px}.month-day:hover{background:#6366f126}.month-day.other-month{opacity:.3}.month-day.today{background:#6366f133;box-shadow:inset 0 0 0 2px var(--tg-theme-button-color)}.month-day.weekend:not(.today){background:#ef444414}.month-day-number{font-size:14px;font-weight:600;line-height:1}.month-day-number.today{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.month-day-dots{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:2px;font-size:6px;line-height:1}.dot{letter-spacing:1px}.dot.reminder{color:var(--calendar-event-reminder)}.dot.todo{color:var(--calendar-event-todo)}.month-events-preview{background:var(--tg-theme-secondary-bg-color);border-radius:12px;padding:12px;margin-top:8px}.preview-title{font-size:14px;font-weight:600;margin-bottom:8px;text-transform:capitalize}.preview-events{display:flex;flex-direction:column;gap:6px}.preview-event{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--tg-theme-bg-color);border-radius:8px;cursor:pointer;border-left:3px solid transparent;transition:transform .2s}.preview-event:hover{transform:translate(2px)}.preview-event.reminder{border-left-color:var(--calendar-event-reminder)}.preview-event.todo{border-left-color:var(--calendar-event-todo)}.preview-icon{font-size:14px}.preview-time{font-size:12px;color:var(--tg-theme-hint-color);min-width:40px}.preview-title-text{font-size:13px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-empty{color:var(--tg-theme-hint-color);font-size:13px;text-align:center;padding:12px}@media (max-width: 360px){.month-day{padding:2px;min-height:36px}.month-day-number{font-size:12px}.month-day-number.today{width:20px;height:20px;font-size:10px}}.calendar{display:flex;flex-direction:column;min-height:100vh;padding:12px}.calendar-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-btn{background:var(--tg-theme-secondary-bg-color);border:none;border-radius:8px;padding:8px;color:var(--tg-theme-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-btn:hover{background:var(--tg-theme-button-color)}.calendar-title{font-size:18px;font-weight:600;text-align:center;text-transform:capitalize}.calendar-actions{display:flex;justify-content:center}.today-btn{background:var(--tg-theme-button-color);border:none;border-radius:16px;padding:6px 16px;color:var(--tg-theme-button-text-color);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.today-btn:hover{opacity:.9}.view-tabs{display:flex;background:var(--tg-theme-secondary-bg-color);border-radius:12px;padding:4px;margin-bottom:12px}.view-tab{flex:1;background:transparent;border:none;border-radius:8px;padding:8px 12px;color:var(--tg-theme-hint-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.view-tab.active{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.calendar-content{flex:1;overflow-y:auto}.calendar-legend{display:flex;justify-content:center;gap:16px;padding:12px;margin-top:auto}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tg-theme-hint-color)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.reminder{background:var(--calendar-event-reminder)}.legend-dot.todo{background:var(--calendar-event-todo)}.navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:var(--tg-secondary-bg);border-top:1px solid rgba(255,255,255,.1);padding:6px 2px;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;background:none;border:none;color:var(--tg-hint);cursor:pointer;transition:all .2s ease;border-radius:10px;min-width:44px;flex:1}.nav-tab:active{transform:scale(.95)}.nav-tab.active{color:var(--tg-button);background:#6366f11a}.nav-icon{font-size:18px;line-height:1}.nav-label{font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 380px){.nav-label{display:none}.nav-tab{min-width:36px;padding:6px 4px}.nav-icon{font-size:20px}}.unlock-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--tg-bg)}.unlock-container{width:100%;max-width:320px;text-align:center}.unlock-icon{font-size:64px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unlock-title{font-size:24px;font-weight:700;color:var(--tg-text);margin:0 0 8px}.unlock-greeting{color:var(--tg-button);font-size:16px;margin:0 0 12px}.unlock-description{color:var(--tg-hint);font-size:14px;line-height:1.5;margin:0 0 24px}.unlock-form{display:flex;flex-direction:column;gap:12px}.unlock-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:var(--tg-secondary-bg);color:var(--tg-text);outline:none;transition:border-color .2s;box-sizing:border-box}.unlock-input:focus{border-color:var(--tg-button)}.unlock-input::placeholder{color:var(--tg-hint)}.unlock-error{color:var(--tg-destructive);font-size:14px;margin:0}.unlock-button{width:100%;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:12px;background:var(--tg-button);color:var(--tg-button-text);cursor:pointer;transition:all .2s}.unlock-button:active{transform:scale(.98)}.unlock-button:disabled{opacity:.6;cursor:not-allowed}.unlock-hint{margin-top:24px;font-size:12px;color:var(--tg-hint)}.remember-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--tg-secondary-bg);border-radius:12px}.remember-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--tg-text);font-size:14px}.remember-checkbox input{width:18px;height:18px;accent-color:var(--tg-button)}.duration-select{width:100%;padding:10px 12px;font-size:14px;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:var(--tg-bg);color:var(--tg-text);outline:none}.duration-select:focus{border-color:var(--tg-button)}:root{--tg-theme-bg-color: #1a1a2e;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #8b8b8b;--tg-theme-link-color: #6366f1;--tg-theme-button-color: #6366f1;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #16213e;--calendar-border: rgba(255, 255, 255, .1);--calendar-today: #6366f1;--calendar-event-reminder: #f59e0b;--calendar-event-todo: #10b981;--calendar-weekend: rgba(239, 68, 68, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,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}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--tg-theme-secondary-bg-color)}::-webkit-scrollbar-thumb{background:var(--tg-theme-hint-color);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}