:root{--sky:#c5d0dc;--ink:#15202b;--muted:#5a6a7a;--panel:#f4f7fa;--paper:#e4ebf2;--line:#b4c1ce;--signal:#0a6d7c;--signal-soft:#0a6d7c1f;--ember:#e14a28;--ember-deep:#c43b1d;--white:#fff;--shadow:0 20px 48px #15202b1a;--font-display:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Avenir Next", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 50% -10%, #0a6d7c29, transparent 55%), linear-gradient(180deg, #d7e0ea 0%, var(--paper) 38%, #dfe6ee 100%)}.site-chrome{align-items:center;padding:.75rem 1.15rem;display:flex}.drawer-toggle,.drawer-close{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.drawer-toggle:hover,.drawer-close:hover{background:#15202b0f}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.app-main{min-height:calc(100vh - 3.75rem)}.page{width:min(40rem,100% - 2rem);margin:0 auto 4rem}.drawer-scrim{z-index:8;cursor:pointer;background:#15202b52;border:none;padding:0;position:fixed;inset:0}.drawer{z-index:9;background:var(--panel);border-right:1px solid var(--line);width:min(19rem,100% - 2.75rem);height:100%;box-shadow:var(--shadow);flex-direction:column;padding:.85rem .75rem 1.1rem;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-105%)}.drawer-open .drawer{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.drawer-heading{color:var(--muted);margin:0;font-size:.82rem;font-weight:600}.drawer-empty{color:var(--muted);margin:.65rem .45rem 0;font-size:.92rem;line-height:1.4}.drawer-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.drawer-footer{margin-top:auto;padding-top:1rem}.recents-clear{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;margin:.15rem .45rem .65rem;padding:.2rem .15rem;font-size:.78rem;text-decoration:underline}.recents-clear:hover{color:var(--ink)}.drawer-github{color:var(--ink);align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.drawer-github:hover{text-decoration:underline}.recents-list{flex-direction:column;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.recent-link{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:.12rem;padding:.5rem .45rem;display:flex}.recent-link:hover{background:var(--signal-soft)}.recent-link:disabled{opacity:.45;pointer-events:none}.recent-title,.recent-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-title{font-weight:600;line-height:1.25}.recent-summary{color:var(--muted);font-size:.82rem;line-height:1.3}.hero{padding:.5rem 0 1.5rem}.hero h1{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,6vw,2.7rem);font-weight:700;line-height:.95}.hero h1:after{content:"";background:linear-gradient(90deg, var(--signal), transparent);border-radius:999px;width:4.5rem;height:3px;margin-top:.85rem;display:block}.lede{color:var(--muted);margin:.9rem 0 0;font-size:1.05rem;line-height:1.45}.search-panel,.note,.status{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.search-panel{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.field label,.include-set legend{color:var(--muted);font-size:.82rem;font-weight:600}.optional{opacity:.7;font-weight:500}.search-panel input[type=text],.search-panel input[type=date],.search-panel input:not([type]){border:1px solid var(--line);background:var(--white);width:100%;font:inherit;color:var(--ink);border-radius:10px;padding:.85rem .95rem;font-size:1rem}.search-panel input:focus{outline:2px solid var(--signal);outline-offset:1px;border-color:#0000}.search-panel input:disabled{opacity:.6}.identity-combobox{position:relative}.suggest-list{z-index:5;border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);border-radius:10px;max-height:16rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto}.suggest-list[hidden]{display:none}.suggest-status{color:var(--muted);font-family:var(--font-mono);letter-spacing:.03em;padding:.65rem .75rem;font-size:.78rem}.suggest-option{cursor:pointer;border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .65rem;display:flex}.suggest-option:hover,.suggest-option.active{background:var(--signal-soft)}.avatar{object-fit:cover;background:var(--paper);border-radius:50%;flex:none;width:2rem;height:2rem}.avatar-empty{border:1px solid var(--line);display:block}.suggest-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.suggest-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.suggest-handle{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.filter-row{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.include-set{min-width:0;border:1px solid var(--line);background:var(--white);border-radius:12px;flex-direction:column;gap:.65rem;min-inline-size:0;margin:0;padding:.85rem 1rem 1rem;display:flex}.include-set legend{padding:0 .35rem}.radio-row{cursor:pointer;align-items:flex-start;gap:.65rem;min-width:0;line-height:1.35;display:flex}.radio-row input{accent-color:var(--signal);margin-top:.2rem}.date-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.actions,.note-actions{justify-content:flex-end;gap:.55rem;display:flex}.primary,.secondary{font:inherit;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:2.7rem;padding:.75rem 1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--ember);color:var(--white);border:none}.primary:hover:not(:disabled){background:var(--ember-deep)}.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.secondary:hover:not(:disabled){background:var(--paper)}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.status{color:var(--muted);margin:1rem 0 0;padding:.85rem 1rem}.status-error{color:var(--ember-deep);border-color:#f0b4a6}.results{flex-direction:column;gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.note{border-left:3px solid var(--signal);padding:1.1rem 2.6rem 1.1rem 1.25rem;position:relative}.note-author{min-width:0;color:inherit;align-items:center;gap:.7rem;margin:0 0 .75rem;text-decoration:none;display:flex}.note-author-copy{flex-direction:column;gap:.12rem;min-width:0;display:flex}.note-author-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.25;overflow:hidden}.note-author:hover .note-author-name{text-decoration:underline}.note time{font-family:var(--font-mono);color:var(--muted);font-size:.78rem;display:block}.note-body{overflow-wrap:anywhere;line-height:1.5}.note-body a{color:var(--signal)}.note-mention{font-weight:600;text-decoration:none}.note-mention:hover{text-decoration:underline}.note-emoji{object-fit:contain;vertical-align:-.25em;width:auto;max-width:1.8em;height:1.35em;margin:0 .05em;display:inline-block}.note-image,.note-video,.note-embed{border-radius:12px;width:100%;max-width:100%;margin:.65rem 0;display:block}.note-embed{border:0;height:380px}.note-menu{width:2.15rem;height:2.15rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.note-menu-icon{width:1.15rem;height:1.15rem;display:block}.note-menu:hover{color:var(--ink);background:#15202b0f}.open-in-dialog{border:1px solid var(--line);background:var(--panel);width:min(22rem,100vw - 2rem);max-height:min(36rem,100vh - 2rem);box-shadow:var(--shadow);color:var(--ink);border-radius:16px;margin:auto;padding:1.25rem 1.15rem 1.1rem;overflow:auto}.open-in-dialog::backdrop{background:#15202b7a}.open-in-title{text-align:center;font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem;font-size:1.45rem;font-weight:700}.open-in-list{flex-direction:column;gap:.55rem;display:flex}a.open-in-link{box-sizing:border-box;justify-content:center;align-items:center;width:100%;text-decoration:none;display:flex}.open-in-cancel{width:100%;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;margin:.85rem 0 0;padding:.45rem;font-size:.78rem;display:block}.open-in-cancel:hover{color:var(--ink)}.open-in-cancel:focus-visible,a.open-in-link:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.sentinel{height:1px}@media (width<=560px){.date-row,.filter-row,.actions{flex-direction:column;grid-template-columns:1fr}.actions .primary,.actions .secondary{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}