.db{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (max-width:860px){.db{grid-template-columns:1fr}}.db-stage{align-content:start;gap:12px;display:grid}.db-pic{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:22px;position:relative;overflow:hidden}.db-pic img{object-fit:cover;width:100%;height:100%;display:block}.db-veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--muted);background:#ffffffb8;place-content:center;justify-items:center;gap:12px;font-weight:600;display:grid;position:absolute;inset:0}.db-spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-label{color:var(--muted);margin-right:4px;font-size:13px;font-weight:600}.db-strip button{width:56px;height:56px;box-shadow:0 0 0 1px var(--line);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;padding:0;overflow:hidden}.db-strip button.on{border-color:var(--accent)}.db-strip button img{object-fit:cover;width:100%;height:100%;display:block}.db-strip .db-reset{width:auto;color:var(--muted);padding:0 14px;font-size:13px;font-weight:600}.db-use{background:var(--accent);height:48px;color:var(--accent-ink);font:700 16px var(--f-ui);cursor:pointer;border:0;border-radius:999px}.db-use:disabled{opacity:.6;cursor:default}.db-chat{background:var(--bg);border-radius:22px;grid-template-rows:1fr auto auto auto;gap:10px;min-height:420px;padding:14px;display:grid}.db-log{align-content:start;gap:10px;max-height:460px;padding:4px;display:grid;overflow-y:auto}.db-msg{align-items:flex-end;gap:8px;display:flex}.db-msg.me{justify-content:flex-end}.db-msg p{background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:82%;padding:10px 14px;font-size:15px;line-height:1.4}.db-msg.me p{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);border-bottom-right-radius:6px}.db-msg.dog p{border-bottom-left-radius:6px}.db-av{border:1px solid var(--line);object-fit:cover;background:#fff;border-radius:50%;width:28px;height:28px}.db-thumb{cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;display:block}.db-thumb img{border:1px solid var(--line);object-fit:cover;border-radius:12px;width:64px;height:64px}.db-dots{vertical-align:middle;gap:3px;margin-right:8px;display:inline-flex}.db-dots i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1s infinite db-dot}.db-dots i:nth-child(2){animation-delay:.15s}.db-dots i:nth-child(3){animation-delay:.3s}@keyframes db-dot{50%{opacity:.2}}.db-input{gap:8px;display:flex}.db-input input{border:1px solid var(--line);background:var(--panel);min-width:0;height:46px;font:500 15px var(--f-ui);color:var(--text);border-radius:999px;flex:1;padding:0 16px}.db-input input:focus{outline:2px solid var(--accent);outline-offset:1px}.db-input button{background:var(--text);height:46px;color:var(--bg);font:700 14px var(--f-ui);cursor:pointer;border:0;border-radius:999px;padding:0 20px}.db-input button:disabled{opacity:.5;cursor:default}.db-note{color:var(--muted);text-align:center;font-size:12px}@media (prefers-reduced-motion:reduce){.db-spin,.db-dots i{animation:none}}.db-field{flex:1;min-width:0;display:flex;position:relative}.db-field input{flex:1;height:54px;font-size:16px}.db-hints{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0 12px 0 18px;overflow:hidden}.db-hint{color:var(--muted);opacity:.55;font:500 16px var(--f-ui);white-space:nowrap;text-overflow:ellipsis;animation:2.8s ease-in-out both db-roll;overflow:hidden}@keyframes db-roll{0%{opacity:0;transform:translateY(100%)}14%,86%{opacity:.55;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.db-input button{height:54px}@media (prefers-reduced-motion:reduce){.db-hint{animation:none}}
.rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.rv.in{opacity:1;transform:none}.hm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:760px){.hm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.hm-stat{background:var(--panel);border:1px solid var(--line);border-radius:22px;gap:4px;padding:20px 22px;display:grid}.hm-stat b{letter-spacing:-.03em;color:var(--text);font-size:clamp(24px,3vw,34px);font-weight:700}.hm-stat:first-child b{color:var(--accent)}.hm-stat span{color:var(--muted);font-size:13px;font-weight:600}.hm-ca{justify-content:center;display:flex}.hm-ca:empty{display:none}.pad-page.pad-embedded{margin-top:90px;scroll-margin-top:80px}.pad-embedded .pad-create{align-items:start}.pad-embedded .pad-head h2{letter-spacing:-.035em;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.02}.rv:has(.pad-embedded)+.pr-col{margin-top:70px}.hm-fresh{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:6px;display:grid}.hm-dog{background:var(--bg);color:var(--text);border-radius:20px;gap:4px;padding:12px;animation:.6s cubic-bezier(.2,.8,.2,1.2) both hm-pop;display:grid}.hm-dog img,.hm-dog-ph{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:14px;place-items:center;width:100%;font-size:40px;display:grid}.hm-dog small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hm-dog .num{color:var(--accent);font-weight:700}@keyframes hm-pop{0%{opacity:0;transform:scale(.9)translateY(10px)}}.hm-empty{text-align:center;color:var(--muted);justify-items:center;gap:12px;padding:30px 10px;display:grid}.hm-empty img{border:3px solid var(--accent);object-fit:cover;background:#fff;border-radius:50%;animation:3.2s ease-in-out infinite hm-bob}@keyframes hm-bob{50%{transform:translateY(-8px)rotate(-3deg)}}.hm-story-head{align-items:center;gap:18px;margin-bottom:26px;display:flex}.hm-story-head img{border:3px solid var(--accent);object-fit:cover;background:#fff;border-radius:50%;flex:none}.hm-line{gap:26px;margin:0;padding:0 0 0 28px;list-style:none;display:grid;position:relative}.hm-line:before{content:"";background:linear-gradient(var(--accent), #a6d17a);transform-origin:top;border-radius:3px;width:3px;animation:1.6s ease-out both hm-draw;animation-timeline:view();animation-range:entry cover 40%;position:absolute;top:6px;bottom:6px;left:7px}@keyframes hm-draw{0%{transform:scaleY(0)}}.hm-line li{position:relative}.hm-line li:before{content:"";border:3px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:5px;left:-27px}.hm-line li:last-child:before{background:var(--accent)}.hm-when{font:700 13px var(--f-num);color:var(--accent);margin-bottom:2px;display:block}.hm-line b{font-size:19px;font-weight:700}.hm-line p{color:var(--muted);max-width:60ch;margin-top:2px;font-size:15px}.pr-how-doge{border:3px solid var(--accent);object-fit:cover;background:#fff;border-radius:50%}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transition:none;transform:none}.hm-dog,.hm-empty img,.hm-line:before{animation:none}}
