@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap";:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #ffffff;--text-color: #000000;--border-color: #e0e0e0;--button-bg: #ffffff;--button-hover: #f0f0f0;--placeholder-color: #888888}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--border-color: #333333;--button-bg: #333333;--button-hover: #444444;--placeholder-color: #cccccc}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);height:100vh;margin:0;transition:background-color .3s ease,color .3s ease}#root{height:100vh}.app{height:100vh;position:relative;background-color:var(--bg-color)}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-color);z-index:1000;box-shadow:0 2px 8px #0000001a}.theme-toggle:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.notes-textarea{width:100%;height:calc(100vh - 1.5rem);border:none;outline:none;resize:none;padding:2rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1rem;line-height:1.6;background-color:var(--bg-color);color:var(--text-color);caret-color:var(--text-color);font-weight:400}.notes-textarea::placeholder{color:var(--placeholder-color);font-style:italic}.tab-panel{position:fixed;bottom:0;left:0;right:0;height:1.5rem;background-color:var(--bg-color);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:0;z-index:100;transition:background-color .3s ease,border-color .3s ease;padding:0 .25rem}.tab-buttons{display:flex;align-items:center;gap:0}.font-controls{display:flex;align-items:center;gap:.25rem}.font-control-button{width:1.25rem;height:1rem;border:1px solid var(--border-color);border-radius:2px;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-control-button:hover{background-color:var(--button-hover)}.font-size-display{font-size:.65rem;color:var(--text-color);font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:2rem;text-align:center}.tab-button{width:1.25rem;height:1rem;border:1px solid var(--border-color);border-radius:2px;background-color:var(--button-bg);color:var(--text-color);font-size:.65rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-right:1px}.tab-button:hover{background-color:var(--button-hover)}.tab-button.active{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.tab-button.active:hover{background-color:var(--text-color)}@media (max-width: 768px){.theme-toggle{top:.5rem;right:.5rem}.notes-textarea{padding:1rem;height:calc(100vh - 1.25rem)}.tab-panel{height:1.25rem}.tab-button{width:1rem;height:.875rem;font-size:.6rem}.font-control-button{width:1rem;height:.875rem}.font-size-display{font-size:.6rem;min-width:1.5rem}.font-controls{gap:.125rem}}