.about-dialog-overlay{position:fixed;inset:0;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.about-dialog{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:500px;max-height:80vh;width:90vw;overflow:hidden;position:relative;border:1px solid #e0e0e0}.about-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.about-dialog-header h1{margin:0;font-size:24px;font-weight:500;color:#333}.about-dialog-close{background:none;border:none;font-size:18px;font-weight:400;color:#666;cursor:pointer;padding:0;margin:0;border-radius:4px;transition:all .2s ease;line-height:1;min-width:32px;min-height:32px;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:inherit}.about-dialog-close:hover{background-color:#f0f0f0;color:#333;transform:scale(1.1)}.about-dialog-content{padding:16px 24px;overflow-y:auto;max-height:calc(80vh - 120px);line-height:1.6}.about-dialog-content h2{margin:24px 0 12px;font-size:18px;font-weight:500;color:#444}.about-dialog-content p{margin:0 0 12px;color:#555}.about-dialog-content ul{margin:0 0 16px;padding-left:24px}.about-dialog-content li{margin:8px 0;color:#555}.about-dialog-footer{padding:12px 24px;border-top:1px solid #e0e0e0;text-align:center}.about-version{margin:0}.about-version small{color:#888;font-size:12px}.is-dark .about-dialog-overlay{background-color:#000000b3}.is-dark .about-dialog{background-color:#1a1a1a;border:1px solid #333;box-shadow:0 8px 32px #0006}.is-dark .about-dialog-header{border-bottom:1px solid #333}.is-dark .about-dialog-header h1{color:#fff}.is-dark .about-dialog-close{color:#ccc}.is-dark .about-dialog-close:hover{background-color:#2d2d2d;color:#fff}.is-dark .about-dialog-content h2{color:#e0e0e0}.is-dark .about-dialog-content p,.is-dark .about-dialog-content li{color:#ccc}.is-dark .about-dialog-footer{border-top:1px solid #333}.is-dark .about-version small{color:#888}@media (max-width: 600px){.about-dialog{max-width:none;width:95vw;max-height:85vh}.about-dialog-content{padding:0 20px 20px;max-height:calc(85vh - 60px)}.about-dialog-content h1{font-size:24px}.about-dialog-content h2{font-size:16px}}.settings-panel-container{position:fixed;top:8px;right:8px;z-index:1000}.settings-button{min-width:24px;text-align:center;font-weight:700;background-color:#f0f0f0;border:1px solid #d0d0d0;color:#555;font-size:12px;padding:2px 8px;margin:0;border-radius:6px;cursor:pointer;opacity:.4;transition:background-color .2s ease,opacity 1s ease}.settings-button:hover{background-color:#e0e0e0;color:#000;opacity:1;transition:background-color .2s ease,opacity .2s ease}.is-dark .settings-button{background-color:#2d2d2d;border:1px solid #383838;color:#ccc;opacity:.4}.is-dark .settings-button:hover{background-color:#3d3d3d;color:#fff;opacity:1}.settings-panel{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border:1px solid #d0d0d0;border-radius:10px;box-shadow:0 4px 16px #0000001f;width:260px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.settings-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.is-dark .settings-panel{background-color:#1a1a1a;border:1px solid #333;box-shadow:0 4px 16px #0006}.settings-section{padding:6px 4px}.settings-section+.settings-section{border-top:1px solid #e8e8e8}.is-dark .settings-section+.settings-section{border-top:1px solid #2a2a2a}.settings-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:4px;padding:0 4px}.is-dark .settings-section-label{color:#666}.settings-section-options{display:flex;flex-wrap:wrap;gap:4px}.settings-option{background:none;border:1px solid transparent;color:#555;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.settings-option:hover{background-color:#f0f0f0;color:#000}.settings-option.is-active{background-color:#e8e8ff;color:#44c;font-weight:500}.is-dark .settings-option{color:#aaa}.is-dark .settings-option:hover{background-color:#2d2d2d;color:#fff}.is-dark .settings-option.is-active{background-color:#2a2a44;color:#88f}.settings-actions{display:flex;flex-wrap:wrap;gap:4px}.settings-action{background:none;border:none;color:#555;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.settings-action:hover{background-color:#f0f0f0;color:#000}.is-dark .settings-action{color:#aaa}.is-dark .settings-action:hover{background-color:#2d2d2d;color:#fff}@media (max-width: 600px){.settings-panel-container{position:fixed;inset:auto 0 0;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;padding:8px;pointer-events:none}.settings-button{pointer-events:auto;position:fixed;top:8px;right:8px}.settings-panel{position:fixed;inset:auto 0 0;width:auto;margin-top:0;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;pointer-events:auto;transform:translateY(8px)}.settings-panel.is-open{transform:translateY(0)}}.status-info{position:fixed;top:8px;left:8px;z-index:1000;background-color:#f9f9f9e6;border:1px solid #e0e0e0;border-radius:10px;padding:8px 12px;font-size:12px;color:#666;box-shadow:0 4px 12px #0000001a;min-width:200px}.is-dark .status-info{background-color:#1a1a1ae6;border:1px solid #272727;color:#888;box-shadow:0 4px 12px #0000004d}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.info-row:last-child{margin-bottom:0}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-family:monospace;font-size:11px}.is-dark .info-label{color:#888}.is-dark .info-value{color:#ccc}.big-text,.big-text-placeholder,.big-text-container{width:100%;height:100%}.big-text-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;display:none;opacity:.3}.big-text-placeholder.is-active{display:flex}.big-text{font-size:min(15vw,15vh);display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none;white-space:pre-wrap;overflow:auto;cursor:text;text-align:center;padding:1rem;box-sizing:border-box;word-break:break-word;text-shadow:0 1px 2px rgba(255,255,255,.1),0 2px 1px rgba(255,255,255,.05)}.big-text .is-dark{text-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05)}.big-text:focus{outline:none}.big-text span,.big-text div{display:inline-block;min-width:100px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#747bff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;color:#1a1a1a;background:transparent;position:relative}#root{display:flex;flex-direction:column;width:100%;height:100vh;position:relative;z-index:1}.main-content{flex:1;display:flex;overflow:hidden}.font-sans-serif{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.font-serif{font-family:Georgia,Times New Roman,Times,serif}.font-monospace{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}#root{width:100%;height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.card{padding:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.is-dark{color:#ffffffde}.is-dark a{color:#646cff}.is-dark a:hover{color:#535bf2}.is-dark button{background-color:#1a1a1a}