.back{width:var(--control);height:var(--control);margin:calc((20px - var(--control)) / 2 - 5px) 0 calc(var(--group) + 1px - var(--control) / 2) calc((20px - var(--control)) / 2 - 7px);border-radius:var(--radius-small);color:var(--muted);transition:transform var(--quick) var(--ease-out);flex:none;align-self:flex-start;place-items:center;display:grid}.back:active{transform:scale(.97)}.back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.back path{stroke-width:var(--stroke);vector-effect:non-scaling-stroke}@media (hover:hover) and (pointer:fine){.back:hover{color:var(--text);background:var(--hover)}}.sign-in{padding:var(--edge);flex-direction:column;display:flex;overflow-y:auto}.sign-in h2{font:inherit;margin:0}.sign-in .lead{margin:var(--pair) 0 var(--group);color:var(--muted)}.sign-in .lead strong{color:var(--text);overflow-wrap:anywhere;font-weight:400}.sign-in form{gap:var(--gap);display:grid}.sign-in input{box-sizing:border-box;width:100%;height:var(--control);padding:0 var(--inset);border:1px solid var(--field);border-radius:var(--radius-small);background:var(--bg);transition:border-color var(--quick) ease, box-shadow var(--quick) ease;outline:none}.sign-in input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sign-in input::placeholder{color:var(--faint);opacity:1}.sign-in .code{text-align:center;letter-spacing:.4em;padding:0 var(--inset) 0 calc(var(--inset) + .4em);font-variant-numeric:tabular-nums}.sign-in .code.wrong{border-color:var(--danger)}.sign-in .primary{min-height:var(--control);border:1px solid var(--accent);border-radius:var(--radius-small);background:var(--accent);color:var(--on-accent);transition:transform var(--quick) var(--ease-out), background-color var(--quick) ease, opacity var(--quick) ease}.sign-in .primary:active:not(:disabled){transform:scale(.97)}.sign-in button:disabled{opacity:.5;cursor:default}.sign-in .primary:disabled{border-color:var(--line);color:var(--muted);background:0 0}.sign-in .error{margin:var(--gap) 0 0;color:var(--danger)}.sign-in .note{margin:var(--group) 0 0;color:var(--muted)}.sign-in .fine{margin-top:var(--pair)}.sign-in .fine a{color:inherit}.sign-in .links{margin:var(--group) 0 0;color:var(--muted);flex-wrap:wrap;gap:1ch;display:flex}.sign-in .link{text-decoration:underline}@media (pointer:coarse){.sign-in .link,.sign-in .fine a{margin:-12px 0;padding:12px 0;display:inline-block}}@media (hover:hover) and (pointer:fine){.sign-in .primary:hover:not(:disabled){background:var(--accent-hover)}}.overlay{height:var(--viewport-height,100dvh);z-index:20;position:fixed;inset:0 0 auto;overflow:clip}.scrim{background:var(--scrim);position:absolute;inset:0}.panel{width:min(560px, calc(100vw - 2 * var(--edge)));background:var(--surface);border-radius:var(--radius);max-height:70vh;box-shadow:var(--shadow);outline:none;flex-direction:column;margin:12vh auto 0;display:flex;position:relative}@media (pointer:coarse){.panel{font-size:16px}}.grab{display:none}@media (forced-colors:active){.panel,.menu{outline:1px solid canvastext}.rows[data-highlighted] [aria-selected=true] .row{outline-offset:-2px;outline:2px solid highlight}.rows mark{color:marktext;background:mark}}.search{padding:0 var(--edge);border-bottom:1px solid var(--line);align-items:center;display:flex}.search input{min-width:0;padding:calc(var(--control-padding) + 4px) 0;background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--faint);opacity:1}.rows{min-height:0;padding:calc(var(--edge) - var(--inset));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;margin:0;overflow-y:auto}.option{border-radius:var(--radius-small);position:relative;overflow:hidden}.behind{padding:0 var(--edge);background:var(--danger);color:var(--surface);justify-content:flex-end;align-items:center;display:none;position:absolute;inset:0}.option[data-swiping] .behind{display:flex}.row{padding:var(--control-padding) var(--inset);background:var(--surface);cursor:default;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.rows[data-highlighted] [aria-selected=true] .row{background:color-mix(in srgb, var(--text) 6%, var(--surface))}@media (prefers-contrast:more){.rows[data-highlighted] [aria-selected=true] .row{box-shadow:inset 2px 0 var(--accent)}}.row:active{background:color-mix(in srgb, var(--text) 10%, var(--surface))}.line{align-items:baseline;gap:2ch;display:flex}.title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.snippet{margin-top:var(--pair);white-space:nowrap;text-overflow:ellipsis;color:var(--muted);overflow:hidden}.rows mark{background:var(--highlight);color:var(--text);border-radius:var(--radius-small)}.delete{border-radius:var(--radius-small);width:24px;height:24px;color:var(--muted);flex:none;align-self:center;margin:-4px -6px -4px 0;display:none}.delete svg{fill:none;stroke:currentColor;stroke-linecap:round;width:16px;height:16px;margin:4px}.delete path{stroke-width:var(--stroke);vector-effect:non-scaling-stroke}@media (hover:hover) and (pointer:fine){.option:hover .time{display:none}.option:hover .delete{display:block}.delete:hover,.more:hover,.sync:hover{color:var(--text);background:var(--hover)}.quiet:hover,.danger:hover,.menu button:hover{background:var(--hover)}}.sentinel{height:1px}.group{padding:var(--group) var(--inset) var(--pair);color:var(--muted)}[role=group]:first-child .group{padding-top:var(--gap)}.empty{padding:calc(var(--edge) - var(--inset) + var(--control-padding)) var(--edge);color:var(--muted);margin:0}.panel footer{padding:4px 6px 4px var(--edge);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:2ch;display:flex;position:relative}.account{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sync{margin:0 calc(-1 * var(--inset));padding:var(--control-padding) var(--inset);border-radius:var(--radius-small);color:var(--muted);transition:color var(--quick) ease, background-color var(--quick) ease, transform var(--quick) var(--ease-out)}.menu hr{margin:4px var(--inset);border:0;border-top:1px solid var(--line)}.menu .danger-item{color:var(--danger)}.ask{min-height:0;padding:var(--edge);overflow-y:auto}.shortcuts{gap:var(--gap) 2ch;margin:var(--group) 0 0;grid-template-columns:max-content 1fr;display:grid}.shortcuts dd{color:var(--muted);margin:0}.ask h2{font:inherit;margin:0}.ask p{margin:var(--gap) 0 0;color:var(--muted)}.ask h2+p{margin-top:var(--pair)}.ask .problem{color:var(--danger)}.ask .section{margin-top:var(--group)}.ask a{color:inherit}@media (pointer:coarse){.ask a{margin:-12px 0;padding:12px 0;display:inline-block}}.ask .link{text-decoration:underline}.choices{justify-content:flex-end;gap:var(--gap);margin-top:var(--group);display:flex}.choices button{min-height:var(--control);padding:0 var(--inset);border-radius:var(--radius-small);transition:transform var(--quick) var(--ease-out), background-color var(--quick) ease}.choices button:active{transform:scale(.97)}.quiet{border:1px solid var(--line)}.danger{border:1px solid var(--danger);color:var(--danger)}.more{width:var(--control);height:var(--control);border-radius:var(--radius-small);color:var(--muted);place-items:center;display:grid}.more svg{fill:currentColor;width:20px;height:20px}.menu{min-width:180px;padding:calc(var(--edge) - var(--inset));background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transform-origin:100% 100%;animation:pop var(--brief) var(--ease-out);flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 2px);right:6px}.menu.below{transform-origin:100% 0;top:calc(100% + 2px);bottom:auto}.menu button{padding:var(--control-padding) var(--inset);border-radius:var(--radius-small);text-align:left;color:var(--text)}.menu button:active,.more:active,.sync:active,.delete:active{transform:scale(.97)}.overlay[data-motion] .panel{animation:rise .16s var(--ease-out)}.overlay[data-motion] .scrim{animation:fade .16s var(--ease-out)}.overlay[data-closing] .panel{animation:sink var(--quick) var(--ease-out) forwards}.overlay[data-closing] .scrim{animation:fade var(--quick) var(--ease-out) reverse forwards}@keyframes rise{0%{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes sink{to{opacity:0;transform:scale(.98)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@media (width<=640px){.panel{width:auto;height:calc(100% - env(safe-area-inset-top,0px) - 12px);box-sizing:border-box;max-height:none;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:var(--radius) var(--radius) 0 0;margin:0;position:absolute;bottom:0;left:0;right:0}.grab{width:100%;height:var(--control);touch-action:none;flex:none;place-items:center;display:grid}.grab span{border-radius:var(--radius-small);background:var(--line);width:36px;height:5px}.overlay[data-motion] .panel{animation:sheet-in .32s var(--ease-drawer)}.overlay[data-closing] .panel{animation:sheet-out .22s var(--ease-drawer) forwards}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){.menu{animation-name:fade}.overlay[data-motion] .panel,.overlay[data-closing] .panel{animation-name:fade;animation-duration:.1s}.overlay[data-closing] .panel{animation-direction:reverse}}.dock{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge));pointer-events:none;z-index:30;justify-items:center;display:grid;position:fixed}body:has(.overlay:not([hidden])) .dock{bottom:calc(env(safe-area-inset-bottom,0px) + var(--control) + 8px + var(--edge))}@media (width>=641px){body:has(.overlay:not([hidden])) .dock{bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge))}}.toast{max-width:calc(100vw - 2 * var(--edge));box-sizing:border-box;padding:var(--control-padding) var(--edge);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);pointer-events:auto;grid-area:1/1;align-items:baseline;gap:2ch;animation:.18s cubic-bezier(.22,1,.36,1) toast-in;display:flex}.toast.leaving{pointer-events:none;animation:.15s linear forwards toast-out}.toast button{border-radius:var(--radius-small);transition:transform var(--quick) var(--ease-out);text-decoration:underline;position:relative}.toast button:after{content:"";position:absolute;inset:-12px -10px}.toast button:active{transform:scale(.97)}.toast .action{align-items:baseline;gap:1ch;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.toast{animation-name:fade-in}@keyframes fade-in{0%{opacity:0}}}@media (forced-colors:active){.toast{outline:1px solid canvastext}}.corner{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 5px);z-index:10;align-items:center;gap:2px;display:flex;position:fixed}.corner:before{content:"";z-index:-1;background:linear-gradient(to right, transparent, var(--bg) 24px);transition:opacity var(--brief) ease;position:absolute;inset:-10px -5px 6.5px -24px}.corner.away:before,.corner.away button:not(.problem){opacity:0;transition-duration:.3s}.corner.away:focus-within:before,.corner.away:focus-within button{opacity:1;transition-duration:0s}.corner button{width:var(--control);height:var(--control);border-radius:var(--radius-small);color:var(--muted);transition:opacity var(--brief) ease, color var(--quick) ease, background-color var(--quick) ease, transform var(--quick) var(--ease-out);place-items:center;display:grid}.corner button:active{transform:scale(.97)}.corner svg{fill:none;stroke:currentColor;stroke-linecap:round;width:18px;height:18px}.corner path{stroke-width:var(--stroke);vector-effect:non-scaling-stroke}@media (hover:hover) and (pointer:fine){.corner button:hover{color:var(--text);background:var(--hover)}}@media (pointer:coarse){.corner svg{width:20px;height:20px}}.corner .status{width:auto;padding:0 var(--inset);border-radius:var(--radius-small);background:linear-gradient(var(--bg), var(--bg)) top / 100% calc(100% - 6.5px) no-repeat;color:var(--muted);animation:appear var(--brief) var(--ease-out);margin-right:4px}.corner .problem{color:var(--text)}.hint{right:calc(env(safe-area-inset-right,0px) + var(--edge));bottom:calc(env(safe-area-inset-bottom,0px) + var(--edge));color:var(--faint);pointer-events:none;gap:2ch;margin:0;display:flex;position:fixed}.hint.gone{opacity:0;transition:opacity .15s}.hint>span{align-items:baseline;gap:1ch;display:flex}.drop{padding:var(--edge);background:var(--scrim);z-index:40;pointer-events:none;animation:appear var(--brief) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.drop p{box-sizing:border-box;border:1px dashed var(--muted);border-radius:var(--radius);width:100%;height:100%;color:var(--muted);place-items:center;margin:0;display:grid}@keyframes appear{0%{opacity:0}}