:root{color-scheme:light dark;--bg:#101827;--panel:#172334;--paper:#1d2a3b;--text:#edf3fb;--muted:#91a2b8;--line:#2b3a4d;--accent:#7294ff;--danger:#ff7184;--shadow:0 20px 55px #050a1266;font-family:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#263a59 0,transparent 50%),var(--bg);color:var(--text);display:flex;justify-content:center;overflow-x:hidden}.app-container{width:min(100%,1020px);padding:28px 24px 80px;position:relative}.hover-trigger{position:fixed;inset:0 auto 0 0;width:14px;z-index:100}.toolbar{position:sticky;top:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding:9px 12px;border:1px solid #ffffff12;border-radius:16px;background:#172334dd;backdrop-filter:blur(18px);box-shadow:0 8px 28px #050a1233}.tools-left,.tools-right,.tools-group{display:flex;align-items:center;gap:5px}.tools-right{margin-left:auto}button{font:inherit;font-weight:600;color:var(--muted);border:1px solid transparent;background:transparent;padding:9px 11px;border-radius:10px;cursor:pointer;transition:background .18s,color .18s,border .18s,transform .18s}button:hover{color:var(--text);background:#ffffff0c;border-color:#ffffff12}button:active{transform:scale(.97)}.btn-primary,.add-note-btn{background:linear-gradient(135deg,#7093ff,#5678e9);color:#fff;border:0;box-shadow:0 6px 16px #5678e944}.btn-primary:hover,.add-note-btn:hover{background:#809fff;color:#fff}.stats-text,.auth-hint{font-size:13px;color:var(--muted)}.status-indicator{font-size:12px;color:#78d9aa;opacity:0;transition:opacity .2s}.status-indicator.visible{opacity:1}.separator{width:1px;height:22px;background:var(--line);margin:0 5px}.tools-group{padding-right:5px;border-right:1px solid var(--line)}#editor{min-height:calc(100vh - 150px);padding:clamp(26px,6vw,76px);background:linear-gradient(150deg,#1d2a3b,#192638);border:1px solid #ffffff12;border-radius:20px;box-shadow:var(--shadow);outline:none;font-size:18px;line-height:1.8;overflow-wrap:anywhere}#editor:focus{border-color:#7294ff55}#editor:empty:before{content:attr(placeholder);color:#71829a}.sidebar{position:fixed;inset:0 auto 0 -340px;width:min(320px,88vw);z-index:2000;display:flex;flex-direction:column;padding:22px;background:var(--panel);border-right:1px solid var(--line);box-shadow:8px 0 36px #0006;transition:left .25s ease}.sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid var(--line)}.sidebar-header h3{margin:0}.add-note-btn{width:40px;height:40px;font-size:24px;padding:0;border-radius:13px}.notes-list{flex:1;overflow:auto;margin-bottom:12px}.note-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;margin-bottom:7px;border:1px solid transparent;border-radius:12px;background:#ffffff08;color:#dce5f2;font-size:14px;cursor:pointer}.note-item>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item:hover{background:#ffffff10}.note-item.active{background:#7294ff18;color:#a9bcff;border-color:#7294ff66}.delete-note{flex:none;padding:2px 4px;color:#71829a}.delete-note:hover{color:var(--danger)}.auth-section{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.auth-btn{width:100%;text-align:left;background:#7294ff15;color:#a9bcff;margin-bottom:6px}.auth-btn.logout{background:#ff718415;color:var(--danger)}.close-sidebar-btn{width:100%;margin-top:5px;background:#ffffff08}.sidebar-overlay{position:fixed;inset:0;z-index:1999;background:#050a1288;opacity:0;pointer-events:none;backdrop-filter:blur(3px);transition:opacity .2s}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.modal{display:none;position:fixed;inset:0;z-index:3000;align-items:center;justify-content:center;padding:18px;background:#050a12aa;backdrop-filter:blur(8px)}.modal.visible{display:flex}.modal-content{width:min(440px,100%);max-height:min(90vh,760px);overflow:auto;padding:26px;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(145deg,#1d2a3b,#172334);box-shadow:var(--shadow)}.modal-content h3{margin:0 0 8px;font-size:22px}.auth-hint{margin:0 0 20px}.auth-input{width:100%;padding:13px 14px;margin:0 0 11px;border:1px solid var(--line);border-radius:11px;background:#101827;color:var(--text);font:inherit;outline:none}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7294ff22}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.auth-actions button{width:100%;min-height:44px;background:#ffffff0b}.auth-actions .btn-primary{background:linear-gradient(135deg,#7093ff,#5678e9)}.auth-actions button:only-child{grid-column:1/-1}.auth-link{width:100%;padding:10px 4px;color:#a9bcff;font-size:13px}.auth-message{min-height:18px;margin:0 0 8px;color:#f3ba73;font-size:13px;line-height:1.5}.close-modal{width:100%;margin-top:14px;border:1px solid var(--line)}.ai-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.ai-options button{min-height:56px;text-align:left;background:#ffffff08;border-color:#ffffff0c;color:var(--text)}.ai-options button:hover{border-color:var(--accent);color:#b9c8ff}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;max-height:300px;overflow:auto;margin:15px 0}.emoji-btn{font-size:24px}.color-popup{display:none;position:absolute;z-index:5000;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.color-popup.visible{display:block}.color-row{display:flex;gap:8px}.color-option{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #ffffff30}.remove-option{background:transparent;color:var(--muted)}.mic-btn{position:fixed;right:26px;bottom:24px;z-index:1000;width:56px;height:56px;padding:0;border-radius:50%;background:linear-gradient(135deg,#7093ff,#5678e9);color:white;font-size:22px;box-shadow:0 8px 22px #5678e955}.mic-btn.recording{background:var(--danger);animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.08)}}[hidden]{display:none!important}@media(max-width:650px){.hover-trigger{display:none}.app-container{padding:12px 12px 76px}.toolbar{top:6px;gap:4px;padding:7px;border-radius:13px;flex-wrap:nowrap;overflow:auto}.tools-left,.tools-right{flex:none}.toolbar button{padding:8px}.desktop-only{display:flex}.stats-text,#ai-balance,.separator{display:none!important}#editor{min-height:calc(100vh - 112px);padding:24px 20px;font-size:16px;line-height:1.75;border-radius:15px}.ai-options{grid-template-columns:1fr}.mic-btn{right:16px;bottom:16px}}@media print{body,.app-container{display:block;background:#fff;color:#111;margin:0;padding:0;max-width:none}.toolbar,.mic-btn,.sidebar,.modal{display:none!important}#editor{min-height:0;padding:0;border:0;box-shadow:none;background:#fff;color:#111}}

.notes-locked{padding:14px 12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px;line-height:1.55;text-align:center}
#editor[contenteditable=false]{cursor:not-allowed;user-select:none}#editor[contenteditable=false]:empty:before{content:'Войдите в аккаунт, чтобы открыть свои заметки.'}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f6fb;--panel:#fff;--paper:#fff;--text:#202b3a;--muted:#64748b;--line:#dce3ed;--accent:#3867e8;--danger:#d92d4b;--shadow:0 20px 55px #17243a18}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 50% -15%,#dce8ff 0,transparent 54%),var(--bg);color:var(--text)}
:root[data-theme="light"] .toolbar{background:#ffffffdf;border-color:#17243a12;box-shadow:0 8px 28px #17243a12}
:root[data-theme="light"] .tools-group{border-color:var(--line)}
:root[data-theme="light"] #editor{background:linear-gradient(150deg,#fff,#f9fbff);border-color:#17243a12;color:var(--text)}
:root[data-theme="light"] #editor:empty:before{color:#8a97a9}
:root[data-theme="light"] .sidebar{background:#fff;border-color:var(--line);box-shadow:8px 0 36px #17243a24}
:root[data-theme="light"] .sidebar-overlay{background:#18253a55}
:root[data-theme="light"] .note-item{background:#f2f5fa;color:#344054}
:root[data-theme="light"] .note-item:hover{background:#eaf0f8}
:root[data-theme="light"] .note-item.active{background:#3867e814;color:#2857d2;border-color:#3867e855}
:root[data-theme="light"] .delete-note{color:#7a8798}
:root[data-theme="light"] .auth-btn{background:#3867e812;color:#2857d2}
:root[data-theme="light"] .auth-btn.logout{background:#d92d4b12;color:#c2213f}
:root[data-theme="light"] .close-sidebar-btn{background:#f2f5fa}
:root[data-theme="light"] .modal{background:#17243a66}
:root[data-theme="light"] .modal-content{background:linear-gradient(145deg,#fff,#f7f9fd);border-color:#17243a18;box-shadow:0 24px 70px #17243a2e}
:root[data-theme="light"] .auth-input{background:#f8faff;color:var(--text);border-color:#d5deea}
:root[data-theme="light"] .auth-actions button{background:#edf2f8;color:#344054}
:root[data-theme="light"] .auth-actions .btn-primary{background:linear-gradient(135deg,#5b82f5,#3867e8);color:#fff}
:root[data-theme="light"] .close-modal{border-color:var(--line)}
:root[data-theme="light"] .ai-options button{background:#f0f4fa;border-color:#e1e7f0;color:#344054}
:root[data-theme="light"] .ai-options button:hover{border-color:var(--accent);color:#2857d2}
:root[data-theme="light"] .color-popup{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
:root[data-theme="light"] .color-option{border-color:#17243a2b}
:root[data-theme="light"] .notes-locked{border-color:#d1dae6}
:root[data-theme="light"] button:hover{background:#17243a08;color:#243147;border-color:#17243a12}
:root[data-theme="light"] .btn-primary:hover,:root[data-theme="light"] .add-note-btn:hover{background:#4d79ed;color:#fff}