html[data-design=b]{--spring:linear(0,.18 5%,.52 13%,.82 22%,1.01 32%,1.045 40%,1.03 52%,1.005 68%,1);--ease-out:cubic-bezier(.2,.8,.2,1);--t-fast:.14s;--t-ui:.22s}html[data-design=b] #dbSide{view-transition-name:dbside}html[data-design=b] #betaDock{view-transition-name:dbdock}::view-transition-group(dbside),::view-transition-group(dbdock){animation:none}::view-transition-old(dbside),::view-transition-new(dbside),::view-transition-old(dbdock),::view-transition-new(dbdock){animation:none}html[data-design=b]::view-transition-old(root){animation:dbVtOut var(--t-ui) var(--ease-out) both}html[data-design=b]::view-transition-new(root){animation:dbVtIn var(--t-ui) var(--ease-out) both}html[data-design=b].db-back::view-transition-old(root){animation-name:dbVtOutBack}html[data-design=b].db-back::view-transition-new(root){animation-name:dbVtInBack}html[data-design=b].db-fade::view-transition-old(root){animation:dbFadeOut .16s ease both}html[data-design=b].db-fade::view-transition-new(root){animation:dbFadeIn .16s ease both}@keyframes dbVtOut{to{opacity:0;transform:translate(-18px)}}@keyframes dbVtIn{0%{opacity:0;transform:translate(24px)}}@keyframes dbVtOutBack{to{opacity:0;transform:translate(18px)}}@keyframes dbVtInBack{0%{opacity:0;transform:translate(-24px)}}@keyframes dbFadeOut{to{opacity:0}}@keyframes dbFadeIn{0%{opacity:0}}@keyframes dbPopIn{0%{opacity:0;transform:translateY(6px) scale(.965)}to{opacity:1;transform:none}}@keyframes dbRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes dbBarIn{0%{opacity:0;transform:translate(-50%,14px) scale(.97)}to{opacity:1;transform:translate(-50%)}}html[data-design=b] #dbPop,html[data-design=b] #dbMoreMenu[style*=flex],html[data-design=b] .dlg,html[data-design=b] #dbPal .pal,html[data-design=b] .tagpick,html[data-design=b] #dbTourCard{animation:dbPopIn var(--t-ui) var(--spring) both;transform-origin:50% 100%}html[data-design=b] .db-actions,html[data-design=b] .db-tools{animation:dbBarIn var(--t-ui) var(--spring) both}html[data-design=b] .scrim{animation:dbFadeIn .16s ease both}html[data-design=b] #dbInsp{animation:dbFadeIn .18s ease both}html[data-design=b] #dbSide .db-nav a,html[data-design=b] #dbSide [data-nav]{transition:background var(--t-fast) ease,color var(--t-fast) ease}html[data-design=b] .toast.show{animation:dbPopIn var(--t-ui) var(--spring) both}html[data-design=b] :is(.btn,.btn-o,.btn-d,.ib,.vchip,.tb2,.db-q,.db-row,.db-cont,.tab,.ij-chip,.pr-card,#dbPal .it,.mkb){transition:transform var(--t-fast) var(--spring),background var(--t-fast) ease,color var(--t-fast) ease,box-shadow var(--t-fast) ease}html[data-design=b] :is(.btn,.btn-o,.btn-d,.ib,.vchip,.tb2,.mkb,.ij-chip):active:not(:disabled){transform:scale(.96)}html[data-design=b] :is(.db-q,.db-row,.db-cont,.pr-card):active{transform:scale(.985)}@keyframes dbTick{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}html[data-design=b] input[type=checkbox]:checked,html[data-design=b] input[type=radio]:checked,html[data-design=b] .gi.sel .ck,html[data-design=b] .chk.on{animation:dbTick .2s var(--spring)}html[data-design=b] .gi .im{transition:transform var(--t-fast) var(--spring),box-shadow var(--t-fast) ease}html[data-design=b] .gi:hover .im{transform:translateY(-2px)}@keyframes dbShimmer{0%{background-position:120% 0}to{background-position:-20% 0}}html[data-design=b] .db-skel,html[data-design=b] .gi .im:has(>canvas:not([width])),html[data-design=b] #dbInsp canvas:not([width]){background:linear-gradient(100deg,rgba(var(--ovc),.04) 30%,rgba(var(--ovc),.1),rgba(var(--ovc),.04) 70%) var(--thumbbg);background-size:220% 100%;animation:dbShimmer 1.3s linear infinite}html[data-design=b] .gi .im:has(>canvas:not([width])){min-height:calc(var(--thumb,200px)*1.25)}html[data-design=b] .db-skelwrap{display:flex;flex-direction:column;gap:12px;padding:24px 32px;width:100%;max-width:980px}html[data-design=b] .db-skelwrap .db-skel{height:14px;border-radius:7px}html[data-design=b] .db-skelwrap .db-skel.h{height:64px;border-radius:12px}html[data-design=b] .db-skelwrap .db-skel.w6{width:60%}html[data-design=b] .db-skelwrap .db-skel.w4{width:40%}html[data-design=b] .db-stageskel{position:absolute;inset:18% 30%;border-radius:14px;pointer-events:none;z-index:0}.db-fly{position:fixed;z-index:120;pointer-events:none;border-radius:8px;box-shadow:0 18px 50px #00000073;will-change:transform,opacity;transform-origin:0 0}.db-flash{position:fixed;z-index:119;pointer-events:none;background:#fff;opacity:0;animation:dbFlash .2s ease-out both}@keyframes dbFlash{0%{opacity:.85}to{opacity:0}}#dbUndo{position:fixed;left:50%;bottom:58px;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:12px;min-width:320px;max-width:min(640px,92vw);padding:10px 10px 10px 16px;border-radius:12px;background:var(--raise,#202125);color:var(--ink,#f3f3f4);border:1px solid var(--line);box-shadow:0 14px 40px #00000059;font:13px var(--sans);overflow:hidden;animation:dbBarIn var(--t-ui) var(--spring) both}#dbUndo .m{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dbUndo button{height:30px;padding:0 12px;border-radius:8px;border:0;background:#5f72b833;color:var(--teal,#8B9AD6);font:600 13px var(--sans);cursor:pointer}#dbUndo button.x{background:transparent;color:var(--mute);padding:0 8px}#dbUndo .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--acc,#5F72B8);animation:dbDrain linear both}@keyframes dbDrain{0%{width:100%}to{width:0}}#dbUndo.out{animation:dbFadeOut .16s ease both}#dbPal{position:fixed;inset:0;z-index:210;background:#0000006b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;animation:dbFadeIn .14s ease both}#dbPal .pal{width:min(640px,92vw);max-height:64vh;display:flex;flex-direction:column;border-radius:14px;background:var(--raise);border:1px solid var(--line);box-shadow:0 30px 80px #00000073;overflow:hidden;transform-origin:50% 0}#dbPal .q{display:flex;align-items:center;gap:10px;padding:0 16px;height:54px;border-bottom:1px solid var(--line);color:var(--mute)}#dbPal .q input{flex:1;height:52px;border:0!important;background:transparent!important;color:var(--ink);font:16px var(--sans);outline:none;padding:0}#dbPal .q kbd,#dbPal .it kbd{font:600 11px var(--sans);color:var(--fnt);border:1px solid var(--line);border-radius:5px;padding:1px 6px}#dbPal .list{overflow:auto;padding:6px}#dbPal .grp{font:700 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fnt);padding:10px 10px 4px}#dbPal .it{display:flex;align-items:center;gap:12px;height:40px;padding:0 10px;border-radius:9px;color:var(--ink);cursor:pointer;font-size:13.5px}#dbPal .it .s{color:var(--mute);font-size:12px;margin-left:auto;white-space:nowrap}#dbPal .it svg{color:var(--mute);flex:0 0 auto}#dbPal .it.on{background:var(--soft)}#dbPal .it.on svg{color:var(--teal)}#dbPal .none{padding:22px;text-align:center;color:var(--mute)}#dbPal .foot{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--line);color:var(--fnt);font-size:11.5px}#dbDock{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:150;display:flex;gap:8px;align-items:stretch;padding:8px;border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line);box-shadow:0 18px 50px #0006;animation:dbBarIn var(--t-ui) var(--spring) both;max-width:94vw;flex-wrap:wrap;justify-content:center}#dbDock .tgt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:86px;height:64px;padding:0 10px;border-radius:11px;border:1.5px dashed rgba(var(--ovc),.18);color:var(--mute);font:600 12px var(--sans);transition:transform var(--t-fast) var(--spring),background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}#dbDock .tgt.tag{min-width:0;height:64px;font-weight:500}#dbDock .tgt.over{transform:scale(1.06);background:var(--soft);border-color:var(--acc);color:var(--ink)}#dbDock .sep{width:1px;background:var(--line);margin:4px 2px}#dbDock .lbl{align-self:center;color:var(--fnt);font:700 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:0 4px}.db-dragghost{position:fixed;left:-1000px;top:-1000px;padding:6px 10px;border-radius:9px;background:#5f72b8;color:#fff;font:600 12px system-ui,sans-serif}#dbTour{position:fixed;inset:0;z-index:220;pointer-events:auto}#dbTour .hole{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #00000094;transition:left var(--t-ui) var(--ease-out),top var(--t-ui) var(--ease-out),width var(--t-ui) var(--ease-out),height var(--t-ui) var(--ease-out);pointer-events:none;outline:2px solid rgba(139,154,214,.9);outline-offset:2px}#dbTourCard{position:fixed;width:330px;padding:18px;border-radius:14px;background:var(--raise);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px #00000073;font:13.5px/1.5 var(--sans)}#dbTourCard .k{font:700 10.5px var(--sans);letter-spacing:.14em;color:var(--teal);text-transform:uppercase}#dbTourCard h3{margin:4px 0 6px;font:600 18px var(--sans);letter-spacing:-.01em}#dbTourCard .row{display:flex;align-items:center;gap:8px;margin-top:14px}#dbTourCard .dots{display:flex;gap:5px;flex:1}#dbTourCard .dots i{width:6px;height:6px;border-radius:3px;background:rgba(var(--ovc),.18)}#dbTourCard .dots i.on{background:var(--acc);width:16px}html[data-design=b] .db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px 20px;text-align:center;color:var(--mute)}html[data-design=b] .db-empty svg{width:120px;height:96px;color:var(--teal);opacity:.9}html[data-design=b] .db-empty b{color:var(--ink);font-size:15px;font-weight:600}html[data-design=b] .db-empty span{font-size:12.5px;max-width:360px}html[data-design=b] .pr-wrap.db-stagger .pr-card{animation:dbRise .38s var(--spring) both;animation-delay:calc(var(--i,0)*90ms + .12s)}html[data-design=b] .pr-wrap.db-stagger .pr-sign{animation:dbRise .38s var(--spring) both;animation-delay:calc(var(--n,1)*90ms + .22s)}html[data-design=b] .db-replay{position:absolute;right:46px;top:16px;z-index:6}#dbPlay{position:fixed;inset:0;z-index:180;background:#0a0a0b;color:#f3f3f4;display:flex;flex-direction:column;animation:dbFadeIn .18s ease both;font-family:var(--sans)}#dbPlay.light{background:#f4efe9;color:#16181d}#dbPlay .ph{display:flex;align-items:center;gap:12px;padding:14px 22px}#dbPlay .ph b{font-size:16px;font-weight:600}#dbPlay .ph .sub{color:#a2a4ab;font-size:12.5px}#dbPlay.light .ph .sub{color:#55524c}#dbPlay .pb{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}#dbPlay canvas.main{max-width:100%;max-height:100%;border-radius:10px}#dbPlay .pf{display:flex;align-items:center;gap:12px;padding:14px 22px 20px;flex-wrap:wrap}#dbPlay .pf input[type=range]{flex:1;min-width:200px;accent-color:#5F72B8}#dbPlay .pbtn{height:36px;padding:0 14px;border-radius:9px;border:0;background:#ffffff17;color:inherit;font:500 13px var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:7px}#dbPlay.light .pbtn{background:#10142012}#dbPlay .pbtn.pri{background:#5f72b8;color:#fff;font-weight:700}#dbPlay .pbtn:disabled{opacity:.45;cursor:default}#dbPlay .chips{display:flex;gap:6px;flex-wrap:wrap}#dbPlay .chip{height:30px;padding:0 12px;border-radius:15px;border:0;background:#ffffff14;color:inherit;font:500 12.5px var(--sans);cursor:pointer}#dbPlay.light .chip{background:#1014200f}#dbPlay .chip.on{background:#5f72b8;color:#fff}#dbPlay .lbl{position:absolute;top:16px;padding:5px 11px;border-radius:8px;background:#0000008c;color:#fff;font:600 12.5px var(--sans);pointer-events:none}#dbPlay .msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#a2a4ab;font-size:14px;text-align:center;max-width:420px;line-height:1.5}#dbPlay .dates{display:flex;justify-content:space-between;font-size:12px;color:#a2a4ab;padding:0 2px;width:100%}#dbPlay .warn{color:#f2cb6b;font-size:12.5px}@media (prefers-reduced-motion:reduce){html[data-design=b] *,html[data-design=b] *:before,html[data-design=b] *:after,#dbUndo,#dbPal,#dbDock,#dbTour *,.db-fly,.db-flash{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}html[data-design=b]::view-transition-old(root),html[data-design=b]::view-transition-new(root){animation:none!important}}html[data-design=b].db-fade #dbSide,html[data-design=b].db-fade #betaDock{view-transition-name:none}body:has(#dbAct2) #dbUndo{bottom:92px}