.notification{padding:var(--spacing);background:var(--color-bg-elevated);text-align:left;border:1px solid var(--color-border);margin-top:var(--spacing);gap:var(--spacing);min-width:15vw;max-width:35vw;color:var(--color-text);box-shadow:var(--color-shadow);border-radius:12px;align-items:flex-start;display:flex;position:relative}.notification--pre{white-space:pre-wrap;word-wrap:break-word;flex-grow:1;margin:0;padding:0;font-size:14px;overflow-x:auto}.notification--button{background:var(--color-bg-muted);min-width:2rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:4px 10px}.notification--button:hover{background:var(--color-button-bg);color:var(--color-button-text)}
.chart-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;display:flex}.chart-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite chart-loading-spin}.chart-loading__label{color:var(--color-text-muted);letter-spacing:.02em;font-weight:600}.chart-empty{color:var(--color-text-muted);margin:0;padding:48px 24px;font-size:1.05rem;font-weight:500;line-height:1.5}@keyframes chart-loading-spin{to{transform:rotate(360deg)}}
.name-with-chart{vertical-align:middle;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.name-with-chart__label{min-width:0}button.chart-peek{border:1px solid var(--color-border);width:1.6rem;height:1.6rem;color:var(--color-text-muted);box-shadow:none;background:0 0;border-radius:4px;flex:none;padding:0}button.chart-peek:hover{background:var(--color-bg-muted);color:var(--color-text);box-shadow:none;transform:none}.history-chart-modal{border:1px solid var(--color-border);background:var(--color-bg-elevated);width:min(52rem,100vw - 2rem);max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--color-text);box-shadow:var(--color-shadow);border-radius:12px;margin:auto;padding:0}.history-chart-modal::backdrop{background:#1614178c}.history-chart-modal__header{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex}.history-chart-modal__header h2{margin:0;font-size:1.05rem}.history-chart-modal__body{padding:8px 16px 16px}button.history-chart-modal__close{border-color:var(--color-border);color:var(--color-text);box-shadow:none;background:0 0;padding:.35em .9em;font-size:.85rem}button.history-chart-modal__close:hover{background:var(--color-bg-muted);color:var(--color-text);box-shadow:none}
.theme-toggle{border:1px solid var(--color-border);background:var(--color-bg-muted);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle__btn{color:var(--color-text-muted);box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin:0;padding:6px 12px;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.theme-toggle__btn:hover{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:none;transform:none}.theme-toggle__btn.is-active{background:var(--color-button-bg);color:var(--color-button-text)}.theme-toggle__btn.is-active:hover{background:var(--color-button-hover);color:var(--color-button-text)}.theme-toggle__icon{width:14px;height:14px;display:block}@media (max-width:720px){.theme-toggle__btn{padding:6px 9px}.theme-toggle__btn span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}