.dn-chip{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-raised);min-height:28px;color:var(--ink-muted);align-items:center;gap:6px;padding:0 10px;font-size:13px;line-height:18px;display:inline-flex}.dn-chip[data-tone=caught]{border-color:color-mix(in srgb, var(--mint-deep) 35%, var(--line));color:var(--mint-deep)}.dn-chip[data-tone=alarm]{border-color:color-mix(in srgb, var(--alarm) 40%, var(--line));color:var(--alarm-ink)}.dn-chip[data-tone=wait]{border-color:color-mix(in srgb, var(--amber) 50%, var(--line))}.dn-seg{border:1px solid var(--line);border-radius:var(--r-3);background:var(--paper-sunk);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.dn-seg label{display:inline-flex;position:relative}.dn-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dn-seg span{border-radius:var(--r-2);min-height:40px;color:var(--ink-muted);transition:background-color var(--dur-2) var(--ease-in-out), color var(--dur-2) var(--ease-in-out), box-shadow var(--dur-2) var(--ease-in-out);border:1px solid #0000;align-items:center;padding:0 14px;font-size:15px;font-weight:550;display:inline-flex}.dn-seg input:checked+span{border-color:var(--line);background:var(--paper-raised);box-shadow:var(--shadow-1);color:var(--ink);font-weight:650}.dn-seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:1px}.dn-switch{min-height:44px;color:var(--ink);font:550 15px/1.2 var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.dn-switch-track{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper-sunk);width:40px;height:24px;transition:background-color var(--dur-2) var(--ease-in-out), border-color var(--dur-2) var(--ease-in-out);position:relative}.dn-switch-track:after{content:"";background:var(--ink-muted);width:16px;height:16px;transition:transform var(--dur-2) var(--ease-in-out), background-color var(--dur-2) var(--ease-in-out);border-radius:50%;position:absolute;top:3px;left:3px}.dn-switch[aria-checked=true] .dn-switch-track{border-color:var(--ink);background:var(--ink)}.dn-switch[aria-checked=true] .dn-switch-track:after{background:var(--paper);transform:translate(16px)}.dn-pop{vertical-align:middle;display:inline-flex;position:relative}.dn-pop-trigger{min-height:32px;color:var(--ink-muted);font:550 14px/1.2 var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;display:inline-flex}.dn-pop-trigger:hover{color:var(--ink)}.dn-pop-panel{z-index:30;border:1px solid var(--line);border-radius:var(--r-3);background:var(--paper-raised);width:min(320px,100vw - 32px);box-shadow:var(--shadow-2);color:var(--ink);text-align:left;animation:dn-rise var(--dur-2) var(--ease-out);padding:14px 16px;font-size:15px;line-height:22px;position:absolute;top:calc(100% + 6px);left:0}.dn-pop[data-align=end] .dn-pop-panel{left:auto;right:0}.dn-details{border-top:1px solid var(--line)}.dn-details:last-child{border-bottom:1px solid var(--line)}.dn-details summary{min-height:64px;color:var(--ink);font:600 19px/26px var(--font-body);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;list-style:none;display:flex}.dn-details summary::-webkit-details-marker{display:none}.dn-details summary svg{color:var(--ink-muted);transition:transform var(--dur-2) var(--ease-in-out);flex:none}.dn-details[open] summary svg{transform:rotate(45deg)}.dn-details-body{max-width:62ch;color:var(--ink-muted);padding:0 0 24px}.dn-details[open] .dn-details-body{animation:dn-rise var(--dur-3) var(--ease-out)}.dn-js [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(8px)}.dn-js [data-reveal]{transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger))}@keyframes dn-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes dn-fade{0%{opacity:0}}.dn-door{color:var(--mint-deep);display:block;overflow:visible}.dn-night .dn-door{color:var(--mint);filter:drop-shadow(0 0 12px #7ff0b573)}.dn-door path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.dn-door[data-state=idle] path{opacity:0}.dn-door[data-state=drawing] path{stroke-dasharray:1;stroke-dashoffset:1px;animation:dn-door-draw var(--dur-4) var(--ease-out) forwards}.dn-door[data-state=trace] path{opacity:.3}@keyframes dn-door-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.dn-js [data-reveal]:not([data-revealed]){opacity:1;transform:none}}
