.kp-save{all:unset;box-sizing:border-box;cursor:pointer;color:var(--sg-ink);-webkit-tap-highlight-color:transparent;transition:box-shadow .2s var(--sg-ease), background .2s var(--sg-ease), transform .16s var(--sg-ease), opacity .2s var(--sg-ease);justify-content:center;align-items:center;gap:8px;display:inline-flex}.kp-save svg{flex:none;width:17px;height:17px}.kp-save .kp-bk{transition:fill .2s var(--sg-ease)}.kp-save.on .kp-bk{fill:currentColor}.kp-save:active{transform:scale(.96)}.kp-save:focus-visible{outline:2px solid var(--sg-ink);outline-offset:3px}.kp-l{font:600 14.5px/1 var(--sg-sans);white-space:nowrap}.kp-pill{background:var(--sg-white);border-radius:999px;height:44px;padding:0 18px 0 15px;box-shadow:0 0 0 1px #151a2124,0 2px 8px #151a2112}.kp-pill:hover{box-shadow:0 0 0 1px #151a2142,0 4px 14px #151a211c}.kp-pill.on{background:var(--sg-white);box-shadow:0 0 0 1px #151a2138}.ws-act>.kp-pill{height:50px;padding:0 22px 0 18px}.ws-act>.kp-pill .kp-l{font-size:15px}.kp-hero{background:#ffffffb8;border-radius:999px;height:38px;padding:0 15px 0 12px;position:absolute;top:20px;right:22px;box-shadow:0 0 0 1px #151a211f,0 2px 8px #151a210f}.kp-hero:hover{background:var(--sg-white);box-shadow:0 0 0 1px #151a2138,0 4px 12px #151a211a}.kp-hero .kp-l{font-size:14px}.kp-hero svg{width:16px;height:16px}.kp-card{z-index:3;-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%);background:#fbf9f3e0;border-radius:50%;width:38px;height:38px;position:absolute;top:10px;right:10px;box-shadow:0 0 0 1px #fff9,0 2px 8px #151a2129}.kp-card svg{width:17px;height:17px}.kp-card:hover{background:var(--sg-white)}.kp-pop{z-index:71;box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);box-shadow:var(--sg-shadow);color:var(--sg-ink);font:400 14px/1.45 var(--sg-sans);transform-origin:50% 0;background:#faf8f3f0;border-radius:24px;gap:12px;padding:18px 20px;display:grid;position:fixed}@media (prefers-reduced-motion:no-preference){.kp-pop{animation:kp-in .24s var(--sg-ease) both}}@keyframes kp-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}.kp-pop-head{align-items:center;gap:10px;display:flex}.kp-tick{background:var(--sg-green);width:24px;height:24px;color:var(--sg-white);border-radius:50%;flex:none;place-items:center;display:grid}.kp-tick .sg-icon{stroke-width:3px;width:14px;height:14px}.kp-pop-t{min-width:0;font:600 15px/1.25 var(--sg-sans);flex:1;margin:0}.kp-pop-go{min-height:32px;font:600 13px/1 var(--sg-sans);color:var(--sg-ink-2);flex:none;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.kp-pop-go:hover{color:var(--sg-ink)}.kp-pop-go .sg-icon{width:14px;height:14px}.kp-pop-of{font:500 16px/1.3 var(--sg-serif);color:var(--sg-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:-4px 0 0 34px;display:-webkit-box;overflow:hidden}.kp-field{margin-top:2px}.kp-sug{gap:6px}.kp-note{font:400 13px/1.45 var(--sg-sans);color:var(--sg-ink-2);margin:0}.kp-problem{color:var(--sg-warn)}.kp-since{border-top:1px solid var(--sg-line);gap:6px;padding-top:12px;display:grid}.kp-since ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.kp-since li{font:400 13px/1.45 var(--sg-sans);color:var(--sg-ink-2);grid-template-columns:40px minmax(0,1fr);gap:6px;display:grid}.kp-since time{color:var(--sg-mute);font-variant-numeric:tabular-nums}.kp-since b{color:var(--sg-ink);font-weight:600}.kp-since b.gold{color:var(--sg-gold-ink)}.kp-pop-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.kp-un{all:unset;cursor:pointer;font:500 13.5px/1 var(--sg-sans);color:var(--sg-ink-2);border-bottom:1px solid #0000;padding:8px 2px}.kp-un:hover{color:var(--sg-ink);border-color:#151a214d}.kp-un:focus-visible{outline:2px solid var(--sg-gold-ink);outline-offset:3px}.kp-pop .kp-done,.kp-sheet .kp-done{height:42px;padding:0 26px}.kp-pop :focus-visible{outline:2px solid var(--sg-gold-ink);outline-offset:2px}.kp-sheet .kp-pop-go{justify-self:start}@media (prefers-reduced-motion:reduce){.kp-save,.kp-save *{transition:none!important}}
