.dni-dock{position:fixed;right:20px;bottom:20px;z-index:40;width:min(380px,calc(100vw - 40px));animation:dni-in .28s cubic-bezier(.2,.8,.3,1) both}.dni-inline{margin:26px auto 0;max-width:520px}@keyframes dni-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dni-dock{animation:none}}.dni-card{position:relative;padding:22px 22px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.dni-inline .dni-card{padding:26px}.dni-close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--text-3);font-size:17px;line-height:1;cursor:pointer}.dni-close:hover{background:var(--surface-2);color:var(--text)}.dni-started{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border-radius:11px;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.dni-started b{display:block;font-size:13.5px;font-weight:600;color:var(--text)}.dni-started span{display:block;font:500 11px/1.6 var(--font-mono);color:var(--text-3);margin-top:2px;word-break:break-word}.dni-tick{flex:none;width:20px;height:20px;border-radius:99px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}.dni-card h3{margin-top:18px;font-size:19px;font-weight:700;letter-spacing:-.02em}.dni-sub{margin-top:9px;font-size:13.5px;line-height:1.55;color:var(--text-2)}.dni-steps{margin:17px 0 18px;display:flex;flex-direction:column;gap:9px}.dni-steps>div{display:flex;gap:10px;font-size:13px;line-height:1.45;color:var(--text-2)}.dni-steps b{color:var(--text);font-weight:600}.dni-step{flex:none;width:18px;height:18px;border-radius:99px;display:grid;place-items:center;font:600 10px/1 var(--font-mono);background:var(--surface-2);color:var(--text-3);margin-top:1px}.dni-step.done{background:var(--green-soft);color:var(--green)}.dni-step.now{background:var(--blue);color:var(--on-blue)}.dni-block{width:100%;justify-content:center;margin-top:2px}.dni-later{display:block;width:100%;margin-top:12px;padding:0;border:0;background:none;font:400 11.5px/1.4 var(--font-sans);color:var(--text-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dni-later:hover{color:var(--text-2)}.dni-fine{margin-top:12px;font-size:11px;line-height:1.5;color:var(--text-3);text-align:center}