:root{--bad:hsl(0 66% 40%)}:root[data-mode=dark]{--bad:hsl(0 92% 72%)}.db{padding-top:calc(var(--bar-h) + env(safe-area-inset-top,0px) + clamp(28px,5vw,64px));padding-bottom:clamp(64px,8vw,120px);min-height:70vh}.db-h1{font-size:clamp(38px,5.4vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1}.db-h3{font:600 16px/1.3 var(--display);letter-spacing:-.01em;margin:0}.db-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.db-head .note{margin-top:10px}.db-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.db .btn:disabled{opacity:.45;cursor:default;transform:none}.db .panel{display:flex;flex-direction:column;gap:16px}.db .panel .btn{align-self:flex-start}.db .panel .db-actions .btn{align-self:auto}.db-big{font:500 22px/1.25 var(--display);letter-spacing:-.02em}.db-quiet{font-size:15px;color:var(--muted)}.db-quiet-inline{font-size:14px;color:var(--muted)}.db-ok{font:600 14.5px/1.4 var(--body);color:var(--good)}.db-bad{font:600 14.5px/1.4 var(--body);color:var(--bad)}.db-problem{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:8px;background:var(--surface-2)}.db-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut)) 24px;padding:2px var(--gut) 4px}.db-tabs::-webkit-scrollbar{display:none}.db-tabs a{flex:none;padding:10px 14px;border-radius:8px;background:var(--surface-2);color:var(--fg);font:600 14.5px/1 var(--body);text-decoration:none;white-space:nowrap;transition:background-color .2s ease}.db-tabs a[aria-current=page]{background:var(--fg);color:var(--bg)}@media(hover:hover){.db-tabs a:not([aria-current]):hover{background:var(--surface-3)}}.db-grid,.db-stack{display:grid;gap:16px;min-width:0}.db-grid>*,.db-stack>*{min-width:0}.db-two{display:grid;gap:24px;min-width:0}.db-two>*{min-width:0}@media(min-width:900px){.db-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-wide{grid-column:1/-1}}@media(min-width:760px){.db-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.db-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 20px;margin:0;border-top:1px solid var(--line)}.db-stat{min-width:0;padding-top:16px}.db-stat dt{font-size:13px;color:var(--muted)}.db-stat dd{margin:8px 0 0;font:600 clamp(26px,2.8vw,38px)/1.05 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere}.db-stat-sub{margin-top:6px;font-size:13px;color:var(--muted)}.db-list{list-style:none;margin:0;padding:0}.db-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px;min-width:0}.db-list li:last-child{border-bottom:0}.db-list li>span:first-child{min-width:0;overflow-wrap:anywhere}.db-list li>:last-child:not(:first-child){text-align:right;flex:none;max-width:60%}.db-list b{font-weight:600;font-variant-numeric:tabular-nums}.db-ranked{counter-reset:rank}.db-ranked li{counter-increment:rank}.db-ranked li:before{content:counter(rank);flex:none;width:1.6em;color:var(--muted);font-variant-numeric:tabular-nums}.db-ranked li>span:first-child{flex:1}.db-me>span:first-child{font-weight:700}.db-me .db-quiet-inline{font-weight:400}.db-meter{height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}.db-meter i{display:block;height:100%;border-radius:4px;background:var(--fill)}.db-meter-fg i{background:var(--chart)}.db-meter-rec i{background:var(--rec)}.db-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.db-bars li{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:15px}.db-fields{display:flex;flex-wrap:wrap;gap:12px}.db-field{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0}.db-field>span{font:600 13px/1.2 var(--body);color:var(--muted)}.db-field-sm{flex:0 1 150px}.db-field-xs{flex:0 1 96px}.db-field-wide{flex-basis:100%}.db input:not([type=checkbox]):not(.dbc-input),.db select,.db textarea{width:100%;min-width:0;padding:12px 14px;border-radius:8px;border:0;background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg);font:16px/1.3 var(--body)}.db input::placeholder,.db textarea::placeholder{color:var(--muted)}.db input[type=date]{min-height:45px}.db-switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15.5px}.db-switch input{width:20px;height:20px;margin:0;accent-color:var(--fill);flex:none}.db-table-wrap{position:relative;overflow-x:auto;margin:0 -2px;padding:0 2px}.db-sets,.db-edit{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.db-sets th,.db-edit th{padding:6px 8px 8px;text-align:left;font:600 13px/1.2 var(--body);color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.db-sets td,.db-edit td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.db-sets tr:last-child td,.db-edit tr:last-child td{border-bottom:0}.db-sets th:first-child,.db-sets td:first-child,.db-edit th:first-child,.db-edit td:first-child{padding-left:0}.db-edit td:first-child{min-width:170px}.db-edit td input{padding:10px 12px;min-width:68px}.db-sets td input{padding:9px 10px;min-width:64px;max-width:110px}.db-editing td{background:var(--surface)}.db-row-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 10px}td.db-row-act{display:table-cell;text-align:right}td.db-row-act>*{margin-left:8px;vertical-align:middle}.db-x{padding:8px 2px;border:0;background:none;color:var(--fg);font:600 14px/1 var(--body);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px;cursor:pointer;white-space:nowrap}.db-x:disabled{color:var(--muted);cursor:default}.db-ex{display:flex;flex-direction:column;gap:6px}.db-ex+.db-ex{padding-top:6px}.db-table summary{width:max-content;padding:6px 0;font:600 14px var(--body);color:var(--muted);cursor:pointer}.db-table table{margin-top:6px;width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}.db-table th,.db-table td{padding:7px 8px 7px 0;text-align:left;border-bottom:1px solid var(--line)}.db-table th{font-weight:600;color:var(--muted)}.db-savebar{display:flex;flex-direction:column;gap:10px}.db-savebar.on{position:sticky;bottom:12px;z-index:5;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--fg) 9%,var(--solid))}.db-issues{margin:0;padding-left:18px;font-size:14.5px;color:var(--bad)}.db-chart{margin:0}.db-chart-box{position:relative;width:100%;touch-action:pan-y;border-radius:8px}.db-chart-box svg{display:block;overflow:visible}.db-gl{stroke:var(--line);stroke-width:1}.db-tick{fill:var(--muted);font:500 12px var(--body);font-variant-numeric:tabular-nums}.db-line{fill:none;stroke:var(--chart);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.db-dot{fill:var(--chart);stroke:var(--solid);stroke-width:2}.db-end{fill:var(--fg);font:600 13px var(--body);font-variant-numeric:tabular-nums}.db-cross{stroke:var(--line-2);stroke-width:1}.db-tip{position:absolute;transform:translate(-50%,calc(-100% - 6px));display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:6px;background:var(--fg);color:var(--bg);font-size:13px;line-height:1.25;white-space:nowrap;pointer-events:none}.db-tip b{font-size:15px;font-weight:700}.db-reps{display:flex;flex-direction:column;gap:6px}.db-rep-cols,.db-weeks{display:flex;align-items:stretch;gap:2px;height:104px}.db-rep{flex:1 1 0;max-width:24px;display:flex;flex-direction:column;align-items:center;gap:4px}.db-rep-bar{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.db-rep-bar i,.db-weeks i{display:block;width:100%;border-radius:4px 4px 0 0}.db-rep small,.db-weeks small{font:600 12px var(--body);color:var(--fg)}.db-rep em{font:500 11px var(--body);font-style:normal;color:var(--muted)}.db-weeks{height:88px;margin-top:10px}.db-weeks span{flex:1 1 0;max-width:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.db-weeks i{background:var(--chart)}.db-rep-list li{padding:8px 0;font-size:14.5px}.db-filmed{display:grid;gap:12px}@media(min-width:760px){.db-filmed{grid-template-columns:repeat(2,minmax(0,1fr))}}.db-film{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border-radius:8px;background:var(--surface)}.db-film .btn{align-self:flex-start}.db-score{font:600 28px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.db-fix{display:flex;flex-direction:column;gap:4px;font-size:15.5px}.db-invite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:var(--surface-2)}.db-chat{display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:62vh;overflow-y:auto;overscroll-behavior:contain;padding:2px}.db-starters{display:flex;flex-direction:column;gap:12px}.db-msg{max-width:min(660px,88%);padding:12px 14px;border-radius:12px;background:var(--surface-2);font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.db-msg-user{align-self:flex-end;background:var(--fg);color:var(--bg)}.db-composer{display:flex;align-items:flex-end;gap:10px}.db-composer textarea{flex:1;resize:vertical;min-height:52px}.db-code{font:700 clamp(32px,4vw,44px)/1 var(--display);letter-spacing:.14em;font-variant-numeric:tabular-nums}.db-look{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.db-look li{display:flex;flex-direction:column;gap:4px;min-width:0}.db-look b{display:flex;align-items:center;gap:8px;font-weight:600}.db-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.db-items li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--surface)}.db-item-name{display:flex;flex-direction:column;font-weight:600;min-width:0}.db-item-name small{font-size:13px;font-weight:500;color:var(--muted)}.db-worn{display:flex;flex-direction:column;align-items:flex-end;font-size:14px}.db-worn b{font-weight:700;color:var(--acc-text)}.db-worn .db-x{padding:4px 0 0;font-size:13px}.db-locked .db-item-name{color:var(--muted)}.db-locked .db-swatch{opacity:.35}.db-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;flex:none;box-shadow:0 0 0 1px var(--line-2)}.db-signin{display:grid;gap:32px;align-items:start}.db-signin .lede{margin-top:18px}.db-signin .note{margin-top:14px}@media(min-width:960px){.db-signin{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px}}.db-signin-box{--dbc-field:color-mix(in srgb,var(--fg) 8%,var(--solid))}:root[data-mode=dark] .db-signin-box{--dbc-field:var(--bg);background:var(--solid-2)}:root[data-mode=dark] .dbc-quiet{background:var(--surface-3)}@media(hover:hover){:root[data-mode=dark] .dbc-quiet:hover{background:color-mix(in srgb,var(--fg) 15%,transparent)}}.dbc-root,.dbc-card{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}.dbc-card{gap:24px}.dbc-header{align-items:flex-start;gap:6px;text-align:left}.dbc-title{font:600 22px/1.2 var(--display);letter-spacing:-.02em;color:var(--fg)}.dbc-subtitle{font:400 15px/1.5 var(--body);color:var(--muted)}.dbc-main{gap:20px}.dbc-socials{gap:8px}.dbc-quiet{min-height:48px;padding:12px 16px;border:0;border-radius:8px;box-shadow:none;background:var(--surface-2);color:var(--fg);font:600 15px var(--body);transition:background-color .2s ease}.dbc-quiet-text{font:600 15.5px/1 var(--body);color:var(--fg)}.dbc-divider{gap:14px}.dbc-divider-line{background:var(--line)}.dbc-divider-text{font:500 13px/1 var(--body);color:var(--muted)}.dbc-label{font:600 13px/1.2 var(--body);color:var(--muted)}.dbc-input{min-height:48px;padding:12px 14px;border:0;border-radius:8px;box-shadow:none;background:var(--dbc-field);color:var(--fg);font:16px/1.3 var(--body)}.dbc-input:-webkit-autofill,.dbc-input:-webkit-autofill:hover,.dbc-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--dbc-field) inset;transition:background-color 600000s 0s}.dbc-otp{padding:12px 0;text-align:center}.dbc-input:focus{box-shadow:none;outline:2px solid var(--focus);outline-offset:2px}.dbc-primary{min-height:52px;padding:16px 24px;border:0;border-radius:8px;box-shadow:none;background:var(--fill);background-image:none;color:var(--fill-ink);font:600 15.5px/1 var(--body);letter-spacing:0;text-transform:none;transition:background-color .2s ease,transform .16s var(--ease-out)}.dbc-primary:before,.dbc-primary:after{display:none}.dbc-primary:active{transform:scale(.97)}.dbc-link{font:600 14px/1.3 var(--body);color:var(--fg);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px;box-shadow:none}.dbc-identity{padding:10px 14px;border:0;border-radius:8px;background:var(--surface-2)}.dbc-identity-text{font:500 15px var(--body);color:var(--fg)}.dbc-alert{padding:12px 14px;border:0;border-radius:8px;box-shadow:none;background:var(--surface-2)}.dbc-error{font:600 14px/1.4 var(--body);color:var(--bad)}.dbc-footer{margin:0;padding:0;background:none;border:0;justify-content:flex-start}.dbc-footer,.dbc-footer *{color:var(--muted)}.dbc-hidden{display:none}@media(hover:hover){.dbc-quiet:hover{background:var(--surface-3)}.dbc-primary:hover{background:color-mix(in srgb,var(--fill) 86%,var(--fg))}}