:root{--ink:#0E0E10;--paper:#F2F1EE;--card:#FFFFFF;--graphite:#5B5B60;--hairline:#DCDAD5;--mist:#E8E6E1;--peek:270px;--top:84px;--head:"Sofia Sans Condensed","Arial Narrow",sans-serif;--body:"Sofia Sans",system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);color:var(--paper);height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;height:100dvh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;}.app{position:relative;flex:1;overflow:hidden;overscroll-behavior:contain}.back{position:absolute;inset:0;padding:calc(env(safe-area-inset-top) + 14px) 20px 0;transform-origin:50% 0;will-change:transform;}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav img{width:clamp(56px,40px + 6vw,96px);height:auto;aspect-ratio:1;display:block}.nav-note{font-size:clamp(0.8rem,0.76rem + 0.2vw,0.88rem);color:var(--graphite);font-weight:600}h1{font-family:var(--head);font-weight:800;text-transform:none;letter-spacing:-0.01em;font-size:clamp(2rem,1.35rem + 3vw,2.6rem);line-height:1.02;margin-top:10px;}.lede{margin-top:8px;font-size:clamp(0.95rem,0.9rem + 0.25vw,1.05rem);line-height:1.38;color:var(--graphite);max-width:34ch}.note{margin-top:14px;background:var(--card);border-radius:20px;padding:12px 16px 8px;box-shadow:0 1px 2px rgba(14,14,16,.06),0 8px 24px rgba(14,14,16,.07);}.note-head{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(0.78rem,0.74rem + 0.2vw,0.85rem);color:var(--graphite);padding-bottom:6px;border-bottom:1px solid var(--mist)}.note-head span:first-child{font-weight:600;color:var(--ink)}.note ul{list-style:none}.note li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:clamp(0.92rem,0.88rem + 0.2vw,1rem)}.note li+li{border-top:1px solid var(--mist)}.tick{width:18px;height:18px;border-radius:50%;background:var(--ink);flex:none;display:grid;place-items:center}.tick svg{width:10px;height:10px}.note li.done span{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--graphite)}.note li.open .tick{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}.note li.open span{font-weight:600}.dim{position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none;will-change:opacity}.sheet{position:absolute;left:0;right:0;top:var(--top);bottom:0;background:var(--card);border-radius:24px 24px 0 0;box-shadow:0 -1px 2px rgba(14,14,16,.05),0 -10px 30px rgba(14,14,16,.10),0 -30px 60px rgba(14,14,16,.06);transform:translate3d(0,calc(100% - var(--peek)),0);will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab;padding:0 20px;}.sheet.drag{cursor:grabbing}.grab{display:block;width:100%;height:30px;border:0;background:none;cursor:inherit;position:relative;-webkit-tap-highlight-color:transparent;}.grab::before{content:"";position:absolute;left:50%;top:9px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--hairline)}.grab:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:12px}.sheet-title{font-family:var(--head);font-weight:800;font-size:clamp(1.45rem,1.25rem + 1vw,1.75rem);line-height:1}.sheet-sub{margin-top:4px;font-size:clamp(0.82rem,0.78rem + 0.2vw,0.9rem);color:var(--graphite)}.rows{list-style:none;margin-top:10px}.row{display:flex;align-items:center;gap:12px;padding:10px 0;min-height:58px;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.row+.row{border-top:1px solid var(--mist)}.ic{width:38px;height:38px;border-radius:11px;background:var(--paper);display:grid;place-items:center;flex:none}.ic svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.row-text{flex:1;min-width:0}.row-text strong{display:block;font-weight:600;font-size:clamp(0.95rem,0.9rem + 0.2vw,1.02rem)}.row-text span{display:block;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.88rem);color:var(--graphite);margin-top:1px}.hid{flex:none;font-size:0.8rem;font-weight:600;color:var(--graphite);background:var(--mist);border-radius:999px;padding:5px 10px;letter-spacing:.08em}.action{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--card);padding:12px 20px 6px;border-top:1px solid var(--mist);text-align:center;}.cta{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;font-size:clamp(1.02rem,0.98rem + 0.2vw,1.1rem);letter-spacing:.01em;transition:transform .12s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.under{margin-top:7px;font-size:clamp(0.82rem,0.78rem + 0.2vw,0.9rem);color:var(--graphite)}footer{background:var(--card);text-align:center;font-size:0.75rem;color:var(--graphite);padding:2px 20px calc(env(safe-area-inset-bottom) + 8px);font-weight:600;letter-spacing:.04em;}@media (hover: hover){.cta:hover{background:#26262A}.grab:hover::before{background:var(--graphite)}}@media (min-width: 560px){body{width:430px;height:min(880px,calc(100dvh - 48px));margin:24px auto;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.45)}html{display:block}}@media (max-height: 680px){.note li:nth-child(3){display:none}h1{margin-top:6px}}html,body{max-width:100%;overflow-x:clip}