.vd{--vd-noor:#b98b37;--vd-ink:#2a2620;--vd-mut:rgba(42,38,32,0.55);--vd-line:rgba(42,38,32,0.12);--vd-surface:rgba(255,253,247,0.9);min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 18px 40px;text-align:center}.vd-switch{display:flex;gap:10px}.vd-tab{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--vd-line);background:rgba(255,255,255,.4);border-radius:16px;padding:10px 16px;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .15s ease}.vd-tab:active{transform:scale(.97)}.vd-tab.on{border-color:var(--vd-noor);box-shadow:0 0 0 3px rgba(185,139,55,.14)}.vd-tab-glyph{font-size:22px;line-height:1}.vd-tab-lab{font-size:.72rem;color:var(--vd-mut);letter-spacing:.02em}.vd-card{width:min(92vw,460px);border:1px solid var(--vd-line);border-radius:24px;padding:40px 26px 30px;background:linear-gradient(165deg,var(--vd-surface),rgba(255,250,238,.7));box-shadow:0 12px 40px rgba(60,45,20,.09);display:flex;flex-direction:column;align-items:center;gap:18px;animation:vd-rise .46s cubic-bezier(.16,1,.3,1) both}@keyframes vd-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.vd-card.vd-done{border-color:rgba(185,139,55,.4)}.vd-glyph{font-size:64px;line-height:1;filter:drop-shadow(0 4px 18px rgba(185,139,55,.35));animation:vd-breathe 6s ease-in-out infinite}@keyframes vd-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.vd-done .vd-glyph{color:var(--vd-noor)}.vd-action{margin:0;font-size:1.2rem;line-height:1.4;color:var(--vd-ink);max-width:34ch;text-wrap:balance}.vd-dim{color:var(--vd-mut)}.vd-do{border:0;border-radius:13px;padding:12px 26px;font-size:.95rem;font-weight:600;color:#fff8ea;background:linear-gradient(180deg,#c99a44,var(--vd-noor));cursor:pointer;transition:transform .14s cubic-bezier(.16,1,.3,1),filter .14s ease}.vd-do:hover{filter:brightness(1.05)}.vd-do:active{transform:scale(.96)}.vd-foot{font-size:.85rem;color:var(--vd-mut)}@media (prefers-color-scheme:dark){.vd{--vd-ink:#eef1f8;--vd-mut:rgba(238,241,248,0.55);--vd-line:rgba(255,255,255,0.12);--vd-surface:rgba(20,22,30,0.9);--vd-noor:#e8c36b}.vd-tab{background:rgba(255,255,255,.04)}.vd-card{box-shadow:0 12px 40px rgba(0,0,0,.4)}.vd-do{color:#1a1204}}@media (prefers-reduced-motion:reduce){.vd-card,.vd-glyph{animation:none}.vd-do,.vd-tab{transition:none}.vd-do:active,.vd-tab:active{transform:none}}