Refactor: single-line task icons, global font application, and improved settings feedback

src/app/globals.css

@@ -4,6 +4,12 @@
 
 /* Global Styles */
 
+:root {
+  --weekly-font: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif);
+  --weekly-font-headline: var(--font-headline, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif);
+  --font-weight-body: 400;
+}
+
 /* Reset and base styles */
 *,
 ::before,
@@ -14,8 +20,15 @@
   border-color: transparent;
 }
 
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+  font-family: var(--weekly-font);
+  font-weight: var(--font-weight-body);
+}
+
 body {
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   background-color: #f8fafc;
   color: #1e293b;
   line-height: 1.6;
@@ -626,6 +639,7 @@ h3 {
   text-transform: uppercase;
   letter-spacing: -0.02em;
   color: var(--weekly-text);
+  font-family: var(--weekly-font-headline);
 }
 
 .weekly-day-name.is-today {
@@ -797,6 +811,7 @@ h3 {
   z-index: 10;
   padding-left: 8px;
   padding-right: 4px;
+  flex-wrap: nowrap;
 }
 
 .task-action-btn {

src/components/WeeklyView.tsx

@@ -1489,7 +1489,7 @@ export default function WeeklyView() {
     const containerStyle = {
         '--font-headline': `"${headlineFont}", sans-serif`,
         '--font-body': `"${bodyFont}", sans-serif`,
-        '--font-weight-body': fontWeight,
+        '--font-weight-body': fontWeight || '400',
     } as React.CSSProperties;
 
     if (isLoading) {
@@ -3597,6 +3597,12 @@ function SettingsSidebar({
                 </div>
 
                 <div className="weekly-settings-content" style={{ flex: 1, overflowY: 'auto', padding: '24px' }}>
+                    {accountMsg && (
+                        <div className={`weekly-auth-message ${accountMsg.toLowerCase().includes('success') ? 'success' : 'error'}`}
+                            style={{ marginBottom: '20px', padding: '10px', borderRadius: '4px', textAlign: 'center', fontWeight: 600 }}>
+                            {accountMsg}
+                        </div>
+                    )}
                     {activeTab === 'general' ? (
                         <div style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
                             {/* Motto */}
@@ -3972,7 +3978,6 @@ function SettingsSidebar({
                             >
                                 {t.saveChanges}
                             </button>
-                            {accountMsg && <p style={{ fontSize: '0.9rem', color: accountMsg.includes('success') ? 'green' : 'red', marginTop: '8px' }}>{accountMsg}</p>}
                         </div>
                     ) : activeTab === 'calendar' ? (
                         isLoading ? (
@@ -4106,7 +4111,6 @@ function SettingsSidebar({
                                     <small className="help-text" style={{ fontSize: '0.75rem', color: '#666', marginTop: '4px', display: 'block' }}>{translations[profile.language || 'en']?.newPasswordDesc || translations['en'].newPasswordDesc}</small>
                                 </div>
 
-                                {accountMsg && <div className={`weekly-auth-message ${accountMsg.includes('Success') ? 'success' : 'error'}`}>{accountMsg}</div>}
 
                                 <button
                                     type="submit"