.add-sheet{width:min(30rem,100%);max-width:100%;max-height:88dvh;margin:auto auto var(--kb,0);background:var(--paper);color:var(--ink);border:0;border-radius:16px 16px 0 0;padding:0;overflow:hidden}.add-sheet[open]{flex-direction:column;display:flex}.add-sheet::backdrop{background:#00000073}@media (width>=601px){.add-sheet{border-radius:16px;margin:auto}}.sheet-bar{flex:none;align-items:center;gap:.25rem;padding:.9rem 1rem .6rem;display:flex}.sheet-bar h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:1;margin:0;font:600 .75rem/1.3 system-ui,-apple-system,sans-serif}.sheet-back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:-.35rem 0 -.35rem -.45rem;padding:.35rem;display:flex}.sheet-step{height:min(23.5rem, 58dvh, calc(var(--vvh,100dvh) - 6rem));padding:0 1rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;display:flex}.sheet-step[hidden]{display:none}.sheet-search{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:8px;flex:none;margin-bottom:.5rem;padding:.6rem .7rem;font-size:16px}.sheet-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:0 -1rem;padding:0 1rem;overflow-y:auto}.sheet-list li[hidden]{display:none}.sheet-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:0;width:100%;padding:.8rem .25rem;font-size:1rem;display:block}.sheet-list button:active{background:var(--card)}.sheet-empty{color:var(--muted);margin:1rem 0;font-size:.85rem}.sheet-step[data-step=quality]{gap:.5rem}.sheet-qs{flex:1;gap:.5rem;min-height:0;display:grid}.sheet-qs.n2{flex:1.3;grid-template-columns:repeat(2,1fr)}.sheet-qs.n3{flex:1.15;grid-template-columns:repeat(3,1fr)}.sheet-qs.n4{grid-template-columns:repeat(4,1fr)}.sheet-qs button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;font-size:1rem}.sheet-qs.n2 button{font-size:1.3rem;font-weight:600}.sheet-qs.n3 button{font-size:1.15rem;font-weight:600}.sheet-qs button[aria-current]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.sheet-qs button:disabled{opacity:.3;cursor:default}.sheet-qs button:not(:disabled):active{background:var(--card)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}main{max-width:30rem;margin:0 auto;padding:2rem 1rem 4rem}h1{justify-content:space-between;align-items:baseline;gap:.75rem;margin:0 0 1.5rem;font:700 1.5rem/1.3 Hiragino Mincho ProN,Yu Mincho,serif;display:flex}.top-end{flex:none;align-self:center;align-items:center;gap:.75rem;display:flex}.clock{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;align-items:center;gap:.35rem;font:500 .8rem/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-flex}.clock time{color:var(--ink)}.clock b{letter-spacing:.08em;font-size:.65rem;font-weight:500}.clock i{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.clock i{animation:none}}button{font:inherit;color:inherit}[hidden]{display:none!important}ul{margin:0;padding:0;list-style:none}.head,.row{grid-template-columns:minmax(0,1fr) 5.4rem 5.4rem;align-items:center;column-gap:.25rem;display:grid}.head{border-bottom:1px solid var(--line);color:var(--muted);padding:0 0 .4rem;font-size:.75rem}.head span{text-align:right;padding-right:.5rem}.head .edit{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:start;margin-left:-.35rem;padding:.35rem;display:flex}.head .edit .i-done,.editing .head .edit .i-edit{display:none}.editing .head .edit .i-done{display:block}.row{border-bottom:1px solid var(--line)}.name{color:inherit;align-items:baseline;gap:.4rem;min-width:0;margin:0;font-weight:600;text-decoration:none;display:flex}.name em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.name span{color:var(--muted);flex:none;font-size:.8rem;font-weight:400}.row>button{text-align:right;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.85rem .5rem}.row>button:active,.row>button:hover{background:var(--card)}.row .guide{color:var(--accent);font-weight:700}.del{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:.3rem .5rem .3rem 0;display:none}.editing .del{display:block}.row .lead a.name{flex:1;padding:.85rem 0}.row{isolation:isolate;position:relative}.row:before{content:"";z-index:-1;background:var(--card);opacity:0;pointer-events:none;border-radius:8px;transition:opacity .15s;position:absolute;inset:0 -.5rem}.row .lead a.name:after{content:"";position:absolute;inset:0}.row>button,.del{z-index:1;position:relative}.row:active:before,.row:focus-within:before{opacity:1}@media (hover:hover){.row:hover:before{opacity:1}.row:hover>button:hover{background:var(--paper)}}@media (prefers-reduced-motion:reduce){.row:before{transition:none}}.row .lead{align-items:center;min-width:0;display:flex}.add-row{border:0;border-bottom:1px dashed var(--line);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border-radius:0;margin:0;padding:.85rem 0;font-size:.9rem;display:block}.add-row:hover,.add-row:focus-visible{color:var(--ink);outline:none}.hint:empty{display:none}.hint{color:var(--muted);margin:1rem 0 0;font-size:.8rem}.row>button.copied{color:var(--accent);font-weight:700}.row>button.guide.copied{color:var(--ink)}@media (width>=601px){html{scrollbar-gutter:stable}main{max-width:60rem;padding:3rem 2rem 4rem}h1{margin-bottom:1.5rem}.head,ul[data-list],.add-row,.hint{max-width:30rem;margin-left:auto;margin-right:auto}.add-row,.hint{width:100%}}@media (width<=600px){main{padding-top:calc(max(1rem, env(safe-area-inset-top)) + 1.5rem)}h1{min-height:1.95rem}html:not(.is-scrollable),html:not(.is-scrollable) body{overscroll-behavior:none;overflow:hidden}}