:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size: 14px;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-quaternary: #f0f0f0;--text-primary: #213547;--text-secondary: #333333;--text-tertiary: #666666;--text-quaternary: #999999;--text-muted: #6c757d;--border-primary: #e1e5e9;--border-secondary: #dee2e6;--border-tertiary: #adb5bd;--border-accent: #30363d;--accent-primary: #646cff;--accent-secondary: #535bf2;--accent-success: #007bff;--accent-success-hover: #0056b3;--accent-danger: #e74c3c;--shadow-primary: rgba(0, 0, 0, .8);--shadow-secondary: rgba(0, 0, 0, .1);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.dark{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-quaternary: #30363d;--text-primary: #f0f6fc;--text-secondary: #f0f6fc;--text-tertiary: #7d8590;--text-quaternary: #7d8590;--text-muted: #7d8590;--border-primary: #30363d;--border-secondary: #30363d;--border-tertiary: #30363d;--border-accent: #58a6ff;--accent-primary: #58a6ff;--accent-secondary: #79c0ff;--accent-success: #238636;--accent-success-hover: #2ea043;--accent-danger: #f85149;--shadow-primary: rgba(240, 246, 252, .9);--shadow-secondary: rgba(240, 246, 252, .1)}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit;transition:color .3s ease}a:hover{color:var(--accent-secondary)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-secondary);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-quaternary);color:var(--text-primary);cursor:pointer;transition:all .3s ease}button:hover{border-color:var(--accent-primary);background-color:var(--bg-tertiary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sidebar-toggle{position:fixed;left:8px;top:20px;width:20px;height:20px;background:none;border:none;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.sidebar-toggle:hover{transform:scale(2);border:none}.sidebar-toggle.open{left:208px}.arrow{font-size:16px;color:var(--text-tertiary);transition:transform .3s ease;font-weight:300}.sidebar-toggle.open .arrow{transform:rotate(180deg)}.copy-button{position:fixed;left:8px;top:50px;width:20px;height:20px;background:none;border:none;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.copy-button:hover:not(:disabled){transform:scale(2);border:none}.copy-button.open{left:208px}.copy-button:disabled{opacity:.3;cursor:not-allowed}.copy-button:disabled:hover{transform:none}.copy-icon{font-size:16px;color:var(--text-tertiary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.clipboard-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(50%);transition:filter .3s ease}.copy-button:not(:disabled):hover .copy-icon{color:var(--text-primary)}.copy-button:not(:disabled):hover .clipboard-icon{filter:brightness(0) saturate(100%) invert(100%)}.info-button{position:fixed;left:8px;bottom:20px;width:20px;height:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.info-button:hover{transform:scale(1.2);background:var(--bg-primary);border-color:var(--text-primary)}.info-button.open{left:208px}.info-icon{font-size:12px;font-weight:700;color:var(--text-tertiary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.info-button:hover .info-icon{color:var(--text-primary)}.custom-tooltip{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;border-radius:6px!important;font-size:12px!important;padding:8px 12px!important;box-shadow:0 4px 12px #00000026!important;z-index:10000!important}.info-tooltip{max-width:300px!important;text-align:left!important;line-height:1.4!important}.sidebar{position:fixed;left:-200px;top:0;width:200px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-primary);transition:left .3s ease,background-color .3s ease,border-color .3s ease;z-index:999;overflow-y:auto}.sidebar.open{left:0}.sidebar-content{padding:20px}.sidebar-section{margin-bottom:24px}.sidebar-section h3{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.placeholder{padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-muted);font-style:italic;transition:background-color .3s ease,color .3s ease}.share-button{width:100%;padding:10px 16px;background:var(--accent-success);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.share-button:hover:not(:disabled){background:var(--accent-success-hover)}.share-button:disabled{background:var(--text-muted);cursor:not-allowed}.new-document-button{width:100%;padding:10px 16px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:8px}.new-document-button:hover{background:var(--bg-tertiary);border-color:var(--border-tertiary)}.last-saved{padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-primary);font-weight:500;transition:background-color .3s ease,color .3s ease}.theme-toggle-button{width:100%;padding:10px 16px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.theme-toggle-button:hover{background:var(--bg-tertiary);border-color:var(--border-tertiary)}.font-size-control{display:flex;flex-direction:column;gap:8px}.font-size-control label{font-size:12px;color:var(--text-tertiary);font-weight:500;transition:color .3s ease}.font-size-input{width:100%;padding:8px 12px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:4px;font-size:14px;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.font-size-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.font-size-input:hover{border-color:var(--border-tertiary)}.line-numbers-control{margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:color .3s ease}.checkbox-label:hover{color:var(--text-secondary)}.line-numbers-checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-text{font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.about-link{display:block;padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-tertiary);text-decoration:none;text-align:center;transition:all .3s ease;font-style:italic}.about-link:hover{background:var(--bg-quaternary);color:var(--text-primary);text-decoration:none}.text-editor-container{display:flex;height:100vh;width:100%;position:relative;box-sizing:border-box;background-color:var(--bg-primary);transition:background-color .3s ease}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;margin-left:0}.main-content.sidebar-open{margin-left:200px}.text-editor-content{flex:1;display:flex;flex-direction:row;margin-left:30px;padding:20px;box-sizing:border-box;position:relative}.text-editor-textarea{flex:1;width:100%;border:none;padding:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size);line-height:1.6;resize:none;outline:none;background-color:transparent;color:var(--text-secondary);box-sizing:border-box;transition:color .3s ease,font-size .3s ease}.text-editor-textarea:focus{outline:none}.text-editor-textarea{margin-left:20px}.text-editor-textarea::placeholder{color:var(--text-quaternary);font-style:italic;transition:color .3s ease}.saving-indicator{position:fixed;bottom:20px;left:20px;background:var(--shadow-primary);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:12px;z-index:1000;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.error-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;padding:40px}.error-message h2{color:var(--accent-danger);margin-bottom:16px;font-size:24px}.error-message p{color:var(--text-tertiary);font-size:16px;line-height:1.5}.line-numbers{position:absolute;left:0;top:20px;width:20px;height:calc(100vh - 40px);overflow:hidden;background:var(--bg-primary);border-right:1px solid var(--border-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size);line-height:1.6;color:var(--text-quaternary);-webkit-user-select:none;user-select:none;z-index:2;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.line-numbers.without-numbers{color:transparent}.line-number{display:flex;align-items:center;justify-content:flex-end;padding-right:8px;height:1.6em;font-size:inherit;line-height:inherit}.about-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box}.about-content{max-width:600px;width:100%;text-align:center;line-height:1.6}.about-page h1{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;transition:color .3s ease}.about-page p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;transition:color .3s ease}.app-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);transition:color .3s ease}.about-page p:last-child{margin-bottom:0;font-style:italic;color:var(--text-tertiary)}.about-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.about-button{padding:12px 24px;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-secondary);border-radius:8px;font-size:14px;font-weight:500;cursor:not-allowed;opacity:.6;transition:all .3s ease;min-width:160px}.about-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary);cursor:not-allowed}.back-button{position:fixed;top:20px;left:20px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;z-index:1000}.back-button:hover{background:var(--bg-tertiary);border-color:var(--border-tertiary);transform:translateY(-1px)}.back-button:active{transform:translateY(0)}@media (max-width: 768px){.about-page{padding:20px 16px}.about-page h1{font-size:2rem;margin-bottom:1.5rem}.about-page p{font-size:1rem}.app-name{font-size:1.2rem}.about-buttons{flex-direction:column;align-items:center;gap:.75rem}.about-button{min-width:140px;padding:10px 20px;font-size:13px}.back-button{top:16px;left:16px;padding:8px 12px;font-size:13px}}