.details-dialog{width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;border:0;border-radius:16px;color:var(--ink);background:var(--surface);box-shadow:0 24px 80px var(--glass-drop);overflow:hidden}.details-dialog::-webkit-backdrop{background:rgba(4,15,27,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.details-dialog::backdrop{background:rgba(4,15,27,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.details-dialog[open]{display:flex;flex-direction:column}.details-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;padding:12px 16px 12px 24px;background:linear-gradient(140deg,var(--tech-fill,var(--surface)),var(--tech-shade,var(--canvas)));box-shadow:0 4px 16px var(--tech-shadow,var(--shadow))}.details-dialog-toolbar>span{font-size:11px;line-height:20px;color:var(--muted)}.details-dialog-toolbar .icon-button{border:0;flex-shrink:0}.details-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;background:linear-gradient(145deg,var(--tech-fill,var(--surface)),var(--tech-shade,var(--canvas)))}@media(forced-colors:active){.details-dialog{border:1px solid CanvasText}.details-dialog::-webkit-backdrop{background:Canvas;opacity:.8}.details-dialog::backdrop{background:Canvas;opacity:.8}}