:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#6e8efb,#a777e3);overflow-y:auto;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.titlebar{position:fixed;top:0;left:0;right:0;height:40px;background:#1e1e32f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.titlebar-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 12px}.titlebar-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:500;flex:1}.titlebar-icon{font-size:16px}.titlebar-controls{display:flex;gap:0;-webkit-app-region:no-drag;pointer-events:auto;z-index:1000}.titlebar-button{width:46px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fffc;cursor:pointer;transition:all .15s ease;padding:0;pointer-events:auto;position:relative;z-index:1001}.titlebar-button:hover{background:#ffffff1a;color:#fff}.titlebar-button.close:hover{background:#e81123;color:#fff}.titlebar-button:active{background:#fff3}.titlebar-button:disabled{opacity:.5;cursor:not-allowed}.titlebar-button.close:active{background:#c50e1f}.titlebar-button svg{pointer-events:none;display:block;width:12px;height:12px}.app-with-titlebar{padding-top:40px}#root{text-align:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.glass-container{background:#ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;margin:2rem auto;width:calc(100% - 4rem)}.glass-container.app-with-titlebar{margin-top:calc(40px + 2rem);margin-bottom:2rem}.token-payload-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin-top:1.5rem}.form-group{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-group label{margin-bottom:.5rem;font-weight:700;color:#fffc}.form-group input{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000000d;transition:all .2s ease-in-out}.form-group input:focus{outline:none;border-color:#fff9;box-shadow:0 2px 15px #0003}h1{color:#fff}.expiration-selector{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin-top:1.5rem}.expiration-selector .form-group select,.expiration-selector .form-group input[type=number]{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000000d;transition:all .2s ease-in-out;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%20viewBox%3D%220%200%20292.4%20292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2C197.915L146.2%2C57.096L5.4%2C197.915c-3.6%2C3.6-5.4%2C8.3-5.4%2C13.1c0%2C4.9%2C1.8%2C9.6%2C5.4%2C13.2l14.2%2C14.2c3.6%2C3.6%2C8.3%2C5.4%2C13.2%2C5.4c4.9%2C0%2C9.6-1.8%2C13.2-5.4L146.2%2C116.51c3.6-3.6%2C8.3-5.4%2C13.2-5.4c4.9%2C0%2C9.6%2C1.8%2C13.2%2C5.4l100.4%2C100.4c3.6%2C3.6%2C8.3%2C5.4%2C13.2%2C5.4c4.9%2C0%2C9.6-1.8%2C13.2-5.4l14.2-14.2c3.6-3.6%2C5.4-8.3%2C5.4-13.1C292.4%2C206.215%2C290.6%2C201.515%2C287%2C197.915z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto}.expiration-selector .form-group select option{background:#4a4a4af2;color:#fff;padding:.5rem}.expiration-selector .form-group select:focus,.expiration-selector .form-group input[type=number]:focus{outline:none;border-color:#fff9;box-shadow:0 2px 15px #0003}.jwt-display{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin-top:1.5rem}.jwt-display .form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000000d;transition:all .2s ease-in-out}.jwt-display .form-group textarea:focus{outline:none;border-color:#fff9;box-shadow:0 2px 15px #0003}.jwt-display button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;transition:background .2s ease-in-out}.jwt-display button:hover{background:#ffffff40}.tauri-indicator{position:absolute;top:1rem;right:1rem;background-color:#00ff004d;color:#fff;padding:.3rem .6rem;border-radius:5px;font-size:.8rem;font-weight:700;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,255,0,.5)}