.riffy-drawer__overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.3)}.riffy-drawer__panel{position:absolute;top:0;right:0;height:100%;width:520px;max-width:100%;overflow-y:auto;background:var(--color-bg);box-shadow:var(--shadow-3)}.riffy-drawer__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.riffy-drawer__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg)}.riffy-drawer__close{border:none;background:transparent;color:var(--color-muted);font-size:18px;line-height:1;padding:4px;border-radius:var(--radius-6);cursor:pointer}.riffy-drawer__close:hover{background:var(--color-surface);color:var(--color-fg)}.riffy-drawer__body{padding:var(--space-6)}@media (max-width:1279px){.riffy-responsive .riffy-drawer__header{padding:var(--space-3) var(--space-4)}.riffy-responsive .riffy-drawer__body{padding:var(--space-4)}}@media (max-width:743px){.riffy-responsive .riffy-drawer__panel{width:100%}}.riffy-modal__overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-6);padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));background:rgba(0,0,0,.4)}.riffy-modal__panel{width:100%;max-width:512px;max-height:85vh;overflow-y:auto;background:var(--color-bg);border-radius:var(--radius-12);box-shadow:var(--shadow-3);padding:var(--space-6)}.riffy-modal__panel--wide{max-width:768px}.riffy-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.riffy-modal__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg)}.riffy-modal__close{border:none;background:transparent;color:var(--color-muted);font-size:18px;line-height:1;padding:4px;border-radius:var(--radius-6);cursor:pointer}.riffy-modal__close:hover{background:var(--color-surface);color:var(--color-fg)}@media (max-width:743px){.riffy-modal__overlay{align-items:stretch;padding:0}.riffy-modal__panel,.riffy-modal__panel--wide{display:flex;flex-direction:column;max-width:none;height:100vh;height:100dvh;max-height:none;overflow:hidden;border-radius:0;box-shadow:none;padding:0}.riffy-modal__header{flex:0 0 auto;margin-bottom:0;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--color-border)}.riffy-modal__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.riffy-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}.riffy-share{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-sans)}.riffy-share__btn{border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-fg-body);border-radius:var(--radius-8);padding:8px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer}.riffy-share__btn:hover{background:var(--color-surface)}.riffy-share__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.riffy-legend{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-sans)}.riffy-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-muted)}.riffy-legend__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.riffy-linechart{font-family:var(--font-sans)}.riffy-linechart__svg{width:100%;height:auto;margin-top:8px;display:block}.riffy-dropdown{position:relative;display:inline-block;font-family:var(--font-sans)}.riffy-dropdown__trigger{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-body);border-radius:var(--radius-8);padding:8px 12px;font-size:var(--font-size-sm);cursor:pointer}.riffy-dropdown__trigger:hover{background:var(--color-surface)}.riffy-dropdown__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.riffy-dropdown__trigger--bare{border:none;background:transparent;padding:0;border-radius:var(--radius-full);display:inline-flex}.riffy-dropdown__trigger--bare:hover{background:transparent}.riffy-dropdown__backdrop{position:fixed;inset:0;z-index:40}.riffy-dropdown__menu{position:absolute;top:calc(100% + 4px);z-index:41;min-width:180px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-8);box-shadow:var(--shadow-2);padding:4px}.riffy-dropdown__menu--left{left:0}.riffy-dropdown__menu--right{right:0}.riffy-dropdown__menu--up{top:auto;bottom:calc(100% + 4px)}.riffy-dropdown__item{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--color-fg-body);font-size:var(--font-size-sm);padding:8px 10px;border-radius:var(--radius-6);cursor:pointer}.riffy-dropdown__item:hover{background:var(--color-surface)}.riffy-dropdown__item.is-danger{color:var(--color-danger)}.riffy-dropdown__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}