diff --git a/ai.js b/ai.js
index a985350..30b103b 100644
--- a/ai.js
+++ b/ai.js
@@ -195,12 +195,39 @@ document.addEventListener('DOMContentLoaded', () => {
     const settingsModalCloseBtn = document.getElementById('settings-modal-close-btn');
     const apiKeyInput = document.getElementById('api-key-input');
     const settingsSaveBtn = document.getElementById('settings-save-btn');
+    const showLineNumbersCheckbox = document.getElementById('show-line-numbers');
+    const editorFontSizeSlider = document.getElementById('editor-font-size-slider');
+    const previewFontSizeSlider = document.getElementById('preview-font-size-slider');
+    const editorFontSizeVal = document.getElementById('editor-font-size-val');
+    const previewFontSizeVal = document.getElementById('preview-font-size-val');
 
     settingsBtn.addEventListener('click', () => {
         apiKeyInput.value = localStorage.getItem('gemini-api-key') || '';
+        showLineNumbersCheckbox.checked = localStorage.getItem('show-line-numbers') === 'true';
+
+        const editorSize = localStorage.getItem('editor-font-size') || '16';
+        const previewSize = localStorage.getItem('preview-font-size') || '16';
+
+        editorFontSizeSlider.value = editorSize;
+        editorFontSizeVal.textContent = `${editorSize}px`;
+        previewFontSizeSlider.value = previewSize;
+        previewFontSizeVal.textContent = `${previewSize}px`;
+
         settingsModalOverlay.classList.remove('hidden');
     });
 
+    editorFontSizeSlider.addEventListener('input', (e) => {
+        const size = e.target.value;
+        editorFontSizeVal.textContent = `${size}px`;
+        document.documentElement.style.setProperty('--editor-font-size', `${size}px`);
+    });
+
+    previewFontSizeSlider.addEventListener('input', (e) => {
+        const size = e.target.value;
+        previewFontSizeVal.textContent = `${size}px`;
+        document.documentElement.style.setProperty('--preview-font-size', `${size}px`);
+    });
+
     settingsModalCloseBtn.addEventListener('click', () => {
         settingsModalOverlay.classList.add('hidden');
     });
@@ -208,8 +235,24 @@ document.addEventListener('DOMContentLoaded', () => {
     settingsSaveBtn.addEventListener('click', () => {
         apiKey = apiKeyInput.value.trim();
         localStorage.setItem('gemini-api-key', apiKey);
+
+        const showLineNumbers = showLineNumbersCheckbox.checked;
+        localStorage.setItem('show-line-numbers', showLineNumbers);
+
+        localStorage.setItem('editor-font-size', editorFontSizeSlider.value);
+        localStorage.setItem('preview-font-size', previewFontSizeSlider.value);
+
+        // Dispatch event to notify editor.js
+        window.dispatchEvent(new CustomEvent('settings-updated', {
+            detail: {
+                showLineNumbers,
+                editorFontSize: editorFontSizeSlider.value,
+                previewFontSize: previewFontSizeSlider.value
+            }
+        }));
+
         settingsModalOverlay.classList.add('hidden');
-        if (window.toast) window.toast('API key saved', 'success');
+        if (window.toast) window.toast('Settings saved', 'success');
     });
 
     aiNewChatBtn.addEventListener('click', () => {
diff --git a/dashboard.js b/dashboard.js
index 1808fa5..fe11ed5 100644
--- a/dashboard.js
+++ b/dashboard.js
@@ -10,6 +10,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const modalConfirmBtn = document.getElementById('modal-confirm-btn');
     const themeToggle = document.getElementById('theme-toggle');
     const docCountBadge = document.getElementById('doc-count-badge');
+    const dropOverlay = document.getElementById('drop-overlay');
 
     let files = [];
     let modalResolve = null;
@@ -38,6 +39,34 @@ document.addEventListener('DOMContentLoaded', () => {
         files = await RazenFS.getAllFiles();
     };
 
+    window.toast = (message, type = 'info') => {
+        const container = document.getElementById('toast-container');
+        if (!container) return;
+
+        const toast = document.createElement('div');
+        toast.className = `toast toast-${type}`;
+
+        let icon = 'info-circle';
+        if (type === 'success') icon = 'check-circle';
+        if (type === 'error') icon = 'exclamation-circle';
+        if (type === 'warning') icon = 'exclamation-triangle';
+
+        toast.innerHTML = `
+            <i class="fas fa-${icon}"></i>
+            <span>${message}</span>
+        `;
+
+        container.appendChild(toast);
+
+        const dismiss = () => {
+            toast.classList.add('fade-out');
+            setTimeout(() => toast.remove(), 300);
+        };
+
+        toast.onclick = dismiss;
+        setTimeout(dismiss, 3000);
+    };
+
     const updateDocCount = () => {
         if (!docCountBadge) return;
         const n = files.length;
@@ -160,6 +189,63 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     };
 
+    const handleFileImport = (file) => {
+        if (!file.name.endsWith('.md') && !file.name.endsWith('.txt')) {
+            toast('Only .md and .txt files are supported', 'error');
+            return;
+        }
+
+        const reader = new FileReader();
+        reader.onload = async (e) => {
+            const content = e.target.result;
+            const name = file.name.replace(/\.(md|txt)$/, '');
+            const newId = `file_${Date.now()}`;
+            const newFile = {
+                id: newId,
+                name: name,
+                content: content
+            };
+            await RazenFS.saveFile(newFile);
+            files.push(newFile);
+            renderDocuments();
+            toast('File imported', 'success');
+        };
+        reader.readAsText(file);
+    };
+
+    // Drag and Drop
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dropOverlay.classList.remove('hidden');
+    };
+
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.relatedTarget === null || !dropOverlay.contains(e.relatedTarget)) {
+             dropOverlay.classList.add('hidden');
+        }
+    };
+
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dropOverlay.classList.add('hidden');
+
+        const file = e.dataTransfer.files[0];
+        if (file) {
+            handleFileImport(file);
+        }
+    };
+
+    if (documentsGrid) {
+        documentsGrid.addEventListener('dragenter', handleDragOver);
+        dropOverlay.addEventListener('dragover', (e) => e.preventDefault());
+        dropOverlay.addEventListener('dragleave', handleDragLeave);
+        dropOverlay.addEventListener('drop', handleDrop);
+    }
+
     const handleDownloadFile = (id) => {
         const file = files.find(f => f.id === id);
         if (!file) return;
diff --git a/editor.html b/editor.html
index c04db2c..59478e4 100644
--- a/editor.html
+++ b/editor.html
@@ -58,6 +58,10 @@ <h1 id="app-title">Velox Editor</h1>
                         <button id="export-html-btn"><i class="fa-solid fa-file-code"></i> Export as HTML</button>
                     </div>
                 </div>
+                <button id="import-btn" title="Import File">
+                    <i class="fa-solid fa-upload"></i>
+                </button>
+                <input type="file" id="import-input" accept=".md,.txt" class="hidden">
                 <button id="view-toggle" title="Toggle Preview">
                     <i class="fa-solid fa-eye"></i>
                 </button>
@@ -122,6 +126,7 @@ <h1 id="app-title">Velox Editor</h1>
             </aside>
             <main id="app-main">
                 <div id="editor-container">
+                    <div id="line-numbers" class="hidden"></div>
                     <div id="editor-backdrop"></div>
                     <textarea id="editor" spellcheck="false"></textarea>
                 </div>
@@ -277,6 +282,18 @@ <h2>Settings</h2>
                     <label for="api-key-input">Gemini API Key</label>
                     <input type="password" id="api-key-input" placeholder="Enter your API key">
                 </div>
+                <div class="settings-field checkbox-field">
+                    <input type="checkbox" id="show-line-numbers">
+                    <label for="show-line-numbers">Show line numbers</label>
+                </div>
+                <div class="settings-field">
+                    <label for="editor-font-size-slider">Editor font size: <span id="editor-font-size-val">16px</span></label>
+                    <input type="range" id="editor-font-size-slider" min="12" max="20" step="1" value="16">
+                </div>
+                <div class="settings-field">
+                    <label for="preview-font-size-slider">Preview font size: <span id="preview-font-size-val">16px</span></label>
+                    <input type="range" id="preview-font-size-slider" min="12" max="20" step="1" value="16">
+                </div>
                 <div id="settings-modal-actions">
                     <button id="settings-save-btn">Save</button>
                 </div>
@@ -298,6 +315,19 @@ <h2>Settings</h2>
         <button id="more-settings-btn" role="menuitem"><i class="fa-solid fa-cog"></i> Settings</button>
     </div>
 
+    <!-- Drag and Drop Overlay -->
+    <div id="drop-overlay" class="hidden">
+        <div class="drop-message">
+            <i class="fa-solid fa-file-import"></i>
+            <span>Drop to open file</span>
+        </div>
+    </div>
+
+    <!-- Zen Mode Exit Pill -->
+    <div id="zen-exit-pill" class="hidden">
+        Press Esc to exit
+    </div>
+
     <!-- Toast Notifications Container -->
     <div id="toast-container"></div>
 </body>
diff --git a/editor.js b/editor.js
index 7703b51..0ffbf54 100644
--- a/editor.js
+++ b/editor.js
@@ -7,6 +7,10 @@ document.addEventListener('DOMContentLoaded', () => {
     const exportBtn = document.getElementById('export-btn');
     const exportDropdownToggle = document.getElementById('export-dropdown-toggle');
     const exportMenu = document.getElementById('export-menu');
+    const importBtn = document.getElementById('import-btn');
+    const importInput = document.getElementById('import-input');
+    const dropOverlay = document.getElementById('drop-overlay');
+    const appMain = document.getElementById('app-main');
     const exportPdfBtn = document.getElementById('export-pdf-btn');
     const exportHtmlBtn = document.getElementById('export-html-btn');
     const sidebarToggle = document.getElementById('sidebar-toggle');
@@ -31,6 +35,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const replaceAllBtn = document.getElementById('replace-all-btn');
     const closeFindBtn = document.getElementById('close-find-btn');
     const editorBackdrop = document.getElementById('editor-backdrop');
+    const lineNumbers = document.getElementById('line-numbers');
+    const zenExitPill = document.getElementById('zen-exit-pill');
 
     // Modal Elements
     const modalOverlay = document.getElementById('modal-overlay');
@@ -49,6 +55,8 @@ document.addEventListener('DOMContentLoaded', () => {
         activeTab: 'outline',
         findMatches: [],
         currentMatchIndex: -1,
+        showLineNumbers: localStorage.getItem('show-line-numbers') === 'true',
+        isZenMode: false,
     };
 
     // 3. Modern Tech Setup
@@ -177,6 +185,57 @@ document.addEventListener('DOMContentLoaded', () => {
         
         charCountEl.textContent = text.length;
         wordCountEl.textContent = wordCount;
+        updateLineNumbers();
+    };
+
+    const updateLineNumbers = () => {
+        if (!state.showLineNumbers) return;
+        const lines = editor.value.split('\n');
+        const count = lines.length;
+        let html = '';
+        for (let i = 1; i <= count; i++) {
+            html += `<div>${i}</div>`;
+        }
+        lineNumbers.innerHTML = html;
+    };
+
+    const toggleLineNumbers = (show) => {
+        state.showLineNumbers = show;
+        lineNumbers.classList.toggle('hidden', !show);
+        document.body.classList.toggle('show-line-numbers', show);
+        localStorage.setItem('show-line-numbers', show);
+        if (show) updateLineNumbers();
+    };
+
+    const toggleZenMode = (show) => {
+        if (show === undefined) show = !state.isZenMode;
+        state.isZenMode = show;
+
+        document.body.classList.add('fade-exit');
+        requestAnimationFrame(() => {
+            document.body.classList.add('fade-exit-active');
+        });
+
+        setTimeout(() => {
+            document.body.classList.remove('fade-exit', 'fade-exit-active');
+            document.body.classList.toggle('zen-mode', show);
+            document.body.classList.add('fade-enter');
+            requestAnimationFrame(() => {
+                document.body.classList.add('fade-enter-active');
+            });
+
+            setTimeout(() => {
+                document.body.classList.remove('fade-enter', 'fade-enter-active');
+            }, 300);
+
+            if (show) {
+                zenExitPill.classList.remove('hidden');
+                setTimeout(() => zenExitPill.classList.add('hidden'), 2000);
+                if (state.isSidebarVisible) toggleSidebar(false);
+            } else {
+                zenExitPill.classList.add('hidden');
+            }
+        }, 300);
     };
     
     const saveState = () => {
@@ -339,6 +398,7 @@ document.addEventListener('DOMContentLoaded', () => {
              preview.scrollTop = scrollPercentage * (preview.scrollHeight - preview.clientHeight);
         }
         editorBackdrop.scrollTop = editor.scrollTop;
+        lineNumbers.scrollTop = editor.scrollTop;
     };
 
     // --- Find & Replace Logic ---
@@ -463,19 +523,19 @@ document.addEventListener('DOMContentLoaded', () => {
     };
 
     // 5. File Operations
-    const createNewFile = async () => {
+    const createNewFile = async (name, content) => {
         const newId = `file_${Date.now()}`;
         const fileNumber = state.files.length + 1;
         const newFile = {
             id: newId,
-            name: `Untitled ${fileNumber}`,
-            content: `# Untitled ${fileNumber}\n\nStart writing your markdown here.`
+            name: name || `Untitled ${fileNumber}`,
+            content: content || `# Untitled ${fileNumber}\n\nStart writing your markdown here.`
         };
         state.files.push(newFile);
         state.activeFileId = newId;
 
         await RazenFS.saveFile(newFile);
-        toast('File created', 'success');
+        toast(name ? 'File imported' : 'File created', 'success');
         updateEditorAndPreview();
         return newId;
     };
@@ -775,6 +835,65 @@ document.addEventListener('DOMContentLoaded', () => {
         exportMenu.classList.add('hidden');
     });
 
+    importBtn.addEventListener('click', () => {
+        importInput.click();
+    });
+
+    importInput.addEventListener('change', (e) => {
+        const file = e.target.files[0];
+        if (file) {
+            handleFileImport(file);
+        }
+        importInput.value = '';
+    });
+
+    const handleFileImport = (file) => {
+        if (!file.name.endsWith('.md') && !file.name.endsWith('.txt')) {
+            toast('Only .md and .txt files are supported', 'error');
+            return;
+        }
+
+        const reader = new FileReader();
+        reader.onload = async (e) => {
+            const content = e.target.result;
+            const name = file.name.replace(/\.(md|txt)$/, '');
+            const newId = await createNewFile(name, content);
+            switchActiveFile(newId);
+        };
+        reader.readAsText(file);
+    };
+
+    // Drag and Drop
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dropOverlay.classList.remove('hidden');
+    };
+
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.relatedTarget === null || !dropOverlay.contains(e.relatedTarget)) {
+             dropOverlay.classList.add('hidden');
+        }
+    };
+
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dropOverlay.classList.add('hidden');
+
+        const file = e.dataTransfer.files[0];
+        if (file) {
+            handleFileImport(file);
+        }
+    };
+
+    appMain.addEventListener('dragenter', handleDragOver);
+    dropOverlay.addEventListener('dragover', (e) => e.preventDefault());
+    dropOverlay.addEventListener('dragleave', handleDragLeave);
+    dropOverlay.addEventListener('drop', handleDrop);
+
     document.addEventListener('click', (e) => {
         if (!e.target.closest('.export-dropdown')) {
             exportMenu.classList.add('hidden');
@@ -905,6 +1024,12 @@ document.addEventListener('DOMContentLoaded', () => {
     const init = async () => {
         const savedTheme = localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
         applyTheme(savedTheme);
+        toggleLineNumbers(state.showLineNumbers);
+
+        const savedEditorSize = localStorage.getItem('editor-font-size') || '16';
+        const savedPreviewSize = localStorage.getItem('preview-font-size') || '16';
+        document.documentElement.style.setProperty('--editor-font-size', `${savedEditorSize}px`);
+        document.documentElement.style.setProperty('--preview-font-size', `${savedPreviewSize}px`);
 
         await loadState();
 
@@ -917,6 +1042,12 @@ document.addEventListener('DOMContentLoaded', () => {
     };
 
     // Global keyboard shortcuts
+    window.addEventListener('settings-updated', (e) => {
+        if (e.detail.showLineNumbers !== undefined) {
+            toggleLineNumbers(e.detail.showLineNumbers);
+        }
+    });
+
     window.addEventListener('keydown', (e) => {
         const isMod = e.ctrlKey || e.metaKey;
 
@@ -965,9 +1096,20 @@ document.addEventListener('DOMContentLoaded', () => {
                     const currentTheme = document.documentElement.getAttribute('data-theme');
                     applyTheme(currentTheme === 'dark' ? 'light' : 'dark');
                     break;
+                case 'f':
+                    if (e.shiftKey) {
+                        e.preventDefault();
+                        toggleZenMode();
+                    }
+                    break;
             }
+        } else if (e.key === 'F11') {
+            e.preventDefault();
+            toggleZenMode();
         } else if (e.key === 'Escape') {
-            if (!findReplacePanel.classList.contains('hidden')) {
+            if (state.isZenMode) {
+                toggleZenMode(false);
+            } else if (!findReplacePanel.classList.contains('hidden')) {
                 toggleFindReplace(false);
             }
         }
diff --git a/index.html b/index.html
index d499ca9..97328a3 100644
--- a/index.html
+++ b/index.html
@@ -79,6 +79,17 @@ <h1 class="dashboard-title">My Documents</h1>
     <script src="fs-helpers.js" defer></script>
     <script src="dashboard.js" defer></script>
 
+    <!-- Drag and Drop Overlay -->
+    <div id="drop-overlay" class="hidden">
+        <div class="drop-message">
+            <i class="fa-solid fa-file-import"></i>
+            <span>Drop to open file</span>
+        </div>
+    </div>
+
+    <!-- Toast Notifications Container -->
+    <div id="toast-container"></div>
+
     <!-- Custom Modal -->
     <div id="modal-overlay" class="hidden">
         <div id="modal">
diff --git a/style.css b/style.css
index 073f5b3..e489ff8 100644
--- a/style.css
+++ b/style.css
@@ -435,12 +435,40 @@ body {
     position: relative;
     overflow-y: hidden;
     background-color: var(--bg-primary);
+    transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 #editor-container {
     position: relative;
     width: 100%;
     height: 100%;
+    display: flex;
+    transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1), margin 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+#line-numbers {
+    width: 48px;
+    background-color: var(--bg-secondary);
+    border-right: 1px solid var(--border-color);
+    color: var(--text-secondary);
+    font-family: var(--font-mono);
+    font-size: 0.85rem;
+    text-align: right;
+    padding-right: 8px;
+    padding-top: 1.2rem;
+    line-height: 1.7;
+    user-select: none;
+    flex-shrink: 0;
+    overflow: hidden;
+    z-index: 2;
+    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+#line-numbers.hidden {
+    width: 0;
+    padding: 0;
+    border-right: none;
+    opacity: 0;
 }
 
 #editor-backdrop {
@@ -451,7 +479,7 @@ body {
     height: 100%;
     padding: 1.2rem 1.2rem;
     font-family: var(--font-mono);
-    font-size: 1rem;
+    font-size: var(--editor-font-size, 1rem);
     line-height: 1.7;
     white-space: pre-wrap;
     word-wrap: break-word;
@@ -479,7 +507,12 @@ body {
     height: 100%;
     padding: 1.2rem 1.2rem;
     overflow-y: auto;
-    transition: opacity 0.2s ease-in-out;
+    transition: opacity 0.2s ease-in-out, padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+body.show-line-numbers #editor,
+body.show-line-numbers #editor-backdrop {
+    padding-left: 48px;
 }
 
 #editor {
@@ -488,7 +521,7 @@ body {
     border: none;
     resize: none;
     font-family: var(--font-mono);
-    font-size: 1rem;
+    font-size: var(--editor-font-size, 1rem);
     line-height: 1.7;
     z-index: 1;
     display: block;
@@ -502,6 +535,7 @@ body {
     line-height: 1.8;
     max-width: 800px;
     margin: 0 auto;
+    font-size: var(--preview-font-size, 1rem);
 }
 
 .hidden {
@@ -1736,6 +1770,23 @@ body {
     color: var(--text-secondary);
 }
 
+.checkbox-field {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.checkbox-field input[type="checkbox"] {
+    width: 1.25rem;
+    height: 1.25rem;
+    cursor: pointer;
+}
+
+.checkbox-field label {
+    margin-bottom: 0;
+    cursor: pointer;
+}
+
 #api-key-input {
     width: 100%;
     padding: 0.75rem;
@@ -1746,6 +1797,11 @@ body {
     font-size: 1rem;
 }
 
+.settings-field input[type="range"] {
+    width: 100%;
+    cursor: pointer;
+}
+
 #settings-modal-actions {
     display: flex;
     justify-content: flex-end;
@@ -2125,6 +2181,108 @@ body {
 .toc-level-5 { padding-left: 5rem; }
 .toc-level-6 { padding-left: 6rem; }
 
+/* --- 18. Zen Mode --- */
+body.zen-mode #app-header,
+body.zen-mode #app-footer,
+body.zen-mode #floating-toolbar,
+body.zen-mode #sidebar,
+body.zen-mode #show-toolbar-btn,
+body.zen-mode #find-replace-panel {
+    display: none !important;
+}
+
+body.zen-mode #app-body {
+    margin: 0;
+    border: none;
+    border-radius: 0;
+}
+
+body.zen-mode #app-main {
+    display: flex;
+    justify-content: center;
+    background-color: var(--bg-primary);
+    padding: 0;
+}
+
+body.zen-mode #editor-container {
+    max-width: 720px;
+    margin: 0 auto;
+}
+
+body.zen-mode #editor,
+body.zen-mode #editor-backdrop,
+body.zen-mode #preview {
+    padding: 3rem;
+}
+
+#zen-exit-pill {
+    position: fixed;
+    top: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: var(--bg-secondary);
+    color: var(--text-secondary);
+    padding: 0.5rem 1rem;
+    border-radius: 999px;
+    font-size: 0.8rem;
+    box-shadow: var(--shadow-medium);
+    z-index: 10001;
+    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    pointer-events: none;
+}
+
+/* --- 19. Transitions --- */
+.fade-enter {
+    opacity: 0;
+}
+.fade-enter-active {
+    opacity: 1;
+    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.fade-exit {
+    opacity: 1;
+}
+.fade-exit-active {
+    opacity: 0;
+    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* --- 17. Drag & Drop Overlay --- */
+#drop-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: color-mix(in oklch, var(--bg-primary), transparent 20%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 10000;
+    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+    pointer-events: auto;
+}
+
+#drop-overlay.hidden {
+    opacity: 0;
+    pointer-events: none;
+}
+
+.drop-message {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+    font-family: var(--font-header);
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--accent-color);
+}
+
+.drop-message i {
+    font-size: 3rem;
+}
+
 .no-outline {
     color: var(--text-secondary);
     font-size: 0.875rem;