:root{--cp-primary: #005aa8;--cp-accent: rgb(38, 150, 241);--cp-accent-hover: rgb(24, 132, 222);--cp-menu: rgb(54, 66, 77);--cp-menu-active: rgb(26, 38, 51);--cp-bg: rgb(22, 32, 43);--cp-panel: rgb(31, 43, 55);--cp-surface: rgb(44, 57, 70);--cp-surface-hover: rgb(52, 66, 80);--cp-border: rgba(255, 255, 255, .07);--cp-text: rgb(185, 185, 185);--cp-text-strong: #ffffff;--cp-text-muted: rgb(130, 140, 150);--cp-success: #2fb36d;--cp-danger: #e5484d;--cp-danger-hover: #cf3a3f;--cp-warning: #f5a623;--cp-radius: 10px;--cp-rail-width: 72px;--cp-list-width: 380px;--cp-bottom-nav: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;color:var(--cp-text);background:var(--cp-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3,h4{color:var(--cp-text-strong);font-weight:400;margin:0}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:var(--cp-text-strong)}a{color:var(--cp-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--cp-radius);background:var(--cp-accent);color:#fff;font-weight:400;transition:background .15s,opacity .15s;text-decoration:none}.btn:hover:not(:disabled){background:var(--cp-accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--cp-surface);color:var(--cp-text-strong)}.btn-ghost:hover:not(:disabled){background:var(--cp-surface-hover)}.btn-danger{background:var(--cp-danger)}.btn-danger:hover:not(:disabled){background:var(--cp-danger-hover)}.btn-success{background:var(--cp-success)}.btn-success:hover:not(:disabled){background:#279a5d}.btn-block{width:100%}.input{width:100%;padding:12px 14px;border:1px solid var(--cp-border);border-radius:var(--cp-radius);background:var(--cp-surface);outline:none;transition:border-color .15s}.input:focus{border-color:var(--cp-accent)}.input::placeholder{color:var(--cp-text-muted)}.card{background:var(--cp-panel);border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:16px}.muted{color:var(--cp-text-muted)}.text-danger{color:var(--cp-danger)}.text-success{color:var(--cp-success)}.text-warning{color:var(--cp-warning)}.text-accent{color:var(--cp-accent)}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cp-surface) transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .25s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%)}