.btn-primary{background:var(--md-sys-color-primary,#64ffda);color:var(--md-sys-color-on-primary,#00382b);border-radius:var(--md-sys-shape-corner-full,9999px);letter-spacing:.2px;cursor:pointer;transition:all var(--md-sys-motion-duration-short,.15s) var(--md-sys-motion-easing,ease-in-out);box-shadow:var(--md-sys-elevation-1,0px 1px 3px #0000004d);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:var(--md-sys-elevation-2,0px 3px 6px #0006);filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--md-sys-elevation-1,0px 1px 2px #0000004d);transform:translateY(0)}.btn-secondary{background:var(--md-sys-color-surface-variant,#ffffff14);color:var(--md-sys-color-on-surface,#e6e1e5);border:1px solid var(--md-sys-color-outline,#fff3);border-radius:var(--md-sys-shape-corner-full,9999px);cursor:pointer;transition:all var(--md-sys-motion-duration-short,.15s) ease;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--md-sys-color-surface-container-high,#ffffff26);border-color:var(--md-sys-color-primary,#64ffda)}.modal-close-button{width:32px;height:32px;color:var(--md-sys-color-on-surface-variant,#c4c7c5);cursor:pointer;transition:all var(--md-sys-motion-duration-short,.15s) ease;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.modal-close-button:hover{color:var(--md-sys-color-on-surface,#fff);background:#ffffff26}.tool-button{background-color:var(--md-sys-color-surface-container,#252525);color:var(--md-sys-color-on-surface,#fff);border:1px solid var(--md-sys-color-outline-variant,#333);border-radius:var(--md-sys-shape-corner-s,8px);cursor:pointer;transition:all var(--md-sys-motion-duration-short,.15s) ease;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.tool-button:hover{background-color:var(--md-sys-color-surface-variant,#333);border-color:var(--md-sys-color-outline,#555)}.tool-button.active{background-color:var(--md-sys-color-primary,#64ffda);color:var(--md-sys-color-on-primary,#1a1a1a);border-color:var(--md-sys-color-primary,#64ffda);font-weight:600}.tool-button.active:hover{filter:brightness(1.08)}.tool-button:disabled{color:#ffffff4d;cursor:not-allowed;background-color:#ffffff0d;border-color:#0000}.icon-button{border-radius:var(--md-sys-shape-corner-full,9999px);cursor:pointer;color:var(--md-sys-color-on-surface-variant,#c4c7c5);transition:all var(--md-sys-motion-duration-short,.15s) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{color:var(--md-sys-color-primary,#64ffda);background-color:#ffffff1a}.user-avatar-btn{background-color:var(--md-sys-color-primary,#64ffda);width:36px;height:36px;color:var(--md-sys-color-on-primary,#1a1a1a);cursor:pointer;transition:all var(--md-sys-motion-duration-short,.15s) ease;box-shadow:var(--md-sys-elevation-1,0px 1px 3px #0000004d);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:flex}.user-avatar-btn:hover{box-shadow:var(--md-sys-elevation-2,0px 2px 6px #0006);transform:scale(1.05)}html,body,#root{background-color:#121212;width:100%;height:100%;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}:root{--md-sys-color-background:#121212;--md-sys-color-on-background:#e6e1e5;--md-sys-color-surface:#1e1e1e;--md-sys-color-on-surface:#e6e1e5;--md-sys-color-surface-variant:#2d2d2d;--md-sys-color-on-surface-variant:#c4c7c5;--md-sys-color-surface-container:#252525;--md-sys-color-surface-container-high:#2b2b2b;--md-sys-color-primary:#64ffda;--md-sys-color-on-primary:#00382b;--md-sys-color-primary-container:#005140;--md-sys-color-on-primary-container:#80fcdb;--md-sys-color-secondary:#a8c7fa;--md-sys-color-on-secondary:#06325d;--md-sys-color-secondary-container:#234878;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-outline:#444746;--md-sys-color-outline-variant:#303030;--md-sys-elevation-0:none;--md-sys-elevation-1:0px 1px 3px 1px #0006, 0px 1px 2px 0px #00000080;--md-sys-elevation-2:0px 2px 6px 2px #00000073, 0px 1px 2px 0px #00000080;--md-sys-elevation-3:0px 4px 8px 3px #00000080, 0px 1px 3px 0px #0009;--md-sys-elevation-4:0px 6px 10px 4px #0000008c, 0px 2px 4px 0px #0009;--md-sys-elevation-5:0px 8px 12px 6px #0009, 0px 4px 4px 0px #000000a6;--md-sys-shape-corner-xs:4px;--md-sys-shape-corner-s:8px;--md-sys-shape-corner-m:12px;--md-sys-shape-corner-l:16px;--md-sys-shape-corner-xl:28px;--md-sys-shape-corner-full:9999px;--md-sys-motion-duration-short:.15s;--md-sys-motion-duration-medium:.25s;--md-sys-motion-easing:cubic-bezier(.2, 0, 0, 1)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.md-card{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-m);border:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-2);transition:box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing)}.md-card:hover{box-shadow:var(--md-sys-elevation-3)}.md-text-field{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.md-text-field label{color:var(--md-sys-color-primary);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:500}.md-text-field input,.md-text-field select,.md-text-field textarea{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-s);transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.md-text-field input:focus,.md-text-field select:focus,.md-text-field textarea:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px #64ffda33}.md-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:mdModalFadeIn var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes mdModalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-primary)}