:root{color-scheme:dark;--control-bg:#111825;--control-line:#d8e2fa26;--control-ink:#e6ecf7;--control-muted:#96a6be;--control-accent:#d1c5f0;--control-ease:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{scrollbar-width:thin;scrollbar-color:#b3bfda40 transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border:1px solid transparent;background:#b3bfda40;background-clip:padding-box;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background-color:#b3bfda70}
button,input,textarea,select{font-family:inherit}
button{-webkit-tap-highlight-color:transparent}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
summary:not(:has(svg,.ui-icon))::after{content:"";display:inline-block;width:6px;height:6px;margin-left:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;vertical-align:.15em;transform:rotate(45deg);opacity:.6;transition:transform .3s var(--control-ease)}
details[open]>summary:not(:has(svg,.ui-icon))::after{transform:rotate(225deg);vertical-align:-.1em}
input[type=number]{appearance:textfield;-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
:where(input,textarea,select):focus-visible{outline:2px solid #c7cce2;outline-offset:3px}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type=checkbox]:not(.annotation-switch input),input[type=radio]:not(.quote-card-styles input,.quote-card-formats input){appearance:none;display:inline-grid;place-items:center;width:18px!important;height:18px!important;min-width:18px;margin:0;padding:0!important;border:1px solid #c4d0e44a!important;border-radius:5px!important;background:#ffffff05!important;vertical-align:middle;cursor:pointer;transition:background .25s,border-color .25s}
input[type=radio]:not(.quote-card-styles input,.quote-card-formats input){border-radius:50%!important}
input[type=checkbox]:not(.annotation-switch input):checked,input[type=radio]:not(.quote-card-styles input,.quote-card-formats input):checked{border-color:#d1c5f0bb!important;background:#d1c5f02b!important}
input[type=checkbox]:not(.annotation-switch input):checked::after{content:"";width:8px;height:4px;border-left:1.5px solid #f0eaff;border-bottom:1.5px solid #f0eaff;transform:rotate(-45deg) translateY(-1px)}
input[type=radio]:not(.quote-card-styles input,.quote-card-formats input):checked::after{content:"";width:8px;height:8px;background:#f0eaff;border-radius:50%}
input[type=range]:not(#music-progress){appearance:none;-webkit-appearance:none;--range-fill:50%;height:24px;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;cursor:pointer}
input[type=range]:not(#music-progress)::-webkit-slider-runnable-track{height:3px;border-radius:20px;background:linear-gradient(90deg,#d9dfee var(--range-fill),#d9dfee29 var(--range-fill))}
input[type=range]:not(#music-progress)::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:50%;background:#e4e9f4;box-shadow:0 0 0 3px #e4e9f40b;transition:box-shadow .25s,transform .3s}
input[type=range]:not(#music-progress):hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #e4e9f413;transform:scale(1.15)}
input[type=range]:not(#music-progress)::-moz-range-track{height:3px;border-radius:20px;background:#d9dfee29}
input[type=range]:not(#music-progress)::-moz-range-progress{height:3px;border-radius:20px;background:#d9dfee}
input[type=range]:not(#music-progress)::-moz-range-thumb{height:10px;width:10px;border:0;border-radius:50%;background:#e4e9f4}
.music-player #music-volume{height:24px;accent-color:auto}
.custom-control-source{display:none!important}
.custom-control{position:relative;display:block;min-width:0;width:100%;max-width:100%}
.custom-control-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px;margin:0;padding:11px 13px;border:1px solid var(--control-line);border-radius:11px;background:linear-gradient(130deg,#ffffff04,transparent),#090f1980;color:var(--control-ink);text-align:left;font:400 14px/1.5 Inter,"Segoe UI",sans-serif;cursor:pointer;transition:border-color .3s,background .3s}
.custom-control-trigger>span:not(.custom-color-swatch){min-width:0;overflow-wrap:anywhere}
.custom-control-trigger svg{flex:none;width:16px;height:16px;opacity:.65;transition:transform .5s var(--control-ease)}
.custom-control-trigger:hover{background-color:#ffffff06;border-color:#d8e2fa46}
.custom-control-trigger[aria-expanded=true]{border-color:#cbbfea80;background-color:#cbbfea09}
.custom-control-trigger[aria-expanded=true] .custom-chevron{transform:rotate(180deg)}
.custom-control-trigger:focus-visible{outline:2px solid #c7cce2;outline-offset:3px}
.custom-control-trigger:disabled{opacity:.45;cursor:default}
.custom-control-trigger[aria-invalid=true]{border-color:#dd969680}
.custom-control-error{display:block;color:#e3b8b5;font-size:14px;line-height:1.5;margin-top:7px}
.custom-control-error[hidden]{display:none}
.custom-popover{position:fixed;inset:auto;margin:0;min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:8px;border:1px solid #d5dff534;border-radius:15px;background:linear-gradient(145deg,#ffffff07,transparent 50%),#111825f7;color:var(--control-ink);box-shadow:0 14px 55px #0007;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font:400 14px/1.5 Inter,"Segoe UI",sans-serif}
.custom-popover::backdrop{background:transparent}
.custom-popover button{font:inherit;cursor:pointer}
.custom-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#c0cbe0;text-align:left;font-size:14px;line-height:1.5}
.custom-option>span{min-width:0;overflow-wrap:anywhere}
.custom-option>svg{flex:none;opacity:0;color:#dcd2f3}
.custom-option[aria-selected=true]{color:#f0ecf8;background:#d1c5f013}
.custom-option[aria-selected=true]>svg{opacity:1}
.custom-option:hover,.custom-option:focus-visible{outline:none;background:#ffffff09;color:#f2f4fa}
.custom-option:disabled{opacity:.4;cursor:default}
.custom-select-group{padding:8px 12px 4px;color:#8d9ab0;font-size:13px}
.custom-calendar{padding:16px}
.custom-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.custom-calendar-month{font-size:15px;font-weight:500;text-transform:capitalize}
.custom-calendar-nav{display:flex;gap:4px}
.custom-calendar-nav button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:#b9c5dd;background:transparent}
.custom-calendar-nav button:hover{background:#ffffff0b;color:white}
.custom-calendar-week,.custom-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.custom-calendar-week>span{text-align:center;font-size:13px;color:#90a0ba;padding:2px 0 9px}
.custom-calendar-day{display:grid;place-items:center;min-height:34px;padding:4px 0;border:1px solid transparent;border-radius:9px;background:none;color:#d5ddef;font-variant-numeric:tabular-nums}
.custom-calendar-day[data-outside=true]{color:#61708a}
.custom-calendar-day[data-today=true]{border-color:#d1c5f047}
.custom-calendar-day[aria-selected=true]{color:#f6f1ff;background:#c7b4ee2b;border-color:#c7b4ee59}
.custom-calendar-day:hover,.custom-calendar-day:focus-visible{outline:none;background:#dce3f012;border-color:#dce3f04a}
.custom-calendar-day:disabled{opacity:.2;cursor:default}
.custom-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff12;margin-top:13px;padding-top:9px}
.custom-calendar-footer button{border:0;background:none;padding:6px 0;color:#bcb1d9;font-size:14px}
.custom-color-trigger{justify-content:flex-start;gap:11px}
.custom-color-trigger code{font:400 14px/1.5 ui-monospace,monospace;color:#b9c5dc;text-transform:uppercase}
.custom-color-trigger svg{margin-left:auto}
.custom-color-swatch{width:23px;height:23px;flex:none;border:1px solid #ffffff30;border-radius:7px;background:var(--picked-color)}
.custom-color-panel{padding:16px}
.custom-color-plane{--picked-hue:0;position:relative;width:100%;height:145px;margin-bottom:16px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--picked-hue) 100% 50%);touch-action:none;cursor:crosshair}
.custom-color-plane:focus-visible{outline:2px solid #c7cce2;outline-offset:3px}
.custom-color-dot{position:absolute;left:var(--picked-saturation);top:var(--picked-value);width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0008;transform:translate(-50%,-50%);pointer-events:none}
.custom-color-panel label{display:grid;gap:8px;font:400 14px/1.5 Inter,"Segoe UI",sans-serif;color:#9cacc5;margin:0 0 14px}
.custom-color-panel input[type=text]{min-height:40px;margin:0;padding:9px 12px;width:100%;border:1px solid var(--control-line);border-radius:9px;background:#0002;color:#e4eaf6;font:400 14px/1.5 ui-monospace,monospace;box-sizing:border-box;text-transform:uppercase}
.custom-color-panel .custom-color-hue{height:22px;width:100%;margin:0}
.custom-color-panel .custom-color-hue::-webkit-slider-runnable-track{height:7px;background:linear-gradient(90deg,#f44,#ff4,#4f4,#4ff,#44f,#f4f,#f44)}
.custom-color-panel .custom-color-hue::-webkit-slider-thumb{margin-top:-2px;width:11px;height:11px;border:2px solid #fff;box-shadow:0 1px 3px #0005}
.custom-color-panel .custom-color-hue::-moz-range-track{height:7px;background:linear-gradient(90deg,#f44,#ff4,#4f4,#4ff,#44f,#f4f,#f44)}
.custom-color-panel .custom-color-hue::-moz-range-progress{background:transparent}
.custom-color-palette{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid #ffffff12}
.custom-color-palette button{width:25px;height:25px;border:1px solid #ffffff38;border-radius:7px;background:var(--palette-color);padding:0}
.custom-color-palette button:hover{outline:1px solid #d3ddec;outline-offset:3px}
.custom-message-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:26px;border:1px solid #d5dff534;border-radius:19px;background:linear-gradient(145deg,#ffffff07,transparent),#111825;color:#e6ecf7;box-shadow:0 25px 90px #0008;overflow:auto;overscroll-behavior:contain;font:400 16px/1.7 Inter,"Segoe UI",sans-serif}
.custom-message-dialog::backdrop{background:#030712b8;backdrop-filter:blur(7px)}
.custom-message-dialog h2{font:500 20px/1.35 Inter,"Segoe UI",sans-serif;letter-spacing:-.02em;margin:0 0 13px}
.custom-message-dialog p{margin:0;color:#b3c0d6;white-space:pre-line;overflow-wrap:anywhere}
.custom-message-dialog input{display:block;width:100%;min-width:0;margin:18px 0 0;padding:11px 12px;border:1px solid var(--control-line);border-radius:10px;background:#0002;color:#e6ecf7;font:inherit;font-size:15px;box-sizing:border-box}
.custom-message-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff12;margin-top:23px;padding-top:18px}
.custom-message-actions button{min-height:42px;min-width:85px;border:1px solid #d5dff524;border-radius:10px;padding:9px 15px;background:#ffffff04;color:#b7c5de;font:400 14px/1.5 Inter,"Segoe UI",sans-serif;cursor:pointer}
.custom-message-actions button:last-child{color:#f0eafa;background:#c6b7e922;border-color:#c6b7e955}
.custom-message-actions button:hover{border-color:#d5dff555;background-color:#ffffff0b}
.custom-audio-source{display:none!important}
.custom-audio-preview{display:flex;align-items:center;gap:12px;min-width:220px;max-width:100%;padding:9px 13px;border:1px solid var(--control-line);border-radius:12px;background:#080e1870;color:#c5d1e6}
.custom-audio-preview button{display:grid;place-items:center;flex:none;width:33px;height:33px;margin:0;padding:0;border:1px solid #d1c5f04a;border-radius:50%;background:#d1c5f017;color:#e2d9f3}
.custom-audio-preview input[type=range]{flex:1;width:90px;min-width:35px;margin:0}
.custom-audio-preview span{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.custom-audio-preview small{font-size:13px;line-height:1.4;color:#e3b8b5;max-width:160px}
.custom-control[hidden],.custom-audio-preview[hidden]{display:none!important}
@media(max-width:600px){.custom-message-dialog{padding:22px}.custom-audio-preview{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.custom-control-trigger,.custom-control-trigger svg,input[type=checkbox],input[type=radio],input[type=range]::-webkit-slider-thumb{transition:none}}