.db-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.db-bento>*{min-width:0}.db-bento>div>.vt-card{height:100%}.db-span-4{grid-column:span 4}.db-span-5{grid-column:span 5}.db-span-6{grid-column:span 6}.db-span-7{grid-column:span 7}.db-span-8{grid-column:span 8}.db-span-12{grid-column:span 12}@media (max-width:960px){.db-span-4,.db-span-5,.db-span-6,.db-span-7,.db-span-8{grid-column:span 12}}.db-card-title{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.02em;color:inherit}.db-sub{margin:0;font-size:13px;color:inherit;opacity:.72}.db-foot{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:16px}.db-actions{display:grid;gap:14px}.db-action{display:grid;gap:8px}.db-action label{font-size:13px;font-weight:700;color:var(--navy)}.db-action .vt-form{flex-wrap:nowrap}.db-action .vt-form .vt-btn{flex:none}@media (max-width:480px){.db-action .vt-form{flex-wrap:wrap}.db-action .vt-form .vt-btn{width:100%}}.db-link-row{display:flex;gap:8px;flex-wrap:wrap}.db-credit-num{margin:14px 0 2px;font-size:clamp(44px,6vw,64px);font-weight:800;line-height:1;letter-spacing:-.045em}.db-credit-num small{font-size:18px;font-weight:600;letter-spacing:0;opacity:.7;margin-left:6px}.db-meter{height:12px;margin:18px 0 10px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.db-meter>span{display:block;height:100%;border-radius:999px;background:var(--lime);min-width:6px;transition:width .5s ease}.db-meter-low>span{background:var(--purple)}.db-tone-navy a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.db-tone-navy a:hover{color:#fff}.db-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}.db-proj{display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--raised);color:var(--fg);transition:background .15s ease,transform .2s ease;min-width:0}.db-proj:hover{color:var(--fg);background:var(--purple-tint);transform:translateY(-2px)}.db-proj .vt-strip{height:34px;border-radius:10px;background:rgba(255,255,255,.7)}.db-proj b{font-size:15px;letter-spacing:-.01em}.db-list{list-style:none;margin:0;padding:0;display:grid}.db-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--hairline);min-width:0}.db-list>.db-row:first-child,.db-list>li:first-child .db-row{border-top:0;padding-top:0}.db-row-main{min-width:0;display:grid;gap:2px}.db-row-main b{font-size:15px;font-weight:600}.db-row-main b,.db-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-row-main span{font-size:13px;color:var(--fg-3)}.db-row-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.db-tone-purple .db-row{border-top-color:rgba(27,29,58,.12)}.db-tone-purple .db-row-main span{color:var(--fg-2)}.db-empty{margin:0;font-size:14px;color:var(--fg-3)}.db-tone-purple .db-empty{color:var(--fg-2)}.db-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.db-stat{padding:8px 16px;border-radius:16px;background:rgba(255,255,255,.62);color:var(--navy);font-size:13px}.db-stat strong{display:block;font-size:26px;line-height:1.1;letter-spacing:-.03em}.db-stat-warn{background:var(--navy);color:#fff}.db-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--raised);color:var(--fg-2);white-space:nowrap}.db-chip-live{background:var(--lime-soft);color:var(--navy)}.db-chip-dead{background:var(--raised);color:var(--fg-3);text-decoration:line-through}.db-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.db-toolbar .vt-input{flex:1 1 240px}.db-pills{display:flex;gap:6px;flex-wrap:wrap}.db-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--hairline-2);background:var(--surface);color:var(--fg-2);font:600 14px/1 var(--ff-sans);cursor:pointer;transition:background .15s ease,border-color .15s ease}.db-pill:hover{border-color:rgba(28,31,59,.32);color:var(--fg)}.db-pill[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.db-pill i{font-style:normal;font-size:12px;opacity:.7}.db-tablewrap{overflow-x:auto;border-radius:16px;border:1px solid var(--hairline);background:var(--surface)}.db-table{width:100%;border-collapse:collapse;font-size:14px}.db-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);background:var(--raised);white-space:nowrap}.db-table td{padding:10px 16px;border-top:1px solid var(--hairline);vertical-align:middle}.db-table code{font-family:var(--ff-mono);font-size:13px;overflow-wrap:anywhere}.db-cell-swatch{display:flex;align-items:center;gap:10px}.db-cell-detail{color:var(--fg-3);font-size:13px}.db-copy{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--hairline-2);background:transparent;color:var(--fg-2);font:600 13px/1 var(--ff-sans);cursor:pointer}.db-copy:hover{color:var(--fg);border-color:rgba(28,31,59,.32)}@media (max-width:640px){.db-table .db-col-detail{display:none}.db-table td,.db-table th{padding:10px 12px}}.db-code{margin:0;padding:18px;border-radius:16px;background:var(--navy);color:#e9e7ff;font:13px/1.6 var(--ff-mono);overflow:auto;max-height:360px}.db-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.db-hits{display:grid;gap:14px}.db-hit{display:grid;gap:12px;padding:20px;border-radius:var(--radius);background:var(--surface)}.db-hit-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.db-hit-head h3{margin:0;font-size:18px;letter-spacing:-.02em}.db-hit-page{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--hairline)}.db-hit-items{display:flex;gap:8px;flex-wrap:wrap}.db-hit-item{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--raised);font-size:13px}.db-hit-item .vt-swatch{width:24px;height:24px;border-radius:8px}.db-hit-font{padding:4px 12px}.db-sim{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.db-sim-label{font-size:13px;font-weight:600;color:var(--navy);margin-right:4px}.db-examples{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.db-share-box{display:grid;gap:12px}.db-share-url{display:flex;gap:8px;flex-wrap:wrap}.db-share-url input{flex:1 1 220px;min-width:0;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--hairline-2);background:var(--surface);color:var(--fg);font:13px var(--ff-mono)}.db-share-url input:focus-visible{outline:2px solid var(--purple-btn);outline-offset:2px}.db-badge{display:inline-flex;gap:8px;padding:6px 14px;border-radius:999px;background:var(--lime);font-size:13px;font-weight:700}.db-badge,.db-public-foot{align-items:center;color:var(--navy)}.db-public-foot{margin-top:28px;padding:20px 24px;border-radius:var(--radius);background:var(--purple-soft);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.db-public-foot p{margin:0;font-size:15px}.db-note-ok{margin:12px 0 0;padding:12px 18px;border-radius:16px;background:var(--lime);color:var(--navy);font-weight:500;font-size:14px}.db-more{display:flex;justify-content:center;margin-top:18px}.db-link-btn{background:none;border:0;padding:0;cursor:pointer;font:inherit}.db-copy:focus-visible,.db-link-btn:focus-visible,.db-pill:focus-visible,.db-proj:focus-visible,.vt-btn:focus-visible,.vt-link:focus-visible,.vt-select:focus-visible{outline:2px solid var(--purple-btn);outline-offset:2px}.db-tone-navy .vt-btn:focus-visible,.db-tone-navy a:focus-visible{outline-color:var(--lime)}@media (max-width:540px){.db-hit{padding:16px}.db-public-foot{padding:18px}}@media (prefers-reduced-motion:reduce){.db-meter>span,.db-pill,.db-proj{transition:none!important}.db-proj:hover{transform:none}}