.sp-page{padding-top:var(--adp-space-4);padding-bottom:var(--adp-space-6)}
.sp-h{margin:0 0 var(--adp-space-2);font:400 var(--adp-size-display-3)/var(--adp-line-display) var(--adp-font-display);color:var(--adp-ink)}
.sp-lede{margin:0 0 var(--adp-space-3);font:400 var(--adp-size-reading)/1.5 var(--adp-font-reading);color:var(--adp-ink);max-width:36em}
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--adp-space-2)}
.sp-btn{position:relative;display:grid;justify-items:center;align-content:center;gap:var(--adp-space-1);min-height:88px;padding:var(--adp-space-2);background:var(--adp-paper-2);border:var(--adp-outline);color:var(--adp-ink);font:500 var(--adp-size-control)/1.2 var(--adp-font-controls);text-align:center;cursor:pointer}
.sp-btn:focus-within{outline:2px solid var(--adp-accent);outline-offset:2px}
.sp-btn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sp-fine{margin:var(--adp-space-2) 0 var(--adp-space-4);font:400 var(--adp-size-small)/1.45 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.sp-shot{margin:0 0 var(--adp-space-6)}
.sp-shot-head{margin:0 0 var(--adp-space-2)}
.sp-photo{position:relative;margin:0 0 var(--adp-space-2);background:var(--adp-well);overflow:hidden}
.sp-photo img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain}
.sp-photo.is-reading img{filter:saturate(.6)}
.sp-reading{position:absolute;left:0;right:0;bottom:0;padding:var(--adp-space-2) var(--adp-space-3);background:var(--adp-paper);color:var(--adp-ink);font:500 var(--adp-size-control)/1.3 var(--adp-font-controls)}
.sp-mark{position:absolute;transform:translate(-50%,-50%);min-width:26px;height:26px;padding:0 4px;border-radius:13px;background:var(--adp-accent);color:var(--adp-paper);border:2px solid var(--adp-paper);font:600 13px/22px var(--adp-font-controls);text-align:center;pointer-events:none}
.sp-mark.is-ask,.sp-mark.is-blank{background:var(--adp-paper);color:var(--adp-accent);border-color:var(--adp-accent)}
.sp-lines{border-top:1px solid var(--adp-rule)}
.sp-line{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--adp-rule)}
.sp-line.is-ask,.sp-line.is-blank{background:var(--adp-warn-wash)}
.sp-line-main{display:grid;grid-template-columns:26px 34px 1fr auto;align-items:center;gap:var(--adp-space-2);min-height:var(--adp-touch);padding:var(--adp-space-2) var(--adp-space-1);background:none;border:0;color:var(--adp-ink);text-align:left;cursor:pointer;font:inherit}
.sp-line-main:focus-visible{outline:2px solid var(--adp-accent);outline-offset:-2px}
.sp-n{width:24px;height:24px;border-radius:12px;background:var(--adp-accent);color:var(--adp-paper);font:600 12px/24px var(--adp-font-controls);text-align:center}
.sp-pic{width:34px;height:46px;background:transparent}
.sp-nopic{display:block;width:26px;height:40px;margin:0 auto;border:1px dashed var(--adp-ink-quiet)}
.sp-text{display:flex;flex-direction:column;min-width:0}
.sp-text b{font:400 var(--adp-size-reading)/1.25 var(--adp-font-reading)}
.sp-text small{font:400 var(--adp-size-small)/1.35 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.sp-choose{font:600 var(--adp-size-small)/1 var(--adp-font-controls);color:var(--adp-accent);text-decoration:underline;text-underline-offset:3px}
.sp-tick{display:grid;place-items:center;width:var(--adp-touch);height:var(--adp-touch);margin-right:var(--adp-space-1);padding:0;background:none;border:0;cursor:pointer}
.sp-tick span{display:block;width:24px;height:24px;border:var(--adp-outline);background:var(--adp-field);color:var(--adp-accent);font:700 15px/22px var(--adp-font-controls);text-align:center}
.sp-tick[aria-pressed="true"] span{background:var(--adp-accent);border-color:var(--adp-accent);color:var(--adp-paper)}
.sp-tick:focus-visible span{outline:2px solid var(--adp-accent);outline-offset:2px}
.sp-tick.is-have{color:var(--adp-ink-quiet);font:700 15px/1 var(--adp-font-controls)}
.sp-panel{grid-column:1/-1;padding:0 var(--adp-space-2) var(--adp-space-3)}
.sp-read{margin:0 0 var(--adp-space-2);font:400 var(--adp-size-small)/1.4 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.sp-read b{color:var(--adp-ink);font-weight:500}
.sp-q{margin:var(--adp-space-2) 0;font:600 var(--adp-size-control)/1.3 var(--adp-font-controls);color:var(--adp-ink)}
.sp-q small{display:block;font:400 var(--adp-size-small)/1.3 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.sp-fam{display:flex;gap:var(--adp-space-2);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}
.sp-fam::-webkit-scrollbar{display:none}
.sp-alt{flex:0 0 100px;display:grid;justify-items:center;align-content:start;gap:2px;min-height:112px;padding:var(--adp-space-2) var(--adp-space-1);background:var(--adp-paper-2);border:var(--adp-outline);color:var(--adp-ink);text-align:center;cursor:pointer}
.sp-alt:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}
.sp-alt-pic{width:30px;height:46px;background:transparent}
.sp-alt b{font:400 13px/1.15 var(--adp-font-reading)}
.sp-alt small{font:400 11px/1.2 var(--adp-font-controls);color:var(--adp-ink-quiet)}
.sp-alt.is-none{align-content:center;font:500 13px/1.2 var(--adp-font-controls)}
.sp-chips{display:flex;flex-wrap:wrap;gap:var(--adp-space-1)}
.sp-link{margin-top:var(--adp-space-2);min-height:var(--adp-touch);padding:0;background:none;border:0;color:var(--adp-accent);font:500 var(--adp-size-small)/1.3 var(--adp-font-controls);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.sp-search{margin:var(--adp-space-1) 0 var(--adp-space-2)}
.sp-found{display:flex;flex-direction:column}
.sp-row{display:grid;grid-template-columns:34px 1fr;gap:var(--adp-space-2);align-items:center;min-height:var(--adp-touch);padding:var(--adp-space-1) 0;background:none;border:0;border-bottom:1px solid var(--adp-rule);color:var(--adp-ink);text-align:left;cursor:pointer;font:inherit}

.sp-foot{position:sticky;bottom:var(--sp-under,0px);z-index:3;display:grid;gap:var(--adp-space-1);margin:0 calc(-1 * var(--adp-space-2));padding:var(--adp-space-2);background:var(--adp-paper);border-top:1px solid var(--adp-rule)}
.sp-foot[hidden]{display:none}
.sp-left{margin:0;font:400 var(--adp-size-small)/1.3 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.sp-left:empty{display:none}
.sp-add{width:100%}
.sp-add:disabled{opacity:1;background:var(--adp-well);border-color:var(--adp-well);color:var(--adp-ink-quiet)}
.sp-done{padding:var(--adp-space-4) 0}
.sp-done-line{margin:0 0 var(--adp-space-2);font:400 var(--adp-size-heading)/1.25 var(--adp-font-display);color:var(--adp-ink)}
.sp-done-note{margin:0 0 var(--adp-space-3);font:400 var(--adp-size-reading)/1.5 var(--adp-font-reading);color:var(--adp-ink-quiet)}
.sp-done-do{display:flex;flex-wrap:wrap;gap:var(--adp-space-2)}