.detail-sheet-backdrop{z-index:50;background:color-mix(in srgb, var(--foreground) 20%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.16s ease-out sheet-fade-in;position:fixed;inset:0}.detail-sheet{z-index:51;background:var(--surface);width:100%;height:auto;max-height:90dvh;color:var(--foreground);box-shadow:0 20px 60px color-mix(in srgb, var(--foreground) 20%, transparent);border-radius:20px 20px 0 0;outline:none;flex-direction:column;transition:transform .18s ease-out;animation:.22s ease-out sheet-rise;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.detail-sheet-handle{touch-action:none;background:0 0;border:0;flex:0 0 24px;place-items:center;width:100%;display:grid}.detail-sheet-handle span{border-radius:var(--radius-pill);background:var(--border-strong);width:40px;height:4px}.detail-sheet-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:flex-start;gap:12px;padding:4px 16px 14px;display:flex}.detail-sheet-heading{flex:1;min-width:0}.detail-sheet-title{overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.3}.detail-sheet-title-row{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.detail-sheet-title-row .detail-sheet-title{min-width:0}.detail-sheet-description{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.detail-sheet-badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.detail-sheet-close{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-control);color:var(--muted-foreground);background:var(--background);border:1px solid var(--border-subtle);flex-shrink:0;place-items:center;display:grid}.detail-sheet-close:hover{background:var(--secondary)}.detail-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:16px;overflow-y:auto}.detail-sheet-footer{padding:12px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom,16px));border-top:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-shrink:0}@media (width>=768px){.detail-sheet{border-radius:var(--radius-service) 0 0 var(--radius-service);max-width:540px;height:100dvh;max-height:100dvh;animation-name:sheet-slide;inset:0 0 0 auto}.detail-sheet-handle{display:none}.detail-sheet-header,.detail-sheet-body{padding:20px 24px}.detail-sheet-footer{padding:16px 24px max(16px, env(safe-area-inset-bottom,16px))}}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.detail-sheet,.detail-sheet-backdrop{transition:none;animation:none}}.detail-sheet-footer strong{overflow-wrap:anywhere}@media (width<=767px){.detail-sheet-body input:not([type=checkbox]),.detail-sheet-body select{min-height:var(--touch-target);max-width:100%}}.detail-sheet[data-placement=bottom]{width:min(100%, var(--sheet-max-width,480px));border-radius:20px 20px 0 0;height:auto;max-height:90dvh;margin-inline:auto;animation-name:sheet-rise;inset:auto 0 0}.detail-sheet[data-placement=bottom] .detail-sheet-handle{display:grid}