.media{gap:14px;width:100%;min-width:0;max-width:980px;margin:0 auto;display:grid}.media__stage{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}.media__stage>*,.transport,.scrub{min-width:0}.media__stage.glass{border-radius:var(--r-xl);padding:12px}.media__frame{aspect-ratio:16/9;border-radius:var(--r-lg);box-shadow:var(--inset), var(--shadow-2);background:#070707;position:relative;overflow:hidden}.media__frame.glass{border-color:var(--line);background:#070707}.media__yt,.media__yt>div,.media__yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.media__frame--file{box-shadow:none}.media__frame--file video{object-fit:contain;cursor:pointer;background:#070707;width:100%;height:100%}.media__loading{position:absolute;inset:0}.media__frame--failed{background:radial-gradient(120% 90% at 18% 10%, var(--mark-orange), transparent 60%), radial-gradient(90% 80% at 90% 100%, var(--mark-rose), transparent 60%), var(--glass-strong)}.media__failed{text-align:center;height:100%;color:var(--text);align-content:center;place-items:center;gap:12px;padding:28px 22px;display:grid;position:relative}.media__failed>svg{width:34px;height:34px;color:var(--text-2)}.media__failed p{max-width:46ch}.media__error{background:var(--mark-rose);color:var(--on-rose);border-radius:12px;padding:8px 12px}.media__error a{color:inherit;font-weight:600}.media__bar{border-radius:var(--r-lg);align-items:center;gap:14px;min-height:56px;padding:6px 8px 6px 16px;display:flex}.media__barscrub{flex:1;min-width:0}.media__time{white-space:nowrap;font-size:13.5px;font-weight:600}.media__clip .kbd{margin-left:2px}.audio-card{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:6px 6px 2px;display:grid}.audio-card__art{width:112px;height:112px;color:var(--on);background:radial-gradient(120% 100% at 15% 10%, var(--mark), transparent 62%), radial-gradient(100% 90% at 95% 100%, var(--mark-sky), transparent 60%), var(--glass-strong);box-shadow:var(--inset), var(--shadow-2);border-radius:26px;position:relative;overflow:hidden}.audio-card__bars{justify-content:center;align-items:flex-end;gap:6px;padding:0 0 26px;display:flex;position:absolute;inset:0}.audio-card__bars i{background:var(--dot);opacity:.85;transform-origin:bottom;width:8px;height:14px;transition:transform var(--dur-3) var(--ease-out);border-radius:6px}.audio-card__bars.is-playing i{animation:eq 1.05s var(--ease-in-out) infinite alternate}.audio-card__bars i:nth-child(2){height:26px}.audio-card__bars i:nth-child(3){height:40px}.audio-card__bars i:nth-child(4){height:22px}.audio-card__icon{width:22px;height:22px;position:absolute;top:16px;left:16px}@keyframes eq{0%{transform:scaleY(.45)}50%{transform:scaleY(1.25)}to{transform:scaleY(.75)}}.audio-card__meta{min-width:0}.audio-card__title{letter-spacing:-.02em;margin-bottom:4px;font-size:clamp(19px,2.4vw,24px);font-weight:680}.transport{gap:2px;padding:2px 4px 0;display:grid}.transport__row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.transport__t{color:var(--text-2);font-size:12.5px;font-weight:560}.transport__t--end{justify-self:end}.transport__mid{align-items:center;gap:10px;display:flex}.transport__skip{--s:44px;border-radius:50%;position:relative}.transport__skip svg{width:26px;height:26px}.transport__skip span{pointer-events:none;place-items:center;padding-top:1px;font-size:9.5px;font-weight:700;display:grid;position:absolute;inset:0}.transport__play{background:var(--accent);width:58px;height:58px;color:var(--accent-text);transition:transform var(--dur-2) var(--ease-spring), background var(--dur-1);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff29,0 10px 24px -10px #13131399}.transport__play:hover{background:var(--accent-hover);transform:scale(1.05)}.transport__play:active{transform:scale(.94)}.transport__play:disabled{opacity:.4}.transport__play svg{fill:currentColor;width:24px;height:24px}.transport__tools{align-items:center;gap:8px;padding:6px 0 2px;display:flex}.transport__rate{justify-content:center;min-width:56px}.scrub{padding-bottom:12px;position:relative}.scrub--compact{padding-bottom:10px}.scrub__track{cursor:pointer;touch-action:none;border-radius:10px;outline:none;align-items:center;height:30px;display:flex;position:relative}.scrub--wave .scrub__track{height:52px}.scrub__track:focus-visible{box-shadow:var(--focus)}.scrub__rail{background:var(--line-strong);width:100%;height:5px;transition:transform var(--dur-2) var(--ease-out);border-radius:5px;position:relative;overflow:hidden}.scrub__fill{border-radius:inherit;background:var(--text);height:100%}.scrub__wave{align-items:center;gap:2px;width:100%;height:100%;display:flex}.scrub__wave i{background:var(--line-strong);min-width:1px;min-height:3px;transition:background var(--dur-2);border-radius:3px;flex:1}.scrub__wave i.is-played{background:var(--text);opacity:.85}.scrub__thumb{background:var(--text);width:14px;height:14px;box-shadow:0 0 0 3px var(--glass-strong), 0 2px 6px #00000040;opacity:0;transition:opacity var(--dur-2), transform var(--dur-2) var(--ease-spring);pointer-events:none;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;transform:scale(.6)}.scrub--wave .scrub__thumb{width:3px;height:60%;box-shadow:0 0 0 2px var(--glass-strong);border-radius:3px;margin:0 0 0 -1.5px;top:20%}.scrub__track:hover .scrub__thumb,.scrub__track:focus-visible .scrub__thumb,.scrub__track:active .scrub__thumb{opacity:1;transform:none}.scrub__bubble{background:var(--accent);color:var(--accent-text);pointer-events:none;white-space:nowrap;border-radius:7px;padding:2px 7px;font-size:11.5px;font-weight:650;position:absolute;bottom:calc(100% + 2px);translate:-50%}.scrub__ticks{pointer-events:none;height:12px;position:absolute;bottom:0;left:0;right:0}.scrub__tick{background:var(--dot);width:10px;height:10px;box-shadow:0 0 0 2px var(--glass-strong), 0 1px 3px #0003;pointer-events:auto;transition:transform var(--dur-2) var(--ease-spring);border-radius:50%;margin-left:-5px;position:absolute;top:1px}.scrub__tick:before{content:"";position:absolute;inset:-8px}.clip-note{border-radius:var(--r-lg);align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;overflow:hidden}.clip-note__icon{width:18px;height:18px;color:var(--text-2);flex:none}.clip-note .field{height:36px}.transcript{border-radius:var(--r-xl);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.transcript__tools{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 10px 10px 12px;display:flex}.transcript__search{border-radius:var(--r-sm);background:var(--glass-soft);border:1px solid var(--line);min-width:0;max-width:420px;height:36px;transition:border-color var(--dur-1), box-shadow var(--dur-2) var(--ease-out);flex:1;align-items:center;gap:6px;padding:0 4px 0 10px;display:flex}.transcript__search:focus-within{box-shadow:var(--focus);border-color:#a7a7a799}.transcript__search>svg{width:16px;height:16px;color:var(--text-3);flex:none}.transcript__search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px}.transcript__search input::placeholder{color:var(--text-3)}.transcript__hits{color:var(--text-3);white-space:nowrap;padding:0 4px;font-size:12px}.transcript__source{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.transcript__body{overscroll-behavior:contain;min-height:220px;max-height:clamp(320px,58vh,760px);padding:12px 14px 56px 10px;position:relative;overflow-y:auto}.media--audio .transcript__body{max-height:clamp(360px,66vh,840px)}.tpara{transition:background .6s var(--ease-out);border-radius:16px;grid-template-columns:62px minmax(0,1fr);gap:10px;padding:8px 10px 8px 6px;display:grid}.tpara__time{height:24px;color:var(--text-3);background:var(--glass-soft);border:1px solid var(--line);-webkit-user-select:none;user-select:none;transition:color var(--dur-1), background var(--dur-1);border-radius:8px;place-self:start end;margin-top:5px;padding:0 8px;font-size:12px;font-weight:600}.tpara__text{max-width:68ch;font-family:var(--font-read);color:var(--text);margin:0;font-size:17px;line-height:1.75}.tseg{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background .35s var(--ease-out), box-shadow .35s var(--ease-out);border-radius:4px}.tseg:hover{background:var(--glass-soft)}.tseg.is-now{background:color-mix(in oklab, var(--mark-sky) 70%, transparent);box-shadow:-.12em 0 0 color-mix(in oklab, var(--mark-sky) 70%, transparent), .12em 0 0 color-mix(in oklab, var(--mark-sky) 70%, transparent)}.tseg.is-hit{box-shadow:inset 0 -2px 0 var(--ink-orange)}.tseg.is-hit-now{background:var(--mark-orange)}.tpara mark,.tpara .mark{color:inherit;cursor:pointer}.mark--sweep{animation:mark-sweep .9s var(--ease-out) both}@keyframes mark-sweep{0%{background-size:0% 78%}to{background-size:100% 78%}}.tpara.is-flash{animation:para-flash 1.6s var(--ease-out)}@keyframes para-flash{0%,30%{background:var(--mark-yellow)}to{background:0 0}}.transcript__loading{gap:12px;padding:10px 8px 0 78px;display:grid}.transcript__loading .shimmer{border-radius:8px;height:16px}.transcript__loading .shimmer:nth-child(2){width:86%}.transcript__loading .shimmer:nth-child(3){width:64%}.transcript__empty{text-align:center;justify-items:center;gap:10px;padding:34px 18px 20px;display:grid}.transcript__empty h3{font-size:18px}.transcript__empty p{max-width:52ch}.transcript__empty-icon{width:52px;height:52px;color:var(--on-lilac);background:var(--mark-lilac);border-radius:18px;padding:13px}.transcript__options{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.transcript__note{max-width:56ch;margin-top:4px}.transcript__now{border-radius:var(--r-pill);z-index:3;align-items:center;gap:7px;height:38px;padding:0 16px 0 13px;font-size:13.5px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:50%;translate:-50%}.transcript__now svg{width:16px;height:16px}.tprogress{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--mark-lilac) 35%, transparent);gap:9px;padding:12px 16px 14px;display:grid}.progress>i.is-indeterminate{animation:indeterminate 1.3s var(--ease-in-out) infinite;width:30%!important}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(360%)}}.paste-transcript{font-family:var(--font-mono);min-height:240px;font-size:13px;line-height:1.6}.paste-transcript__foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}@media (max-width:720px){.media__bar{flex-wrap:wrap;gap:6px 10px;padding:8px 10px}.media__barscrub{flex-basis:100%;order:3}.media__clip{margin-left:auto}.media__stage.glass{padding:10px}.audio-card{text-align:center;grid-template-columns:1fr;justify-items:center;gap:12px}.audio-card__art{width:132px;height:132px}.transport__tools .btn,.transport__tools .chip{min-height:40px}.transcript__source{display:none}.transcript__search{max-width:none}.transcript__body{max-height:62dvh;padding:8px 8px 56px 6px}.tpara{grid-template-columns:minmax(0,1fr);gap:4px;padding:8px}.tpara__time{justify-self:start;margin-top:0}.tpara__text{font-size:16px;line-height:1.7}.transcript__loading{padding-left:10px}.scrub__tick{width:12px;height:12px;margin-left:-6px}}@media (prefers-reduced-motion:reduce){.audio-card__bars.is-playing i,.mark--sweep{animation:none}}.transcript__yt{justify-items:center;gap:8px;margin-top:14px;display:grid}.scrub__rail{background:var(--glass-press);border-radius:3px 5px 4px 6px;height:8px;transform:skew(-10deg);box-shadow:inset 0 1px 2px #1313131f}.scrub__track:hover .scrub__rail{transform:skew(-10deg)scaleY(1.25)}.scrub__fill{background:var(--ink-yellow);border-radius:3px 5px 4px 6px}:root[data-theme=dark] .scrub__fill{background:#d1d1d1bf}.scrub__ticks{height:18px;margin-top:-9px;top:50%;bottom:auto}.scrub:not(.scrub--wave) .scrub__ticks{top:15px}.scrub__tick{width:5px;height:18px;box-shadow:0 0 0 1.5px var(--glass-strong);border-radius:2px 3px;margin-left:-2.5px;top:0;transform:skew(-12deg)}.scrub__tick:hover,.scrub__tick:focus-visible{transform:skew(-12deg)scaleY(1.25)}.tpara__time{color:var(--on-sky);isolation:isolate;background:0 0;border:0;position:relative}.tpara__time:before{content:"";z-index:-1;background:var(--mark-sky);opacity:.8;border-radius:2px 4px 3px 5px;height:9px;position:absolute;bottom:4px;left:4px;right:4px;transform:skew(-12deg)}.tpara__time:hover{color:var(--text);background:0 0}
.save{z-index:1;min-height:100dvh;padding:12px 12px calc(12px + env(safe-area-inset-bottom));align-content:center;place-items:center;gap:10px;display:grid;position:relative}.save__card{border-radius:var(--r-xl);width:min(420px,100%);padding:14px 18px 18px;position:relative;overflow:hidden}.save__head{align-items:center;gap:8px;margin:0 -6px 10px 0;display:flex}.save__status{min-height:120px;color:var(--text-2);justify-content:center;align-items:center;gap:10px;font-weight:520;display:flex}.save__status--error{color:var(--danger);text-align:center}.save__status svg{flex:none;width:18px;height:18px}.save__headline{align-items:center;gap:12px;margin:2px 0 14px;display:flex}.save__title{letter-spacing:-.03em;font-size:22px;font-weight:700;line-height:1.15}.save__check{flex:none;width:46px;height:46px}.save__check-ring{fill:var(--mark-mint);stroke:var(--ink-mint);stroke-width:2.5px;stroke-dasharray:1;stroke-dashoffset:1px;animation:save-draw .6s 50ms var(--ease-out) forwards}.save__check-tick{fill:none;stroke:var(--text);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:save-draw .42s .42s var(--ease-out) forwards}@keyframes save-draw{to{stroke-dashoffset:0}}.save__already{background:var(--mark-orange);width:46px;height:46px;color:var(--on-orange);border-radius:50%;flex:none;place-items:center;display:grid}.save__already svg{width:22px;height:22px}.save__quote-wrap{margin-bottom:12px}.save__quote{border-radius:var(--r-md);background:var(--glass-soft);border:1px solid var(--line);font-family:var(--font-read);max-height:168px;margin:0;padding:12px 14px 12px 40px;font-size:16px;line-height:1.6;position:relative;overflow:auto}.save__quote-icon{width:17px;height:17px;color:var(--dot);position:absolute;top:15px;left:13px}.save__mark{animation:save-ink .9s .25s var(--ease-out) forwards;transition:background-image var(--dur-2);background-size:0% 78%}@keyframes save-ink{to{background-size:100% 78%}}.save__inks{align-items:center;gap:10px;margin-top:8px;display:flex}.save__source{border-radius:var(--r-md);background:var(--glass-soft);border:1px solid var(--line);align-items:center;gap:12px;margin-bottom:14px;padding:8px;display:flex}.save__thumb{object-fit:cover;background:var(--glass-soft);border-radius:9px;flex:none;width:64px;height:46px}.save__thumb--tile{color:var(--on);background:var(--mark);place-items:center;display:grid}.save__thumb--tile svg{width:22px;height:22px}.save__src-title{margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.3}.save__fields{gap:12px;display:grid}.save__row2{align-items:flex-end;gap:12px;display:flex}.save__later{cursor:pointer;justify-items:start;display:grid}.save__later .switch{margin-bottom:8px}.save__actions{align-items:center;gap:8px;margin-top:16px;display:flex}.save__empty{gap:10px;display:grid}.save__countdown{background:var(--line);height:3px;position:absolute;bottom:0;left:0;right:0}.save__countdown i{background:var(--ink-mint);transform-origin:0;height:100%;animation:2.6s linear forwards save-count;display:block}@keyframes save-count{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.save__hint{text-align:center}.pub{z-index:1;width:min(1180px,100%);padding:20px 20px calc(48px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.pub__head{border-radius:30px;margin-bottom:30px;padding:22px clamp(18px,4vw,34px) 26px}.pub__brand{align-items:center;gap:12px;margin-bottom:clamp(22px,5vw,44px);display:flex}.pub__title-row{align-items:center;gap:16px;display:flex}.pub__icon{background:var(--glass-strong);width:58px;height:58px;box-shadow:var(--inset), var(--shadow-1);border-radius:18px;flex:none;place-items:center;display:grid}.pub__icon svg{width:28px;height:28px}.pub__icon.has-ink{background:var(--mark);color:var(--on)}.pub__title{letter-spacing:-.04em;font-size:clamp(30px,5vw,52px);font-weight:720;line-height:1.05}.pub__meta{color:var(--text-2);margin-top:8px}.pub__jump{gap:8px;margin-top:22px;display:flex}.pub__jump .chip{text-decoration:none}.pub__section{margin-top:34px;scroll-margin-top:16px}.pub__h{color:var(--text-3);letter-spacing:.01em;margin:0 6px 14px;font-size:13px;font-weight:650}.pub__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.pub-card{border-radius:var(--r-lg);color:inherit;animation:pub-in .6s var(--ease-out) both;transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), background var(--dur-2);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.pub-card:hover{background:var(--glass-hover);box-shadow:var(--inset), var(--shadow-3);transform:translateY(-3px)}@keyframes pub-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}.pub-card__media{aspect-ratio:1.9;border-radius:calc(var(--r-lg) - 6px);background:var(--glass-soft);margin:6px 6px 0;position:relative;overflow:hidden}.pub-card__media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}a.pub-card:hover .pub-card__media img{transform:scale(1.04)}.pub-card__media .card__kind{position:absolute;bottom:8px;left:8px}.pub-card__tile{width:100%;height:100%;color:var(--on);background:radial-gradient(120% 90% at 18% 10%, var(--mark), transparent 60%), radial-gradient(90% 80% at 90% 100%, var(--mark), transparent 60%), var(--glass-soft);place-items:center;display:grid}.pub-card__tile svg{width:34px;height:34px}.pub-card__q{background:var(--ink-yellow);color:#212121;border-radius:8px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:12px;font-weight:680;display:inline-flex;position:absolute;bottom:8px;right:8px}.pub-card__q svg{width:12px;height:12px}.pub-card__body{flex-direction:column;flex:1;gap:6px;padding:11px 14px 15px;display:flex}.pub-card__site{color:var(--text-3);align-items:center;gap:7px;min-width:0;font-size:12.5px;display:flex}.pub-card__go{opacity:0;width:14px;height:14px;transition:opacity var(--dur-2);flex:none;margin-left:auto}a.pub-card:hover .pub-card__go{opacity:1}.pub-card__title{letter-spacing:-.012em;font-size:15.5px;font-weight:620;line-height:1.32}.pub-card__desc{color:var(--text-2);font-size:13.5px}.pub-card__note{color:var(--text-2);background:var(--glass-soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13.5px}.pub-card__tags{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:4px;display:flex}.pub__quotes{columns:3 300px;column-gap:16px}.pub-quote{break-inside:avoid;border-radius:var(--r-lg);animation:pub-in .6s var(--ease-out) both;margin:0 0 16px;padding:18px 18px 14px}.pub-quote__text{font-family:var(--font-read);margin:0;font-size:17px;line-height:1.62}.pub-quote__cite{color:var(--text-2);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.pub-quote__link{color:var(--text-2);transition:background var(--dur-1), color var(--dur-1);border-radius:8px;flex:none;align-items:center;gap:3px;padding:3px 8px;font-weight:560;text-decoration:none;display:inline-flex}.pub-quote__link:hover{background:var(--glass-hover);color:var(--text)}.pub-quote__link svg{width:13px;height:13px}.pub-quote__note{color:var(--text-2);margin-top:8px;font-size:13.5px}.pub__foot{text-align:center;margin-top:48px}.join{z-index:1;place-items:center;min-height:100dvh;padding:16px;display:grid;position:relative}.join__card{text-align:center;border-radius:30px;justify-items:center;gap:14px;width:min(460px,100%);padding:28px 26px 30px;display:grid}.join__icon{background:var(--mark-sky);width:64px;height:64px;color:var(--on-sky);transition:background var(--dur-3), color var(--dur-3), transform var(--dur-3) var(--ease-spring);border-radius:50%;place-items:center;margin-top:8px;display:grid}.join__icon svg{width:28px;height:28px}.join__icon.is-done{background:var(--mark-mint);color:var(--on-mint);transform:scale(1.06)}.join__icon--warn{background:var(--mark-orange);color:var(--on-orange)}.join__title{letter-spacing:-.03em;font-size:24px;font-weight:700}.join__name{white-space:nowrap}.join .row{justify-content:center}@media (max-width:640px){.pub{padding:10px 10px calc(40px + env(safe-area-inset-bottom))}.pub__head{border-radius:24px}.pub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pub-card__body{padding:9px 10px 12px}.pub-card__title{font-size:14px}.pub-card__desc{font-size:12.5px}.save__row2{flex-wrap:wrap}}@media (max-width:380px){.pub__grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.save__check-ring,.save__check-tick{stroke-dashoffset:0;animation:none}.save__mark{background-size:100% 78%;animation:none}.pub-card,.pub-quote{animation:none}}.save a.btn,.join a.btn,.pub a.chip,.pub a.pub-quote__link{text-decoration:none}@media (max-width:640px){.pub__icon{border-radius:15px;width:48px;height:48px}.pub__icon svg{width:24px;height:24px}}.save__tx{background:var(--mark-sky);color:var(--on-sky);border-radius:12px;align-items:center;gap:8px;margin:12px 0 0;padding:9px 12px;font-weight:540;display:flex}.save__tx.faint{background:var(--glass-soft);color:var(--text-3)}
.sys__line mark,.save__line mark{color:inherit;background:linear-gradient(104deg, transparent .2em, var(--mark) .3em, var(--mark) calc(100% - .25em), transparent calc(100% - .15em));-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:sys-ink .9s .2s var(--ease-out) forwards;background-position:0 72%;background-repeat:no-repeat;background-size:0% 74%;border-radius:.2em;padding:0 .1em}@keyframes sys-ink{to{background-size:100% 74%}}.sys__pot{vertical-align:-.08em;background:var(--dot);color:#191919;border-radius:50%;place-items:center;width:.92em;height:.92em;margin-right:.28em;display:inline-grid;box-shadow:inset 0 -2px 4px #00000024,inset 0 1px 1px #ffffff80}.sys__pot .ink-tick{width:66%;height:66%}.keycap{min-width:26px;height:26px;font-family:var(--font-sans);color:var(--text);background:linear-gradient(180deg, var(--glass-hover), var(--glass-soft));border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 var(--glass-edge), 0 2px 0 var(--line-strong), 0 3px 6px -3px #17171740;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-radius:7px;place-items:center;padding:0 7px;font-size:12.5px;font-weight:640;line-height:1;display:inline-grid;transform:translateY(-1px)}.keycap--wide{padding:0 9px;font-size:11.5px}.keycap--sm{border-radius:6px;min-width:20px;height:20px;padding:0 5px;font-size:11px}:root[data-theme=dark] .keycap{background:linear-gradient(#ffffff1a,#ffffff08);box-shadow:inset 0 1px #ffffff14,0 2px #00000080,0 3px 6px -3px #0009}.sys{z-index:1;place-items:center;min-height:100dvh;padding:20px;display:grid;position:relative}.sys__card{border-radius:30px;width:min(560px,100%);padding:clamp(26px,5vw,40px) clamp(22px,5vw,40px) clamp(24px,4vw,34px);position:relative;overflow:hidden}.sys__brand{border-radius:8px;margin-bottom:26px;text-decoration:none;display:inline-block}.sys__code{font-family:var(--font-read);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px var(--line-strong);-webkit-user-select:none;user-select:none;font-size:clamp(64px,12vw,104px);font-weight:500;line-height:1;position:absolute;top:clamp(14px,3vw,22px);right:clamp(18px,4vw,30px)}.sys__line{max-width:19ch;font-family:var(--font-read);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(28px,4.4vw,38px);font-weight:450;line-height:1.22}.sys__note{max-width:46ch;color:var(--text-2);margin-top:14px;font-size:15px}.sys__note.row{gap:10px;display:flex}.sys__digest{font-family:var(--font-mono);color:var(--text-3);margin-top:10px;font-size:12px}.sys__actions{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.sys__keys{gap:3px;margin-left:4px;display:inline-flex}.set{padding:22px 24px 10px}.set__head{padding-bottom:14px;display:block}.set__title{isolation:isolate;letter-spacing:-.02em;font-size:19px;font-weight:680;display:inline-block;position:relative}.set__title:after{content:"";z-index:-1;background:var(--mark);border-radius:.14em .26em .18em .3em;height:.48em;position:absolute;bottom:.02em;left:-.14em;right:-.2em;transform:skew(-10deg)rotate(-.6deg)}.set__lede{margin-top:6px}.set__icon,.set__glyph{display:none}.set__toc .chip:hover{background:linear-gradient(100deg, transparent 4%, var(--mark-yellow) 6%, var(--mark-yellow) 95%, transparent 97%), var(--glass-hover)}.set__key{letter-spacing:.01em;background:linear-gradient(100deg, transparent 2%, var(--mark-sky) 3%, var(--mark-sky) 97%, transparent 98%) 0 85% / 100% 38% no-repeat, var(--glass-soft);font-size:13.5px}.set__qr .share__qr{box-shadow:inset 0 0 0 1px var(--line), 0 10px 24px -14px #17171766}.inkbar{gap:10px;margin:0;padding:4px 0 0;list-style:none;display:grid}.inkbar__row{align-items:center;gap:12px;display:flex}.inkbar__pot{background:var(--dot);color:#191919;width:30px;height:30px;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 -3px 5px #00000024,inset 0 1px 1px #ffffff8c,0 2px 6px -3px #17171766}.inkbar__pot:hover{transform:scale(1.08)}.inkbar__pot[aria-pressed=true]{box-shadow:inset 0 -3px 5px #00000024, inset 0 1px 1px #ffffff8c, 0 0 0 2.5px var(--bg), 0 0 0 4.5px var(--text)}.inkbar__pot .ink-tick{width:17px;height:17px}.inkbar__stroke{isolation:isolate;flex:0 340px;min-width:0;display:block;position:relative}.inkbar__stroke:before{content:"";z-index:-1;background:var(--mark);transform-origin:0;animation:inkbar-in .7s var(--ease-out) both;animation-delay:inherit;border-radius:6px 14px 8px 16px;position:absolute;inset:2px -6px 2px -4px;transform:skew(-10deg)rotate(-.5deg)}@keyframes inkbar-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.inkbar__stroke input{width:100%;height:38px;color:var(--text);background:0 0;border:0;border-radius:8px;outline:0;padding:0 12px;font-size:15.5px;font-weight:620}.inkbar__stroke input::placeholder{color:var(--on);opacity:.6}.inkbar__stroke:focus-within:after{content:"";background:var(--on);opacity:.5;border-radius:2px;height:1.5px;position:absolute;bottom:5px;left:10px;right:6px}.inkbar__key{color:var(--text-3);gap:4px;display:inline-flex}.inkbar__row:not(.is-default) .inkbar__key{opacity:.6}.inkbar__hint{padding:14px 0}.pen-wrap{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.pen{color:#212121;letter-spacing:-.01em;background:linear-gradient(180deg, #e1e1e1, var(--ink-yellow) 55%, silver);cursor:grab;height:40px;transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);border-radius:10px 6px 6px 10px;align-items:center;gap:8px;padding:0 26px 0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;transform:rotate(-3deg);box-shadow:inset 0 1px #fff9,inset 0 -2px #00000014,0 8px 18px -10px #5a5a5ab3}.pen:hover{transform:rotate(-1deg)translateY(-2px);box-shadow:inset 0 1px #fff9,inset 0 -2px #00000014,0 14px 26px -12px #5a5a5abf}.pen:active{cursor:grabbing}.pen__grip{background-image:radial-gradient(circle,#21212173 1.2px,#0000 1.6px);background-size:4px 4px;width:8px;height:18px}.pen__tip{clip-path:polygon(0 0,100% 30%,100% 70%,0 100%);background:linear-gradient(90deg,#c6c6c6,#afafaf);width:16px;height:28px;position:absolute;top:6px;right:-12px}.pen__hint{color:var(--text-3);align-items:center;gap:4px;font-size:11.5px;font-weight:560;display:inline-flex}.pen__hint svg{width:12px;height:12px}.slip{pointer-events:auto;border-radius:16px 18px;align-items:center;gap:11px;max-width:calc(100vw - 28px);min-height:46px;padding:7px 8px 7px 9px;font-size:14px;font-weight:540;display:flex}.slip__pot{background:var(--dot);color:#191919;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 -2px 4px #00000024,inset 0 1px 1px #ffffff80}.slip__pot .ink-tick{width:17px;height:17px}.slip__msg{padding-right:10px}.slip__action{isolation:isolate;height:30px;color:var(--text);border-radius:10px;margin-left:-2px;padding:0 12px;font-weight:680;position:relative}.slip__action:before{content:"";z-index:-1;background:var(--mark-yellow);transform-origin:bottom;height:.62em;transition:transform var(--dur-2) var(--ease-out);border-radius:3px 6px 4px 7px;position:absolute;bottom:6px;left:8px;right:8px;transform:skew(-10deg)}.slip__action:hover:before{transform:skew(-10deg)scaleY(1.7)}.keys2{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px;display:grid}.keys2__group{min-width:0}.keys2__title{isolation:isolate;margin-bottom:10px;font-size:13.5px;font-weight:680;display:inline-block;position:relative}.keys2__title:after{content:"";z-index:-1;background:var(--mark);border-radius:.14em .26em .18em .3em;height:.6em;position:absolute;bottom:.05em;left:-.2em;right:-.3em;transform:skew(-10deg)}.keys2__list{gap:2px;margin:0;display:grid}.keys2__row{min-height:36px;transition:background var(--dur-1);border-radius:10px;grid-template-columns:112px 1fr;align-items:center;gap:12px;padding:0 8px;display:grid}.keys2__row:hover{background:var(--glass-soft)}.keys2__row:hover .keycap{box-shadow:inset 0 1px 0 var(--glass-edge), 0 1px 0 var(--line-strong);transform:translateY(0)}.keys2__row dt{margin:0}.keys2__row dd{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.keys2__keys{align-items:center;gap:4px;display:inline-flex}.keys2__joiner{color:var(--text-3);font-size:11.5px}.keys2__foot{margin-top:18px}.share__h{isolation:isolate;font-size:16px;font-weight:660;display:inline-block;position:relative}.share__h:after{content:"";z-index:-1;background:var(--mark);border-radius:.14em .26em .18em .3em;height:.5em;position:absolute;bottom:.02em;left:-.18em;right:-.26em;transform:skew(-10deg)}.share__icon{display:none}.share__block .small.muted{margin-top:4px}.share__url{background:linear-gradient(100deg, transparent 1%, var(--mark-sky) 2%, var(--mark-sky) 98%, transparent 99%) 0 86% / 100% 30% no-repeat, var(--glass-soft)}.share__qr{box-shadow:inset 0 0 0 1px var(--line), 0 10px 24px -14px #17171766;position:relative;transform:rotate(-1.5deg)}.save__headline{margin:2px 0 14px;display:block}.save__line{font-family:var(--font-read);letter-spacing:-.015em;margin-bottom:4px;font-size:27px;font-weight:450;line-height:1.2}.save__err{padding:4px 0 10px}.save__quote{padding:12px 14px}.save__already,.save__check,.save__quote-icon,.pub__icon{display:none}.pub__title{isolation:isolate;width:fit-content;max-width:100%;position:relative}.pub__title:after{content:"";z-index:-1;background:var(--mark,var(--mark-yellow));height:.34em;animation:sys-swipe .9s .15s var(--ease-out) both;border-radius:.12em .22em .16em .24em;position:absolute;bottom:.04em;left:-.06em;right:-.12em;transform:skew(-10deg)rotate(-.6deg)}@keyframes sys-swipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.pub__h{isolation:isolate;color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:680;display:inline-block;position:relative}.pub__h:after{content:"";z-index:-1;background:var(--mark);border-radius:.14em .26em .18em .3em;height:.55em;position:absolute;bottom:.02em;left:-.18em;right:-.26em;transform:skew(-10deg)}.pub-card__media .card__cover{padding:16px}@media (max-width:720px){.keys2{grid-template-columns:minmax(0,1fr)}.keys2__row{grid-template-columns:104px 1fr}.inkbar__key{display:none}.sys__code{opacity:.6}.pen-wrap{align-items:flex-start}}.qimg__stage{background:radial-gradient(70% 60% at 0% 0%, var(--mark-yellow), transparent 60%), radial-gradient(60% 60% at 100% 100%, var(--mark-sky), transparent 60%), var(--glass-soft)}.qimg__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}@media (max-width:640px){.qimg__actions{width:100%;margin-left:0}.qimg__actions .btn--primary{flex:1}}.pub__grid{align-items:start}.pub-card{height:auto}.slip__msg{white-space:nowrap}@media (max-width:900px){.toasts{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (max-width:420px){.slip__msg{white-space:normal;max-width:58vw}}.keys2__row{min-height:32px}.keys2{gap:16px 34px}@media (max-width:640px){.set__toc{scrollbar-width:none;flex-wrap:nowrap;margin-right:-10px;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.set__toc::-webkit-scrollbar{display:none}.set{padding:18px 16px 6px}}
.tags__lede{font-family:var(--font-read);max-width:60ch;color:var(--text-2);margin-top:8px;font-size:19px;line-height:1.5}.tags__lede mark{color:var(--text);background:linear-gradient(104deg, transparent .2em, var(--mark) .3em, var(--mark) calc(100% - .25em), transparent calc(100% - .15em));background-position:0 72%;background-repeat:no-repeat;background-size:100% 76%;padding:0 .1em}.tags__lede a{color:var(--text)}.tags__filter{max-width:220px}.tagrows{gap:4px;max-width:880px;margin:0;padding:0;list-style:none;display:grid}.tagrow{border-radius:var(--r-md);min-height:48px;transition:background var(--dur-1);grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:4px 8px 4px 10px;display:grid}.tagrow:hover{background:var(--glass-soft)}.tagrow__pot{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.tagrow__pot i{background:var(--glass-strong);width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:transform var(--dur-2) var(--ease-out);border-radius:50%}.tagrow.has-ink .tagrow__pot i{background:var(--dot);box-shadow:inset 0 -2px 4px #0000001f,inset 0 1px 1px #ffffff80}.tagrow__pot:hover i{transform:scale(1.15)}.tagrow__main{min-width:0}.tagrow__name{isolation:isolate;padding:6px 0;text-decoration:none;display:block;position:relative}.tagrow__stroke{z-index:-1;background:var(--mark);transform-origin:0;height:22px;animation:title-ink .7s var(--ease-out) both;opacity:.85;border-radius:4px 9px 6px 10px;margin-top:-11px;position:absolute;top:50%;left:-6px;transform:skew(-10deg)}.tagrow:not(.has-ink) .tagrow__stroke{opacity:.45}.tagrow__label{color:var(--text);white-space:nowrap;font-size:15.5px;font-weight:600}.tagrow__field{width:100%;max-width:320px}.tagrow__counts{color:var(--text-3);white-space:nowrap}.tagrow__counts a{color:var(--text-2);text-decoration:none}.tagrow__counts a:hover{color:var(--text);text-decoration:underline}.tagrow__act{opacity:0;transition:opacity var(--dur-1)}.tagrow:hover .tagrow__act,.tagrow__act:focus-visible{opacity:1}@media (hover:none){.tagrow__act{opacity:1}}@media (max-width:640px){.tagrow{grid-template-columns:auto minmax(0,1fr) auto auto}.tagrow__counts{grid-area:2/2;margin-top:-6px}}
svg.ki{stroke-width:var(--ki-weight,1.6);flex:none;overflow:visible}.btn--sm .ki,.icon-btn--sm .ki,.chip .ki,.tag .ki,.card__kind .ki,.card__flag .ki,.menu__item .ki,.seg__btn .ki{--ki-weight:1.75}.page__icon .ki,.detail__kind .ki,.empty2 .ki,.drop-overlay__icon,.media__failed>.ki{--ki-weight:1.35}:root{--icon-rest:#00000012}:root[data-theme=dark]{--icon-rest:#ffffff17}.ki-dab{fill:var(--icon-ink,var(--icon-rest));stroke:none;transition:fill var(--dur-2) var(--ease-out)}.card__kind,.card__cover,.detail__kind,.kind-chips .chip,.nav__row,.page__icon,.select__col,.drop-overlay__card,.welcome__try,.tagrow,.ink-chip{--icon-ink:var(--mark,transparent)}.btn:hover,.btn:focus-visible,.icon-btn:hover,.icon-btn:focus-visible,.icon-btn[aria-pressed=true],.icon-btn.is-on,.menu__item:hover,.menu__item:focus-visible,.menu__item[data-active=true],.palette__row[data-active=true],.chip:hover,.seg__btn[aria-pressed=true],.select:hover,.select[aria-expanded=true],.sync-badge:hover,.nav__row:hover,.dropzone:hover,.dropzone.is-over{--icon-ink:var(--mark-yellow)}.nav__row.is-active{--icon-ink:var(--mark)}.mnav__tab.is-on{--icon-ink:var(--mark-yellow)}.btn--primary,.card__qcount,.nav__colicon.has-ink,.chip[aria-pressed=true],.mnav__keep{--icon-ink:transparent}.btn--primary:hover{--icon-ink:#d1d1d18c}:root[data-theme=dark] .btn--primary:hover{--icon-ink:#a4a4a473}