.app-body{visibility:hidden}.preview-mode .app-body{visibility:visible}.theme-toggle{position:relative;z-index:6;width:28px;height:28px;border:0;border-radius:50%;background:#ededf0;color:#1a1a1e;font-size:16px;line-height:28px;padding:0;cursor:pointer}
.app,.app *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.app.dark{--ink:#f5f5f7;--muted:#a1a1aa;--surface:#18181c;--soft:#0f0f12;--line:#303036;background:#0f0f12;color:#f5f5f7}
.app.dark .statusbar,.app.dark .top,.app.dark .page-head,.app.dark .article,.app.dark .tabbar,.app.dark .card,.app.dark .editor-card{background:#18181c;color:#f5f5f7;border-color:#303036}
.app.dark .view,.app.dark .content,.app.dark .editor{background:#0f0f12}
.app.dark .card h3,.app.dark .section-title h2,.app.dark .page-head h1,.app.dark .article-body h1,.app.dark .empty h2,.app.dark .editor-card b{color:#f5f5f7}
.app.dark .article-body p{color:#d4d4d8}
.app.dark .icon-btn,.app.dark .theme-toggle,.app.dark .actions button,.app.dark .chip,.app.dark .btn.secondary{background:#29292f;color:#f5f5f7;border-color:#3a3a42}
.app.dark .searchbox,.app.dark .editor-card input,.app.dark .editor-card textarea,.app.dark .editor-card select,.app.dark .url-preview{background:#242429;color:#f5f5f7;border-color:#3a3a42}
.app.dark .chip.active{background:#f5f5f7;color:#111;border-color:#f5f5f7}
.app.dark .article-top button{background:#18181ce8;color:#fff}
.app.dark .actions button.liked{background:#39151b;color:#ff6675;border-color:#72242f}
.phone-notification{position:absolute;z-index:50;top:48px;left:10px;right:10px;min-height:76px;padding:10px;background:#fffffff2;color:#18181c;border:1px solid #ffffff66;border-radius:18px;box-shadow:0 12px 35px #0005;backdrop-filter:blur(18px);display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;opacity:0;transform:translateY(-120%);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.phone-notification.show{opacity:1;transform:translateY(0);pointer-events:auto;cursor:pointer}
.phone-notification img{width:52px;height:52px;border-radius:12px;object-fit:cover}.phone-notification div{min-width:0;display:flex;flex-direction:column;gap:2px}.phone-notification b{font-size:10px}.phone-notification b span{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:5px;background:var(--red);color:#fff;margin-right:3px}.phone-notification strong{font-size:11px}.phone-notification p{font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-notification small{font-size:8px;color:#777;align-self:start;margin-top:3px}
.app.dark .phone-notification{background:#242429f2;color:#fff;border-color:#3a3a42}.app.dark .phone-notification small{color:#aaa}