.vb-main{padding:120px var(--pad) 64px;max-width:880px;margin:0 auto}.vb-app{gap:48px;margin-top:48px;display:grid}.vb-app h2{font-size:28px}.vb-sec{gap:16px;display:grid}.vb-p{color:var(--body);max-width:62ch;margin:0;font-size:18px}.vb-small{color:var(--dim);max-width:62ch;margin:0;font-size:15px}.vb-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.site .vb-btn{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#000;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.site .vb-btn:hover{background:#1a1a1a}.site .vb-btn:disabled{cursor:not-allowed;background:#6b6b6b}.site .vb-btn2{color:#141414;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:2px solid #141414;border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.site .vb-btn2:hover{background:#f1f1ef}.site .vb-btn:focus-visible,.site .vb-btn2:focus-visible,.site .vb-in:focus-visible,.site .vb-pic:focus-visible,.site .vb-note:focus-visible,.site .vb-link:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #1a56db}.vb-link{font:inherit;color:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:24px;padding:4px 0;text-decoration:underline}.vb-pics{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.vb-pics{grid-template-columns:repeat(4,1fr)}}.vb-pics figure{margin:0}.vb-pic{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:8px;width:100%;padding:0;display:block}.vb-pic[aria-pressed=true]{border-color:#141414}.vb-pic img{aspect-ratio:4/5;object-fit:cover;border-radius:5px;width:100%}.vb-cap{color:var(--dim);margin:4px 0 0;font-size:14px}.vb-in{min-height:48px;font:inherit;color:#141414;background:#fff;border:2px solid #5f5f5f;border-radius:8px;flex:240px;min-width:0;padding:0 12px;font-size:17px}.vb-tasks{gap:8px;max-width:62ch;margin:0;padding:0;list-style:none;display:grid}.vb-tasks li{color:var(--body);justify-content:space-between;align-items:center;gap:12px;font-size:18px;display:flex}.vb-tasks li.is-done span{text-decoration:line-through}.vb-board{aspect-ratio:4/5;background:#e6e6e6;border-radius:8px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden}.vb-board>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vb-note{box-sizing:border-box;text-align:left;font:inherit;color:#1f1f1f;cursor:pointer;transform-origin:0 0;border:0;border-radius:0;margin:0;padding:10px 8px;font-size:clamp(13px,2.6vw,17px);font-weight:600;line-height:1.25;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f,0 2px #0000001a}.vb-note.c0{background:#f7e27a}.vb-note.c1{background:#f4c7a1}.vb-note.c2{background:#bfe0c4}.vb-note.c3{background:#c9dcf2}.vb-note.peel{pointer-events:none;animation:.5s ease-in forwards vb-peel}@keyframes vb-peel{to{opacity:0;transform:translate(18%,-22%)rotate(14deg)scale(.9)}}@media (prefers-reduced-motion:reduce){.vb-note.peel{opacity:0;animation:none}}.vb-meter{color:var(--body);margin:0;font-size:18px}.vb-mine{gap:12px;margin:0;padding:0;list-style:none;display:grid}.vb-mine li{color:var(--body);flex-wrap:wrap;align-items:center;gap:16px;font-size:18px;display:flex}.vb-mine img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:56px}.vb-err{color:#a01212;margin:0;font-size:16px}
