:root{--ink:#01040f;--cyan:#3ddcf5;--blue:#3d6bff;--violet:#8b5cf6;--magenta:#f07cf0;--spectrum:linear-gradient(135deg, var(--cyan), var(--blue), var(--violet), var(--magenta));--action:linear-gradient(90deg, #2f56f0, #7c3aed);--primary:#3448e0;--on-primary:#fff;--primary-container:#e0e4ff;--on-primary-container:#0b1660;--secondary:#00788c;--secondary-container:#cdf3fa;--on-secondary-container:#002e36;--tertiary:#9c2aab;--tertiary-container:#fad8ff;--on-tertiary-container:#38003f;--bg:#f7f8fd;--text:#11142a;--surface-variant:#e2e5f2;--muted:#494f6c;--outline:#777d99;--outline-variant:#cbd0e3;--surface-lowest:#fff;--surface-low:#f1f3fa;--surface:#ebeef8;--surface-high:#e5e8f4;--surface-highest:#dfe2f0;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#410002;--archived:#8a5a00;--archived-container:#fdefd2;--archived-outline:#d9a441;--scrim:#05081673;--shadow:0 8px 28px #11142a29;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-size:16px;line-height:1.55}@media (prefers-color-scheme:dark){:root{--primary:#9daeff;--on-primary:#0a1450;--primary-container:#2a3a9e;--on-primary-container:#dfe4ff;--secondary:#6be4f7;--secondary-container:#0a4a56;--on-secondary-container:#b3f3fd;--tertiary:#f3a2f6;--tertiary-container:#6a2774;--on-tertiary-container:#ffd7fc;--bg:#050816;--text:#e5e8f6;--surface-variant:#1c2340;--muted:#a9b0cb;--outline:#6e7594;--outline-variant:#283052;--surface-lowest:var(--ink);--surface-low:#0a0e20;--surface:#0f1428;--surface-high:#151b33;--surface-highest:#1c233f;--error:#ffb4ab;--error-container:#93000a;--on-error-container:#ffdad6;--archived:#f6c66b;--archived-container:#f5b54424;--archived-outline:#f5b54473;--scrim:#0009;--shadow:0 8px 28px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{overflow-wrap:anywhere;min-height:100dvh}a{color:var(--primary)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.rail{border-right:1px solid var(--outline-variant);background:var(--surface-low);flex-direction:column;gap:4px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.rail .wordmark{align-self:flex-start;height:48px;margin:0 8px 20px}.nav-link{min-height:48px;color:var(--muted);border-radius:999px;align-items:center;gap:14px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-high)}.nav-link[aria-current=page]{background:var(--primary-container);color:var(--on-primary-container);position:relative}.rail .nav-link[aria-current=page]:before{content:"";background:var(--spectrum);border-radius:0 4px 4px 0;width:4px;position:absolute;top:12px;bottom:12px;left:-12px}.nav-key{border:1px solid var(--outline-variant);border-radius:var(--r-xs);color:var(--outline);margin-left:auto;padding:0 7px;font:600 12px/20px ui-monospace,monospace}.nav-spacer{flex:1}.content{min-width:0;padding-bottom:48px}.bottom-bar{display:none}@media (width<=860px){.shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bottom-bar{z-index:20;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--surface-low);border-top:1px solid var(--outline-variant);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-bar .nav-link{border-radius:var(--r-md);flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:4px 0;font-size:11px}.bottom-bar .nav-link[aria-current=page]{color:var(--primary);background:0 0}.bottom-bar .nav-link[aria-current=page] svg{background:var(--primary-container);color:var(--on-primary-container);box-sizing:content-box;border-radius:999px;padding:2px 16px}}.page{max-width:820px;margin:0 auto;padding:0 24px;animation:.28s cubic-bezier(.2,.8,.2,1) page-in}.page.wide{max-width:1160px}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=600px){.page{padding:0 16px}}.page-header{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:4px;min-height:64px;margin:0 -8px;padding:8px;display:flex;position:sticky;top:0}.page-header h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0 8px;font-size:22px;font-weight:700;overflow:hidden}.header-title{text-overflow:ellipsis;white-space:nowrap;opacity:0;flex:1;min-width:0;margin:0 8px;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s;overflow:hidden;transform:translateY(4px)}.header-title.shown{opacity:1;transform:none}.page-header .wordmark{height:40px;margin-left:8px}.page-header .menu-button{display:none}@media (width<=860px){.page-header .menu-button{display:inline-grid}}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-high);color:var(--text)}.icon-button[aria-pressed=true],.icon-button[aria-pressed=true]:hover:not(:disabled){background:var(--primary-container);color:var(--on-primary-container)}.icon-button:disabled{opacity:.38;cursor:default}.archive-button{border:1px solid var(--outline-variant);height:40px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:0 16px 0 12px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-grid}.archive-button>span{grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.archive-button:hover:not(:disabled){border-color:var(--outline);background:var(--surface-high)}.archive-button.archived,.archive-button.archived:hover:not(:disabled){border-color:var(--archived-outline);background:var(--archived-container);color:var(--archived)}.archive-button.archived:hover:not(:disabled),.archive-button.archived:focus-visible{border-color:var(--archived)}.archive-button .archive-undo,.archive-button.archived:is(:hover:not(:disabled),:focus-visible) .archive-state{visibility:hidden}.archive-button.archived:is(:hover:not(:disabled),:focus-visible) .archive-undo{visibility:visible}.archive-button:disabled{opacity:.45;cursor:default}@media (width<=600px){.archive-button{justify-items:center;width:44px;height:44px;padding:0}.archive-button .archive-label{display:none}}@media (prefers-reduced-motion:reduce){.archive-button{transition:none}}.button{border:1px solid var(--outline);min-height:40px;color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 8%, transparent)}.button:disabled{opacity:.45;cursor:default}.button.text{border-color:#0000;padding:0 12px}.button.tonal{background:var(--primary-container);color:var(--on-primary-container);border-color:#0000}.button.danger{color:var(--error)}.button.full{width:100%}.button.compact{min-height:32px;padding:0 10px;font-size:13px}.brand-button{border-radius:var(--r-md);background:var(--action);color:#fff;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand-button:disabled{opacity:.45;cursor:default}.brand-button:hover:not(:disabled){filter:brightness(1.08)}.section{flex-direction:column;gap:8px;display:flex}.section-title{min-height:36px;color:var(--primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.section-title>span{flex:1}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.5}.tiny{font-size:12px;line-height:1.45}.outline-text{color:var(--outline)}.error-text{color:var(--error)}.body-text{white-space:pre-wrap;font-size:16.5px;line-height:1.75}.evidence{color:var(--outline);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;font-style:italic;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.one-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.message-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:32px 24px;display:flex}.message-state .glyph{opacity:.9;width:56px;height:56px;margin-bottom:20px}.message-state.celebrate .glyph{filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--violet) 55%, transparent));border-radius:50%;animation:3.2s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-8px)rotate(-4deg)}}.message-state h2{margin:0;font-size:17px;font-weight:600}.message-state p{max-width:420px;color:var(--muted);margin:8px 0 0;font-size:14px}.message-state .button{margin-top:20px}.spinner{border:2.5px solid color-mix(in srgb, currentColor 22%, transparent);width:24px;height:24px;color:var(--primary);border-top-color:currentColor;border-radius:50%;animation:.8s linear infinite spin}.spinner.small{border-width:2px;width:16px;height:16px}.centered{place-items:center;min-height:40vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.banner{border-radius:var(--r-md);background:var(--surface-high);align-items:center;gap:8px;margin:8px 0;padding:6px 6px 6px 16px;font-size:14px;display:flex}.banner>span{flex:1;padding:6px 0}.status-badge{background:var(--surface-variant);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:6px;padding:1px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.processing{background:var(--secondary-container);color:var(--on-secondary-container)}.status-badge.failed{background:var(--error-container);color:var(--on-error-container)}.status-badge.processing:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.3}to{opacity:1}}@media (prefers-reduced-motion:reduce){.status-badge.processing:before,.spinner{animation-duration:2.4s}.page,.toast,.saved-burst,.saved-burst:after,.article-row.fresh,.message-state.celebrate .glyph,.ai-thinking-head svg,.ai-button:hover svg,.article-view[data-enter],.shimmer{animation:none}.article,.article-tabs,.list.articles>li,.list.articles>li>*{transition:none}}.notice{border-radius:var(--r-md);align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:14px;display:flex}.notice>span{flex:1;padding:8px 0}.notice.processing{background:var(--secondary-container);color:var(--on-secondary-container)}.notice.failed{background:var(--error-container);color:var(--on-error-container)}.notice.limited{background:var(--surface-high)}.list{margin:0;padding:0;list-style:none}.list.articles>li{grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1) 80ms,opacity .22s;display:grid}.list.articles>li>*{min-height:0}.list.articles>li.leaving{opacity:0;grid-template-rows:0fr}.list.articles>li.leaving>*{transition:transform .25s;overflow:hidden;transform:translate(16px)}.list>li+li{--divider:color-mix(in srgb, var(--outline-variant) 60%, transparent);--divider-inset:28px;background:linear-gradient(var(--divider), var(--divider)) no-repeat var(--divider-inset) 0 / calc(100% - var(--divider-inset)) 1px}.list.articles>li+li{--divider-inset:62px}.article-row{border-radius:var(--r-md);align-items:flex-start;gap:4px;padding:14px 8px;transition:background-color .15s;display:flex}.article-row>a{min-width:0;color:inherit;flex:1;gap:14px;text-decoration:none;display:flex}.article-row:hover{background:var(--surface-low)}.article-row:hover .title{color:var(--primary)}.row-actions{opacity:0;align-self:center;transition:opacity .15s;display:flex}.article-row:hover .row-actions,.article-row:focus-within .row-actions{opacity:1}@media (hover:none){.row-actions{display:none}}.article-row.fresh{animation:2.6s ease-out fresh}@keyframes fresh{0%,30%{background:color-mix(in srgb, var(--primary-container) 80%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 50%, transparent)}}.site-tile{background:var(--tile);color:#fff;text-shadow:0 1px 2px #0000002e;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;line-height:1;transition:opacity .2s,filter .2s;display:grid;position:relative}.site-tile.small{border-radius:7px;width:24px;height:24px;font-size:12px}.site-tile.t0{--tile:linear-gradient(135deg, #2f56f0, #4338ca)}.site-tile.t1{--tile:linear-gradient(135deg, #2f56f0, #7c3aed)}.site-tile.t2{--tile:linear-gradient(135deg, #6d28d9, #a21caf)}.site-tile.t3{--tile:linear-gradient(135deg, #a21caf, #2f56f0)}.thumb{background:var(--surface-high);border-radius:12px;flex:none;width:72px;height:72px;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=480px){.thumb{width:60px;height:60px}}.article-row.read .thumb{opacity:.6}.article-row.read .site-tile{opacity:.45;filter:saturate(.4)}.unread-badge{border:2.5px solid var(--bg);background:var(--magenta);border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px}.article-row:hover .unread-badge{border-color:var(--surface-low)}.shimmer{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--surface-lowest) 70%, transparent) 50%, transparent 80%) var(--surface-high);background-size:200% 100%;animation:1.4s linear infinite shimmer}.line{border-radius:6px;height:12px;display:block}.line.thin{height:9px}.skeleton .site-tile{--tile:none}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.article-row .title{margin:0;font-size:15.5px;font-weight:650;line-height:1.45;transition:color .15s}.article-row.read .title{color:var(--muted);font-weight:400}.article-row .summary{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.55}.article-meta{color:var(--outline);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;font-size:12px;display:flex}.label-tag{border-radius:var(--r-xs);background:var(--tertiary-container);color:var(--on-tertiary-container);padding:0 6px;font-size:12px}.reading-tag{border-radius:var(--r-xs);background:linear-gradient(to right, var(--primary-container) var(--read), var(--surface-low) var(--read));color:var(--on-primary-container);white-space:nowrap;flex:none;padding:0 6px;font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;padding:4px 0;overflow-x:auto}.chip{border:1px solid var(--outline-variant);border-radius:var(--r-sm);min-height:32px;color:var(--text);cursor:pointer;background:0 0;flex:none;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-high)}.chip:disabled{opacity:.4;cursor:default}.chip[aria-pressed=true]{background:var(--primary-container);color:var(--on-primary-container);border-color:#0000}.chip.label[aria-pressed=true]{background:var(--tertiary-container);color:var(--on-tertiary-container)}.chip svg{width:18px;height:18px}.chip.small{border-radius:999px;gap:6px;min-height:28px;padding:0 10px;font-size:13px}.chip.small svg{width:16px;height:16px}.topics-user-set{align-self:center}.chip.icon-only{width:28px;color:var(--muted);justify-content:center;padding:0}.chip-divider{background:var(--outline-variant);flex:none;align-self:center;width:1px;height:20px;margin:0 4px}.card{border-radius:var(--r-lg);background:var(--surface-low)}.card.high{border-radius:var(--r-md);background:var(--surface-high)}.group{border-radius:var(--r-lg);background:var(--surface-low);overflow:hidden}.group-item{width:100%;min-height:56px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:8px 16px;font-size:15px;text-decoration:none;display:flex}.group-item:hover:not(:disabled){background:var(--surface-high)}.group-item:disabled{opacity:.45;cursor:default}.group-item svg{color:var(--muted);flex:none}.group-item.danger,.group-item.danger svg{color:var(--error)}.group-item+.group-item,.group>*+.group-item{border-top:1px solid color-mix(in srgb, var(--outline-variant) 60%, transparent)}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:500}.input,.textarea{border:1px solid var(--outline);border-radius:var(--r-sm);background:0 0;width:100%;padding:12px 14px;font-size:16px}.input:focus,.textarea:focus{border-color:var(--primary);outline:1px solid var(--primary)}.textarea{resize:vertical;min-height:120px;line-height:1.6}.field-help{color:var(--muted);font-size:12px}.save-bar{gap:8px;margin:4px 0 8px;display:flex}.save-bar .input{border-radius:var(--r-md);background:var(--surface-lowest);flex:1;min-width:0}form>.save-bar{border:1px solid var(--outline-variant);border-radius:var(--r-lg);background:var(--surface-lowest);align-items:center;margin:4px 0 6px;padding:6px 6px 6px 14px;transition:border-color .2s,box-shadow .2s;position:relative}form>.save-bar>svg{color:var(--outline);flex:none}form>.save-bar .input{background:0 0;border:none;outline:none;padding:10px 4px}form>.save-bar:focus-within{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--blue) 70%, transparent), 0 10px 30px -12px color-mix(in srgb, var(--violet) 60%, transparent);border-color:#0000}form>.save-bar.saving:after{content:"";background:var(--spectrum);background-size:200% 100%;border-radius:2px;height:2px;animation:1s linear infinite shimmer;position:absolute;inset:auto 18px -1px}form>.save-bar .brand-button{border-radius:calc(var(--r-lg) - 6px);min-height:44px}.save-hint{margin:0 0 10px 16px}@media (hover:none){.paste-hint{display:none}}@media (width<=480px){.save-bar .brand-button{padding:0 16px}}.count-pill{background:var(--surface-high);color:var(--muted);border-radius:999px;flex:none;padding:1px 10px;font-size:13px;font-weight:500}.count-pill.emphasized{background:var(--tertiary-container);color:var(--on-tertiary-container)}dialog.dialog{border-radius:var(--r-xl);background:var(--surface-high);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:var(--shadow);border:none;padding:0}dialog.dialog::backdrop{background:var(--scrim)}dialog.dialog.drawer{border-radius:0 var(--r-xl) var(--r-xl) 0;width:min(320px,100vw - 56px);height:100dvh;max-height:100dvh;margin:0 auto 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) drawer-in}dialog.dialog.drawer .dialog-body{padding:calc(12px + env(safe-area-inset-top)) 12px 16px;gap:12px}.drawer-head{align-items:center;min-height:52px;display:flex}.drawer-head .wordmark{height:40px;margin:0 auto 0 8px}.drawer .group-item[aria-current=page],.drawer .group-item[aria-current=page] svg{color:var(--primary);font-weight:600}@keyframes drawer-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){dialog.dialog.drawer{animation:none}}.dialog-body{flex-direction:column;gap:14px;padding:24px;display:flex}.dialog-body h2{margin:0;font-size:22px;font-weight:600}.saved-head{align-items:center;gap:14px;display:flex}.saved-burst{background:var(--action);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;animation:.45s cubic-bezier(.3,1.6,.5,1) pop;display:grid;position:relative}.saved-burst:after{content:"";background:var(--spectrum);border-radius:50%;padding:2px;animation:.8s ease-out .1s both burst;position:absolute;inset:-4px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes burst{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.dialog-actions .start{margin-right:auto}.menu-anchor{position:relative}.menu{z-index:30;border-radius:var(--r-sm);background:var(--surface-highest);min-width:200px;box-shadow:var(--shadow);margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.menu a{color:inherit;text-decoration:none}.menu button,.menu a{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 16px;font-size:15px;display:flex}.menu button:hover,.menu button:focus-visible,.menu a:hover,.menu a:focus-visible{background:var(--surface-high)}.menu button.danger{color:var(--error)}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:8px;width:min(560px,100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=860px){.toasts{bottom:calc(88px + env(safe-area-inset-bottom))}}.toast{border-radius:var(--r-sm);background:var(--text);min-height:48px;color:var(--bg);box-shadow:var(--shadow);pointer-events:auto;align-items:center;gap:8px;padding:6px 8px 6px 16px;font-size:14px;animation:.28s cubic-bezier(.2,.9,.3,1.2) toast-in;display:flex}.toast>span{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.toast .button{color:var(--primary-container)}.reading-progress{z-index:40;background:var(--spectrum);transform-origin:0;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.article{flex-direction:column;gap:28px;padding-bottom:40px;transition:opacity .26s,transform .26s cubic-bezier(.4,0,1,1);display:flex}.article-tabs{z-index:9;border-bottom:1px solid var(--outline-variant);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:48px;margin:0 -8px -12px;padding:0 8px;transition:transform .2s,opacity .2s;display:flex;position:sticky;top:64px}.article-tabs.collapsed:not(:has(:focus-visible)){opacity:0;pointer-events:none;transform:translateY(-100%)}.article-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:0 160px;margin-bottom:-1px;font-size:15px;font-weight:600}.article-tabs button:hover{color:var(--text)}.article-tabs button[aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary)}@media (width<=600px){.article-tabs button{flex:1 1 0}}.article-view{flex-direction:column;gap:28px;display:flex}.article-view[data-enter]{animation:.22s cubic-bezier(.2,0,0,1) view-in}.article-view[data-enter=left]{--view-from:-32px}@keyframes view-in{0%{opacity:0;transform:translateX(var(--view-from,32px))}}.article.leaving{opacity:0;pointer-events:none;transform:translateY(28px)scale(.97)}.article-hero{flex-direction:column;gap:14px;max-width:820px;padding-top:4px;display:flex}.article-source{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.article-hero h1{letter-spacing:-.01em;text-wrap:pretty;margin:0;font-size:clamp(24px,3.2vw,34px);font-weight:750;line-height:1.35}.article-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@media (width<=600px){.article-actions>*{flex:auto}}.ai-button{border-radius:var(--r-md);background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--spectrum) border-box;min-height:48px;color:var(--text);border:1.5px solid #0000;padding:0 20px;font-size:15px}.ai-button svg{color:var(--violet)}.ai-button:hover:not(:disabled){background:linear-gradient(var(--surface-low), var(--surface-low)) padding-box, var(--spectrum) border-box}.ai-button:hover svg{animation:.6s ease-in-out twinkle}@keyframes twinkle{50%{transform:scale(1.25)rotate(15deg)}}.article-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px;display:grid}.article-main{flex-direction:column;gap:32px;min-width:0;display:flex}.article-aside{flex-direction:column;gap:16px;display:flex}@media (width<=1080px){.article-layout{flex-direction:column;align-items:stretch;gap:28px;display:flex}.article-main{display:contents}.article-aside{order:1}}.eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:700;display:flex}.summary-card{border-radius:var(--r-lg);background:linear-gradient(150deg, color-mix(in srgb, var(--blue) 9%, var(--surface-lowest)), color-mix(in srgb, var(--magenta) 7%, var(--surface-lowest)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--violet) 18%, transparent);gap:10px;padding:20px 22px;display:grid;position:relative}.summary-card .eyebrow svg{color:var(--violet)}.claims{counter-reset:claim;gap:16px;margin:4px 0 0;padding:0;list-style:none;display:grid}.claims>li{counter-increment:claim;gap:6px;padding-left:38px;line-height:1.65;display:grid;position:relative}.claims>li:before{content:counter(claim);background:var(--primary-container);width:26px;height:26px;color:var(--on-primary-container);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:1px;left:0}blockquote.evidence{border-left:2px solid color-mix(in srgb, var(--violet) 45%, transparent);margin:0;padding-left:12px;font-style:normal}.body-text.reading{max-width:70ch;font-size:17px;line-height:1.9}.article-text .para{--gap:0px;margin:var(--gap) 0 0;padding-left:calc(var(--quote) * 18px + var(--list) * 1.5em);font-size:inherit;font-weight:inherit;line-height:inherit}.article-text .para.gap-normal{--gap:.9em}.article-text .para.gap-tight{--gap:.25em}.article-text .para.joined{padding-top:var(--gap);margin-top:0}.article-text .para.quote{color:var(--muted);background:repeating-linear-gradient(to right, color-mix(in srgb, var(--violet) 45%, transparent) 0 3px, transparent 3px 18px) left top / calc(var(--quote) * 18px - 12px) 100% no-repeat}.article-text .para.marked{position:relative}.article-text .para.marked:before{content:attr(data-marker);left:calc(var(--quote) * 18px + (var(--list) - 1) * 1.5em);text-align:right;width:1.3em;color:var(--outline);font-variant-numeric:tabular-nums;position:absolute}.article-text .heading{font-weight:700;line-height:1.5}.article-text .heading.gap-normal{--gap:1.6em}.article-text .heading.h2{font-size:1.3em}.article-text .heading.h3{font-size:1.15em}.article-text .heading.h4{font-size:1em}.article-text .para.code{margin-left:calc(var(--quote) * 18px + var(--list) * 1.5em);padding-left:0}.article-text .para.code pre{white-space:pre;border-radius:var(--r-sm);background:var(--surface-high);margin:0;padding:12px 14px;overflow-x:auto}.article-text .para.code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;display:block}.article-text .para.code.marked:before{line-height:22.4px;top:12px;left:-1.5em}.body-image{white-space:normal;margin:4px 0 20px}.body-image .frame{border-radius:var(--r-md);background:var(--surface-high);width:100%;display:block;overflow:hidden}.body-image img{object-fit:contain;width:100%;height:100%;display:block}.ai-thinking{border-radius:var(--r-lg);background:var(--secondary-container);color:var(--on-secondary-container);gap:12px;padding:20px 22px;display:grid}.ai-thinking-head{align-items:flex-start;gap:10px;font-size:14px;display:flex}.ai-thinking-head svg{flex:none;animation:1.6s ease-in-out infinite twinkle}.ai-thinking .line{--surface-high:color-mix(in srgb, var(--on-secondary-container) 14%, transparent)}.side-card{border-radius:var(--r-lg);background:var(--surface-low);flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.side-card-title{align-items:center;gap:8px;min-height:28px;display:flex}.side-card-title h2{flex:1;margin:0;font-size:14px;font-weight:700}.side-card-title .button{margin-right:-8px}.side-card.mine{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tertiary) 22%, transparent)}.side-card.mine .side-card-title h2{color:var(--tertiary)}.note-box{border-radius:var(--r-md);background:var(--surface-lowest);align-items:flex-start;gap:4px;padding:10px 4px 10px 14px;display:flex}.note-box p{white-space:pre-wrap;flex:1;margin:0;padding-top:2px;font-size:14.5px;line-height:1.65}.note-box .icon-button{width:36px;height:36px;margin-top:-6px}.note-add{border:1.5px dashed var(--outline-variant);border-radius:var(--r-md);width:100%;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:flex}.note-add:hover{border-color:var(--tertiary);color:var(--tertiary)}.knowledge-group{gap:6px;display:grid}.related-list{margin:0 -8px;display:grid}.related-item{border-radius:var(--r-sm);color:inherit;align-items:flex-start;gap:10px;padding:8px;text-decoration:none;display:flex}.related-item>span{gap:2px;display:grid}.related-item:hover{background:var(--surface-high)}.related-item .title{font-size:14px;font-weight:600;line-height:1.45}.related-item .site-tile{margin-top:1px}.related-link{color:inherit;padding:10px 0;text-decoration:none;display:block}.related-link:hover .title{text-decoration:underline}.related-link .title{font-size:15px;font-weight:600}.suggestion{border-radius:var(--r-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 8px;font-size:15px;display:flex}.suggestion:hover{background:var(--surface-highest)}.prompt-preview{border-radius:var(--r-sm);background:var(--surface-lowest);white-space:pre-wrap;-webkit-user-select:all;user-select:all;max-height:240px;margin:0;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.6;overflow:auto}.graph{border-radius:var(--r-lg);background:var(--surface-low);touch-action:none;-webkit-user-select:none;user-select:none;height:calc(100dvh - 180px);min-height:360px;position:relative;overflow:hidden}@media (width<=860px){.graph{height:calc(100dvh - 260px)}}.graph svg{cursor:grab;width:100%;height:100%}.graph svg.dragging{cursor:grabbing}.graph .node{cursor:pointer}.graph text.label{paint-order:stroke;stroke:var(--surface-low);stroke-width:3px;stroke-linejoin:round}.graph .node:focus-visible circle.ring{stroke:var(--primary);stroke-width:3px}.graph-bottom{pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.graph-bottom>*{pointer-events:auto}.graph-cross{border-radius:var(--r-md);background:var(--surface-high);align-items:center;gap:8px;width:min(100%,560px);padding:8px 8px 8px 16px;display:flex}.graph-cross .brand-button{min-height:40px;padding:0 16px}.graph-legend{border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 92%, transparent);flex-direction:column;gap:4px;padding:8px 12px;font-size:12px;display:flex}.graph .node.still{cursor:inherit}.share-page{max-width:1160px;margin:0 auto;padding:16px 24px 40px}.share-page h1{margin:8px 0 4px;font-size:24px;line-height:1.3}.share-brand{display:inline-block}.share-brand .wordmark{height:28px}.share-page .graph{height:min(52dvh,480px);min-height:280px}.share-articles h2{margin:24px 0 8px;font-size:16px}.share-articles ul{margin:0;padding:0;list-style:none}.share-articles li>*{border-bottom:1px solid var(--outline-variant,color-mix(in srgb, var(--outline) 30%, transparent));color:inherit;gap:2px;padding:10px 4px;text-decoration:none;display:grid}.share-articles a:hover .one-line:first-child{text-decoration:underline}.share-footer{text-align:center;margin-top:32px}@media (width<=860px){.share-page{padding:12px 16px 32px}.share-page .graph{height:56dvh;min-height:340px}}.share-image{background:var(--surface-low);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.share-image header{align-items:baseline;gap:20px;padding:28px 40px 0;display:flex}.share-image header .wordmark{align-self:center;height:30px}.share-image h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:34px;line-height:1.2;overflow:hidden}.share-image header p{color:var(--muted);flex:none;margin:0;font-size:18px}.share-image .graph{border-radius:0;flex:1;height:auto;min-height:0}.share-card{border:1px solid color-mix(in srgb, var(--outline) 40%, transparent);border-radius:var(--r-md);aspect-ratio:1200/630;background:var(--surface-low);margin:0;position:relative;overflow:hidden}.share-card img{width:100%;height:auto;display:block}.share-card-wait{place-items:center;display:grid;position:absolute;inset:0}.segmented{border:1px solid var(--outline);border-radius:999px;margin:4px 0 12px;display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;background:0 0;border:none;min-height:40px;padding:0 18px;font-size:14px;font-weight:500}.segmented button+button{border-left:1px solid var(--outline)}.segmented button[aria-pressed=true]{background:var(--primary-container);color:var(--on-primary-container)}.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=600px){.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-tile{gap:2px;min-width:0;padding:14px 16px;display:grid}.stat-value{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:650;line-height:1.25;overflow:hidden}.contribution{--cell:10px;padding:16px}.contribution-scroll{padding-bottom:4px;overflow-x:auto}.contribution-grid{gap:3px;width:max-content;display:grid}.contribution-month,.contribution-weekday{color:var(--muted);font-size:10px;line-height:var(--cell);white-space:nowrap}.contribution-month{width:0;height:14px;overflow:visible}.contribution-weekday{z-index:1;background:var(--surface-low);text-align:right;padding-right:6px;position:sticky;left:0}.contribution-cell{width:var(--cell);height:var(--cell);background:var(--surface-highest);cursor:pointer;border:none;border-radius:2px;padding:0;display:block}.contribution-cell[data-level="1"]{background:color-mix(in srgb, var(--primary) 30%, var(--surface-highest))}.contribution-cell[data-level="2"]{background:color-mix(in srgb, var(--primary) 55%, var(--surface-highest))}.contribution-cell[data-level="3"]{background:color-mix(in srgb, var(--primary) 78%, var(--surface-highest))}.contribution-cell[data-level="4"]{background:var(--primary)}.contribution-cell[aria-pressed=true],.contribution-cell:focus-visible{outline:2px solid var(--tertiary);outline-offset:1px}.contribution-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-top:8px;display:flex}.contribution-legend{align-items:center;gap:3px;margin-left:auto;display:inline-flex}.contribution-legend .contribution-cell{cursor:default}.recent-day{grid-template-columns:48px minmax(40px,1fr) repeat(3,72px);align-items:center;gap:12px;min-height:44px;padding:6px 16px;display:grid}.recent-day+.recent-day{border-top:1px solid color-mix(in srgb, var(--outline-variant) 60%, transparent)}.recent-day-bar{background:var(--surface-highest);border-radius:999px;height:8px;overflow:hidden}.recent-day-bar>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.recent-day-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=480px){.recent-day{grid-template-columns:40px minmax(24px,1fr) repeat(3,56px);gap:8px;padding:6px 12px}}.sign-in{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:32px 16px;display:flex}.sign-in>*{max-width:100%}.sign-in .wordmark{height:96px}.sign-in .tagline{margin:0;font-size:18px;font-weight:600}.sign-in .notice{max-width:400px;margin:0;padding:12px 16px}.sign-in .privacy{max-width:400px;color:var(--muted);margin:0;font-size:13px}.wordmark-picture{display:contents}.wordmark{aspect-ratio:840/342;max-width:100%;display:block}.guide-steps{gap:8px;margin:0;padding-left:20px;font-size:14px;display:grid}.copy-field{border-radius:var(--r-sm);background:var(--surface-high);align-items:center;gap:8px;margin-top:4px;padding:4px 4px 4px 12px;display:flex}.copy-field code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}
