@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--bg:#f5f7fb;--text:#172033;--muted:#64748b;--line:#dce3ed;--primary:#536dfe;--primary-dark:#4058e8;--accent:#14b8a6;--font-family-sans:"DM Sans",sans-serif;--font-family-mono:"DM Mono",monospace;--font-color:#f8fafc;--font-color2:#a8b2c2;--color-darkGrey:#111827;--color-darkBlueGrey:#182235;--color-blueGrey:#202c41;--color-lightGrey:#e8edf4;--color-grey:#64748b;--color-midGrey:#334155;--color-primary:#536dfe;--color-secondary:#2dd4bf;--color-error:#ef4444;--color-success:#22c55e}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:var(--text);background:var(--bg);font-family:var(--font-family-sans);margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #536dfe59}.App{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.top-bar{z-index:400;color:#f8fafc;background:#111827;border-bottom:1px solid #263247;justify-content:space-between;align-items:center;gap:28px;min-width:0;min-height:72px;padding:10px clamp(16px,3vw,42px);display:flex;box-shadow:0 4px 18px #0f172a2e}.brand{flex:none;align-items:center;gap:11px;display:flex}.brand-mark{filter:drop-shadow(0 5px 8px #536dfe40);width:34px;height:34px;display:block}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.brand h1{color:#fff;letter-spacing:-.035em;margin:1px 0 0;font-size:18px;line-height:1.1}.top-bar nav{scrollbar-width:none;gap:3px;min-width:0;display:flex;overflow-x:auto}.top-bar nav::-webkit-scrollbar{display:none}.top-bar nav button{color:#aeb9cc;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;min-height:36px;padding:7px 10px;transition:background .16s,color .16s}.top-bar nav button:hover{color:#fff;background:#ffffff14}.top-bar nav button.active{color:#fff;background:#536dfe47;border-color:#8596ff59}.demo-content{isolation:isolate;min-width:0;min-height:0;position:relative;overflow:hidden}.demo-view{background:#eaf0f8;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.demo-two-views{background:#cbd5e1;gap:1px;width:100%;height:100%;display:flex}.demo-two-views>.demo-view{flex:1}.demo-board-shell{background:#eaf0f8;position:absolute;inset:0;overflow:hidden}.demo-controls{z-index:215;overscroll-behavior:contain;width:272px;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #ffffffbf;border-radius:14px;padding:10px;position:absolute;top:12px;bottom:12px;left:12px;overflow-y:auto;box-shadow:0 15px 40px #0f172a2e}.controls-heading{border-bottom:1px solid var(--line);padding:6px 7px 12px}.controls-heading p:last-child{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.35}.controls-toggle{display:none}.control-section{border-bottom:1px solid var(--line);gap:8px;padding:14px 7px;display:grid}.control-section:last-child{border-bottom:0}.control-section h2{color:#34415a;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.control-section label{color:#4c5a70;gap:5px;font-size:12px;font-weight:600;display:grid}.control-section label:has(input[type=checkbox]){align-items:center;gap:7px;padding-top:2px;display:flex}.control-section input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary)}select,input:not([type=checkbox]),textarea{width:100%;min-height:34px;color:var(--text);background:#f8fafc;border:1px solid #d8e0eb;border-radius:6px;padding:6px 9px}select:hover,input:not([type=checkbox]):hover{border-color:#aebbd0}button:not(.clear){color:#35435a;text-align:left;background:#f2f5f9;border:1px solid #dce4ee;border-radius:6px;min-height:34px;padding:7px 10px;font-weight:600;transition:transform .16s,background .16s,border-color .16s}button:not(.clear):hover{background:#e8edf5;border-color:#bdc9da}button:not(.clear):active{transform:translateY(1px)}.primary-action{color:#fff!important;text-align:center!important;background:var(--primary)!important;border-color:var(--primary)!important}.primary-action:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.board-actions{grid-template-columns:1fr 1fr}.board-actions h2{grid-column:1/-1}.board-actions button{min-height:52px;font-size:11px;line-height:1.25}.users-list ul{color:var(--muted);gap:5px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.users-list li{border-left:3px solid var(--accent);padding-left:11px}.blurry{filter:blur(3px)}@media (width<=720px){.top-bar{align-items:flex-start;gap:12px;min-height:64px;padding:8px 14px}.brand .eyebrow{display:none}.brand h1{font-size:16px}.top-bar nav{padding-top:2px}.top-bar nav button{min-height:32px;padding:5px 8px;font-size:12px}.demo-controls{border-radius:12px;width:auto;max-height:min(47vh,430px);padding:7px;transition:max-height .22s,box-shadow .22s;inset:auto 8px 8px}.controls-heading{justify-content:space-between;align-items:center;gap:12px;padding:4px 3px 6px;display:flex}.controls-heading p:last-child{display:none}.controls-toggle{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;min-height:32px!important;color:var(--primary)!important;background:0 0!important;border-color:#0000!important;padding:5px 7px!important}.controls-toggle span{font-size:16px;line-height:1}.demo-controls.is-closed{max-height:48px;overflow:hidden;box-shadow:0 7px 22px #0f172a33}.demo-controls.is-closed .controls-content{display:none}.demo-two-views{flex-direction:column}.demo-two-views>.demo-view{min-height:0}}@media (width<=450px){.brand-mark{width:30px;height:30px}.top-bar{display:block}.top-bar nav{margin-top:7px}}.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:#0000;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid #0000;border-bottom:5px solid #0000;transform:translateY(-5px)}.rc-slider-handle{z-index:1;cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-track-draggable{border:0;border-left:5px solid #0000;border-right:5px solid #0000;transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{z-index:1;touch-action:pan-y;margin-top:0;margin-left:-5px;position:absolute}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:#0000;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}