:root{color-scheme:light;--page-bg: #fbfbfa;--surface: #ffffff;--surface-hover: #f7f6f3;--line: rgba(55, 53, 47, .12);--line-strong: rgba(55, 53, 47, .18);--text-main: #37352f;--text-muted: rgba(55, 53, 47, .62);--text-faint: rgba(55, 53, 47, .42);--accent: #2f6f4e;--alert-bg: #fff4e5;--alert-text: #8a4b0f;--shadow-soft: 0 8px 24px rgba(15, 15, 15, .05);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,"Apple Color Emoji",Arial,sans-serif}:root.dark{color-scheme:dark;--page-bg: #191919;--surface: #202020;--surface-hover: #262626;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--text-main: #ebebeb;--text-muted: rgba(235, 235, 235, .62);--text-faint: rgba(235, 235, 235, .42);--accent: #6bab7a;--alert-bg: rgba(180, 83, 9, .18);--alert-text: #f8d4a6;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{min-height:100%;background:var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;margin:0;color:var(--text-main);background:var(--page-bg)}button,textarea{font:inherit}.notion-shell{min-height:100vh;padding-bottom:106px}.notion-topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page-bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notion-topbar__inner{width:min(920px,calc(100% - 32px));min-height:58px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-block{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:var(--text-main);background:var(--surface);box-shadow:var(--shadow-soft);font-size:13px;font-weight:750;letter-spacing:0}.brand-block h1{margin:0;color:var(--text-main);font-size:15px;line-height:1.2;letter-spacing:0}.brand-block p{margin:2px 0 0;color:var(--text-muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px}.connection-tag{font-weight:600}.refresh-status-button{transition:opacity .16s ease,color .16s ease,box-shadow .16s ease,background-color .16s ease}.refresh-status-button.is-ws-connected{opacity:.44}.refresh-status-button.is-ws-connected:hover,.refresh-status-button.is-ws-connected:focus-visible{opacity:.78}.refresh-status-button.is-ws-disconnected{--n-color: rgba(208, 48, 80, .14);--n-color-hover: rgba(208, 48, 80, .2);--n-color-pressed: rgba(208, 48, 80, .24);--n-text-color: #d03050;--n-text-color-hover: #d03050;--n-text-color-pressed: #ab1f3f;--n-border: 1px solid rgba(208, 48, 80, .28);--n-border-hover: 1px solid rgba(208, 48, 80, .44);--n-border-pressed: 1px solid rgba(208, 48, 80, .5);box-shadow:0 0 0 3px #d030501a}.refresh-status-button.is-ws-reconnecting{--n-color: rgba(240, 160, 32, .14);--n-color-hover: rgba(240, 160, 32, .2);--n-text-color: #c77700;--n-text-color-hover: #c77700;--n-border: 1px solid rgba(240, 160, 32, .28);--n-border-hover: 1px solid rgba(240, 160, 32, .44)}.refresh-status-button.is-ws-reconnecting .n-icon{animation:copyhub-refresh-spin .9s linear infinite}.favorites-filter-button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.favorites-filter-button.is-active{--n-color: #f6c343;--n-color-hover: #f3b72d;--n-color-pressed: #dea112;--n-text-color: #3b2a05;--n-text-color-hover: #2f2103;--n-text-color-pressed: #241902;--n-border: 1px solid #b97705;--n-border-hover: 1px solid #955f04;--n-border-pressed: 1px solid #7c4d03;box-shadow:0 0 0 3px #d9770638,0 6px 16px #925b0938}:root.dark .favorites-filter-button.is-active{--n-color: #facc15;--n-color-hover: #fde047;--n-color-pressed: #eab308;--n-text-color: #1f1600;--n-text-color-hover: #1f1600;--n-text-color-pressed: #1f1600;--n-border: 1px solid #fef08a;--n-border-hover: 1px solid #fde047;--n-border-pressed: 1px solid #eab308;box-shadow:0 0 0 3px #facc1538,0 6px 16px #facc1529}@keyframes copyhub-refresh-spin{to{transform:rotate(360deg)}}.notion-page{width:min(760px,calc(100% - 32px));margin:42px auto 0}.page-title{display:grid;gap:12px;margin-bottom:26px}.page-icon{width:78px;height:78px;border-radius:14px;display:grid;place-items:center;color:var(--text-main);background:var(--surface-hover);font-size:40px}.page-title h2{margin:0;color:var(--text-main);font-size:clamp(34px,7vw,52px);line-height:1.05;letter-spacing:0}.inline-alert{margin:0 0 18px;padding:10px 12px;border-radius:6px;color:var(--alert-text);background:var(--alert-bg);font-size:14px}.document-stream{min-height:320px}.document-stream.is-loading{opacity:.72}.block-list{display:grid;gap:2px}.time-separator{display:flex;align-items:center;gap:12px;padding:18px 0 8px;color:var(--text-faint);font-size:12px}.time-separator:before,.time-separator:after{content:"";height:1px;flex:1;background:var(--line)}.notion-block{position:relative;border-radius:6px;color:var(--text-main);background:transparent;transition:background-color .14s ease}.notion-block:hover,.notion-block.is-editing{background:var(--surface-hover)}.block-content{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:start;padding:8px 126px 8px 2px}.block-handle{-webkit-user-select:none;user-select:none;color:var(--text-faint);font-size:15px;line-height:1.7;opacity:0;transition:opacity .14s ease}.notion-block:hover .block-handle{opacity:1}.block-body{min-width:0}.block-text{position:relative;margin:0;color:var(--text-main);font-size:15px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}.block-content.is-collapsed .block-text{max-height:10.32em;overflow:hidden}.block-content.is-collapsed .block-text:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.8em;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--page-bg))}.notion-block:hover .block-content.is-collapsed .block-text:after,.notion-block.is-editing .block-content.is-collapsed .block-text:after{background:linear-gradient(to bottom,transparent,var(--surface-hover))}.block-expand-row{display:flex;margin-top:4px}.block-expand-button{--n-text-color: var(--text-muted);--n-text-color-hover: var(--accent);--n-text-color-pressed: var(--accent);font-weight:600}.block-actions{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .14s ease}.notion-block:hover .block-actions,.block-actions:focus-within,.notion-block.is-favorite .block-actions{opacity:1}.notion-block.is-favorite:not(:hover) .block-actions .n-button:not(.favorite-action){opacity:0;pointer-events:none}.favorite-action.is-active{--n-color-hover: rgba(246, 195, 67, .2);--n-color-pressed: rgba(246, 195, 67, .28);--n-text-color: #b45309;--n-text-color-hover: #92400e;--n-text-color-pressed: #78350f}:root.dark .favorite-action.is-active{--n-text-color: #facc15;--n-text-color-hover: #fde047;--n-text-color-pressed: #eab308}.block-editor{display:grid;gap:10px;padding:8px}.block-editor__actions{display:flex;justify-content:flex-end}.composer-shell{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--page-bg) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notion-composer{width:min(760px,100%);margin:0 auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:end}.send-icon-button{width:36px;height:36px;min-height:36px}.composer-input textarea{line-height:1.58}@media (max-width: 640px){.notion-topbar__inner,.notion-page{width:min(100% - 22px,760px)}.notion-page{margin-top:26px}.page-icon{width:62px;height:62px;font-size:32px}.brand-block p,.connection-tag{display:none}.block-content{grid-template-columns:minmax(0,1fr);padding:8px 132px 8px 8px}.block-handle{display:none}.block-actions{position:absolute;top:6px;right:6px;opacity:1}}
