@kangsicj/dcinsideenhancer 1.0.2 → 1.1.0

package/dist/DCInsideEnhancer.user.js

@@ -2,7 +2,7 @@
 // @name         DCInside Enhancer
 // @name:ko      디시 인핸서
 // @namespace    https://github.com/kangsicj/DCInsideEnhancer
-// @version      1.0.2
+// @version      1.1.0
 // @description  DCInside filter & enhancer — mobile & PC. Block users/words/heads/notices/images & GIFs across posts, infinite list, zoom viewer, theme sync, encrypted multi-device sync.
 // @description:ko 디시인사이드 차단·편의 기능 (모바일·PC) - 유저·단어(제목/본문)·말머리·공지 차단, 같은/비슷한 이미지·움짤 모든 글 차단, 디시콘 제거, 차단 미디어 데이터 절약, 목록 자동 보충·무한 스크롤·뒤로 가기 위치 복원, 스크랩, 이미지 확대뷰 개선, 야간모드 자동 연동, 암호화 기기 간 동기화
 // @author       kangsicj
@@ -75,7 +75,7 @@
     // 0. 설정·상수
     // =========================================================
 
-    const SCRIPT_VERSION = '1.0.2';
+    const SCRIPT_VERSION = '1.1.0';
     const PROJECT_URL = 'https://github.com/kangsicj/DCInsideEnhancer';
     const DONATE_URL = 'https://fairy.hada.io/@jinny#support';
 
@@ -104,6 +104,10 @@
         syncUndo: 'dc_sync_undo',
         syncLog: 'dc_sync_log',
         syncLock: 'dc_sync_lock',
+        syncRt: 'dc_sync_rt',
+        recent: 'dc_recent_galls',
+        recentNative: 'dc_recent_native',
+        alarmSeen: 'dc_alarm_marks',
         seenVersion: 'dc_seen_version'
     };
 
@@ -212,6 +216,12 @@
         hideHomeNewGall: true,
         hideHomeMedia: true,
         hideFooterInfo: true,
+        hideAdSlots: true,
+        hideNewsRows: true,
+        hideCommentAds: true,
+        hideSilbeAlarm: true,
+        alarmBubble: true,
+        alarmKeepPolling: true,
         pcFitWidth: true,
         autoHideScrollbar: true,
         scrapIntercept: true,
@@ -395,57 +405,77 @@
 
         html.dc-pc-fit { --dc-fit-gap: clamp(12px, 2vw, 32px); }
         html.dc-pc-fit body,
-        html.dc-pc-fit .dcwrap.width1160 { min-width: 0 !important; }
-        html.dc-pc-fit .dcwrap.width1160 .dchead,
-        html.dc-pc-fit .dcwrap.width1160 .gnb,
-        html.dc-pc-fit .dcwrap.width1160 .gnb_depth2_list,
-        html.dc-pc-fit .dcwrap.width1160 .info_policy,
-        html.dc-pc-fit .dcwrap.width1160 .copyright,
-        html.dc-pc-fit .dcwrap.width1160 > .visit_bookmark {
+        html.dc-pc-fit .dcwrap { min-width: 0 !important; }
+        html.dc-pc-fit .dcwrap .dchead,
+        html.dc-pc-fit .dcwrap .gnb,
+        html.dc-pc-fit .dcwrap .gnb_depth2_list,
+        html.dc-pc-fit .dcwrap .info_policy,
+        html.dc-pc-fit .dcwrap .copyright,
+        html.dc-pc-fit .dcwrap .visit_bookmark {
             width: auto !important;
             max-width: none !important;
             margin-left: var(--dc-fit-gap) !important;
             margin-right: var(--dc-fit-gap) !important;
         }
-        html.dc-pc-fit .dcwrap.width1160 .gnb_bar { min-width: 0 !important; }
-        html.dc-pc-fit .dcwrap.width1160 .gnb_list,
-        html.dc-pc-fit .dcwrap.width1160 .dc_all { width: auto !important; }
+
+        html.dc-pc-fit .dcwrap .gnb_bar { min-width: 0 !important; width: auto !important; margin: 0 !important; }
+        html.dc-pc-fit .dcwrap .gnb_list,
+        html.dc-pc-fit .dcwrap .dc_all { width: auto !important; }
         html.dc-pc-fit .dcwrap .wrap_inner { width: auto !important; }
-        html.dc-pc-fit .dcwrap.width1160 #container {
+        html.dc-pc-fit .dcwrap #container {
+            width: auto !important;
+            margin-left: var(--dc-fit-gap) !important;
+            margin-right: var(--dc-fit-gap) !important;
+        }
+        html.dc-pc-fit .dcwrap #container:has(> .left_content),
+        html.dc-pc-fit .dcwrap #container > .main_content:has(> .left_content) {
             display: flex;
             flex-wrap: wrap;
             align-items: flex-start;
             gap: 20px;
             width: auto !important;
-            margin: 20px var(--dc-fit-gap) 0 !important;
         }
-        html.dc-pc-fit .dcwrap.width1160 #container::before,
-        html.dc-pc-fit .dcwrap.width1160 #container::after { display: none !important; }
-        html.dc-pc-fit .dcwrap.width1160 #container > :not(.left_content):not(.right_content) {
+        html.dc-pc-fit .dcwrap #container:has(> .left_content)::before,
+        html.dc-pc-fit .dcwrap #container:has(> .left_content)::after,
+        html.dc-pc-fit .dcwrap .main_content:has(> .left_content)::before,
+        html.dc-pc-fit .dcwrap .main_content:has(> .left_content)::after { display: none !important; }
+        html.dc-pc-fit .dcwrap #container:has(> .left_content) > :not(.left_content):not(.right_content),
+        html.dc-pc-fit .dcwrap .main_content:has(> .left_content) > :not(.left_content):not(.right_content) {
             flex: 0 0 100%;
             float: none !important;
         }
-        html.dc-pc-fit .dcwrap.width1160 #container > .left_content {
+        html.dc-pc-fit .dcwrap :is(#container, .main_content) > .left_content {
             float: none !important;
             flex: 1 1 0;
             width: auto !important;
             min-width: 0;
         }
-        html.dc-pc-fit .dcwrap.width1160 #container > .right_content {
+        html.dc-pc-fit .dcwrap :is(#container, .main_content) > .right_content {
             float: none !important;
             flex: 0 0 300px;
+            margin-left: 0 !important;
         }
-        html.dc-pc-fit .dcwrap.width1160 .issuebox,
-        html.dc-pc-fit .dcwrap.width1160 .newvisit_history,
-        html.dc-pc-fit .dcwrap.width1160 .trendalign { width: auto !important; }
-        html.dc-pc-fit .dcwrap.width1160 .list_array_option { width: 100% !important; }
+        html.dc-pc-fit .dcwrap .issuebox,
+        html.dc-pc-fit .dcwrap .newvisit_history,
+        html.dc-pc-fit .dcwrap .trendalign { width: auto !important; }
+        html.dc-pc-fit .dcwrap .list_array_option { width: 100% !important; }
         html.dc-pc-fit .dcwrap .stickyunit { display: none !important; }
         html.dc-pc-fit .dcwrap .darkmodebox .pop_tipbox { left: auto !important; right: 0 !important; }
 
         @media (max-width: 1240px) {
-            html.dc-pc-fit .dcwrap.width1160 #container > .right_content { display: none !important; }
+            html.dc-pc-fit .dcwrap :is(#container, .main_content) > .right_content { display: none !important; }
         }
 
+        html.dc-footer-info-off .dcwrap footer.dcfoot,
+        html.dc-footer-info-off .dcwrap #container > .ad_bottom_list { display: none !important; }
+
+        html.dc-ad-slots-off .dcwrap :is(.stickyunit, .rightbanner, .rightbanner1, .banner_box, .ad_bottom_list, #ad_floating, .kakao_ad_area, .ad_top, .view_ad_wrap, .power_link, .con_banner.writing_banbox, #ad_nv_slot, ins.adsbygoogle),
+        html.dc-ad-slots-off :is(.adv-group, li.adv-inner, section.grid.clkhigh, #home-ad, .kakao_ad_area) { display: none !important; }
+        html.dc-news-rows-off :is(table.gall_list tr.ub-content[data-type="icon_fnews"], .gall-detail-lst > li:has(.sp-lst-fnews)) { display: none !important; }
+        html.dc-comment-ads-off :is(.comment_box li.ub-content.dory, .comment_box li.cmt_pw_ad, .all-comment-lst > li.dc-comment-boy) { display: none !important; }
+        html.dc-silbe-alarm-off :is(.alarm-popup.silbe-alarm, .rtbAlarmPopup) { display: none !important; }
+        html.dc-alarm-bubble :is(.alarm-popup.alarm-default, .alarmPopup) { display: none !important; }
+
         html.dc-top-concept-off:not(.dc-peek) .detail-top-concept,
         html.dc-top-concept-off:not(.dc-peek) .con-child-box#recom_box2,
         html:not(.dc-peek) .detail-top-lst.dc-top-empty {
@@ -939,7 +969,7 @@
 
         #dc-custom-modal .dc-modal-tabs {
             display: flex;
-            gap: 4px;
+            gap: 2px;
             margin: 0;
             padding: 3px;
             border-radius: 12px;
@@ -954,8 +984,9 @@
             border-radius: 9px;
             background: transparent;
             color: var(--dc-text-dim);
-            font-size: 12.5px;
+            font-size: 12px;
             font-weight: 700;
+            letter-spacing: -.3px;
             white-space: nowrap;
             cursor: pointer;
         }
@@ -1678,6 +1709,127 @@
 
         @keyframes dc-pop { from { transform: scale(0); } to { transform: scale(1); } }
 
+        #dc-custom-fab[data-dc-alarm]::before {
+            content: attr(data-dc-alarm);
+            position: absolute;
+            top: -6px;
+            left: -6px;
+            min-width: 18px;
+            height: 18px;
+            padding: 0 5px;
+            box-sizing: border-box;
+            border: 2px solid var(--dc-surface);
+            border-radius: 9px;
+            background: var(--dc-danger);
+            color: #fff;
+            font-size: 10.5px;
+            font-weight: 800;
+            line-height: 14px;
+            text-align: center;
+            pointer-events: none;
+            animation: dc-pop .35s ease-out;
+        }
+
+        #dc-custom-fab[data-dc-alarm] { opacity: 1; }
+
+        #dc-bubbles {
+            position: fixed;
+            right: 15px;
+            bottom: calc(144px + env(safe-area-inset-bottom));
+            z-index: 99998;
+            display: flex;
+            flex-direction: column;
+            align-items: flex-end;
+            gap: 8px;
+            width: min(320px, calc(100vw - 24px));
+            pointer-events: none;
+        }
+
+        #dc-bubbles.dc-left { align-items: flex-start; }
+
+        #dc-bubbles .dc-bubble {
+            position: relative;
+            box-sizing: border-box;
+            width: 100%;
+            padding: 10px 12px 11px;
+            border: 1px solid var(--dc-border);
+            border-radius: 16px 16px 6px 16px;
+            background: var(--dc-surface);
+            color: var(--dc-text);
+            box-shadow: var(--dc-shadow);
+            font-size: 13px;
+            line-height: 1.4;
+            cursor: pointer;
+            pointer-events: auto;
+            touch-action: pan-y;
+            user-select: none;
+            -webkit-user-select: none;
+            opacity: 0;
+            transform: translateY(10px) scale(.96);
+            transition: opacity .22s ease, transform .22s ease;
+        }
+
+        #dc-bubbles.dc-left .dc-bubble { border-radius: 16px 16px 16px 6px; }
+        #dc-bubbles .dc-bubble.dc-in { opacity: 1; transform: none; }
+        #dc-bubbles .dc-bubble.dc-out { opacity: 0; transform: translateY(6px) scale(.96); pointer-events: none; }
+
+        #dc-bubbles .dc-bubble-top {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            margin-bottom: 3px;
+        }
+
+        #dc-bubbles .dc-bubble-tag {
+            flex: 0 0 auto;
+            padding: 1px 7px;
+            border-radius: 8px;
+            background: var(--dc-accent-soft);
+            color: var(--dc-accent-ink);
+            font-size: 11px;
+            font-weight: 800;
+        }
+
+        #dc-bubbles .dc-bubble-time {
+            flex: 1 1 auto;
+            min-width: 0;
+            color: var(--dc-text-dim);
+            font-size: 11px;
+        }
+
+        #dc-bubbles .dc-bubble-x {
+            flex: 0 0 auto;
+            width: 24px;
+            height: 24px;
+            margin: -4px -6px -4px 0;
+            padding: 0;
+            border: none;
+            border-radius: 50%;
+            background: transparent;
+            color: var(--dc-text-dim);
+            font-size: 17px;
+            line-height: 24px;
+            cursor: pointer;
+        }
+
+        #dc-bubbles .dc-bubble-text {
+            display: -webkit-box;
+            overflow: hidden;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            word-break: break-all;
+            font-weight: 600;
+        }
+
+        #dc-bubbles .dc-bubble-more {
+            margin-top: 4px;
+            color: var(--dc-accent-ink);
+            font-size: 11.5px;
+            font-weight: 700;
+        }
+
+        #dc-custom-modal .dc-row.dc-row-new .dc-row-title { font-weight: 800; }
+
         #dc-custom-modal .dc-about {
             margin-top: 14px;
             padding: 12px 13px;
@@ -2799,6 +2951,11 @@
         root.classList.toggle('dc-home-media-off', settings.hideHomeMedia !== false);
         root.classList.toggle('dc-footer-info-off', settings.hideFooterInfo !== false);
         root.classList.toggle('dc-pc-fit', IS_PC_SITE && settings.pcFitWidth !== false);
+        root.classList.toggle('dc-ad-slots-off', settings.hideAdSlots !== false);
+        root.classList.toggle('dc-news-rows-off', settings.hideNewsRows !== false);
+        root.classList.toggle('dc-comment-ads-off', settings.hideCommentAds !== false);
+        root.classList.toggle('dc-silbe-alarm-off', settings.hideSilbeAlarm !== false);
+        root.classList.toggle('dc-alarm-bubble', settings.alarmBubble !== false);
         root.classList.toggle('dc-hide-scrollbar', settings.autoHideScrollbar !== false && root.classList.contains('dc-classic-scrollbar'));
     };
 
@@ -2953,6 +3110,7 @@
             until: Number(stored.until) || 0,
             last: Number(stored.last) || 0,
             strikes: Number(stored.strikes) || 0,
+            src: stored.src === 'page' ? 'page' : 'fetch',
             lastStrike: Number(stored.lastStrike) || 0,
             hits: Array.isArray(stored.hits) ? stored.hits.filter(t => Date.now() - t < NET_WINDOW) : [],
             autoHits: Array.isArray(stored.autoHits) ? stored.autoHits.filter(t => Date.now() - t < NET_WINDOW) : [],
@@ -2979,10 +3137,12 @@
 
     const netListeners = [];
 
-    const noteNetBlocked = () => {
+    const noteNetBlocked = (source = 'fetch') => {
         const state = readNetState();
         const now = Date.now();
 
+        state.src = source;
+
         state.strikes = now - state.lastStrike < 60 * 60 * 1000 ? state.strikes + 1 : 1;
         state.lastStrike = now;
         state.until = now + Math.min(NET_COOLDOWN_MAX, NET_COOLDOWN * 2 ** (state.strikes - 1));
@@ -3024,10 +3184,21 @@
         }
     };
 
+    const NET_PROBATION = 60 * 1000;
+
     const noteSitePageView = () => {
         const state = readNetState();
+        const now = Date.now();
+
+        state.recent.push(now);
+
+        if (state.until > now + NET_PROBATION && state.src !== 'page') {
+            state.until = now + NET_PROBATION;
+            writeNetState(state);
+            scheduleNetResume();
+            return;
+        }
 
-        state.recent.push(Date.now());
         writeNetState(state);
     };
 
@@ -3041,6 +3212,8 @@
     let netHiddenAt = 0;
     let netResumedAt = 0;
 
+    let netLeavingAt = 0;
+
     const pageIsHidden = () => document.visibilityState === 'hidden';
 
     document.addEventListener('visibilitychange', () => {
@@ -3052,7 +3225,48 @@
     });
     window.addEventListener('pagehide', () => {
         netHiddenAt = Date.now();
+        netLeavingAt = Date.now();
     });
+
+    const noteNetLeaving = () => {
+        netLeavingAt = Date.now();
+    };
+
+    window.addEventListener('beforeunload', noteNetLeaving);
+
+    document.addEventListener('click', event => {
+        const link = event.target instanceof Element ? event.target.closest('a[href]') : null;
+
+        if (!link || event.defaultPrevented || event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+            return;
+        }
+
+        if (link.target && link.target !== '_self') {
+            return;
+        }
+
+        try {
+            const to = new URL(link.href, location.href);
+
+            if (/^https?:$/.test(to.protocol) && (to.pathname !== location.pathname || to.search !== location.search)) {
+                noteNetLeaving();
+            }
+        } catch {
+        }
+    }, true);
+
+    try {
+        if (window.navigation && typeof window.navigation.addEventListener === 'function') {
+            window.navigation.addEventListener('navigate', event => {
+                if (!event.hashChange && !(event.destination && event.destination.sameDocument)) {
+                    noteNetLeaving();
+                }
+            });
+        }
+    } catch {
+    }
+
+    const netLeavingRecently = () => netLeavingAt && Date.now() - netLeavingAt < 6000;
     window.addEventListener('pageshow', event => {
         if (event.persisted) {
             netResumedAt = Date.now();
@@ -3066,7 +3280,18 @@
     });
 
     const unreliableWindow = startedAt =>
-        pageIsHidden() || netHiddenAt >= startedAt || Date.now() - netResumedAt < NET_RESUME_SETTLE + 3000;
+        pageIsHidden() || netHiddenAt >= startedAt || netLeavingAt >= startedAt || netLeavingRecently() ||
+        Date.now() - netResumedAt < NET_RESUME_SETTLE + 3000;
+
+    const truncatedResponse = (response, text) => {
+        try {
+            const length = Number(response.headers && response.headers.get && response.headers.get('content-length'));
+
+            return Number.isFinite(length) && length > 0 && !text.trim();
+        } catch {
+            return false;
+        }
+    };
 
     class NetTransientError extends Error {}
 
@@ -3084,7 +3309,7 @@
                 throw new NetPausedError('paused');
             }
 
-            if (pageIsHidden()) {
+            if (pageIsHidden() || netLeavingRecently()) {
                 throw new NetTransientError('hidden');
             }
 
@@ -3158,7 +3383,7 @@
             let { response, text } = await fetchOnce('');
 
             if (looksBlockedResponse(response, text)) {
-                if (unreliableWindow(startedAt)) {
+                if (unreliableWindow(startedAt) || truncatedResponse(response, text)) {
                     throw new NetTransientError('unreliable');
                 }
 
@@ -3170,11 +3395,17 @@
                 ({ response, text } = await fetchOnce(options.cache === 'no-store' ? 'no-store' : 'reload'));
 
                 if (looksBlockedResponse(response, text)) {
+                    if (unreliableWindow(startedAt) || truncatedResponse(response, text)) {
+                        throw new NetTransientError('unreliable');
+                    }
+
+                    await sleepMs(1500 * NET_GAP_SCALE);
+
                     if (unreliableWindow(startedAt)) {
                         throw new NetTransientError('unreliable');
                     }
 
-                    noteNetBlocked();
+                    noteNetBlocked('fetch');
                     throw new NetPausedError('blocked');
                 }
             }
@@ -6814,6 +7045,8 @@
         document.querySelectorAll(COMMENT_ITEM_SELECTOR).forEach(li => {
             processUserNode(li, li.querySelector(COMMENT_NICK_SELECTOR), 'comment');
             li.classList.toggle('dc-comment-hidden', settings.hideDcconComments !== false && isDcconOnlyComment(li));
+
+            li.classList.toggle('dc-comment-boy', /^\s*댓글돌이\s*$/.test((li.querySelector('.nick') || {}).textContent || ''));
         });
 
         processMediaElements();
@@ -9700,6 +9933,7 @@
     const SETTING_GROUPS = [
         { key: 'block', title: '🚫 차단 방식', intro: '차단한 글·댓글을 화면에서 어떻게 처리할지 정합니다.' },
         { key: 'clean', title: '🧹 화면 정리', intro: '사이트가 기본으로 보여 주는 영역 중 필요 없는 것을 숨깁니다.' },
+        { key: 'alarm', title: '🔔 알림', intro: '디시 알림(댓글·답글·힛갤 등)을 보기 쉽게 바꿉니다. 알림 내용은 사이트가 받은 것을 그대로 씁니다.' },
         { key: 'dccon', title: '😶 디시콘', intro: '디시 자체 이모티콘을 다룹니다.' },
         { key: 'list', title: '📜 목록 보기', intro: '게시판 목록을 넘겨 보는 방식을 정합니다.' },
         { key: 'media', title: '🖼 이미지·영상', intro: '본문 이미지 차단과 확대 보기를 다룹니다.' },
@@ -9823,22 +10057,71 @@
             off: '디시미디어·디시이슈 묶음을 보여 줍니다.',
             refresh: 'root'
         },
+        {
+            group: 'clean',
+            key: 'hideNewsRows',
+            name: '목록의 제휴 뉴스 숨기기',
+            on: "말머리가 '뉴스'인 제휴 기사(광고성 글)를 목록에서 숨깁니다.",
+            off: '제휴 뉴스를 목록에 그대로 보여 줍니다.',
+            refresh: 'root'
+        },
+        {
+            group: 'clean',
+            key: 'hideCommentAds',
+            name: '댓글돌이·파워링크 댓글 숨기기',
+            on: '댓글 사이에 끼어드는 댓글돌이(기사·광고 넘겨 보기)와 파워링크 댓글을 숨깁니다.',
+            off: '댓글돌이를 그대로 보여 줍니다.',
+            refresh: 'root'
+        },
+        {
+            group: 'clean',
+            key: 'hideAdSlots',
+            name: '광고 자리 숨기기',
+            on: '배너·파워링크·구글 광고처럼 광고가 들어가는 칸을 숨겨 빈 공간 없이 보여 줍니다.',
+            off: '광고 칸을 사이트 기본처럼 둡니다.',
+            refresh: 'root'
+        },
         {
             group: 'clean',
             key: 'pcFitWidth',
             name: 'PC 화면을 창 크기에 꽉 차게 (PC)',
-            on: '가운데 고정 폭(1160px) 대신 창 너비에 맞춰 목록·본문·머리말을 넓힙니다. 창이 좁으면 오른쪽 칸(로그인·실시간 베스트)을 숨겨 목록이 잘리지 않게 합니다.',
+            on: '가운데 고정 폭 대신 창 너비에 맞춰 갤러리 목록·글·디시 홈을 넓힙니다. 창이 좁으면 오른쪽 칸(로그인·실시간 베스트)을 숨겨 목록이 잘리지 않게 합니다.',
             off: '사이트 기본처럼 가운데 고정 폭으로 보여 줍니다.',
             refresh: 'root'
         },
         {
             group: 'clean',
             key: 'hideFooterInfo',
-            name: '맨 아래 회사 정보 줄 숨기기 (모바일)',
-            on: '페이지 맨 아래의 앱 설치·로그인·회사 소개·약관·저작권 줄을 숨깁니다. 즐겨찾기·야간 모드·PC버전 줄은 남깁니다.',
+            name: '맨 아래 정보 영역 숨기기',
+            on: '모바일은 맨 아래 앱 설치·회사 소개·약관·저작권 줄을, PC는 검색창 아래의 갤러리 분류 목록·야간모드/맨위로·회사 정보·저작권을 숨깁니다. 창이 작아도 목록이 가려지지 않습니다.',
             off: '맨 아래 정보 줄을 모두 보여 줍니다.',
             refresh: 'root'
         },
+        {
+            group: 'clean',
+            key: 'hideSilbeAlarm',
+            name: '실베(실시간 베스트) 알림 팝업 숨기기',
+            on: '내 알림과 상관없이 화면 구석에 뜨는 실시간 베스트 홍보 한 줄 알림을 숨깁니다.',
+            off: '실시간 베스트 알림을 사이트 기본처럼 띄웁니다.',
+            refresh: 'root'
+        },
+        {
+            group: 'alarm',
+            key: 'alarmBubble',
+            name: '알림을 플로팅 말풍선으로',
+            on: '사이트의 한 줄 알림 대신 차단 관리 버튼 곁에 말풍선으로 띄우고, 읽지 않은 알림 수를 버튼에 표시합니다. 누르면 이동, 좌우로 밀면 닫힙니다. 지난 알림은 [🕘 최근] 탭에 모입니다.',
+            off: '사이트 기본 한 줄 알림을 그대로 씁니다.',
+            refresh: 'root'
+        },
+        {
+            group: 'alarm',
+            key: 'alarmKeepPolling',
+            parent: 'alarmBubble',
+            name: '오래 보는 페이지에서도 알림 받기 (모바일)',
+            on: '모바일 사이트는 한 페이지에서 알림을 세 번(약 4분 반)만 확인합니다. 그 뒤에도 화면을 보는 동안 3분마다 이어서 확인합니다.',
+            off: '사이트 기본처럼 페이지를 옮길 때만 다시 확인합니다.',
+            refresh: 'none'
+        },
         {
             group: 'dccon',
             key: 'blockDccon',
@@ -10048,6 +10331,10 @@
                     repinReadColors();
                 }
 
+                if (item.key === 'alarmBubble') {
+                    paintAlarmBadge();
+                }
+
                 break;
 
             case 'log':
@@ -11080,6 +11367,9 @@
     const SYNC_MIN_GAP = 20000;
     const SYNC_POLL = 60000;
     const SYNC_LOCK_MS = 20000;
+    const SYNC_RETRY = [3000, 10000, 30000];
+    const SYNC_FAIL_SHOW = 3;
+    const SYNC_STUCK_MS = 30000;
     const SYNC_DEVICE_REFRESH = 10 * 60 * 1000;
     const SYNC_DEVICE_STALE = 60 * 24 * 3600 * 1000;
     const SYNC_LOG_MAX = 20;
@@ -11094,6 +11384,7 @@
         { key: 'words', label: '단어', fields: ['keywords', 'titles'] },
         { key: 'heads', label: '말머리', fields: ['heads'] },
         { key: 'scraps', label: '스크랩', fields: ['scraps'] },
+        { key: 'recent', label: '최근 갤러리', fields: ['recent'] },
         { key: 'settings', label: '설정', fields: ['settings'] }
     ];
 
@@ -11260,7 +11551,8 @@
         titles: [...blockedTitles],
         heads: JSON.parse(JSON.stringify(hiddenHeadMap || {})),
         scraps: scraps.map(item => ({ ...item })),
-        settings: syncedSettings()
+        settings: syncedSettings(),
+        recent: collectRecentForSync()
     });
 
     const skippedFields = skip => SYNC_PARTS.filter(part => skip.includes(part.key)).flatMap(part => part.fields);
@@ -11366,7 +11658,8 @@
             titles,
             heads: mergeHeads(local.heads, base && base.heads, remote && remote.heads),
             scraps: mergeScraps(local.scraps, base && base.scraps, remote && remote.scraps),
-            settings: mergeSettings(local.settings, base && base.settings, remote && remote.settings)
+            settings: mergeSettings(local.settings, base && base.settings, remote && remote.settings),
+            recent: mergeRecent(local.recent, base && base.recent, remote && remote.recent)
         };
 
         skippedFields(skip).forEach(field => {
@@ -11416,9 +11709,18 @@
 
     let syncApplying = false;
 
+    const blockSyncData = () => {
+        const data = collectSyncData();
+
+        delete data.recent;
+
+        return JSON.stringify(data);
+    };
+
     const applySyncData = data => {
+        const recentChanged = data && 'recent' in data ? applyRecentFromSync(data.recent) : false;
         const clean = sanitizeBackup({ app: BACKUP_APP, ...data });
-        const before = JSON.stringify(collectSyncData());
+        const before = blockSyncData();
 
         syncApplying = true;
 
@@ -11465,13 +11767,13 @@
             syncApplying = false;
         }
 
-        const changed = before !== JSON.stringify(collectSyncData());
+        const changed = before !== blockSyncData();
 
         if (changed && initialized) {
             refreshAfterBlockChange();
         }
 
-        return changed;
+        return changed || recentChanged;
     };
 
     const saveSyncUndo = (before, incoming, summary, from) => {
@@ -11501,6 +11803,20 @@
         return /^https:\/\/[^/\s]+/.test(base) ? `${base}${path}` : '';
     };
 
+    const syncError = (message, { transient = false, quiet = false } = {}) => Object.assign(new Error(message), { transient, quiet });
+    const statusError = status => syncError(status === 413 ? '내용이 너무 큽니다' : `서버 응답 ${status}`, { transient: status >= 500 || status === 429 || status === 408 });
+
+    const syncControllers = new Set();
+
+    const abortSyncRequests = () => {
+        syncControllers.forEach(controller => {
+            if (!controller.dcKeep) {
+                controller.dcQuiet = true;
+                controller.abort();
+            }
+        });
+    };
+
     const syncRequest = async (path, { method = 'GET', headers = {}, body, keepalive = false } = {}) => {
         const url = syncEndpoint(path);
 
@@ -11512,22 +11828,42 @@
         const timer = controller ? setTimeout(() => controller.abort(), 15000) : null;
         const payload = body === undefined ? undefined : JSON.stringify(body);
 
+        if (controller) {
+            controller.dcKeep = keepalive;
+            syncControllers.add(controller);
+        }
+
         try {
-            const response = await fetch(url, {
+            let response;
+
+            try {
+                response = await fetch(url, {
                 method,
                 headers: { 'Content-Type': 'application/json', ...headers },
                 body: payload,
                 credentials: 'omit',
                 cache: 'no-store',
                 referrerPolicy: 'no-referrer',
-                keepalive: keepalive && (!payload || payload.length < 60000),
-                signal: controller ? controller.signal : undefined
-            });
+                    keepalive: keepalive && (!payload || payload.length < 60000),
+                    signal: controller ? controller.signal : undefined
+                });
+            } catch (error) {
+                if (controller && controller.dcQuiet) {
+                    throw syncError('페이지를 떠나며 멈춤', { quiet: true });
+                }
+
+                throw syncError(error && error.name === 'AbortError' ? '서버 응답이 없습니다' : '서버에 연결하지 못했습니다', { transient: true });
+            }
+
             const data = await response.json().catch(() => ({}));
 
             return { status: response.status, data };
         } finally {
             clearTimeout(timer);
+
+            if (controller) {
+                syncControllers.delete(controller);
+            }
         }
     };
 
@@ -11610,12 +11946,35 @@
     };
 
     let syncRunning = false;
+    let syncRunId = 0;
+    let syncRunSince = 0;
+    let syncEpoch = 0;
+    let pageLeaving = false;
     let syncAgain = false;
     let syncTimer = null;
     let syncPending = false;
-    let lastSyncAt = 0;
     let lastErrorMsg = '';
 
+    const readSyncRt = () => readObject(STORAGE.syncRt);
+    const writeSyncRt = patch => writeJson(STORAGE.syncRt, { ...readSyncRt(), ...patch });
+    const lastSyncTry = () => Number(readSyncRt().lastTry) || 0;
+
+    const resetStuckSync = (force = false) => {
+        if (syncRunning && (force || Date.now() - syncRunSince > SYNC_STUCK_MS)) {
+            syncRunId++;
+            syncRunning = false;
+            releaseSyncLock();
+            setSyncPhase('');
+        }
+    };
+
+    const syncDueOnReturn = () => {
+        const rt = readSyncRt();
+        const state = readObject(STORAGE.syncState);
+
+        return syncPending || rt.dirty === true || (state.at && state.ok === false) || Date.now() - lastSyncTry() > SYNC_MIN_GAP;
+    };
+
     const syncReady = () => {
         const conf = readSyncConf();
 
@@ -11649,6 +12008,8 @@
             return false;
         }
 
+        resetStuckSync();
+
         if (syncRunning) {
             syncAgain = true;
             return false;
@@ -11665,7 +12026,7 @@
             return false;
         }
 
-        if (!takeSyncLock(manual)) {
+        if (!takeSyncLock(manual || leaving)) {
             scheduleSync(SYNC_LOCK_MS / 2);
             return false;
         }
@@ -11673,7 +12034,11 @@
         syncRunning = true;
         syncPending = false;
         clearTimeout(syncTimer);
-        lastSyncAt = Date.now();
+        syncRunSince = Date.now();
+        writeSyncRt({ lastTry: syncRunSince });
+
+        const runId = ++syncRunId;
+        const epoch = syncEpoch;
 
         const key = readSyncKey();
         const conf = readSyncConf();
@@ -11696,7 +12061,7 @@
                 }
 
                 if (got.status !== 200) {
-                    throw new Error(`서버 응답 ${got.status}`);
+                    throw statusError(got.status);
                 }
 
                 setSyncPhase('merge');
@@ -11736,7 +12101,7 @@
                     }
 
                     if (put.status !== 200) {
-                        throw new Error(put.status === 413 ? '내용이 너무 큽니다' : `서버 응답 ${put.status}`);
+                        throw statusError(put.status);
                     }
 
                     newRev = Number(put.data.rev) || rev + 1;
@@ -11772,6 +12137,7 @@
                 const msg = changed ? `${from}에서 받음 · ${summary}` : sentSummary ? `올림 · ${sentSummary}` : '최신 상태입니다';
 
                 writeSyncState({ ok: true, msg });
+                writeSyncRt({ fails: 0, dirty: syncPending });
                 lastErrorMsg = '';
 
                 if (changed) {
@@ -11796,9 +12162,37 @@
                 return true;
             }
 
-            throw new Error('다른 기기와 동시에 바뀌어 잠시 뒤 다시 맞춥니다');
+            throw syncError('다른 기기와 동시에 바뀌어 잠시 뒤 다시 맞춥니다', { transient: true });
         } catch (error) {
-            const msg = error && error.name === 'AbortError' ? '서버 응답이 없습니다' : String((error && error.message) || error);
+            syncPending = true;
+
+            if (runId !== syncRunId || (error && error.quiet) || pageLeaving || leaving || epoch !== syncEpoch || document.visibilityState === 'hidden') {
+                writeSyncRt({ dirty: true });
+
+                if (runId === syncRunId && !pageLeaving && document.visibilityState !== 'hidden') {
+                    scheduleSync(SYNC_RETRY[0]);
+                }
+
+                return false;
+            }
+
+            if (navigator.onLine === false) {
+                writeSyncRt({ dirty: true });
+                writeSyncState({ ok: false, offline: true, msg: '오프라인 · 연결되면 맞춥니다' });
+                return false;
+            }
+
+            const transient = !!(error && (error.transient || error.name === 'TypeError'));
+            const fails = (Number(readSyncRt().fails) || 0) + 1;
+
+            writeSyncRt({ fails, dirty: true });
+
+            if (transient && !manual && fails < SYNC_FAIL_SHOW) {
+                scheduleSync(SYNC_RETRY[fails - 1]);
+                return false;
+            }
+
+            const msg = String((error && error.message) || error);
 
             writeSyncState({ ok: false, msg });
 
@@ -11811,16 +12205,17 @@
             }
 
             lastErrorMsg = msg;
-            syncPending = true;
-            scheduleSync(SYNC_POLL);
+            scheduleSync(transient ? SYNC_RETRY[Math.min(fails - 1, SYNC_RETRY.length - 1)] : SYNC_POLL);
 
             return false;
         } finally {
-            syncRunning = false;
-            releaseSyncLock();
-            setSyncPhase('');
+            if (runId === syncRunId) {
+                syncRunning = false;
+                releaseSyncLock();
+                setSyncPhase('');
+            }
 
-            if (syncAgain) {
+            if (syncAgain && runId === syncRunId) {
                 syncAgain = false;
                 scheduleSync(SYNC_DEBOUNCE);
             }
@@ -11870,6 +12265,7 @@
     storageWriteListeners.push(key => {
         if (!syncApplying && SYNCED_STORAGE.includes(key) && syncReady()) {
             syncPending = true;
+            writeSyncRt({ dirty: true });
             scheduleSync(SYNC_DEBOUNCE);
         }
     });
@@ -11904,7 +12300,7 @@
                 return;
             }
 
-            if (document.visibilityState === 'visible' && Date.now() - lastSyncAt > SYNC_POLL - 1000) {
+            if (document.visibilityState === 'visible' && Date.now() - lastSyncTry() > SYNC_POLL - 1000) {
                 syncNow();
             }
         }, SYNC_POLL);
@@ -11961,29 +12357,48 @@
             syncStarted = true;
             noteScriptVersion();
 
-            document.addEventListener('visibilitychange', () => {
+            const onReturn = restored => {
+                pageLeaving = false;
+
                 if (!syncReady()) {
                     return;
                 }
 
-                if (document.visibilityState === 'visible') {
-                    if (Date.now() - lastSyncAt > SYNC_MIN_GAP) {
-                        scheduleSync(800);
-                    }
-                } else if (syncPending) {
-                    syncNow({ leaving: true });
+                resetStuckSync(restored);
+
+                if (syncDueOnReturn() && !syncRunning) {
+                    scheduleSync(800);
                 }
-            });
+            };
+
+            const onLeave = unloading => {
+                syncEpoch++;
+                pageLeaving = unloading;
+
+                if (unloading) {
+                    abortSyncRequests();
+                }
+
+                clearTimeout(syncTimer);
 
-            window.addEventListener('pagehide', () => {
                 if (syncReady() && syncPending && !syncRunning) {
                     syncNow({ leaving: true });
                 }
+            };
+
+            document.addEventListener('visibilitychange', () => {
+                if (document.visibilityState === 'visible') {
+                    onReturn(false);
+                } else {
+                    onLeave(false);
+                }
             });
 
+            window.addEventListener('pagehide', () => onLeave(true));
+
             window.addEventListener('pageshow', event => {
-                if (event.persisted && syncReady()) {
-                    scheduleSync(800);
+                if (event.persisted) {
+                    onReturn(true);
                 }
             });
 
@@ -12010,7 +12425,10 @@
 
         if (syncReady()) {
             startSyncPoll();
-            scheduleSync(1500);
+
+            if (syncDueOnReturn()) {
+                scheduleSync(1500);
+            }
         }
     };
 
@@ -12575,6 +12993,886 @@
         return box;
     };
 
+    // =========================================================
+    // 13-3. 최근 방문 갤러리 · 사이트 알림
+    // =========================================================
+
+    const RECENT_LIMIT = 50;
+    const RECENT_NATIVE_CAP = IS_MOBILE_SITE ? 24 : 50;
+    const RECENT_KINDS = ['G', 'M', 'N', 'P'];
+    const RECENT_ID_RE = /^[A-Za-z0-9_.-]{1,64}$/;
+
+    const recentKeyOf = item => `${item.k}:${item.id}`;
+
+    const normalizeRecent = item => {
+        if (!item || typeof item !== 'object' || typeof item.id !== 'string' || !RECENT_ID_RE.test(item.id)) {
+            return null;
+        }
+
+        return {
+            k: RECENT_KINDS.includes(item.k) ? item.k : 'G',
+            id: item.id,
+            n: cleanText(item.n).slice(0, 40),
+            at: Number(item.at) || 0
+        };
+    };
+
+    const tidyRecent = list => {
+        const best = new Map();
+
+        list.map(normalizeRecent).filter(Boolean).forEach(item => {
+            const key = recentKeyOf(item);
+            const prev = best.get(key);
+
+            if (!prev || item.at > prev.at || (item.at === prev.at && !prev.n && item.n)) {
+                best.set(key, prev && !item.n ? { ...item, n: prev.n } : item);
+            }
+        });
+
+        return [...best.values()].sort((a, b) => b.at - a.at).slice(0, RECENT_LIMIT);
+    };
+
+    let recentGalls = tidyRecent(readArray(STORAGE.recent));
+
+    const saveRecent = () => {
+        recentGalls = tidyRecent(recentGalls);
+        writeJson(STORAGE.recent, recentGalls);
+    };
+
+    const recentUrl = item => {
+        if (IS_MOBILE_SITE) {
+            const base = item.k === 'N' ? 'mini' : item.k === 'P' ? 'person' : 'board';
+
+            return `https://m.dcinside.com/${base}/${encodeURIComponent(item.id)}`;
+        }
+
+        const prefix = { G: '', M: '/mgallery', N: '/mini', P: '/person' }[item.k] || '';
+
+        return `https://gall.dcinside.com${prefix}/board/lists/?id=${encodeURIComponent(item.id)}`;
+    };
+
+    const RECENT_KIND_LABEL = { G: '', M: '마이너', N: '미니', P: '인물' };
+
+    const MOBILE_KIND_MARK = { M: '$minor$', N: '$mini$', P: '$person$' };
+    const PC_KIND = { G: 'G', M: 'M', N: 'MI', P: 'PR' };
+    const PC_KIND_BACK = { G: 'G', M: 'M', MI: 'N', PR: 'P' };
+
+    const readNativeRecent = () => {
+        try {
+            if (IS_MOBILE_SITE) {
+                const raw = unescape(localStorage.getItem('m_dcinside_lately') || '');
+
+                return raw.split(',').map(part => {
+                    const cut = part.indexOf('|');
+
+                    if (cut < 1) {
+                        return null;
+                    }
+
+                    let name = part.slice(cut + 1);
+                    let k = 'G';
+
+                    Object.entries(MOBILE_KIND_MARK).forEach(([kind, mark]) => {
+                        if (name.includes(mark)) {
+                            k = kind;
+                            name = name.replace(mark, '');
+                        }
+                    });
+
+                    return normalizeRecent({ k, id: part.slice(0, cut).trim(), n: name, at: 0 });
+                }).filter(Boolean);
+            }
+
+            if (!/^gall\.dcinside\.com$/i.test(location.hostname)) {
+                return null;
+            }
+
+            const list = JSON.parse(localStorage.getItem('lately_gallery') || 'null');
+
+            return Array.isArray(list)
+                ? list.map(item => item && normalizeRecent({ k: PC_KIND_BACK[item.type] || 'G', id: String(item.id || ''), n: item.name, at: 0 })).filter(Boolean)
+                : [];
+        } catch {
+            return null;
+        }
+    };
+
+    const writeNativeRecent = list => {
+        const top = list.slice(0, RECENT_NATIVE_CAP);
+
+        try {
+            if (IS_MOBILE_SITE) {
+                const text = top.map(item => `${item.id}|${(item.n || item.id).replace(/[,|]/g, ' ')}${MOBILE_KIND_MARK[item.k] ? ` ${MOBILE_KIND_MARK[item.k]}` : ''},`).join('');
+
+                localStorage.setItem('m_dcinside_lately', escape(text));
+            } else if (/^gall\.dcinside\.com$/i.test(location.hostname)) {
+                const dir = { G: '', M: 'mgallery/', N: 'mini/', P: 'person/' };
+
+                localStorage.setItem('lately_gallery', JSON.stringify(top.map(item => ({
+                    id: item.id,
+                    name: item.n || item.id,
+                    type: PC_KIND[item.k] || 'G',
+                    link: `gall.dcinside.com/${dir[item.k] || ''}board/lists?id=${item.id}`
+                }))));
+            } else {
+                return;
+            }
+
+            writeJson(STORAGE.recentNative, top.map(recentKeyOf));
+        } catch {
+        }
+    };
+
+    const importNativeRecent = () => {
+        const native = readNativeRecent();
+
+        if (!native) {
+            return false;
+        }
+
+        const before = JSON.stringify(recentGalls);
+        const nativeKeys = new Set(native.map(recentKeyOf));
+        const snapshot = readArray(STORAGE.recentNative).filter(key => typeof key === 'string');
+
+        if (snapshot.length && native.length < RECENT_NATIVE_CAP - 1) {
+            const removed = new Set(snapshot.filter(key => !nativeKeys.has(key)));
+
+            if (removed.size) {
+                recentGalls = recentGalls.filter(item => !removed.has(recentKeyOf(item)));
+            }
+        }
+
+        const mine = new Map(recentGalls.map(item => [recentKeyOf(item), item]));
+        let prevAt = Date.now();
+
+        native.forEach(item => {
+            const known = mine.get(recentKeyOf(item));
+
+            if (known) {
+                prevAt = Math.min(prevAt, known.at || prevAt);
+
+                if (!known.n && item.n) {
+                    known.n = item.n;
+                }
+            } else {
+                prevAt -= 1000;
+                recentGalls.push({ ...item, at: prevAt });
+            }
+        });
+
+        recentGalls = tidyRecent(recentGalls);
+
+        const changed = JSON.stringify(recentGalls) !== before;
+
+        if (changed) {
+            writeJson(STORAGE.recent, recentGalls);
+        }
+
+        return changed;
+    };
+
+    const exportNativeRecent = () => {
+        const native = readNativeRecent();
+
+        if (!native) {
+            return;
+        }
+
+        const want = recentGalls.slice(0, RECENT_NATIVE_CAP);
+
+        if (JSON.stringify(native.map(recentKeyOf)) !== JSON.stringify(want.map(recentKeyOf))) {
+            writeNativeRecent(want);
+        } else {
+            writeJson(STORAGE.recentNative, want.map(recentKeyOf));
+        }
+    };
+
+    const currentGalleryVisit = () => {
+        const id = getGalleryId();
+
+        if (!id || id === HOME_GALLERY_KEY || !RECENT_ID_RE.test(id)) {
+            return null;
+        }
+
+        let k = 'G';
+        let name = '';
+
+        if (IS_MOBILE_SITE) {
+            if (!/^\/(board|mini|person)\//.test(location.pathname)) {
+                return null;
+            }
+
+            k = /^\/mini\//.test(location.pathname)
+                ? 'N'
+                : /^\/person\//.test(location.pathname)
+                    ? 'P'
+                    : (document.getElementById('is_minor')?.value || '') !== '' ? 'M' : 'G';
+            name = document.querySelector('.gall-tit-box .gall-tit')?.textContent || '';
+        } else {
+            if (!/^\/(mgallery\/|mini\/|person\/)?board\/(lists|view)/.test(location.pathname)) {
+                return null;
+            }
+
+            k = /^\/mgallery\//.test(location.pathname) ? 'M' : /^\/mini\//.test(location.pathname) ? 'N' : /^\/person\//.test(location.pathname) ? 'P' : 'G';
+
+            const head = document.querySelector('.page_head h2 a') || document.querySelector('.page_head h2');
+
+            name = head ? [...head.childNodes].filter(node => node.nodeType === 3).map(node => node.textContent).join(' ') : '';
+
+            if (!cleanText(name)) {
+                const og = document.querySelector('meta[property="og:title"]')?.content || '';
+
+                name = og.split(' - ').slice(-2, -1)[0] || og.split(' - ')[0] || '';
+            }
+        }
+
+        name = cleanText(name).replace(/\s*(마이너|미니|인물)?\s*갤러리$/, '');
+
+        return normalizeRecent({ k, id, n: name || id, at: Date.now() });
+    };
+
+    const recordGalleryVisit = () => {
+        const visit = currentGalleryVisit();
+
+        if (!visit) {
+            return;
+        }
+
+        const prev = recentGalls.find(item => recentKeyOf(item) === recentKeyOf(visit));
+
+        if (prev && recentGalls[0] === prev && Date.now() - prev.at < 60000 && prev.n === visit.n) {
+            return;
+        }
+
+        recentGalls = [visit, ...recentGalls.filter(item => item !== prev)];
+        saveRecent();
+    };
+
+    const initRecentEarly = () => {
+        importNativeRecent();
+        exportNativeRecent();
+    };
+
+    const initRecent = () => {
+        importNativeRecent();
+        recordGalleryVisit();
+        exportNativeRecent();
+
+        const follow = () => {
+            if (document.visibilityState === 'visible' && importNativeRecent()) {
+                exportNativeRecent();
+            }
+        };
+
+        setTimeout(follow, 3000);
+        document.addEventListener('visibilitychange', follow);
+    };
+
+    const collectRecentForSync = () => recentGalls.map(item => ({ ...item }));
+
+    const mergeRecent = (local = [], base, remote) => {
+        if (!Array.isArray(remote)) {
+            return tidyRecent(local || []);
+        }
+
+        const pick = new Map();
+
+        [...(remote || []), ...(local || [])].map(normalizeRecent).filter(Boolean).forEach(item => {
+            const key = recentKeyOf(item);
+            const prev = pick.get(key);
+
+            if (!prev || item.at > prev.at) {
+                pick.set(key, prev && !item.n ? { ...item, n: prev.n } : item);
+            }
+        });
+
+        const keys = mergeList(
+            (local || []).map(item => recentKeyOf(item)),
+            Array.isArray(base) ? base.map(item => recentKeyOf(item)) : null,
+            remote.map(item => recentKeyOf(item))
+        );
+
+        return tidyRecent(keys.map(key => pick.get(key)).filter(Boolean));
+    };
+
+    const applyRecentFromSync = list => {
+        if (!Array.isArray(list)) {
+            return false;
+        }
+
+        const next = tidyRecent(list);
+
+        if (JSON.stringify(next) === JSON.stringify(recentGalls)) {
+            return false;
+        }
+
+        recentGalls = next;
+        writeJson(STORAGE.recent, recentGalls);
+        exportNativeRecent();
+
+        return true;
+    };
+
+    // =========================================================
+
+    // =========================================================
+
+    const ALARM_TAGS = { R: '댓글', RR: '답글', P: '펌', hit: '힛갤', B: '실베', EC: '동영상', G: '방명록' };
+    const ALARM_POLL_GAP = 3 * 60 * 1000;
+    const ALARM_BUBBLE_MAX = 3;
+    const ALARM_BUBBLE_FRESH = 10 * 60 * 1000;
+
+    const siteUserId = () => cleanText(document.getElementById('user_id')?.value || '');
+
+    const alarmStorageKeys = () => {
+        try {
+            if (IS_MOBILE_SITE) {
+                const id = siteUserId();
+
+                return id ? [`alarm_notification_${id}`] : [];
+            }
+
+            if (!/^gall\.dcinside\.com$/i.test(location.hostname)) {
+                return [];
+            }
+
+            const keys = [];
+
+            for (let i = 0; i < localStorage.length; i++) {
+                const key = localStorage.key(i);
+
+                if (/^alarm_list/.test(key || '')) {
+                    keys.push(key);
+                }
+            }
+
+            return keys;
+        } catch {
+            return [];
+        }
+    };
+
+    const readAlarmRaw = () => alarmStorageKeys().map(key => {
+        try {
+            return localStorage.getItem(key) || '';
+        } catch {
+            return '';
+        }
+    }).join('\u0001');
+
+    const mobileAlarmHref = item => {
+        const raw = String(item.id || '');
+        const no = String(item.no || '').replace(/\D/g, '');
+
+        if (item.type === 'B' || raw === 'dcbest') {
+            return no ? `https://m.dcinside.com/board/dcbest/${no}` : '';
+        }
+
+        if (item.type === 'G') {
+            const me = siteUserId();
+
+            return me ? `https://m.dcinside.com/gallog/${encodeURIComponent(me)}/guestbook` : '';
+        }
+
+        const base = raw.startsWith('mi$') ? 'mini' : raw.startsWith('pr$') ? 'person' : 'board';
+        const id = raw.replace(/^(mi|pr)\$/, '');
+
+        if (!id || !no || id === 'hit') {
+            return id === 'hit' && no ? `https://m.dcinside.com/board/hit/${no}` : '';
+        }
+
+        const comment = String(item.comment_no || '').replace(/\D/g, '');
+
+        return `https://m.dcinside.com/${base}/${encodeURIComponent(id)}/${no}${comment ? `?comment=${comment}` : ''}`;
+    };
+
+    const readSiteAlarms = () => {
+        const out = [];
+
+        alarmStorageKeys().forEach(key => {
+            let list = [];
+
+            try {
+                list = JSON.parse(localStorage.getItem(key) || '[]');
+            } catch {
+                list = [];
+            }
+
+            (Array.isArray(list) ? list : []).forEach(item => {
+                if (!item || typeof item !== 'object') {
+                    return;
+                }
+
+                if (IS_MOBILE_SITE) {
+                    const at = Number(item.reg_date) || 0;
+                    const tag = item.id === 'hit' ? ALARM_TAGS.hit : ALARM_TAGS[item.type] || '알림';
+
+                    out.push({
+                        key: `${item.type}:${item.id}:${item.no}:${item.comment_no || ''}:${at}`,
+                        tag,
+                        text: cleanText(item.subject).slice(0, 140) || '(내용 없음)',
+                        href: mobileAlarmHref(item),
+                        at
+                    });
+                } else {
+                    const at = (Number(item.time) || 0) * 1000;
+                    const text = cleanText(`${item.prefix || ''} ${item.content || ''}`).replace(/<[^>]*>/g, '');
+                    const tagMatch = /^\[([^\]]{1,10})\]/.exec(cleanText(item.prefix || ''));
+                    let href = String(item.link || '');
+
+                    if (href && !/^https?:\/\//.test(href)) {
+                        href = href.startsWith('/') ? `https://gall.dcinside.com${href}` : '';
+                    }
+
+                    out.push({
+                        key: `${item.idx || ''}:${item.link || ''}:${at}`,
+                        tag: item.type === 'manager' ? '관리' : tagMatch ? tagMatch[1] : '알림',
+                        text: text.slice(0, 140) || '(내용 없음)',
+                        href: /^https:\/\/[a-z0-9.-]*dcinside\.com\//i.test(href) ? href : '',
+                        at,
+                        idx: item.idx
+                    });
+                }
+            });
+        });
+
+        const seen = new Set();
+
+        return out
+            .filter(item => !seen.has(item.key) && seen.add(item.key))
+            .sort((a, b) => b.at - a.at)
+            .slice(0, 30);
+    };
+
+    const readAlarmMarks = () => {
+        const marks = readObject(STORAGE.alarmSeen);
+
+        return { seen: Number(marks.seen) || 0, shown: Number(marks.shown) || 0 };
+    };
+
+    const writeAlarmMarks = patch => writeJson(STORAGE.alarmSeen, { ...readAlarmMarks(), ...patch });
+
+    const unreadAlarmCount = () => {
+        const { seen } = readAlarmMarks();
+
+        return readSiteAlarms().filter(item => item.at > seen).length;
+    };
+
+    const paintAlarmBadge = () => {
+        const fab = document.getElementById('dc-custom-fab');
+
+        if (!fab) {
+            return;
+        }
+
+        const count = settings.alarmBubble === false ? 0 : unreadAlarmCount();
+
+        if (count) {
+            fab.dataset.dcAlarm = count > 9 ? '9+' : String(count);
+        } else {
+            delete fab.dataset.dcAlarm;
+        }
+    };
+
+    const markAlarmsSeen = () => {
+        const latest = readSiteAlarms()[0];
+
+        writeAlarmMarks({ seen: Math.max(Date.now(), latest ? latest.at : 0) });
+        paintAlarmBadge();
+    };
+
+    let bubbleBox = null;
+
+    const placeBubbleBox = () => {
+        if (!bubbleBox) {
+            return;
+        }
+
+        const fab = document.getElementById('dc-custom-fab');
+        const rect = fab && fab.offsetParent !== null ? fab.getBoundingClientRect() : null;
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+
+        if (rect && rect.width) {
+            const onRight = rect.left + rect.width / 2 > vw / 2;
+
+            bubbleBox.style.left = onRight ? '' : `${Math.max(8, rect.left)}px`;
+            bubbleBox.style.right = onRight ? `${Math.max(8, vw - rect.right)}px` : '';
+            bubbleBox.style.bottom = `${Math.max(8, vh - rect.top + 10)}px`;
+            bubbleBox.classList.toggle('dc-left', !onRight);
+        } else {
+            bubbleBox.style.left = '';
+            bubbleBox.style.right = '15px';
+            bubbleBox.style.bottom = 'calc(144px + env(safe-area-inset-bottom))';
+        }
+    };
+
+    const ensureBubbleBox = () => {
+        if (bubbleBox && bubbleBox.isConnected) {
+            return bubbleBox;
+        }
+
+        bubbleBox = h('div', 'dc-ui');
+        bubbleBox.id = 'dc-bubbles';
+        bubbleBox.setAttribute('role', 'log');
+        bubbleBox.setAttribute('aria-live', 'polite');
+        document.body.appendChild(bubbleBox);
+
+        return bubbleBox;
+    };
+
+    const dismissBubble = (bubble, direction = 0) => {
+        if (!bubble || bubble.classList.contains('dc-out')) {
+            return;
+        }
+
+        clearTimeout(bubble._dcTimer);
+        bubble.classList.add('dc-out');
+
+        if (direction) {
+            bubble.style.transform = `translateX(${direction * 120}%)`;
+        }
+
+        setTimeout(() => bubble.remove(), 260);
+    };
+
+    const openAlarm = item => {
+        if (!IS_MOBILE_SITE && item.idx && typeof window.alarmReadOk === 'function') {
+            try {
+                window.alarmReadOk(item.idx);
+            } catch {
+            }
+        }
+
+        markAlarmsSeen();
+
+        if (item.href) {
+            location.href = item.href;
+        }
+    };
+
+    const bindBubbleSwipe = bubble => {
+        let startX = 0;
+        let dx = 0;
+        let dragging = false;
+
+        bubble.addEventListener('pointerdown', event => {
+            startX = event.clientX;
+            dx = 0;
+            dragging = true;
+            clearTimeout(bubble._dcTimer);
+        });
+        bubble.addEventListener('pointermove', event => {
+            if (!dragging) {
+                return;
+            }
+
+            dx = event.clientX - startX;
+
+            if (Math.abs(dx) > 6) {
+                bubble.style.transition = 'none';
+                bubble.style.transform = `translateX(${dx}px)`;
+                bubble.style.opacity = String(Math.max(0.2, 1 - Math.abs(dx) / 220));
+            }
+        });
+
+        const end = () => {
+            if (!dragging) {
+                return;
+            }
+
+            dragging = false;
+            bubble.style.transition = '';
+
+            if (Math.abs(dx) > 70) {
+                bubble._dcSwiped = true;
+                dismissBubble(bubble, Math.sign(dx));
+            } else {
+                bubble.style.transform = '';
+                bubble.style.opacity = '';
+                bubble._dcTimer = setTimeout(() => dismissBubble(bubble), 6000);
+            }
+        };
+
+        bubble.addEventListener('pointerup', end);
+        bubble.addEventListener('pointercancel', end);
+    };
+
+    const showAlarmBubble = (item, extra = 0) => {
+        const box = ensureBubbleBox();
+
+        placeBubbleBox();
+
+        while (box.children.length >= ALARM_BUBBLE_MAX) {
+            box.firstElementChild.remove();
+        }
+
+        const bubble = h('div', 'dc-bubble');
+        const top = h('div', 'dc-bubble-top');
+
+        top.appendChild(h('span', 'dc-bubble-tag', item.tag));
+        top.appendChild(h('span', 'dc-bubble-time', extra ? `새 알림 ${extra + 1}개` : timeAgo(item.at)));
+
+        const close = h('button', 'dc-bubble-x', '×');
+
+        close.type = 'button';
+        close.setAttribute('aria-label', '알림 닫기');
+        close.addEventListener('click', event => {
+            event.stopPropagation();
+            dismissBubble(bubble);
+        });
+        top.appendChild(close);
+
+        bubble.appendChild(top);
+        bubble.appendChild(h('div', 'dc-bubble-text', item.text));
+
+        if (extra) {
+            bubble.appendChild(h('div', 'dc-bubble-more', `외 ${extra}개 · 눌러서 모두 보기`));
+        }
+
+        bubble.addEventListener('click', () => {
+            if (bubble._dcSwiped) {
+                return;
+            }
+
+            dismissBubble(bubble);
+
+            if (extra) {
+                openBlockModal('recent');
+            } else {
+                openAlarm(item);
+            }
+        });
+
+        bindBubbleSwipe(bubble);
+        box.appendChild(bubble);
+        requestAnimationFrame(() => bubble.classList.add('dc-in'));
+        bubble._dcTimer = setTimeout(() => dismissBubble(bubble), 8000);
+    };
+
+    let alarmRawMemo = null;
+    let alarmWatchTimer = null;
+
+    const checkSiteAlarms = () => {
+        if (settings.alarmBubble === false || document.visibilityState === 'hidden') {
+            return;
+        }
+
+        const raw = readAlarmRaw();
+
+        if (raw === alarmRawMemo) {
+            return;
+        }
+
+        alarmRawMemo = raw;
+
+        const list = readSiteAlarms();
+        const marks = readAlarmMarks();
+        const latest = list.length ? list[0].at : 0;
+
+        if (!marks.shown) {
+            writeAlarmMarks({ shown: Math.max(latest, Date.now() - ALARM_BUBBLE_FRESH), seen: marks.seen || latest });
+            paintAlarmBadge();
+            return;
+        }
+
+        const fresh = list.filter(item => item.at > marks.shown && Date.now() - item.at < ALARM_BUBBLE_FRESH);
+
+        if (latest > marks.shown) {
+            writeAlarmMarks({ shown: latest });
+        }
+
+        if (fresh.length) {
+            showAlarmBubble(fresh[0], fresh.length > ALARM_BUBBLE_MAX ? fresh.length - 1 : 0);
+
+            if (fresh.length > 1 && fresh.length <= ALARM_BUBBLE_MAX) {
+                fresh.slice(1).reverse().forEach(item => showAlarmBubble(item));
+            }
+        }
+
+        paintAlarmBadge();
+    };
+
+    let alarmPollAt = Date.now();
+
+    const siteAlarmsOff = () => {
+        try {
+            const list = JSON.parse(localStorage.getItem('alarm_setting') || '[]');
+
+            return Array.isArray(list) && list.some(item => item && item.setting === 'onoff' && item.value !== 'on');
+        } catch {
+            return false;
+        }
+    };
+
+    const keepSiteAlarmPolling = () => {
+        if (!IS_MOBILE_SITE || settings.alarmKeepPolling === false || settings.alarmBubble === false) {
+            return;
+        }
+
+        if (document.visibilityState === 'hidden' || !siteUserId() || siteAlarmsOff() || netPausedUntil()) {
+            return;
+        }
+
+        if (Date.now() - alarmPollAt < ALARM_POLL_GAP || typeof window.alarm_notification_pop !== 'function') {
+            return;
+        }
+
+        alarmPollAt = Date.now();
+
+        try {
+            if (typeof window.set_interval_noti === 'number' && window.set_interval_noti >= 1) {
+                window.set_interval_noti = 1;
+            }
+
+            window.alarm_notification_pop();
+        } catch {
+        }
+    };
+
+    const initSiteAlarms = () => {
+        if (alarmWatchTimer || !alarmStorageKeys().length && !siteUserId()) {
+            paintAlarmBadge();
+            return;
+        }
+
+        checkSiteAlarms();
+        alarmWatchTimer = setInterval(() => {
+            checkSiteAlarms();
+            keepSiteAlarmPolling();
+        }, 2000);
+
+        document.addEventListener('visibilitychange', () => {
+            if (document.visibilityState === 'visible') {
+                checkSiteAlarms();
+                paintAlarmBadge();
+            }
+        });
+
+        window.addEventListener('storage', event => {
+            if (event.key === STORAGE.alarmSeen || /^alarm_(list|notification_)/.test(event.key || '')) {
+                alarmRawMemo = null;
+                checkSiteAlarms();
+                paintAlarmBadge();
+            }
+        });
+
+        window.addEventListener('resize', placeBubbleBox, { passive: true });
+    };
+
+    // =========================================================
+
+    // =========================================================
+
+    const renderRecentView = area => {
+        const alarms = siteUserId() || alarmStorageKeys().length ? readSiteAlarms() : null;
+
+        if (alarms) {
+            const { seen } = readAlarmMarks();
+            const unread = alarms.filter(item => item.at > seen).length;
+
+            area.appendChild(makeSectionTitle(`🔔 알림${unread ? ` · 새 알림 ${unread}개` : ''}`));
+
+            if (!alarms.length) {
+                area.appendChild(makeEmpty('받은 알림이 없습니다. 댓글·답글 등 디시 알림이 오면 여기와 플로팅 버튼 곁 말풍선으로 보입니다.'));
+            } else {
+                alarms.slice(0, 15).forEach(item => {
+                    const row = makeRow({
+                        title: item.text,
+                        chip: item.tag,
+                        chipClass: item.at > seen ? 'on' : '',
+                        meta: timeAgo(item.at),
+                        actions: item.href ? [{ label: '열기', href: item.href }] : []
+                    });
+
+                    if (item.at > seen) {
+                        row.classList.add('dc-row-new');
+                    }
+
+                    if (item.href) {
+                        row.querySelector('a.dc-btn')?.addEventListener('click', () => openAlarm({ ...item, href: '' }));
+                    }
+
+                    area.appendChild(row);
+                });
+
+                if (unread) {
+                    area.appendChild(makeButton('✓ 모두 읽음', 'wide', () => {
+                        markAlarmsSeen();
+                        rerenderModal();
+                    }));
+                }
+            }
+        } else if (IS_MOBILE_SITE || /^gall\.dcinside\.com$/i.test(location.hostname)) {
+            area.appendChild(makeSectionTitle('🔔 알림'));
+            area.appendChild(makeNote('디시에 로그인하면 댓글·답글 알림을 여기와 플로팅 말풍선으로 볼 수 있습니다.'));
+        }
+
+        area.appendChild(makeSectionTitle(`🕘 최근 방문 갤러리 · ${recentGalls.length}개`));
+
+        const syncOn = typeof syncReady === 'function' && syncReady() && !readSyncConf().skip.includes('recent');
+
+        area.appendChild(makeNote(syncOn
+            ? '동기화로 모든 기기의 방문 기록이 합쳐집니다. 디시 화면의 최근 방문 목록에도 함께 보입니다.'
+            : '디시의 최근 방문 목록과 같은 내용입니다. 동기화를 켜면 다른 기기의 방문도 합쳐집니다.'));
+
+        if (!recentGalls.length) {
+            area.appendChild(makeEmpty('아직 방문한 갤러리가 없습니다.'));
+            return;
+        }
+
+        const filterRow = makeFilterRow(recentGalls.length);
+
+        if (filterRow) {
+            area.appendChild(filterRow);
+        }
+
+        recentGalls.forEach(item => {
+            area.appendChild(makeRow({
+                title: item.n || item.id,
+                chip: RECENT_KIND_LABEL[item.k] || '',
+                meta: [item.id, item.at ? timeAgo(item.at) : ''].filter(Boolean).join(' · '),
+                actions: [
+                    { label: '열기', href: recentUrl(item) },
+                    {
+                        label: '지우기',
+                        onClick: () => {
+                            recentGalls = recentGalls.filter(other => other !== item);
+                            saveRecent();
+                            exportNativeRecent();
+                            rerenderModal();
+                        }
+                    }
+                ]
+            }));
+        });
+
+        area.appendChild(makeConfirmButton('최근 방문 모두 지우기', '최근 방문 갤러리 목록을 모두 지울까요? (동기화 중이면 다른 기기에서도 지워집니다)', () => {
+            recentGalls = [];
+            saveRecent();
+            exportNativeRecent();
+            rerenderModal();
+        }));
+    };
+
+    (() => {
+        const settingsView = MODAL_VIEWS.settings;
+
+        delete MODAL_VIEWS.settings;
+        MODAL_VIEWS.recent = {
+            title: '알림 · 최근 갤러리',
+            tab: '🕘 최근',
+            render: area => {
+                document.querySelectorAll('#dc-bubbles .dc-bubble').forEach(bubble => dismissBubble(bubble));
+                renderRecentView(area);
+
+                setTimeout(markAlarmsSeen, 600);
+            }
+        };
+        MODAL_VIEWS.settings = settingsView;
+    })();
+
+    initRecentEarly();
     // =========================================================
     // 14. 플로팅 버튼
     // =========================================================
@@ -12892,7 +14190,7 @@
                 return;
             }
 
-            openBlockModal();
+            openBlockModal(fab.dataset.dcAlarm ? 'recent' : 'overview');
         });
 
         wake();
@@ -13533,6 +14831,7 @@
 
                 state.strikes = Date.now() - state.lastStrike < 60 * 60 * 1000 ? state.strikes + 1 : 1;
                 state.lastStrike = Date.now();
+                state.src = 'page';
                 state.until = Date.now() + Math.min(NET_COOLDOWN_MAX, NET_COOLDOWN * 2 ** (state.strikes - 1));
                 writeNetState(state);
             }
@@ -13559,6 +14858,8 @@
         initScrap();
         initScrollIndicator();
         initSync();
+        initRecent();
+        initSiteAlarms();
         restoreListSnapshot();
         processElements();