@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e0e0;background:#0f0f0f;font-family:JetBrains Mono,monospace;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;min-height:100vh}.home-page,#hero-content{flex-direction:column;min-height:100vh;display:flex}#content-row{flex:1;display:flex}#sideBar{background:#161616;border-right:1px solid #1f1f1f;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;width:100px;padding-bottom:1.5rem;display:flex}.sidebar-btn{color:#555;letter-spacing:.05em;border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;width:72px;padding:.6rem .5rem;font-size:.65rem;text-decoration:none;transition:color .15s,background .15s;display:flex}.sidebar-btn:hover{color:#aaa;background:#1f1f1f}.sidebar-btn-active,.sidebar-btn-active:hover{color:#0f0f0f;background:#fff}header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.header-title{letter-spacing:.05em;font-size:1.25rem;font-weight:600}.header-btn{color:#e0e0e0;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem}.header-btn:hover{border-color:#666}#mainArea{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.upload-zone{cursor:pointer;text-align:center;border:1px dashed #444;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:380px;padding:3rem 2rem;transition:border-color .15s,background .15s;display:flex}.upload-zone:hover,.upload-zone.dragging{background:#151515;border-color:#888}.upload-label{color:#ccc;font-size:.95rem}.upload-sub{color:#555;font-size:.75rem}.upload-filename{color:#7ecfaf;font-size:.9rem}.upload-error{color:#cf7e7e;margin-top:.25rem;font-size:.8rem}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;flex-direction:column;gap:1rem;width:90%;max-width:420px;padding:2rem;display:flex}.modal-title{letter-spacing:.03em;font-size:1.1rem;font-weight:600}.modal-body{color:#aaa;font-size:.85rem;line-height:1.6}.modal-steps{color:#ccc;flex-direction:column;gap:.25rem;padding-left:1.25rem;font-size:.85rem;line-height:1.8;display:flex}.modal-steps code{background:#2a2a2a;border-radius:3px;padding:.1em .35em;font-family:inherit;font-size:.85em}.modal-btn{color:#e0e0e0;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;align-self:flex-end;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;transition:border-color .15s}.modal-btn:hover{border-color:#888}.review-area{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:480px;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-exit-right{to{opacity:0;transform:translate(140%)rotate(18deg)}}@keyframes card-exit-left{to{opacity:0;transform:translate(-140%)rotate(-18deg)}}@keyframes card-exit-up{to{opacity:0;transform:translateY(-30px)}}.msg-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;animation:.2s ease-out card-in;display:flex}.msg-card-exit-right{animation:.15s ease-in forwards card-exit-right}.msg-card-exit-left{animation:.15s ease-in forwards card-exit-left}.msg-card-exit-up{animation:.1s ease-in forwards card-exit-up}.msg-card-meta{justify-content:space-between;align-items:center;display:flex}.msg-platform{letter-spacing:.08em;text-transform:uppercase;color:#7ecfaf;background:#7ecfaf18;border-radius:4px;align-items:center;gap:.35em;padding:.2em .6em;font-size:.7rem;font-weight:600;display:inline-flex}.msg-progress{color:#555;font-size:.75rem}.msg-card-details{border-left:2px solid #2a2a2a;flex-direction:column;gap:.4rem;padding-left:.75rem;display:flex}.msg-detail{align-items:baseline;gap:.75rem;display:flex}.msg-detail-label{color:#555;flex-shrink:0;width:2.5rem;font-size:.7rem}.msg-detail-value{color:#aaa;font-size:.8rem}.msg-content{color:#e0e0e0;white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.6}.action-btns{gap:.75rem;width:100%;display:flex}.action-btn{cursor:pointer;color:#aaa;background:0 0;border:1px solid #333;border-radius:6px;flex:1;padding:.6rem 0;font-family:inherit;font-size:.8rem;transition:border-color .15s,color .15s,background .15s}.action-btn:disabled{opacity:.3;cursor:default}.action-btn:not(:disabled):hover{color:#e0e0e0}.btn-skip:not(:disabled):hover,.btn-undo:not(:disabled):hover{border-color:#666}.btn-yes{color:#7ecfaf;border-color:#4a9e7a}.btn-yes:not(:disabled):hover{background:#7ecfaf18;border-color:#7ecfaf}.btn-no{color:#cf7e7e;border-color:#9e4a4a}.btn-no:not(:disabled):hover{background:#cf7e7e18;border-color:#cf7e7e}#mainArea:has(.about-content-row){justify-content:flex-start;align-items:flex-start;padding:0}.about-content-row{align-self:stretch;width:100%;display:flex}.about-subnav{flex-direction:column;flex-shrink:0;gap:.15rem;padding:2rem 1.25rem;display:flex}.about-subnav-title{color:#fff;letter-spacing:.06em;text-transform:lowercase;margin-bottom:.75rem;font-size:1rem;font-weight:700}.about-subnav-item{color:#fff;white-space:nowrap;border-radius:5px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.about-subnav-item:hover{background:#1f1f1f}.about-subnav-item-active{background:#222}.about-main{flex-direction:column;flex:1;gap:1rem;max-width:680px;padding:2.5rem 3rem;display:flex}.about-main h1{color:#fff;letter-spacing:.02em;font-size:1.4rem;font-weight:600}.about-main h2{color:#e0e0e0;letter-spacing:.02em;margin-top:.5rem;font-size:1rem;font-weight:600}.about-main h3{color:#ccc;letter-spacing:.03em;text-transform:uppercase;margin-top:.25rem;font-size:.85rem;font-weight:600}.about-main p{color:#888;font-size:.85rem;line-height:1.75}.about-main a{color:#7ecfaf;text-decoration:none}.about-main a:hover{text-decoration:underline}.done-msg{color:#ccc;flex-direction:column;align-items:center;gap:.5rem;font-size:1rem;display:flex}.done-sub{color:#555;font-size:.8rem}.done-download-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;margin-top:.75rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,color .15s}.done-download-btn:hover{color:#e0e0e0;border-color:#888}.theme-options{display:flex}.theme-option{cursor:pointer;color:#555;background:0 0;border:1px solid #333;border-right:none;flex:1;padding:.55rem 0;font-family:inherit;font-size:.75rem;transition:background .15s,color .15s,border-color .15s}.theme-option:first-child{border-radius:6px 0 0 6px}.theme-option:last-child{border-right:1px solid #333;border-radius:0 6px 6px 0}.theme-option:hover{color:#aaa}.theme-option-active{color:#0f0f0f;background:#fff;border-color:#fff}.theme-option-active+.theme-option{border-left-color:#fff}.setting-caption{color:#444;margin-top:-.25rem;font-size:.72rem;line-height:1.5}[data-theme=light] .setting-caption{color:#bbb}[data-theme=light] .theme-option{color:#aaa;border-color:#ccc}[data-theme=light] .theme-option:last-child{border-right-color:#ccc}[data-theme=light] .theme-option:hover{color:#555}[data-theme=light] .theme-option-active{color:#fff;background:#0f0f0f;border-color:#0f0f0f}[data-theme=light] .theme-option-active+.theme-option{border-left-color:#0f0f0f}.setting-rows{border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.setting-row{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:2rem;padding:.85rem 1rem;display:flex}.setting-row:last-child{border-bottom:none}.setting-row-text{flex-direction:column;gap:.2rem;display:flex}.setting-row-label{color:#e0e0e0;font-size:.82rem}.toggle{cursor:pointer;background:#333;border:none;border-radius:10px;flex-shrink:0;align-items:center;width:36px;height:20px;padding:2px;transition:background .2s;display:flex}.toggle-on{background:#7ecfaf}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.toggle-on .toggle-thumb{transform:translate(16px)}[data-theme=light] .setting-rows,[data-theme=light] .setting-row{border-color:#e0e0e0}[data-theme=light] .setting-row-label{color:#1a1a1a}[data-theme=light] .toggle{background:#ccc}[data-theme=light] .toggle-on{background:#7ecfaf}[data-reduce-motion] .msg-card{animation:none}[data-reduce-motion] .msg-card-exit-right,[data-reduce-motion] .msg-card-exit-left,[data-reduce-motion] .msg-card-exit-up{transition:none;animation:none}[data-reduce-motion] *{transition-duration:.001ms!important}[data-reduce-transparency] .modal-overlay{background:#000}[data-reduce-transparency] .msg-platform,[data-reduce-transparency] .btn-yes:not(:disabled):hover,[data-reduce-transparency] .btn-no:not(:disabled):hover{background:0 0}.discord-delete-box{border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:.6rem;width:100%;max-width:360px;margin-top:.5rem;padding:1.25rem;display:flex}.discord-delete-title{color:#ccc;font-size:.82rem}.token-input{color:#e0e0e0;background:#111;border:1px solid #333;border-radius:5px;outline:none;width:100%;padding:.45rem .65rem;font-family:inherit;font-size:.8rem;transition:border-color .15s}.token-input:focus{border-color:#555}.token-help-toggle{color:#555;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.72rem;transition:color .15s}.token-help-toggle:hover{color:#888}.token-instructions{color:#777;flex-direction:column;gap:.2rem;padding-left:1.1rem;font-size:.75rem;line-height:1.7;display:flex}.token-instructions code{background:#1e1e1e;border-radius:3px;padding:.1em .35em;font-family:inherit}.token-snippet{word-break:break-all;color:#7ecfaf;background:#1e1e1e;border-radius:4px;margin-top:.1rem;padding:.4em .5em;font-size:.68rem;display:block}.discord-delete-btn{color:#cf7e7e;cursor:pointer;background:0 0;border:1px solid #9e4a4a;border-radius:5px;padding:.5rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,background .15s}.discord-delete-btn:hover:not(:disabled){background:#cf7e7e10;border-color:#cf7e7e}.discord-delete-btn:disabled{opacity:.35;cursor:default}.delete-progress-track{background:#222;border-radius:2px;width:100%;height:4px;overflow:hidden}.delete-progress-bar{background:#7ecfaf;border-radius:2px;height:100%;transition:width .3s}[data-theme=light] .discord-delete-box{border-color:#e0e0e0}[data-theme=light] .discord-delete-title{color:#444}[data-theme=light] .token-input{color:#1a1a1a;background:#fff;border-color:#ccc}[data-theme=light] .token-input:focus{border-color:#999}[data-theme=light] .token-instructions{color:#888}[data-theme=light] .token-instructions code,[data-theme=light] .token-snippet{background:#f0f0f0}[data-theme=light] .delete-progress-track{background:#e0e0e0}[data-theme=light]{color:#1a1a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5f5}[data-theme=light] body{background:#f5f5f5}[data-theme=light] #sideBar{background:#ebebeb;border-color:#ddd}[data-theme=light] .sidebar-btn{color:#999}[data-theme=light] .sidebar-btn:hover{color:#333;background:#ddd}[data-theme=light] .sidebar-btn-active,[data-theme=light] .sidebar-btn-active:hover{color:#f5f5f5;background:#1a1a1a}[data-theme=light] header{border-color:#ddd}[data-theme=light] .header-btn{color:#444;border-color:#ccc}[data-theme=light] .header-btn:hover{border-color:#999}[data-theme=light] .upload-zone{border-color:#ccc}[data-theme=light] .upload-zone:hover,[data-theme=light] .upload-zone.dragging{background:#efefef;border-color:#999}[data-theme=light] .upload-label{color:#444}[data-theme=light] .upload-sub{color:#aaa}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .modal{background:#fff;border-color:#e0e0e0}[data-theme=light] .modal-title{color:#1a1a1a}[data-theme=light] .modal-body{color:#666}[data-theme=light] .modal-steps{color:#444}[data-theme=light] .modal-steps code{color:#333;background:#f0f0f0}[data-theme=light] .modal-btn{color:#333;border-color:#ccc}[data-theme=light] .msg-card{background:#fff;border-color:#e0e0e0}[data-theme=light] .msg-card-details{border-color:#e0e0e0}[data-theme=light] .msg-detail-label{color:#aaa}[data-theme=light] .msg-detail-value{color:#555}[data-theme=light] .msg-content{color:#1a1a1a}[data-theme=light] .msg-progress{color:#bbb}[data-theme=light] .action-btn{color:#777;border-color:#ddd}[data-theme=light] .action-btn:not(:disabled):hover{color:#1a1a1a}[data-theme=light] .btn-skip:not(:disabled):hover,[data-theme=light] .btn-undo:not(:disabled):hover{border-color:#aaa}[data-theme=light] .done-msg{color:#333}[data-theme=light] .done-sub{color:#aaa}[data-theme=light] .done-download-btn{color:#666;border-color:#ccc}[data-theme=light] .done-download-btn:hover{color:#1a1a1a;border-color:#999}[data-theme=light] .about-subnav-title,[data-theme=light] .about-subnav-item{color:#1a1a1a}[data-theme=light] .about-subnav-item:hover{background:#e4e4e4}[data-theme=light] .about-subnav-item-active{background:#ddd}[data-theme=light] .about-main h1{color:#1a1a1a}[data-theme=light] .about-main h2{color:#333}[data-theme=light] .about-main h3{color:#666}[data-theme=light] .about-main p{color:#555}