@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Newsreader:wght@500;600&display=swap";.collection-error{color:#9a3412;overflow-wrap:anywhere;white-space:pre-wrap;background:#fff7ed;border-left:3px solid #d97706;border-radius:4px;margin-top:6px;padding:8px 10px;font-size:11px;line-height:1.5}.topic-actions-column .icon-button{white-space:nowrap;border:1px solid #e8ebf2;border-radius:7px;padding:7px 8px}.topic-actions-column .collect-button{color:#fff;background:#365ee9;border-color:#365ee9}.article-item a:hover{color:#365ee9;text-decoration:underline}.article-meta{color:#939cab;font-size:10px}@media (width<=560px){.topic-actions-column{flex-direction:column}}:root{color:#20283a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#20283a;--muted:#818b9a;--line:#e9ecf1;--blue:#365ee9;background:#f7f8fa;font-family:DM Sans,Noto Sans KR,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{width:min(1120px,100% - 56px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--ink);letter-spacing:-.4px;align-items:center;gap:11px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--blue);border-radius:11px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.connection-status{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.connection-status.offline .status-light{background:#d65b5b}.intro-section{padding:67px 0 42px}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:1.65px;font-size:10px;font-weight:800}.intro-section h1{letter-spacing:-3px;margin:17px 0 13px;font-size:clamp(39px,6vw,58px);font-weight:800;line-height:1.19}.intro-copy{color:#758092;max-width:580px;margin:0;font-size:14px;line-height:1.9}.intro-meta{color:#8791a0;align-items:center;gap:8px;margin-top:21px;font-size:11px;display:flex}.feedback{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px;padding:12px 15px;font-size:12px;line-height:1.6;display:flex}.feedback-error{color:#a33f3f;background:#fff0ef;border:1px solid #f8d9d6}.feedback-success{color:#23744d;background:#eaf7f0;border:1px solid #d5eddf}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start;gap:25px;padding-bottom:74px;display:grid}.section-heading{justify-content:space-between;align-items:center;min-height:54px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.7px;margin:5px 0 0;font-size:21px}.count-badge{color:#52627e;background:#edf1fa;border-radius:20px;justify-content:center;align-items:center;min-width:34px;height:27px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #dce1e9;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:30px 18px;display:flex}.empty-state h3{margin:16px 0 5px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.topic-card{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 16px;display:flex;box-shadow:0 5px 18px #1f2d4705}.topic-card h3{letter-spacing:-.35px;margin:0;font-size:16px}.keyword-chip{color:#53658c;background:#f0f3fb;border-radius:6px;padding:4px 8px;font-size:10px}.keyword-chip-muted{color:#8e8585;background:#f5f2f2}.icon-button{color:#7b8798;cursor:pointer;background:0 0;border:0;padding:5px 6px;font-size:11px}.icon-button:hover{color:var(--blue)}.icon-button.danger:hover{color:#c44b4b}.form-section{background:#fff;border:1px solid #e7eaf0;border-radius:15px;padding:21px;box-shadow:0 8px 28px #1f2d4708}.text-input{width:100%;min-width:0;color:var(--ink);background:#fcfcfd;border:1px solid #e4e8ef;border-radius:8px;outline:none;padding:11px 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.field-help{color:#9aa2ae;margin:8px 0 0;font-size:10px}.submit-button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:13px 15px;font-size:12px;font-weight:700;transition:background .15s,transform .15s;display:flex}.submit-button:hover:not(:disabled){background:#274bc9;transform:translateY(-1px)}.submit-button span{font-size:17px}.footer{border-top:1px solid var(--line);color:#9aa2ae;justify-content:space-between;gap:12px;padding:21px 0 27px;font-size:10px;display:flex}.footer span:last-child{letter-spacing:1.2px;font-size:9px}@media (width<=820px){.workspace-grid{grid-template-columns:1fr}.form-section{grid-row:1}}@media (width<=560px){.page-shell{width:calc(100% - 32px)}.topbar{height:70px}.brand{font-size:16px}.connection-status{font-size:10px}.intro-section{padding:49px 0 32px}.intro-section h1{letter-spacing:-2px}.intro-copy{font-size:12px}.workspace-grid{gap:28px}.form-section{padding:17px}.topic-card{padding:15px}.topic-card-title-row{gap:5px}.topic-actions{flex-direction:column}.footer{font-size:9px}}.scraps-section{background:#fff;border:1px solid #e7ebf1;border-radius:18px;margin:0 0 34px;padding:24px;box-shadow:0 12px 40px #1e32500a}.scraps-empty{color:#7b8799;text-align:center;border:1px dashed #d9e0ea;border-radius:12px;padding:22px 16px;font-size:13px}.scrap-card,.article-item-with-action{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.scrap-card{border:1px solid #e8edf3;border-radius:12px;padding:16px}.scrap-card-content>a,.article-item-content>a{color:#172033;font-weight:700;line-height:1.6;text-decoration:none}.scrap-card-content>a:hover,.article-item-content>a:hover{color:#315fe8;text-decoration:underline}.scrap-button{color:#315fe8;cursor:pointer;background:#f5f8ff;border:1px solid #dbe3ef;border-radius:9px;flex:none;padding:8px 11px;font-size:12px;font-weight:700}.scrap-button:hover{background:#edf2ff;border-color:#315fe8}.article-item-with-action{align-items:center}@media (width<=600px){.scraps-section{padding:16px}.scrap-card,.article-item-with-action{flex-direction:column;align-items:stretch}.scrap-button{align-self:flex-start}}.archive-heading{flex-wrap:wrap;align-items:flex-start;gap:18px}.archive-create-tag input[type=text],.archive-create-tag input:not([type]){color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:9px;min-width:150px;padding:10px 12px}.archive-create-tag button,.archive-save-button{color:#fff;cursor:pointer;background:#315fe8;border:0;border-radius:9px;padding:10px 14px;font-weight:700}.archive-search{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:0;padding:12px 14px}.archive-tools select{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:150px;padding:10px 12px}.archive-tool-label{color:#526075;margin:0 0 7px;font-size:12px;font-weight:800;display:block}.archive-note{resize:vertical;color:#172033;width:100%;min-height:76px;font:inherit;background:#fbfcfe;border:1px solid #e2e8f0;border-radius:9px;padding:11px 12px;font-size:13px;line-height:1.6}@media (width<=640px){.archive-tools{flex-direction:column}.archive-tools select{width:100%}.archive-heading{flex-direction:column}.archive-create-tag{width:100%}.archive-create-tag input[type=text],.archive-create-tag input:not([type]){flex:1;min-width:0}}:root{color:#20271f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20271f;--muted:#777d72;--line:#2833271f;--accent:#54735a;--accent-strong:#39563f;--accent-soft:#e8ede4;--paper:#fbfaf6;--paper-warm:#f6f4ed;--forest:#1e2c21;--shadow-soft:0 24px 70px #26302514;--spring:cubic-bezier(.16, 1, .3, 1);background:#f2f0e8;font-family:Pretendard,DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{min-width:320px;min-height:100vh;color:var(--ink);word-break:keep-all;background:radial-gradient(at 12% 8%,#7a916f1f,#0000 34rem),radial-gradient(at 92% 34%,#c6b38b1f,#0000 34rem),#f2f0e8;margin:0;font-family:Pretendard,DM Sans,sans-serif}body:before{z-index:-1;pointer-events:none;content:"";opacity:.2;background-image:radial-gradient(#3a433047 .45px,#0000 .45px);background-size:5px 5px;position:fixed;inset:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #54735a57}.page-shell{width:min(1320px,100% - 72px);margin:0 auto;position:relative}.topbar{z-index:40;-webkit-backdrop-filter:blur(22px);background:#fbfaf6d1;border:1px solid #ffffffc7;border-radius:24px;justify-content:space-between;align-items:center;gap:22px;width:calc(100% - 24px);height:76px;margin:14px auto 0;padding:0 24px;display:flex;position:sticky;top:14px;box-shadow:0 12px 38px #26302512,inset 0 1px #ffffffe6}.brand{min-width:0;color:var(--ink);letter-spacing:-.5px;align-items:center;gap:12px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#f7f5eb;background:var(--forest);letter-spacing:-2px;border-radius:15px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-family:Newsreader,Georgia,serif;font-size:25px;font-weight:600;display:grid}.brand-wordmark{gap:3px;display:grid}.brand-wordmark>span{color:#899083;letter-spacing:1.45px;font-size:8px;font-weight:700}.top-nav{align-items:center;gap:9px;margin-left:auto;display:flex}.top-nav a{color:#687064;transition:color .45s var(--spring), background .45s var(--spring), transform .45s var(--spring);border-radius:999px;align-items:center;gap:12px;padding:11px 15px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.top-nav a:hover{color:var(--ink);background:#eeeee6;transform:translateY(-1px)}.top-nav .top-nav-cta{color:#f7f5eb;background:var(--forest);padding:11px 13px 11px 18px}.top-nav .top-nav-cta:hover{color:#fff;background:var(--accent-strong)}.top-nav-cta span{width:25px;height:25px;color:var(--forest);transition:transform .45s var(--spring);background:#e5e9dc;border-radius:50%;place-items:center;display:grid}.top-nav-cta:hover span{transform:translate(2px,-2px)}.connection-status{color:#7c8277;letter-spacing:.1px;flex:none;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.status-light{background:#c08d42;border-radius:50%;width:7px;height:7px}.connection-status.online .status-light{background:#648e68;box-shadow:0 0 0 4px #648e6821}.connection-status.offline .status-light{background:#c46d61;box-shadow:0 0 0 4px #c46d611f}.intro-section{grid-template-columns:minmax(0,1.07fr) minmax(340px,.78fr);align-items:center;gap:clamp(44px,7vw,108px);padding:clamp(76px,9vw,126px) 20px 104px;display:grid}.intro-main{min-width:0}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:1.75px;align-items:center;gap:9px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow-mark{background:#a77a4d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #a77a4d1f}.intro-section h1{max-width:760px;color:var(--ink);letter-spacing:-.075em;text-wrap:balance;word-break:keep-all;margin:26px 0 22px;font-size:clamp(43px,5.3vw,76px);font-weight:800;line-height:1.12}.intro-section h1 span{color:var(--accent)}.intro-copy{color:#747a6f;letter-spacing:-.025em;max-width:520px;margin:0;font-size:15px;line-height:1.95}.intro-meta{color:#899084;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;font-size:11px;line-height:1.6;display:flex}.meta-icon{color:#a77a4d;font-size:17px}.meta-time{border-left:1px solid #d8d9cf;margin-left:7px;padding-left:13px}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.hero-primary-link{color:#f8f6ee;background:var(--forest);transition:transform .5s var(--spring), box-shadow .5s var(--spring), background .5s var(--spring);border-radius:999px;align-items:center;gap:22px;padding:8px 9px 8px 22px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #1e2c2126}.hero-primary-link span{width:34px;height:34px;color:var(--forest);transition:transform .5s var(--spring);background:#e8ebde;border-radius:50%;place-items:center;font-size:16px;display:grid}.hero-primary-link:hover{background:var(--accent-strong);transform:translateY(-3px)scale(1.02);box-shadow:0 18px 38px #1e2c2133}.hero-primary-link:hover span{transform:translate(2px,2px)}.hero-primary-link:active{transform:scale(.98)}.hero-note{color:#8c9186;font-size:10px;font-weight:550}.hero-panel{min-width:0;animation:editorial-rise .85s var(--spring) both;background:#1e2c211f;border-radius:34px;padding:7px;position:relative;transform:rotate(1.1deg);box-shadow:0 28px 85px #232f2229}.hero-panel-core{color:#f5f3e8;background:radial-gradient(circle at 76% 30%,#889e7040,#0000 14rem),radial-gradient(circle at 12% 90%,#b08e5f26,#0000 15rem),#1e2c21;border:1px solid #ffffff1c;border-radius:28px;min-height:510px;padding:28px 29px 22px;position:relative;overflow:hidden}.hero-panel-core:after{pointer-events:none;content:"";opacity:.12;background-image:radial-gradient(#f1efddb3 .5px,#0000 .5px);background-size:5px 5px;position:absolute;inset:0}.hero-panel-header,.hero-panel-footer{z-index:1;color:#efefe099;letter-spacing:1.55px;justify-content:space-between;align-items:center;gap:12px;font-size:8px;font-weight:750;display:flex;position:relative}.hero-sync{align-items:center;gap:7px;display:inline-flex}.hero-sync i{background:#c08d42;border-radius:50%;width:6px;height:6px}.hero-sync.online i{background:#9ab78b;box-shadow:0 0 0 4px #9ab78b1c}.hero-art{place-items:center;height:205px;margin:16px 0 15px;display:grid;position:relative}.hero-orbit{border:1px solid #e2e7ce38;border-radius:50%;display:block;position:absolute;transform:rotate(-24deg)}.hero-orbit-one{width:204px;height:148px}.hero-orbit-two{border-color:#e2e7ce1f;width:270px;height:190px;transform:rotate(36deg)}.hero-art-letter{color:#e9e9d8;letter-spacing:-8px;background:linear-gradient(145deg,#f4f2e024,#f4f2e006);border:1px solid #eaedda61;border-radius:42px;place-items:center;width:122px;height:122px;font-family:Newsreader,Georgia,serif;font-size:86px;line-height:1;display:grid;transform:rotate(-8deg);box-shadow:inset 0 1px 1px #ffffff29,0 20px 48px #00000021}.hero-art-index{color:#c4c9ad;letter-spacing:2px;font-family:DM Sans,sans-serif;font-size:9px;position:absolute;bottom:22px;right:7%}.hero-signal{background:#c4a477;border-radius:50%;width:8px;height:8px;display:block;position:absolute;box-shadow:0 0 0 7px #c4a4771f}.signal-one{top:22px;left:22%}.signal-two{background:#a9b995;width:5px;height:5px;top:53%;right:10%}.signal-three{width:4px;height:4px;bottom:22px;left:13%}.hero-panel-copy{z-index:1;padding:0 2px 21px;position:relative}.hero-panel-copy>span{color:#b8c6a8;letter-spacing:1.65px;font-size:8px;font-weight:800}.hero-panel-copy h2{color:#f5f2e6;letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(21px,2.1vw,28px);font-weight:700;line-height:1.38}.hero-stats{z-index:1;border-top:1px solid #ecedde26;border-bottom:1px solid #ecedde26;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 2px 17px;display:grid;position:relative}.hero-stats>div{gap:4px;display:grid}.hero-stats strong{color:#f2f0df;font-variant-numeric:tabular-nums;letter-spacing:-1.3px;font-family:DM Sans,sans-serif;font-size:25px;font-weight:600}.hero-stats span{color:#eaecdc94;font-size:9px}.hero-panel-footer{letter-spacing:1.3px;padding-top:17px;font-size:7px}.feedback{animation:editorial-rise .45s var(--spring) both;border:1px solid #0000;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin:-24px 0 30px;padding:14px 18px;font-size:12px;line-height:1.7;display:flex}.feedback-error{color:#8d453b;background:#f8e9e3;border-color:#eed6cd}.feedback-success{color:#486b4b;background:#e8eee4;border-color:#d7e2d3}.feedback-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px}.scraps-section{box-shadow:var(--shadow-soft), inset 0 1px 0 #fffffff2;background:#fbfaf6db;border:1px solid #ffffffd9;border-radius:30px;margin:0 0 30px;padding:clamp(22px,3vw,36px)}.section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:54px;margin-bottom:22px;display:flex}.section-heading h2{color:var(--ink);letter-spacing:-.065em;margin:7px 0 0;font-size:clamp(21px,2.2vw,27px);font-weight:750;line-height:1.25}.count-badge{min-width:34px;height:27px;color:var(--accent-strong);background:var(--accent-soft);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:750;display:inline-flex}.archive-create-tag{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.archive-create-tag input[type=text],.archive-create-tag input:not([type]){min-width:150px;color:var(--ink);background:#f7f6f0;border:1px solid #e0e2d7;border-radius:999px;padding:11px 14px;font-size:11px}.archive-create-tag input[type=color]{cursor:pointer;background:#fff;border:1px solid #e0e2d7;border-radius:50%;width:38px;height:38px;padding:3px}.archive-create-tag button,.archive-save-button{color:#f8f6ee;background:var(--forest);cursor:pointer;transition:transform .45s var(--spring), background .45s var(--spring), box-shadow .45s var(--spring);border:0;border-radius:999px;padding:11px 16px;font-size:11px;font-weight:750}.archive-create-tag button:hover,.archive-save-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 9px 22px #1e2c2124}.archive-create-tag button:active,.archive-save-button:active{transform:scale(.98)}.archive-create-tag button:disabled,.archive-save-button:disabled{opacity:.5;cursor:wait}.archive-tools{gap:10px;margin:18px 0;display:flex}.archive-search,.archive-tools select{min-width:0;color:var(--ink);transition:border-color .4s var(--spring), box-shadow .4s var(--spring), background .4s var(--spring);background:#f8f7f1;border:1px solid #e3e4da;border-radius:14px;outline:none;padding:13px 15px;font-size:12px}.archive-search{flex:1}.archive-tools select{min-width:160px}.archive-search:focus,.archive-tools select:focus,.archive-create-tag input:focus{background:#fff;border-color:#8ba08a;box-shadow:0 0 0 4px #54735a17}.archive-tag-manager{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 20px;display:flex}.archive-tool-label{color:#566253;letter-spacing:.1px;margin:0 0 8px;font-size:11px;font-weight:800;display:block}.archive-managed-tag{color:#53604f;background:#f8f7f1;border:1px solid #e0e2d9;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:inline-flex}.archive-managed-tag button{color:#8b9388;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:15px}.archive-managed-tag button:hover{color:var(--accent-strong)}.archive-tag-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.scraps-list{gap:13px;margin-top:18px;display:grid}.scrap-card{transition:transform .5s var(--spring), box-shadow .5s var(--spring), border-color .5s var(--spring);background:#fffefa;border:1px solid #e7e7dd;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px;display:flex}.scrap-card:hover{border-color:#d5ddcf;transform:translateY(-2px);box-shadow:0 16px 36px #2732240f}.scrap-card-content,.article-item-content{flex:1;min-width:0}.scrap-card-content>a,.article-item-content>a{color:#283329;text-wrap:pretty;transition:color .35s var(--spring);font-size:14px;font-weight:750;line-height:1.65;text-decoration:none}.scrap-card-content>a:hover,.article-item-content>a:hover{color:var(--accent)}.scrap-card-content>p,.article-item-content>p{color:#778073;margin:9px 0 0;font-size:12px;line-height:1.8}.article-meta{color:#969b8f;margin-top:7px;font-size:10px;line-height:1.6}.archive-card{flex-direction:column;align-items:stretch;gap:15px;display:flex}.archive-editor{border-top:1px solid #ecece3;padding-top:16px}.archive-note{resize:vertical;width:100%;min-height:78px;color:var(--ink);font:inherit;background:#f9f8f2;border:1px solid #e2e4da;border-radius:13px;padding:13px 14px;font-size:12px;line-height:1.7}.archive-note:focus{background:#fff;border-color:#8ba08a;outline:none;box-shadow:0 0 0 4px #54735a17}.archive-editor-actions{justify-content:space-between;align-items:center;gap:10px;margin:9px 0 14px;display:flex}.archive-char-count,.archive-hint{color:#92998c;font-size:10px}.archive-tag-choices{flex-wrap:wrap;gap:9px 14px;margin:9px 0;display:flex}.archive-tag-choice{color:#687263;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:inline-flex}.archive-tag-choice input{accent-color:var(--accent)}.archive-current-tags{flex-wrap:wrap;gap:6px;display:flex}.archive-tag-pill{background:#fff;border:1px solid;border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.scraps-empty,.empty-state{color:#798174;text-align:center;background:#f7f6efb8;border:1px dashed #d9ddd1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;padding:30px 18px;font-size:12px;line-height:1.7;display:flex}.empty-state{min-height:280px}.empty-symbol{width:44px;height:44px;color:var(--accent-strong);background:#e8ede3;border-radius:16px;place-items:center;font-size:22px;display:grid}.empty-state h3{color:var(--ink);margin:10px 0 0;font-size:14px}.empty-state p{color:#858c80;margin:0;font-size:11px}.loading-spinner{border:2px solid #dce2d7;border-top-color:var(--accent);border-radius:50%;width:25px;height:25px;animation:.85s cubic-bezier(.55,.05,.75,.5) infinite spin}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.82fr);align-items:start;gap:26px;padding:4px 0 90px;display:grid}.topics-section,.form-section{min-width:0}.topic-list{gap:13px;display:grid}.topic-card{transition:transform .5s var(--spring), box-shadow .5s var(--spring), border-color .5s var(--spring);background:#fbfaf6eb;border:1px solid #ffffffe6;border-radius:23px;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex;box-shadow:0 15px 42px #2630250e,inset 0 1px #fffffff0}.topic-card:hover{border-color:#dce3d6;transform:translateY(-3px);box-shadow:0 22px 50px #26302516}.topic-card-main{flex:1;min-width:0}.topic-card-title-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.topic-card h3{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:17px;font-weight:750}.topic-date{color:#9a9f94;font-size:9px}.topic-description{color:#7c8377;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.8}.keyword-groups{gap:8px;margin-top:14px;display:grid}.keyword-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.keyword-label{color:var(--accent);margin-right:4px;font-size:10px;font-weight:800}.keyword-label.excluded{color:#a0796b}.keyword-chip{color:#64715f;background:#f1f3eb;border:1px solid #e6e9df;border-radius:999px;padding:5px 9px;font-size:10px}.keyword-chip-muted{color:#98877f;background:#f7f1ed;border-color:#eee4df}.keyword-hint{color:#a0a59b;font-size:10px}.topic-actions{flex-shrink:0;gap:6px;display:flex}.topic-actions-column{flex-direction:column;align-items:stretch;min-width:104px}.icon-button{color:#737b6e;white-space:nowrap;cursor:pointer;transition:transform .45s var(--spring), color .45s var(--spring), background .45s var(--spring), border-color .45s var(--spring);background:#f8f7f1;border:1px solid #e5e7de;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:700}.icon-button:hover{color:var(--accent-strong);background:#edf1e8;border-color:#cbd8c7;transform:translateY(-1px)}.icon-button:active{transform:scale(.98)}.icon-button.danger:hover{color:#a54b43;background:#f8ece8;border-color:#e8c9c2}.topic-actions-column .collect-button{border-color:var(--forest);color:#f8f6ee;background:var(--forest)}.topic-actions-column .collect-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.topic-actions-column .collect-button:disabled{opacity:.48;cursor:wait}.form-section{box-shadow:var(--shadow-soft), inset 0 1px 0 #fffffff5;background:#fbfaf6f0;border:1px solid #ffffffe6;border-radius:28px;padding:27px;position:sticky;top:112px}.form-heading{margin-bottom:24px}.text-button{color:#777e71;cursor:pointer;background:0 0;border:0;font-size:11px}.topic-form{display:grid}.field-label{color:#52604f;align-items:baseline;gap:7px;margin:16px 0 8px;font-size:11px;font-weight:750;display:flex}.field-label:first-child{margin-top:0}.field-label>span:first-child:not(.optional){color:#b76a52}.field-label .optional{color:#a0a699;font-size:10px;font-weight:500}.text-input{width:100%;min-width:0;color:var(--ink);transition:border-color .4s var(--spring), box-shadow .4s var(--spring), background .4s var(--spring);background:#f8f7f1;border:1px solid #e1e4da;border-radius:13px;outline:none;padding:13px 14px;font-size:12px}.text-input::placeholder{color:#a6ac9f}.text-input:focus{background:#fff;border-color:#8ba08a;box-shadow:0 0 0 4px #54735a17}.textarea{resize:vertical;min-height:92px;line-height:1.7}.field-help{color:#9a9f95;margin:9px 0 0;font-size:10px;line-height:1.6}.submit-button{color:#f8f6ee;background:var(--forest);cursor:pointer;width:100%;transition:transform .5s var(--spring), background .5s var(--spring), box-shadow .5s var(--spring);border:0;border-radius:999px;justify-content:space-between;align-items:center;margin-top:25px;padding:9px 10px 9px 18px;font-size:11px;font-weight:750;display:flex}.submit-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-2px)scale(1.01);box-shadow:0 12px 25px #1e2c2126}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.48;cursor:not-allowed}.submit-button span{width:32px;height:32px;color:var(--forest);background:#e5e9dc;border-radius:50%;place-items:center;font-size:16px;display:grid}.privacy-note{color:#999f93;align-items:flex-start;gap:8px;margin-top:18px;font-size:10px;line-height:1.65;display:flex}.privacy-note span{color:var(--accent);font-size:15px}.article-list{border-top:1px solid #e9ebe2;gap:13px;margin-top:18px;padding-top:18px;display:grid}.article-list-heading{color:#53604f;font-size:11px;font-weight:800}.article-empty{color:#999f93;margin:0;font-size:11px}.article-item{gap:5px;display:grid}.article-item-with-action{justify-content:space-between;align-items:center;gap:16px;display:flex}.article-item a{color:#354333;font-size:12px;font-weight:750;line-height:1.65;text-decoration:none}.article-item a:hover{color:var(--accent)}.article-item p{color:#7f877a;margin:0;font-size:11px;line-height:1.7}.collection-status{color:#8c9585;margin-top:11px;font-size:10px}.scrap-button{color:var(--accent-strong);cursor:pointer;transition:transform .45s var(--spring), background .45s var(--spring), border-color .45s var(--spring);background:#eff3ea;border:1px solid #dfe5d9;border-radius:999px;flex:none;padding:9px 13px;font-size:10px;font-weight:750}.scrap-button:hover{background:#e4eddf;border-color:#c8d8c5;transform:translateY(-1px)}.scrap-button.is-scrapped{color:#8b6a37;background:#f8f1df;border-color:#e9debd}.footer{color:#92988c;border-top:1px solid #39453424;justify-content:space-between;gap:14px;padding:23px 6px 32px;font-size:10px;display:flex}.footer span:first-child{color:#626d5e;letter-spacing:-.2px;font-weight:750}.footer span:last-child{letter-spacing:1.5px;font-family:DM Sans,sans-serif;font-size:8px}@keyframes editorial-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.intro-main{animation:editorial-rise .7s var(--spring) both}.scraps-section,.topics-section,.form-section{animation:editorial-rise .75s var(--spring) both}.topic-card{animation:editorial-rise .65s var(--spring) both}.topic-card:nth-child(2){animation-delay:70ms}.topic-card:nth-child(3){animation-delay:.14s}.topic-card:nth-child(4){animation-delay:.21s}.topic-card:nth-child(5){animation-delay:.28s}@media (width<=980px){.page-shell{width:min(100% - 44px,780px)}.intro-section{grid-template-columns:1fr;gap:44px;padding:76px 12px 74px}.intro-main{max-width:720px}.hero-panel{justify-self:end;width:100%;max-width:560px}.hero-panel-core{min-height:0}.workspace-grid{grid-template-columns:1fr}.form-section{grid-row:1;position:static}}@media (width<=680px){.page-shell{width:calc(100% - 28px)}.topbar{border-radius:20px;flex-wrap:wrap;gap:8px;width:100%;height:auto;min-height:66px;margin-top:8px;padding:10px 13px;top:8px}.brand{gap:8px;font-size:14px}.brand-mark{border-radius:12px;flex-basis:36px;width:36px;height:36px;font-size:22px}.brand-wordmark>span{letter-spacing:1px;font-size:7px}.top-nav{border-top:1px solid #28332717;order:3;justify-content:center;width:100%;margin:2px 0 0;padding-top:7px}.top-nav a{padding:8px 10px;font-size:10px}.top-nav .top-nav-cta{padding:7px 8px 7px 12px}.top-nav-cta span{width:21px;height:21px}.connection-status{margin-left:auto;font-size:9px}.intro-section{gap:34px;padding:62px 5px 64px}.eyebrow{letter-spacing:1.3px;font-size:8px}.intro-section h1{letter-spacing:-.075em;margin:21px 0 17px;font-size:clamp(38px,10vw,54px)}.intro-copy{font-size:13px;line-height:1.85}.intro-meta{font-size:9px}.meta-time{border-left:0;margin-left:0;padding-left:0}.hero-actions{gap:13px;margin-top:26px}.hero-note{width:100%}.hero-panel{border-radius:27px;transform:none}.hero-panel-core{border-radius:21px;padding:22px 20px 18px}.hero-art{height:170px;margin:10px 0}.hero-art-letter{border-radius:35px;width:104px;height:104px;font-size:72px}.hero-orbit-one{width:170px;height:124px}.hero-orbit-two{width:224px;height:164px}.hero-panel-copy h2,.hero-stats strong{font-size:22px}.feedback{margin:-8px 0 20px;font-size:11px}.scraps-section{border-radius:23px;padding:21px 16px}.section-heading{flex-wrap:wrap;align-items:flex-start}.section-heading h2{font-size:22px}.archive-heading{flex-direction:column}.archive-create-tag{width:100%}.archive-create-tag input[type=text],.archive-create-tag input:not([type]){flex:1;min-width:0}.archive-tools{flex-direction:column}.archive-tools select{width:100%}.scrap-card,.article-item-with-action{flex-direction:column;align-items:stretch}.scrap-button{align-self:flex-start}.workspace-grid{gap:22px;padding-bottom:60px}.form-section{border-radius:23px;padding:21px 17px}.topic-card{border-radius:20px;flex-direction:column;padding:19px 16px}.topic-actions-column{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.topic-actions-column .icon-button{white-space:normal}.footer{flex-direction:column;align-items:flex-start;padding:20px 4px 28px}}@media (width<=380px){.connection-status{gap:5px;font-size:8px}.top-nav{gap:2px}.top-nav a{padding:7px 8px}.hero-stats{gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-shell{background:radial-gradient(at 16% 12%,#7a916f2b,#0000 30rem),radial-gradient(at 88% 82%,#c6b38b29,#0000 28rem),#f2f0e8;place-items:center;min-height:100dvh;padding:32px 18px;display:grid}.auth-card{width:min(100%,480px);animation:editorial-rise .7s var(--spring) both;background:#fbfaf6f0;border:1px solid #ffffffeb;border-radius:32px;padding:clamp(28px,6vw,48px);box-shadow:0 28px 90px #2630251c,inset 0 1px #fffffff5}.auth-brand{color:var(--ink);align-items:center;gap:11px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.auth-brand-mark{color:#f7f5eb;background:var(--forest);border-radius:15px;place-items:center;width:42px;height:42px;font-family:Newsreader,Georgia,serif;font-size:25px;display:grid}.auth-eyebrow{color:var(--accent);letter-spacing:1.8px;margin-top:54px;font-size:9px;font-weight:800}.auth-card h1{color:var(--ink);letter-spacing:-.075em;text-wrap:balance;margin:17px 0 16px;font-size:clamp(34px,8vw,48px);font-weight:800;line-height:1.2}.auth-card h1 span{color:var(--accent)}.auth-card>p{color:#777e71;margin:0;font-size:13px;line-height:1.9}.google-signin-button{color:#293329;cursor:pointer;width:100%;transition:transform .45s var(--spring), border-color .45s var(--spring), box-shadow .45s var(--spring);background:#fffefa;border:1px solid #dfe3d9;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding:12px 13px 12px 17px;font-size:12px;font-weight:750;display:flex;box-shadow:0 8px 22px #2630250b}.google-signin-button:hover:not(:disabled){border-color:#bfcfba;transform:translateY(-2px);box-shadow:0 14px 28px #26302517}.google-signin-button:active:not(:disabled){transform:scale(.985)}.google-signin-button:disabled{opacity:.6;cursor:wait}.google-g{color:#4285f4;background:#fff;border:1px solid #e9e9e3;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font-family:Arial,sans-serif;font-size:17px;font-weight:800;display:grid}.google-arrow{color:#f8f6ee;background:var(--forest);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.auth-error{color:#8d453b;background:#f8e9e3;border:1px solid #eed6cd;border-radius:13px;margin-top:16px;padding:12px 14px;font-size:11px;line-height:1.7}.auth-retry-button{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;margin:14px auto 0;font-size:11px;font-weight:700;display:block}.auth-footnote{color:#959b8f;text-align:center;border-top:1px solid #e9e9df;margin-top:24px;padding-top:18px;font-size:10px;line-height:1.7}.account-control{align-items:center;gap:9px;min-width:0;display:inline-flex}.account-email{color:#788073;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:9px;overflow:hidden}.sign-out-button{color:#6b7567;cursor:pointer;transition:transform .4s var(--spring), border-color .4s var(--spring), background .4s var(--spring);background:#f8f7f1;border:1px solid #e1e4da;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:750}.sign-out-button:hover{background:#edf1e8;border-color:#cbd8c7;transform:translateY(-1px)}@media (width<=680px){.auth-card{border-radius:25px}.auth-eyebrow{margin-top:42px}.account-email{max-width:100px}.sign-out-button{padding:7px 9px;font-size:8px}}.auth-loading{color:#778073;text-align:center;margin:24px 0 0;font-size:12px}