@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-black:#333;--color-gray:#666;--color-lightgray:#ddd;--color-green:#4caf50;--color-blue:#2196f3;--color-orange:#ff9800;--color-red:#f44336;--font-size-small:12px;--font-size-default:14px;--font-size-medium:16px;--font-size-large:18px;--font-size-h1:24px;--font-size-h2:20px;--spacing-small:5px;--spacing-default:10px;--spacing-medium:15px;--spacing-large:20px;--transition-fast:0.2s;--transition-default:0.3s;--transition-slow:0.5s}:focus{outline:2px solid #2196f3;outline:2px solid var(--color-blue);outline-offset:2px}@media (max-width:768px){html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a,button,input,select,textarea{min-height:44px}}:root{--color-white:#fff;--color-blue:#3354e6;--color-lightgray:#e0e0e0;--color-darkgray:#333;--color-primary:#269830;--color-accent:#ff9800;--container-max-width:1200px;--spacing-small:10px;--spacing-medium:20px;--spacing-large:30px;--border-radius:8px;--box-shadow:0 4px 8px #0000001a}.Home{margin:1% auto;max-width:100%;overflow-x:hidden;padding-bottom:30px;padding-bottom:var(--spacing-large)}.Home-header{box-shadow:var(--box-shadow);height:1px}.Home-header h1{color:var(--color-darkgray);font-size:calc(1.5rem + 1vw);margin-bottom:var(--spacing-small)}.Home-header p{font-size:calc(.9rem + .3vw)}.HomeContainer{margin:20px auto;padding:0 10px;padding:0 var(--spacing-small)}.HomeContainer,.myHomeTitle{align-items:center;flex-direction:column;gap:10px;gap:var(--spacing-small);max-width:100%}.myHomeTitle{display:flex;justify-content:center;margin-top:10px;margin-top:var(--spacing-small);width:100%}.myHomeContent{display:flex;flex-direction:row}.right-side-containter{height:92vh;margin-top:0;overflow-y:scroll;width:20vw}.home-visit-counter{margin:10px 0;margin:var(--spacing-small) 0}.home-tab-buttons,.home-visit-counter{display:flex;justify-content:center;width:100%}.home-tab-buttons{flex-wrap:wrap;gap:1vw;margin-top:10px;margin-top:var(--spacing-small)}.home-tab-buttons img{transition:transform .3s ease,box-shadow .3s ease}.home-tab-buttons img:hover{box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.homeContents{margin-top:0}.home-clipboard-container,.homeContents{align-items:center;display:flex;flex-direction:column;width:100%}.home-clipboard-container{margin:20px 0;margin:var(--spacing-medium) 0;max-width:100%}.home-clipboard-image{border:2px solid #ccc;border-radius:8px;border-radius:var(--border-radius);height:auto;max-width:100%;transition:transform .2s,box-shadow .2s;width:100%}.home-clipboard-image:hover{box-shadow:0 4px 8px #0000001a;box-shadow:var(--box-shadow);transform:scale(1.01)}.MusicPlayerContainer,.YoutubePlayerContainer{align-items:center;background-color:#000;display:flex;flex-direction:column;padding:2%;top:0;width:100%}.YoutubePlayerContainer h3{align-self:flex-start;margin-left:10px;margin-left:var(--spacing-small)}.huggingface-section{align-items:center;flex-direction:column;margin:10px 0;margin:var(--spacing-small) 0}.advertisement,.huggingface-section{display:flex;max-width:100%;width:100%}.advertisement{justify-content:center;margin:20px 0;margin:var(--spacing-medium) 0}.TGabyss{align-items:center;display:flex;flex-wrap:wrap;gap:10px;gap:var(--spacing-small);justify-content:center;margin-bottom:30px;margin-bottom:var(--spacing-large);margin-top:30px;margin-top:var(--spacing-large);width:100%}.TGabyss,.TGabyss a,.TGabyss div{padding:10px;padding:var(--spacing-small)}.TGabyss a,.TGabyss div{background-color:#269830;background-color:var(--color-primary);border-radius:8px;border-radius:var(--border-radius)}.manage-button{transition:background-color .3s ease}.manage-button:hover{background-color:darken(#269830,10%);background-color:darken(var(--color-primary),10%)}@media (max-width:480px){:root{--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px}.Home{margin-top:5%}.home-tab-buttons{gap:15px}.home-tab-buttons img{height:60px;width:60px}.home-Greetings{font-size:1.2rem;margin-top:40px}.MusicPlayerContainer,.YoutubePlayerContainer,.advertisement,.home-clipboard-image,.huggingface-section{border-radius:1px;max-width:100%;width:100%}.TGabyss{flex-direction:column;text-align:center}.MusicPlayerContainer,.YoutubePlayerContainer{max-width:100%}}@media (min-width:481px) and (max-width:768px){.home-tab-buttons img{height:65px;width:65px}.MusicPlayerContainer,.YoutubePlayerContainer,.advertisement,.home-clipboard-image,.huggingface-section{max-width:100%}}@media (min-width:769px) and (max-width:1024px){.HomeContainer{padding:0 20px;padding:0 var(--spacing-medium)}}@media (min-width:1025px){.HomeContainer{padding:0 30px;padding:0 var(--spacing-large)}.home-tab-buttons{gap:10px}}@media (max-height:500px) and (orientation:landscape){.home-tab-buttons{gap:10px}.home-tab-buttons img{height:50px;width:50px}.home-Greetings{margin-top:20px}}.home-qrservice-container{display:flex}.home-adv-container{background-color:#f9f9f9;margin:20px auto;max-width:600px;padding:0;text-align:center}.home-adv-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:10px}.home-adv-description{color:#555;font-size:1rem;margin-bottom:15px}.home-adv-image{border-radius:4px;height:auto;margin-bottom:15px;max-width:100%}.home-adv-link{display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out}@media (max-width:768px){.home-adv-container{margin:10px;padding:15px}.home-adv-title{font-size:1.25rem}.home-adv-description{font-size:.9rem}}.music-player-container{background:linear-gradient(135deg,#dea41ee6,#a0522dd9,#cd853fcc);border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:10px 0;max-width:100%;padding:15px;width:100%}.waveform{background-color:#1e1e1e99;border-radius:4px;margin-bottom:10px}.music-controls{display:flex;justify-content:space-between;margin-bottom:10px}.control-button{background-color:#269830;font-size:10px;padding:5px 10px;transition:background-color .2s}.control-button:hover{background-color:#1c7425;color:#fff}.playlist-button{background-color:#1a6b23;color:#fff}.track-info{margin-top:5px;text-align:center}.playlist-container{background-color:#141414cc;margin-top:10px;max-height:150px}.playlist-container h4{color:#d425ef;font-size:16px;margin-bottom:8px;margin-top:0}.playlist{text-align:left}.playlist li{border-color:#1a6b23;border-radius:3px;color:#e1dfe9;margin-bottom:1px;padding:1px 8px;transition:background-color .2s}.playlist li:hover{background-color:#464646cc;color:#fff}.playlist li.active-track{background-color:#52c75c}.youtube-player-container{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 8px #0003;margin-top:0;padding:0;transition:all .3s ease;width:100%}.youtube-player-container.portrait-mode{display:flex;flex-direction:column}.youtube-player-container.landscape-mode .widescreen-layout{display:flex;gap:15px;width:100%}.youtube-player-container.fullscreen-mode,.youtube-player-container.fullscreen-mode-fallback{background-color:#000;border-radius:0;display:flex;flex-direction:column;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.fullscreen-mode .youtube-player{height:100%;left:0;margin:0!important;padding:0!important;position:absolute;top:0;width:100%;z-index:1}.fullscreen-mode #youtube-player-element,.fullscreen-mode .youtube-player iframe,.fullscreen-mode .youtube-player>div{border-radius:0;height:100%!important;left:0;position:absolute;top:0;width:100%!important;z-index:2}.fullscreen-mode .youtube-controls{bottom:0;display:flex;justify-content:center}.fullscreen-mode .youtube-controls,.fullscreen-mode .youtube-filter-controls{background-color:#00000080;left:0;margin:0;padding:10px;position:absolute;right:0;z-index:3}.fullscreen-mode .youtube-filter-controls{top:0}.fullscreen-mode .track-info{background-color:#00000080;bottom:60px;color:#fff;font-size:14px!important;left:0;margin:0;padding:10px;position:absolute;right:0;text-align:center;z-index:3}.fullscreen-mode .control-button{background-color:#333333b3;border:none;border-radius:4px;color:#fff;font-size:14px;margin:0 5px;padding:8px 10px}.fullscreen-mode .youtube-controls .control-button{padding:10px 12px}.fullscreen-mode .youtube-controls .control-button svg{height:24px;width:24px}.fullscreen-mode .control-button:hover{background-color:#444444e6}.fullscreen-mode.landscape-mode .widescreen-layout{height:100vh;margin:0;padding:0;width:100%}.fullscreen-mode.landscape-mode .left-panel{height:100vh;padding:0!important;position:relative;width:100%!important}.fullscreen-mode .fullscreen-playlist-container,.manual-fullscreen-mode .fullscreen-playlist-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;border:1px solid #fff3;border-radius:8px;box-shadow:0 0 20px #00000080;color:#fff;left:50%;max-height:70vh;overflow-y:auto;padding:15px;position:absolute;scrollbar-color:#ffffff4d #0000001a;scrollbar-width:thin;top:50%;transform:translate(-50%,-50%);width:80%;z-index:200}.fullscreen-mode .fullscreen-playlist-container h4,.manual-fullscreen-mode .fullscreen-playlist-container h4{align-items:center;color:#fff;display:flex;font-size:16px;justify-content:space-between;margin:0 0 15px}.fullscreen-mode .close-playlist-button,.manual-fullscreen-mode .close-playlist-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.fullscreen-mode .close-playlist-button:hover,.manual-fullscreen-mode .close-playlist-button:hover{background-color:#ffffff4d}.fullscreen-mode .fullscreen-playlist,.manual-fullscreen-mode .fullscreen-playlist{list-style:none;margin:0;padding:0}.fullscreen-mode .fullscreen-playlist li,.manual-fullscreen-mode .fullscreen-playlist li{align-items:center;background-color:#333333b3;border-radius:4px;color:#eee;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:10px;transition:background-color .2s ease}.fullscreen-mode .fullscreen-playlist li:hover,.manual-fullscreen-mode .fullscreen-playlist li:hover{background-color:#4b4b4bcc}.fullscreen-mode .fullscreen-playlist li.active-track,.manual-fullscreen-mode .fullscreen-playlist li.active-track{background-color:#4287f599;color:#fff;font-weight:700}.fullscreen-mode .fullscreen-playlist .delete-button,.manual-fullscreen-mode .fullscreen-playlist .delete-button{align-items:center;background-color:initial;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-left:8px;padding:4px 8px}.fullscreen-mode .fullscreen-playlist .delete-button:hover,.manual-fullscreen-mode .fullscreen-playlist .delete-button:hover{background-color:initial}.youtube-filter-controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.filter-control{display:flex;flex-direction:column;width:48%}.filter-control label{color:#ddd;font-size:12px;margin-bottom:3px}.youtube-select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;padding:6px;width:100%}.youtube-select option{background-color:#333!important;color:#fff!important;font-size:14px;max-height:50vh;overflow-y:auto;padding:8px}.youtube-select option:checked{background-color:#555!important}.youtube-select option:hover{background-color:#444!important}.filter-indicator{color:#aaa;font-size:10px;margin-top:5px}.youtube-player{display:flex;height:0;justify-content:center;margin-bottom:10px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}#youtube-player-element,.youtube-player iframe{border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}.youtube-controls{display:flex;justify-content:space-between;margin:10px 0}.control-button{background-color:#333;border-radius:4px;font-size:12px;padding:6px 8px;transition:all .2s ease}.control-button:hover{background-color:#444}.control-button.layout-toggle,.fullscreen-toggle{background-color:#444;border-radius:4px;padding:6px}.fullscreen-toggle:hover{background-color:#555}.mode-button{background-color:#333}.mode-button.random-active{background-color:#1e88e5}.mode-button.repeat-active{background-color:#43a047}.playlist-button{background-color:#333}.track-info{color:#fff;font-size:12px;margin:10px 0}.play-mode-indicator{color:#aaa;font-size:10px;margin-top:5px}.playlist-container{background-color:#222;border-radius:4px;margin-top:15px;max-height:200px;overflow-y:auto;padding:10px;scrollbar-color:#ffffff4d #222c;scrollbar-width:thin}.fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar,.manual-fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar,.playlist-container::-webkit-scrollbar{height:6px;width:6px}.fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar-track,.manual-fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar-track,.playlist-container::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar-thumb,.manual-fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar-thumb,.playlist-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar-thumb:hover,.manual-fullscreen-mode .fullscreen-playlist-container::-webkit-scrollbar-thumb:hover,.playlist-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.playlist-container h4{color:#ddd;font-size:14px;margin:0 0 10px}.playlist{list-style:none;margin:0;padding:0}.playlist li{align-items:center;background-color:#333;border-radius:4px;color:#ddd;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;margin-bottom:5px;padding:8px}.playlist li:hover{background-color:#444}.playlist li.active-track{background-color:#555;color:#fff;font-weight:700}.delete-button{background-color:initial;border-radius:3px;font-size:10px;margin-left:8px;padding:3px 6px}.delete-button:hover{background-color:#b71c1c}.add-link-form{display:flex;flex-direction:column;gap:8px;justify-content:center;margin-left:10%;margin-top:15px}.add-link-form h4{color:#ddd;font-size:14px;margin:0 0 1px}.youtube-input{border-radius:4px;font-size:12px;padding:8px}.add-button{border-radius:4px;margin-left:0;margin-top:0}.add-button,.addurl-button{font-size:12px;padding:8px;transition:all .2s ease}.addurl-button{background-color:#4d524e;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:0}.addurl-button:hover{background-color:#2e7d32;color:#fff}.landscape-mode .right-panel .playlist-container{max-height:350px}@media (max-width:768px){.playlist-overlay.fullscreen-mode{bottom:10%;height:80%;left:5%;margin-left:0;margin-top:25%;position:fixed;top:10%;width:90%;z-index:1001}.youtube-player-container{border-radius:1px;margin-top:5%}.youtube-player-container.landscape-mode .widescreen-layout{flex-direction:column}.landscape-mode .left-panel,.landscape-mode .right-panel{padding:0;width:100%}.landscape-mode .right-panel{border-left:none;border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.youtube-select{font-size:12px}.youtube-select option{background-color:#333!important;color:#fff!important;font-size:12px;max-height:30vh;overflow-y:auto;padding:8px}}.youtube-player-container.manual-fullscreen-mode{background-color:#000;border-radius:0;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.manual-fullscreen-mode .youtube-player{height:100%!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;width:100%!important}.manual-fullscreen-mode #youtube-player-element,.manual-fullscreen-mode .youtube-player iframe,.manual-fullscreen-mode .youtube-player>div{border-radius:0!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}.manual-fullscreen-mode .track-info{font-size:14px!important}.manual-fullscreen-mode.landscape-mode .widescreen-layout{height:100vh;margin:0;padding:0;width:100%}.manual-fullscreen-mode.landscape-mode .left-panel{height:100vh;padding:0!important;position:relative;width:100%!important}.manual-fullscreen-mode .add-link-form,.manual-fullscreen-mode .playlist-container,.manual-fullscreen-mode.landscape-mode .right-panel{display:none!important}.manual-fullscreen-mode .track-info,.manual-fullscreen-mode .youtube-controls,.manual-fullscreen-mode .youtube-filter-controls{opacity:0;transition:opacity .3s ease}.manual-fullscreen-mode.controls-visible .fullscreen-playlist-container,.manual-fullscreen-mode.controls-visible .track-info,.manual-fullscreen-mode.controls-visible .youtube-controls,.manual-fullscreen-mode.controls-visible .youtube-filter-controls{opacity:1}.manual-fullscreen-mode .youtube-controls{bottom:20px;display:flex;justify-content:center}.manual-fullscreen-mode .youtube-controls,.manual-fullscreen-mode .youtube-filter-controls{background-color:#00000080;left:0;margin:0;padding:10px;pointer-events:auto;position:absolute;right:0;z-index:100}.manual-fullscreen-mode .youtube-filter-controls{top:20px}.manual-fullscreen-mode .track-info{background-color:#00000080;bottom:80px;color:#fff;left:0;margin:0;padding:10px;position:absolute;right:0;text-align:center;z-index:100}.manual-fullscreen-mode .youtube-controls:hover,.manual-fullscreen-mode .youtube-filter-controls:hover{opacity:1}.manual-fullscreen-mode.cursor-hidden{cursor:none}.manual-fullscreen-mode.cursor-visible{cursor:default}.audio-mode-button{background-color:var(--control-button-bg);border:1px solid var(--control-button-border)}.youtube-player-container.audio-only-mode .youtube-player{background-color:#282828;box-shadow:0 4px 8px #0003;height:60px!important;min-height:60px!important}.youtube-player-container.audio-only-mode .track-info{background-color:#282828;border-radius:8px 8px 0 0;padding:5px 10px}.youtube-player-container.audio-only-mode .youtube-player{background-color:#121212;border-radius:8px;min-height:280px;overflow:hidden;position:relative}.audio-thumbnail-container{align-items:center;background-color:#121212;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:10}.audio-thumbnail-wrapper{border-radius:8px;box-shadow:0 8px 16px #0000004d;height:240px;margin-bottom:20px;overflow:hidden;width:240px}.audio-thumbnail-image{height:100%;object-fit:cover;width:100%}.audio-track-info{color:#fff;max-width:280px;padding:0 20px;text-align:center;width:100%}.audio-track-title{font-size:16px;font-weight:700;margin-bottom:8px}.audio-track-channel,.audio-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-channel{color:#aaa;font-size:14px;margin-bottom:4px}.audio-mode-indicator{color:#1db954;font-size:12px;margin-top:8px}.hidden-player{height:1px;opacity:.01;pointer-events:none;position:absolute;width:1px}@media (max-width:768px){.youtube-player-container.audio-only-mode .youtube-player{min-height:220px}.audio-thumbnail-wrapper{height:180px;margin-bottom:12px;width:180px}.audio-track-info{max-width:220px}}.audio-mode-button{background-color:#333;background-color:var(--control-button-bg,#333);border:1px solid #444;border:1px solid var(--control-button-border,#444)}.audio-mode-button.audio-active{background-color:#1db954;color:#fff}.video-not-found-message{margin:.5rem auto}.youtube-play-overlay-button{align-items:center;background-color:#ff0000e6;border:none;border-radius:50%;box-shadow:0 4px 20px #0006;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px;z-index:10}.youtube-play-overlay-button:hover{background-color:red;box-shadow:0 6px 25px #ff00004d;transform:translate(-50%,-50%) scale(1.1)}.youtube-play-overlay-button:active{transform:translate(-50%,-50%) scale(.95)}@media (max-width:768px){.youtube-play-overlay-button{height:60px;width:60px}}.fullscreen-mode .youtube-play-overlay-button,.manual-fullscreen-mode .youtube-play-overlay-button{height:100px;width:100px}.playlist-overlay{align-items:center;animation:fadeIn .3s ease;background-color:initial;bottom:0;display:flex;height:130%;justify-content:center;position:absolute;top:-15%;width:80%;z-index:1000}.playlist-menu{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1f1f1f33;border-top:1px solid #ffffff1a;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;max-height:60%;overflow:hidden;padding:5px;transform:translateY(0);width:100%}.playlist-menu.fullscreen-menu{background-color:#1f1f1f33;border-radius:12px;bottom:60px;bottom:20%;margin:0 auto;max-height:60%;width:80%}.playlist-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5px}.playlist-header h4{color:#fff;flex:1 1;font-size:16px;margin:0}.sort-options{display:flex;gap:8px;margin:0 10px}.sort-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.sort-button.active{background-color:#4287f599;color:#fff}.sort-button:hover{background-color:#fff3}.update-button{align-items:center;background-color:#4caf5080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.update-button:hover{background-color:#4caf50b3}.update-button.updating{background-color:#ff980080;cursor:wait}.spin{animation:spin 1.5s linear infinite}.close-playlist-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:28px}.close-playlist-button:hover{background-color:#ffffff4d}.playlist-tracks{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0;scrollbar-color:#ffffff4d #0f0f0fcc;scrollbar-width:thin}.playlist-tracks::-webkit-scrollbar{height:6px;width:6px}.playlist-tracks::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.playlist-tracks::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.playlist-tracks::-webkit-scrollbar-thumb:hover{background:#ffffff80}.track-thumbnail{border-radius:4px;height:45px;margin-right:10px;min-width:60px;width:60px}.playlist-tracks li{align-items:center;background-color:#333333b3;border-radius:6px;color:#eee;cursor:pointer;display:flex;font-size:14px;justify-content:flex-start;margin-bottom:8px;padding:12px;transition:all .2s ease}.playlist-tracks li:hover{background-color:#4b4b4bcc}.playlist-tracks li.active-track{background-color:#4287f599;color:#fff;font-weight:700}.playlist-tracks li.updating-track{background-color:#ff98004d;border:1px solid #ff980080}.track-actions{align-items:center;display:flex;gap:6px}.track-info-container{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.track-thumbnail{background-color:#0003;border-radius:6px;height:68px;margin-right:12px;min-width:90px;overflow:hidden;width:120px}.track-thumbnail img{height:100%;object-fit:cover;width:100%}.track-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:4px;max-height:2.4em;overflow:hidden;text-align:left}.track-details{color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.channel-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-name,.upload-date{background-color:#0000004d}.album-name,.channel-name,.upload-date{border-radius:3px;font-size:14px;padding:2px 6px}.album-name{background-color:#4287f54d;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-track-button{align-items:center;background-color:#4caf504d;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px;transition:background-color .2s ease}.update-track-button:hover{background-color:#4caf5080}.update-track-button.updating{background-color:#ff98004d;cursor:wait}.playlist-tracks .delete-button{align-items:center;background-color:#d32f2fb3;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px;transition:background-color .2s ease}.playlist-tracks .delete-button:hover{background-color:#b71c1ce6}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.playlist-overlay.normal-mode{align-items:center;animation:fadeIn .3s ease;background-color:initial;bottom:20%;display:flex;height:70vh;justify-content:center;margin-left:0;opacity:.95;position:fixed;top:5%;width:100%;z-index:1000}.playlist-menu.normal-mode{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1f1f1ff2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;height:80%;max-height:80%;overflow:hidden;padding:10px;transform:translateY(0);width:100%}.playlist-overlay.fullscreen-mode{align-items:center;animation:fadeIn .3s ease;background-color:initial;display:flex;height:70vh;justify-content:center;left:50%;margin-left:0;opacity:.95;position:absolute;top:50%;transform:translateY(-15%);width:100%;z-index:1000}.playlist-menu.fullscreen-menu{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1f1f1ff2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;height:62%;margin-top:0;max-height:62%;overflow:hidden;padding:10px;transform:translateY(0);width:100%}.playlist-header h4{color:#fff;flex:1 1;font-size:12px;margin:0}.playlist-tracks li{font-size:12px;padding:10px}.sort-options{margin:5px 0}.sort-button,.update-button{padding:4px 6px}.track-details{font-size:10px;gap:8px}.track-title{font-size:12px;text-align:left}.track-thumbnail{height:53px;margin-right:8px;min-width:70px;width:90px}.album-name,.channel-name,.upload-date{font-size:8px;max-width:100px}.track-actions{gap:4px}.track-actions button{padding:4px}.track-actions svg{height:12px;width:12px}}.add-track-overlay{left:12.5%;top:25%}.add-track-overlay,.fullscreen-mode .add-track-overlay{align-items:center;animation:fadeIn .3s ease;background-color:initial;display:flex;height:50%;justify-content:center;position:absolute;width:50%;z-index:1100}.fullscreen-mode .add-track-overlay{left:25%;top:22%}.add-track-form{animation:zoomIn .3s ease;background-color:#000c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;max-width:500px;overflow:hidden;padding:16px;width:90%}.add-track-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.add-track-header h4{color:#fff;font-size:18px;margin:0}.close-form-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background-color .2s ease;width:28px}.close-form-button:hover{background-color:#ffffff4d}.add-track-content{flex-grow:1;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{color:#ddd;display:block}.youtube-input{background-color:#333;border:1px solid #555;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px;width:100%}.youtube-input:focus{border-color:#4287f5;outline:none}.loading-indicator{color:#aaa;font-size:12px;margin-top:4px}.visibility-toggle,.visibility-toggle label{align-items:center;display:flex}.visibility-toggle label{cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-toggle input[type=checkbox]{margin-right:8px}.add-track-error{background-color:#b71c1c4d;border-radius:6px;color:#ffcdd2;font-size:14px;margin-bottom:16px;padding:10px}.add-track-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding-top:12px}.add-button{background-color:#43a047;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease}.add-button:hover{background-color:#2e7d32}.add-track-overlay.fullscreen-mode{z-index:10000}.add-track-form.fullscreen-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1f1f1ff2}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.add-track-form{padding:12px;width:95%}.add-track-header h4{font-size:16px}.form-group label{font-size:12px}.youtube-input{font-size:12px;padding:8px}.add-button{font-size:12px;padding:8px 16px}}.fullscreen-mode .youtube-controls .addurl-button,.manual-fullscreen-mode .youtube-controls .addurl-button{background-color:#43a047;color:#fff;display:flex}.video-not-found-message{animation:fadeInOut 3s ease;background-color:#ff6b6b1a;border-radius:4px;color:#ff6b6b;font-size:.85rem;margin-top:.5rem;padding:.5rem;transition:opacity .3s ease}.gen-token-container{background-color:#f7f9ff;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:20px;max-width:600px;padding:20px;width:100%}.gen-token-title{border-bottom:2px solid #6c63ff;color:#2d3748;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.step-title{border-left:4px solid #6c63ff;color:#4a5568;font-size:1.2rem;padding-left:10px}.step-description{color:#718096;margin-bottom:15px}.field-help{color:#718096;display:block;font-size:.8rem;font-style:italic;margin-top:4px}.wallet-section{background-color:#eef2ff;border-radius:8px;margin-bottom:20px;padding:15px}.create-token-btn,.create-wallet-btn{background-color:#6c63ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 15px;transition:background-color .3s ease}.create-token-btn:hover,.create-wallet-btn:hover{background-color:#5a51d8}.create-token-btn:disabled,.create-wallet-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.wallet-info{background-color:#e6f7ff;border-left:4px solid #3498db;border-radius:8px;margin-bottom:20px;padding:12px}.wallet-address{color:#2c3e50;font-family:monospace;font-weight:700}.token-form-container{margin-top:25px}.token-form{display:flex;flex-direction:column;gap:15px}.form-group{align-items:center;flex-direction:row;gap:6px}.form-group label{color:#4a5568;font-size:.95rem}.form-group input,.form-group select{border:1px solid #cbd5e0;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff33}.form-group input:disabled,.form-group select:disabled{background-color:#edf2f7;cursor:not-allowed}.network-warning{border-radius:5px;font-size:.9rem;margin-bottom:15px;padding:10px}.error-message,.network-warning{background-color:#fff5f5;border-left:4px solid #e53e3e;color:#e53e3e}.result-container{background-color:#f0fff4;border-left:4px solid #38a169;border-radius:8px;margin-top:25px;padding:15px}.result-container h3{color:#2f855a;font-size:1.2rem;margin-bottom:10px;margin-top:0}.result-item{display:flex;flex-direction:column;margin-bottom:10px}.result-label{color:#4a5568;font-weight:600;margin-bottom:3px}.result-value{background-color:#e6fffa;border-radius:4px;padding:5px}.explorer-link,.result-value{font-family:monospace;word-break:break-all}.explorer-link{color:#3182ce}.next-steps{background-color:#f0fff4;border-radius:8px;margin-top:20px;padding:15px}.next-steps h4{color:#2f855a;margin-bottom:10px;margin-top:0}.next-steps ul{margin-bottom:0;padding-left:20px}.next-steps li{margin-bottom:8px}.transactions-history{border-top:1px solid #e2e8f0;padding-top:20px}.transactions-history h3{color:#4a5568;font-size:1.2rem;margin-bottom:15px;margin-top:0}.transaction-list{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.transaction-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.transaction-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.tx-token-info{color:#2d3748;font-size:1.1rem;margin-bottom:10px}.tx-meta{display:flex;flex-direction:column;font-size:.9rem;margin-bottom:5px}.tx-label{color:#4a5568;font-weight:600}.tx-value{color:#2d3748}.wallet-options{display:flex;flex-direction:column;gap:15px;margin-top:15px}.wallet-option-divider{align-items:center;display:flex;margin:10px 0;text-align:center}.wallet-option-divider:after,.wallet-option-divider:before{border-bottom:1px solid #cbd5e0;content:"";flex:1 1}.wallet-option-divider span{color:#718096;font-size:.9rem;padding:0 10px}.import-wallet-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease}.import-wallet-btn:hover{background-color:#2980b9}.import-wallet-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.import-wallet-section{background-color:#ebf8ff;border-left:4px solid #3498db;border-radius:8px;margin-top:15px;padding:15px}.import-wallet-description{color:#4a5568;font-size:.95rem;margin-bottom:15px;margin-top:0}.import-wallet-actions{display:flex;gap:10px;margin-top:15px}.import-wallet-confirm-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 15px;transition:background-color .3s ease}.import-wallet-confirm-btn:hover{background-color:#2980b9}.import-wallet-confirm-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.import-wallet-cancel-btn{background-color:#e2e8f0;border:none;border-radius:5px;color:#4a5568;cursor:pointer;font-size:.95rem;padding:8px 15px;transition:background-color .3s ease}.import-wallet-cancel-btn:hover{background-color:#cbd5e0}.import-wallet-cancel-btn:disabled{background-color:#edf2f7;cursor:not-allowed}.field-error{color:#e53e3e;font-size:.85rem;margin-top:4px}.wallet-options-checkbox{align-items:center;display:flex;gap:8px;margin-top:10px}.wallet-options-checkbox input[type=checkbox]{margin:0}.wallet-options-checkbox label{color:#4a5568;font-size:.9rem}.recovery-phrase-container{background-color:#fff7e5;border-left:4px solid #f6ad55;border-radius:8px;margin-top:20px;padding:15px}.important-title{color:#c05621;font-size:1.1rem;margin-bottom:10px;margin-top:0}.warning-box{background-color:#fffaf0;border:1px dashed #ed8936;border-radius:5px;margin-bottom:15px;padding:10px 15px}.warning-text{color:#c05621;font-size:.95rem;line-height:1.5;margin-bottom:10px}.warning-text:last-child{margin-bottom:0}.highlight{color:#c05621}.seed-phrase-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:5px;margin-bottom:15px;padding:15px;position:relative}.seed-phrase{display:flex;flex-wrap:wrap;gap:8px}.seed-word{align-items:center;background-color:#f7fafc;border-radius:4px;display:inline-flex;font-family:monospace;padding:5px 8px}.seed-number{color:#718096;font-size:.8rem;margin-right:4px}.copy-button{background-color:#4299e1;border:none;color:#fff;padding:6px 12px;position:absolute;right:10px;top:10px;transition:background-color .3s ease}.copy-button.small{font-size:.7rem;margin-left:8px;padding:4px 8px;position:relative;right:auto;top:auto}.copy-button:hover{background-color:#3182ce}.confirm-backup{margin-top:20px}.checkbox-container{align-items:flex-start;color:#4a5568;display:flex;margin-bottom:15px}.checkbox-container input{margin-right:10px;margin-top:3px}.confirm-backup-btn{background-color:#dd6b20;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 15px;transition:background-color .3s ease}.confirm-backup-btn:hover{background-color:#c05621}.confirm-backup-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.wallet-address-container{position:relative}.result-value-with-copy{align-items:center;background-color:#e6fffa;border-radius:4px;display:flex;padding:5px}.solana-explorer-link{background-color:#ebf8ff;border-radius:4px;color:#3182ce;display:inline-block;font-size:.9rem;margin-top:10px;padding:6px 12px;text-decoration:none;transition:background-color .2s ease}.solana-explorer-link:hover{background-color:#bee3f8;text-decoration:underline}.explorer-links{margin-top:15px}@media (max-width:768px){.gen-token-container{padding:15px}.gen-token-title{font-size:1.3rem}.result-item,.seed-phrase,.tx-meta{flex-direction:column}.seed-phrase{gap:5px}}.metadata-register-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #00000026;left:50%;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.metadata-register-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:900}.metadata-register-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.metadata-register-header h3{color:#333;font-size:1.5rem;margin:0}.close-button{color:#777;font-size:1.5rem;transition:color .3s}.token-info{background-color:#f9f9f9;border-radius:5px;font-size:.9rem;margin-bottom:20px;padding:10px 15px}.token-info p{align-items:center;flex-wrap:wrap;margin:8px 0}.network-name,.token-address{color:#2a5885;font-family:monospace;font-weight:500;margin:0 10px}.copy-button{background-color:#eef2f7;border:1px solid #d1d9e6;border-radius:4px;cursor:pointer;font-size:.8rem;padding:2px 8px;transition:background-color .3s}.copy-button:hover{background-color:#e0e7f2}.metadata-form{display:flex;flex-direction:column;gap:15px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:.95rem;padding:10px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.help-text{color:#777;font-size:.8rem;margin-top:3px}.error-message{background-color:#fff0f0;color:#d93025;font-size:.9rem;margin-bottom:15px}.cancel-button,.register-button{border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.register-button{background-color:#4a90e2;border:none;color:#fff}.register-button:hover{background-color:#3a7bc8}.register-button:disabled{background-color:#a1c6f1;cursor:not-allowed}.cancel-button{background-color:#fff}.cancel-button:disabled{color:#aaa;cursor:not-allowed}.success-container{padding:30px;text-align:center}.success-message h3{color:#28a745;margin-bottom:15px}.success-message p{color:#555;margin-bottom:25px}.success-message .close-button{background-color:#4a90e2;border-radius:5px;color:#fff;font-size:1rem;padding:10px 20px}.success-message .close-button:hover{background-color:#3a7bc8}@media (max-width:768px){.metadata-register-container{padding:15px;width:95%}.metadata-register-header h3{font-size:1.2rem}.form-actions{flex-direction:column}.cancel-button,.register-button{width:100%}}.transactions-history{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-top:30px;padding:20px}.step-title{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:10px}.step-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:20px}.no-tokens-message{color:#777;font-style:italic;padding:20px;text-align:center}.token-list-table{border-collapse:collapse;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-size:.9rem;margin-top:15px;overflow:hidden;width:100%}.token-list-table thead{background-color:#4a90e2;color:#fff}.token-list-table th{font-weight:500;padding:12px 15px;text-align:left}.token-list-table tbody tr{border-bottom:1px solid #eaeaea;transition:background-color .3s}.token-list-table tbody tr:nth-child(2n){background-color:#f9f9f9}.token-list-table tbody tr:hover{background-color:#f0f7ff}.token-list-table td{padding:10px 15px;vertical-align:middle}.token-name-symbol{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-address{min-width:140px}.explorer-link{color:#4a90e2;text-decoration:none;transition:color .3s}.explorer-link:hover{color:#1a5ec8;text-decoration:underline}.token-date,.token-network,.token-supply{white-space:nowrap}.token-metadata{text-align:center}.metadata-register-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .3s}.metadata-register-btn:hover{background-color:#3a7bc8}.metadata-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.metadata-modal-container{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;max-height:90vh;max-width:90%;overflow-y:auto;width:600px;z-index:1001}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.token-delete-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.token-delete-btn:hover{background-color:#d32f2f}.delete-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-container{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;overflow:hidden;width:450px}.delete-confirm-header{align-items:center;background-color:#ffebee;border-bottom:1px solid #ffcdd2;display:flex;justify-content:space-between;padding:16px 20px}.delete-confirm-header h3{color:#c62828;font-size:18px;margin:0}.delete-confirm-content{align-items:center;display:flex;flex-direction:column;padding:20px}.warning-icon{font-size:40px;margin-bottom:16px}.delete-warning{color:#c62828;font-weight:700;margin:0 0 10px;text-align:center}.delete-warning-subtext{color:#666;font-size:14px;margin:0 0 20px;text-align:center}.delete-question{font-weight:700;margin:20px 0;text-align:center}.token-info{background-color:#f5f5f5;margin-bottom:10px}.token-info p{font-size:14px;margin:6px 0}.token-info span{color:#333;font-family:monospace}.delete-confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.delete-confirm-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.delete-confirm-btn:hover{background-color:#d32f2f}.delete-confirm-btn:disabled{background-color:#ffcdd2;cursor:not-allowed}.delete-cancel-btn{background-color:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.delete-cancel-btn:hover{background-color:#bdbdbd}.delete-cancel-btn:disabled{background-color:#f5f5f5;color:#9e9e9e;cursor:not-allowed}.delete-error-message{background-color:#ffebee;border-radius:4px;color:#c62828;margin:10px 0;padding:10px;text-align:center;width:100%}@media (max-width:768px){.token-list-table{display:block;overflow-x:auto;white-space:nowrap}.token-name-symbol{max-width:120px}.metadata-modal-container{width:95%}}.external-wallet-handler{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;width:450px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.wallet-handler-header{align-items:center;background-color:#f7f9fc;border-bottom:1px solid #eaecef;display:flex;justify-content:space-between;padding:16px 20px}.wallet-handler-header h3{color:#333;font-size:18px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:0}.close-button:hover{color:#333}.wallet-handler-content{padding:20px}.wallet-status{align-items:center;display:flex;flex-direction:column;text-align:center}.spinner{border:4px solid #0000001a;border-top-color:#9c7de3;margin-bottom:16px}.wallet-status p{color:#333;font-size:16px;margin:0}.subtext{color:#666;font-size:14px;margin-top:8px!important}.token-info{background-color:#f7f9fc;border-radius:6px;margin-top:20px;padding:12px;text-align:left;width:100%}.token-info p{display:flex;font-size:14px!important;justify-content:space-between;margin:6px 0!important}.token-info a,.token-info span{color:#5d45cc;font-family:monospace}.success-icon{background-color:#3ecf8e}.error-icon,.success-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;margin-bottom:16px;width:50px}.error-icon{background-color:#f04747}.error-message{background-color:#f047471a;border-radius:4px;color:#f04747!important;margin:12px 0!important;padding:10px;word-break:break-word}.error-actions{display:flex;gap:10px;margin-top:16px}.close-success-button,.retry-button{background-color:#9c7de3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.close-success-button:hover,.retry-button:hover{background-color:#8565d4}.cancel-button{background-color:initial;border:1px solid #ccc;color:#666;padding:10px 20px;transition:all .2s}.cancel-button:hover{background-color:#f5f5f5;color:#333}.simple-visit-counter{background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin-bottom:10px;padding:8px 12px;position:relative}.visit-stats{display:flex;gap:10px}.visit-item{align-items:center;display:flex;gap:5px}.visit-icon{color:#4a90e2;font-size:14px}.visit-label{color:#555;font-size:14px;font-weight:500}.visit-value{color:#333;font-size:14px;font-weight:700}.simple-visit-counter-loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;border-radius:4px;height:20px;width:100%}.admin-controls{margin-top:8px}.admin-settings-toggle{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:12px;padding:2px 6px}.admin-settings-toggle:hover{background-color:#e0e0e0}.admin-settings-panel{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:8px;position:absolute;right:0;top:100%;width:240px;z-index:10}.settings-item{align-items:center;display:flex;margin-bottom:6px}.settings-item input[type=checkbox]{margin-right:8px}.settings-item label{color:#333;font-size:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.splash-screen{animation:fadeInOut 1s forwards;background-color:var(--color-white);z-index:10}.Home{min-height:100vh;overflow-y:auto;padding-bottom:50px;text-align:center}.Home,.Home-header{align-items:center;display:flex;flex-direction:column}.Home-header{background-color:#f5f5f5;box-shadow:0 4px 8px #0000001a;height:30px;justify-content:center;padding:0;width:100%}.Home-header h1{color:#333;font-size:var(--font-size-h1);margin-bottom:10px;text-align:center}.Home-header p{color:#666;font-size:var(--font-size-default);margin:0 auto;max-width:600px;text-align:center}.HomeContainer{background-position:50%;border-radius:0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:0;opacity:1;overflow-y:auto;padding:0}.HomeContainer,.myBookmarkContainer{background-size:cover;box-sizing:border-box;overflow-x:hidden;width:100%}.myBookmarkTitle{margin-top:0}.Greetings-home{border:none;color:var(--color-blue);cursor:pointer;font-size:1.5rem;font-weight:700;margin-top:40px;opacity:.8;overflow-wrap:normal;padding:0 10px;position:relative;transition:background-color .3s ease,color .3s ease,transform .5s ease,opacity .5s ease}.Greetings-home:hover{opacity:1;transform:scale(1.1)}.tab-buttons{column-gap:auto;row-gap:auto}.tab-buttons button{background:#0000;color:#333}@media (min-width:768px){.myBookmarks{background-color:var(--color-orangeA);border-radius:0;display:flex;flex-wrap:wrap;gap:5px;height:65vh;justify-content:center;margin:0;max-height:65vh;opacity:1;overflow-y:auto;padding-right:0;width:100vw}}@media (max-width:767px){.myBookmarks{background-color:var(--color-orangeA);border-radius:0;display:flex;flex-wrap:wrap;gap:5px;height:55vh;justify-content:center;margin:0;max-height:55vh;opacity:1;overflow-y:auto;padding-right:0;width:100vw}}.default-sites,.mySites,.sharedSites,.utilitylist{margin:0;width:auto}.editingTitleInput{font-size:var(font-size-input)}.toggle-button{align-items:center;background-color:#fff;border:#333;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:20px;opacity:1;padding:5px 15px;position:relative;right:10px;top:10px}.toggle-button:hover{background-color:var(--color-yellow)}.site-card{transition:all .3s ease}@media (min-width:768px){.site-card.vertical{--thumbnail-min-width:auto;--thumbnail-min-height:50%;--title-height:100px;--title-width:100%;--title-align-horizontal:left;--title-align-vertical:start;--thumbnail-align-vertical:center;--thumbnail-align-horizontal:center;align-items:start;flex-direction:column;justify-content:space-around;min-height:200px;width:130px}.site-card.horizontal{--thumbnail-min-width:60%;--thumbnail-min-height:100%;--title-height:100%;--title-width:80%;--title-align-horizontal:left;--title-align-vertical:center;--thumbnail-align-vertical:center;--thumbnail-align-horizontal:center;align-items:center;flex-direction:row;height:100%;justify-content:start;width:450px}}@media (max-width:767px){.site-card.vertical{--thumbnail-min-width:auto;--thumbnail-min-height:50%;--title-height:100px;--title-width:100%;--title-align-horizontal:left;--title-align-vertical:start;--thumbnail-align-vertical:center;--thumbnail-align-horizontal:center;align-items:start;flex-direction:column;justify-content:space-around;min-height:180px;width:120px}.site-card.horizontal{--thumbnail-min-width:60%;--thumbnail-min-height:90%;--title-height:100%;--title-width:80%;--title-align-horizontal:left;--title-align-vertical:center;--thumbnail-align-vertical:center;--thumbnail-align-horizontal:center;align-items:center;flex-direction:row;height:100%;justify-content:start;width:400px}}.site-thumbnail{align-items:var(--thumbnail-align-vertical);justify-content:var(--thumbnail-align-horizontal);min-height:var(--thumbnail-min-height);min-width:var(--thumbnail-min-width)}.site-title{align-items:var(--title-align-vertical);flex-wrap:wrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem!important;justify-content:var(--title-align-horizontal);min-height:var(--title-height);text-align:left!important;width:var(--title-width)}@media (min-width:768px){.cardAction{align-items:end;bottom:0;display:flex;justify-content:space-between;margin-bottom:0;margin-top:0;padding:0 4px;position:absolute;width:100%}}@media (max-width:767px){.cardAction{align-items:end;bottom:0;display:flex;justify-content:space-between;margin-bottom:0;margin-top:auto;padding:0 4px;position:absolute;width:100%}}.delete-button-home{background:#0000;border:none;color:var(--color-lightergray);cursor:pointer;font-size:.9rem;transition:color .3s ease}.delete-button-home:hover{background-color:initial;color:#ef4df5;font-size:1rem}.super-delete-button{background:#0000;border:none;color:var(--color-blue);cursor:pointer;font-size:.9rem;transition:color .3s ease}.super-delete-button:hover{background-color:initial;color:#4df558;font-size:1rem}.add-site-form{gap:10px}.add-site-form input{font-size:var(--font-size-input);height:25px}.add-site-submit-button{align-items:center;background-color:var(--background-color-button);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-button);height:25px;justify-content:center;opacity:.7;padding:10px 20px}.add-site-submit-button:hover{background-color:var(--color-whiter)}.share-button,.share-site{font-size:.9rem}.splash-screen{animation:fadeInOut 4s forwards;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:1000}.splash-logo{width:150px}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}50%{opacity:1}to{opacity:0}}.Diary{min-height:100vh;overflow-y:none;padding-bottom:50px;text-align:center}.Diary,.Diary-header{align-items:center;display:flex;flex-direction:column}.Diary-header{background-color:#f5f5f5;box-shadow:0 4px 8px #0000001a;height:65px;justify-content:center;padding:0;width:100%}.Diary-header h1{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.Diary-header p{color:#666;font-size:1rem;margin:0 auto;max-width:600px;text-align:center}.myBookmarkContainer{background-color:var(--color-white);background-image:url(/static/media/patternImage.ce0c097802bade69faa3.png);background-position:50%;background-size:auto;border-radius:0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:0;opacity:1;overflow-y:auto;padding:0;width:100vw}.myBookmarkTitle{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;margin-top:5px}.Greetings{border:none;color:var(--color-blue);cursor:pointer;font-size:1.5rem;font-weight:700;margin-top:10px;opacity:.8;overflow-wrap:normal;padding:0 10px;position:relative;transition:background-color .3s ease,color .3s ease,transform .5s ease,opacity .5s ease}.subtitles{margin-top:0}.myBookmarks{background-color:var(--color-orangeA);border-radius:0;display:flex;flex-wrap:wrap;gap:5px;height:60vh;justify-content:center;margin:0;opacity:1;overflow-y:auto;padding-right:0;width:100vw}.tab-buttons{column-gap:20px;margin-bottom:1px;margin-top:1px;row-gap:20px}.tab-buttons button{background-color:var(--color-gray);border:1px;border-color:var(--color-lightgray);margin-top:0}.tab-buttons button.active{background-color:var(--color-orange);font-size:1em}.tab-buttons button.inactive{background-color:#cbb0b0;font-size:1em;font-weight:plain}.default-sites,.mySites,.sharedSites,.utilitylist{background-color:var(--color-orangeA);border-radius:10px;column-gap:10px;display:flex;flex-wrap:wrap;height:auto;justify-content:center;margin:10px 0;opacity:1;overflow-y:auto;padding:0;row-gap:10px;width:98vw}.add-site-form{display:flex;gap:8px;justify-content:center;margin:20px 0}.add-site-form input{border:1px solid #ccc;border-radius:4px;padding:8px}.editingTitleInput{word-wrap:break-word;border:none;border-radius:4px;display:block;font-family:Arial,sans-serif;font-size:.9rem;font-weight:plain;line-height:1;max-height:5em;min-height:1em;overflow:hidden;padding:0;resize:none;white-space:pre-wrap;width:150px}.add-site-confirm-button{background-color:var(--color-white);border:none;color:green;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;opacity:.7}.add-site-confirm-button:hover{background-color:var(--color-whiter)}.site-card{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:column;margin:5px;max-height:90px;padding:5px;position:relative}.site-card,.site-thumbnail{align-items:center;display:flex}.site-thumbnail{height:45%;justify-content:center;object-fit:cover;object-fit:contain;transition:transform .3s;width:100%}.site-title{align-items:top;display:flex;font-family:Arial,sans-serif;font-size:.9rem;font-weight:400;font-weight:plain;height:40%;justify-content:center;text-align:center}.cardAction{align-items:end;bottom:0;display:flex;justify-content:space-between;margin-bottom:0;margin-top:auto;padding:0 4px;position:absolute;width:100%}.delete-button{background:#0000;color:var(--color-lightergray);font-size:.85rem;transition:color .3s ease}.delete-button:hover{background-color:initial;color:#ef4df5;font-size:1rem}.tooltip{top:5%}.message_to_new_visitors{color:#555;font-size:.9rem;margin-top:0;text-align:center}@media (min-width:768px){.default-sites,.mySites{gap:10px}.site-buttons{padding:10px}.site-card{min-height:200px;padding:5px;width:150px}.site-thumbnail{height:75px}.site-title{font-size:.9rem}}@media (max-width:767px){.default-sites,.mySites,.sharedSites{gap:5px}.tab-buttons button.active,.tab-buttons button.inactive{font-size:.9em}.site-buttons{max-height:50vh;padding:10px}.site-card{min-height:140px;padding:3px;width:100px}.site-thumbnail{height:50px}.site-title{font-size:.8rem}}.popup-overlay{align-items:center;background-color:#00000003;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center;width:300px}.popup input{margin:10px 0;padding:8px;width:100%}.cancel-button,.confirm-button,.popup button{border:none;border-radius:4px;cursor:pointer;margin:10px;padding:8px 12px}.confirm-button{background-color:#d9534f;color:#fff}.cancel-button{background-color:#ccc;color:#000}.share-button{background:none;border:none;color:#c2bbbb;cursor:pointer;font-size:.8rem;margin-left:auto}.share-button:hover{background-color:initial;color:#ef4df5;font-size:1rem}.marketNewsContainer{background-color:var(--color-white);border-radius:10px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:30px 0;opacity:1;overflow-y:auto;padding:0;width:100vw}.overlay{align-items:center;background:#0000;display:flex;justify-content:center;z-index:1000}.overlay,.overlay-background{height:100vh;left:0;position:fixed;top:0;width:100vw}.overlay-background{background-color:var(--color-white);z-index:999}.overlay-content{background:#ffffff4d;border-radius:8px;padding:20px;text-align:center;width:300px}.share-options{margin:10px 0}.share-options label{display:block;margin-bottom:8px}.share-site{background:none;border:none;color:#c2bbbb;cursor:pointer;font-size:.8rem;margin-left:auto}.share-site:hover{background-color:initial;color:#ef4df5;font-size:1rem}.TGabyss{border-top:1px solid #575854;bottom:0;color:#fff;font-size:.7rem;line-height:1.6;margin-bottom:10px;margin-top:20px;opacity:.5;padding:2px 15px;position:relative;text-align:left}.splash-screen{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center}.splash-logo{height:auto;width:200px}.image-convert{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background-image:url(/static/media/patternImage.ce0c097802bade69faa3.png);color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:0;text-align:center}.image-convert-header{justify-content:flex-start;margin-bottom:20px;padding-top:0;text-align:center}.image-convert-header h1{color:#0069d9;font-size:2.5rem}.output-file{align-items:center;background:#f8f9fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;padding:10px;width:100%}@media (min-width:768px){.image-convert{padding:100px}.imageconvert-main{display:flex;flex-direction:row;justify-content:space-evenly}.image-preview{align-items:center;height:400px;width:600px}.image-control,.image-preview{display:flex;flex-direction:column}.image-control{justify-content:center;margin:40px}.output-file{max-width:400px;padding:15px}.save-button{max-width:300px}}@media (max-width:767px){.image-convert{padding:80px}.image-convert-header h1{font-size:2rem}.instruction-text{font-size:1rem}.image-preview{height:200px;margin:10px auto;width:200px}.output-file{max-width:90%;padding:10px}.format-label{font-size:1rem}.format-dropdown,.save-button{font-size:.9rem}.save-button{max-width:100%;padding:8px 15px}}.Manage{font-family:Noto Sans KR,sans-serif;margin:0 auto;padding:20px;width:100%}.Manage-header{color:#333;margin-bottom:30px;margin-top:70px;text-align:center}.Manage-header h1{border-bottom:3px solid #269830;display:inline-block;font-size:2rem;font-weight:700;padding-bottom:10px}.ManageContainer{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.tab-buttons{background-color:#f5f5f5;border-bottom:1px solid #ddd}.tab-buttons button{align-items:center;background:none;border:none;color:#666;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:center;padding:15px 20px;transition:all .3s}.tab-buttons button.active{background-color:#269830;border-bottom:3px solid #1a6e23;color:#fff}.tab-buttons button.inactive{background-color:#f5f5f5}.tab-buttons button.inactive:hover{background-color:#e0e0e0}.tab-buttons button svg{margin-right:8px}.access-denied{background-color:#ffebee;border-radius:8px;margin-top:20px;padding:50px 20px;text-align:center}.access-denied h2{color:#b71c1c;margin-bottom:15px}.access-denied p{color:#333;font-size:16px}.manage-content{padding:20px}.visitcount{display:flex;flex-direction:column}.action-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.visit-count-button{align-items:center;background-color:#269830;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:10px 20px;transition:background-color .3s}.visit-count-button:hover{background-color:#1a6e23}.visit-count-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.visit-count-button svg{margin-right:8px}.table-container{border-radius:4px;box-shadow:0 2px 8px #0000000d;margin-top:10px}table{background-color:#fff;border-collapse:collapse;width:100%}table th{background-color:#f0f0f0;border-bottom:2px solid #ddd;cursor:pointer;font-weight:600;padding:12px 15px;text-align:left;transition:background-color .3s}table th:hover{background-color:#e0e0e0}table td{border-bottom:1px solid #eee;max-width:300px;overflow:hidden;padding:10px 15px;text-overflow:ellipsis;white-space:nowrap}table tr:nth-child(2n){background-color:#f9f9f9}table tr:hover{background-color:#f1f1f1}.record-table tr.selected{background-color:#e8f5e9!important;border-left:3px solid #269830}.url-link{color:#1a6e23;text-decoration:none}.url-link:hover{text-decoration:underline}.datamanage{display:flex;flex-direction:column}.table-selection-container{margin-bottom:20px}.table-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.record-control{flex-wrap:wrap;gap:10px;margin-bottom:20px}.action-button,.record-control{align-items:center;display:flex}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 15px;transition:all .3s}.action-button svg{margin-right:5px}.action-button.add{background-color:#269830;color:#fff}.action-button.add:hover{background-color:#1a6e23}.action-button.edit{background-color:#2196f3;color:#fff}.action-button.edit:hover{background-color:#0d8bf2}.action-button.delete{background-color:#f44336;color:#fff}.action-button.delete:hover{background-color:#d32f2f}.action-button.save{background-color:#269830;color:#fff}.action-button.cancel{background-color:#757575;color:#fff;margin-left:10px}.action-button:disabled{cursor:not-allowed;opacity:.6}.search-container{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;margin-left:auto;padding:5px 10px}.search-icon{color:#666;margin-right:8px}.search-input{border:none;padding:5px}.record-list-container{margin-top:20px}.record-list-container h3{border-left:4px solid #269830;color:#333;font-size:18px;margin-bottom:10px;padding-left:10px}.form-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:30px;padding:20px}.form-container h3{border-bottom:2px solid #269830;color:#333;font-size:18px;margin-bottom:20px;padding-bottom:10px}.field-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.input-group{display:flex;flex-direction:column}.input-group label{color:#555;font-size:14px;font-weight:600;margin-bottom:5px}.input-group .required{color:#f44336;margin-left:3px}.input-group input,.input-group select,.input-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.input-group textarea{min-height:100px;resize:vertical}.form-buttons{display:flex;justify-content:flex-start;margin-top:20px}.status-message{align-items:center;background-color:#f8f9fa;border-left:4px solid #269830;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin:10px 0;padding:12px 15px}.status-message.loading{background-color:#e8f5e9;border-left-color:#269830}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#269830;height:20px;margin-left:10px;width:20px}.no-data-message{background-color:#f5f5f5;border-radius:4px;color:#666;font-size:16px;margin-top:10px;padding:40px 20px}.pagination-controls{gap:10px}.records-per-page{align-items:center;display:flex;gap:10px}.records-per-page label{color:#555;font-size:14px}.records-per-page input{border:1px solid #ddd;border-radius:4px;padding:6px 8px;text-align:center;width:60px}.record-stats{color:#666;font-size:14px}.pagination{flex-wrap:wrap}.pagination-button{border:1px solid #ddd;height:36px;transition:all .2s;width:36px}.pagination-button:disabled{opacity:.5}.page-numbers{margin:0 5px}.pagination-number{border:1px solid #ddd;height:36px;transition:all .2s;width:36px}.pagination-number.active{background-color:#269830;border-color:#269830}@media screen and (max-width:768px){.Manage{padding:10px}.tab-buttons button{font-size:14px;padding:10px}.field-inputs{grid-template-columns:1fr}.record-control{align-items:stretch;flex-direction:column}.search-container{margin-left:0;margin-top:10px;width:100%}.search-input{width:100%}.action-button{justify-content:center;margin-bottom:5px;width:100%}.pagination-controls{align-items:flex-start;flex-direction:column}.records-per-page{justify-content:space-between;width:100%}.record-stats{margin-top:10px;text-align:center;width:100%}}.sort-controls,.timezone-controls{align-items:center;display:flex;margin-right:20px}.sort-controls label,.timezone-controls label{margin-right:8px;white-space:nowrap}.sort-controls select,.timezone-controls select{border:1px solid #ccc;border-radius:4px;margin-right:5px;padding:5px}.timezone-icon{color:#555;margin-right:5px}.sort-direction-button{align-items:center;background:none;background-color:#f5f5f5;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:10px;height:30px;justify-content:center;width:50px}.sort-direction-button:hover{background-color:#e0e0e0}.record-table th{cursor:pointer;padding:10px;position:relative;-webkit-user-select:none;user-select:none}.record-table th.sorted{background-color:#f0f8ff}.record-table th .sort-icon{display:inline-block;margin-left:5px;vertical-align:middle}.record-table th:hover{background-color:#f0f0f0}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:15px 0}@media (max-width:768px){.pagination-controls{align-items:flex-start;flex-direction:column}.record-stats,.records-per-page,.sort-controls{margin-bottom:10px}}.visitstats{margin-top:20px;width:100%}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.period-buttons{display:flex;gap:10px}.period-buttons button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;padding:8px 16px;transition:all .2s}.period-buttons button:hover{border-color:#269830;color:#269830}.period-buttons button.active{background-color:#269830;border-color:#269830;color:#fff}.period-buttons button svg{margin-right:5px}.filter-controls{align-items:center;display:flex;gap:10px}.page-filter{position:relative}.page-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:150px;padding:8px 32px 8px 12px}.page-filter:after{color:#666;content:"▼";font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-box{position:relative}.search-input{padding:8px 12px 8px 36px;width:200px}.search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.export-toggle-button,.refresh-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;padding:8px 16px;transition:all .2s}.export-toggle-button:hover,.refresh-button:hover{border-color:#269830;color:#269830}.export-toggle-button svg,.refresh-button svg{margin-right:5px}.export-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;margin-bottom:20px;padding:15px}.stats-summary{align-items:center;justify-content:space-between;margin-bottom:15px}.stats-count{color:#666;font-size:.9rem}.table-container{background-color:#fff;border-radius:6px;box-shadow:0 2px 5px #0000000d;overflow-x:auto;width:100%}.visit-stats-table{border-collapse:collapse;min-width:800px;width:100%}.visit-stats-table td,.visit-stats-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.visit-stats-table th{background-color:#f8f9fa;color:#444;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}.visit-stats-table tr:hover{background-color:#f9f9f9}.view-details-button{background-color:initial;border:1px solid #269830;border-radius:4px;color:#269830;cursor:pointer;font-size:.85em;padding:5px 10px;transition:all .2s}.view-details-button:hover{background-color:#269830;color:#fff}.no-data-message{color:#777;font-style:italic;padding:30px;text-align:center}@media (max-width:768px){.filter-bar{align-items:stretch;flex-direction:column}.filter-controls{flex-wrap:wrap}.search-input{width:100%}}.visit-stats-export{margin:15px 0}.export-controls{align-items:center;display:flex;gap:10px}.export-format-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#444;font-size:.9rem;min-width:100px;padding:8px 12px}.export-format-select:focus{border-color:#269830;box-shadow:0 0 0 2px #26983033;outline:none}.export-button{align-items:center;background-color:#269830;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:background-color .2s}.export-button:hover{background-color:#1e7d26}.export-button:disabled{background-color:#8cc691;cursor:not-allowed}.export-button svg{font-size:1rem}@media (max-width:480px){.export-controls{align-items:stretch;flex-direction:column}.export-button,.export-format-select{width:100%}}.pagination{gap:5px;margin:20px 0}.pagination,.pagination-button{align-items:center;display:flex;justify-content:center}.pagination-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:14px;height:20px;overflow:visible;transition:all .2s ease;width:20px}.pagination-button svg{fill:currentColor;display:block;height:16px;width:16px}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#bbb;color:#333}.pagination-button:disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.4}.page-numbers{display:flex;gap:5px}.pagination-number{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-number:hover:not(.active){background-color:#f5f5f5;border-color:#bbb;color:#333}.pagination-number.active{background-color:#28a745;border-color:#28a745;box-shadow:0 2px 4px #28a74533;color:#fff;cursor:default;font-weight:600}@media screen and (max-width:480px){.pagination{margin:15px 0}.pagination-button,.pagination-number{font-size:13px;height:36px;width:36px}.pagination-button svg{height:14px;width:14px}.page-numbers{gap:3px}}.page-stats-dashboard{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}.page-title{margin-bottom:20px;text-align:center}.page-title h3{color:#333;font-size:1.5rem;margin-bottom:5px}.date-range{color:#666;font-size:.9rem;margin:0}.stats-summary{display:flex;justify-content:space-around;margin-bottom:30px}.stats-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px;text-align:center;transition:transform .2s;width:30%}.stats-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.stats-icon{color:#269830;font-size:1.8rem;margin-bottom:10px}.stats-number{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:5px}.stats-label{color:#666;font-size:.9rem}.stats-detail-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-detail-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px}.stats-detail-card h4{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:1rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.stats-detail-card h4 svg{color:#269830;margin-right:5px}.daily-chart{align-items:flex-end;display:flex;height:200px;justify-content:space-between;padding-top:20px}.chart-bar-container{align-items:center;display:flex;flex-direction:column;min-width:20px;width:calc(7.14286% - 4px)}.chart-bar{background-color:#269830;border-radius:3px 3px 0 0;min-height:5px;position:relative;transition:height .3s;width:100%}.chart-bar:hover{background-color:#1e7d26}.bar-value{bottom:100%;color:#555;font-weight:500;left:50%;padding:2px 0;position:absolute;transform:translateX(-50%)}.bar-value,.chart-label{font-size:.7rem;white-space:nowrap}.chart-label{color:#777;margin-top:5px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.stats-pie-chart{display:flex;flex-direction:column;gap:10px}.pie-segment{align-items:center;display:flex;margin-bottom:8px}.segment-color{border-radius:50%;height:16px;margin-right:8px;width:16px}.segment-label{color:#555;flex:1 1;font-size:.85rem}.segment-value{color:#777;font-size:.85rem;font-weight:500}.stats-list{display:flex;flex-direction:column;gap:10px}.stats-list-item{align-items:center;display:flex;padding:5px 0}.country-flag{font-size:1.2rem;margin-right:8px}.country-name{color:#555;flex:1 1;font-size:.85rem}.country-count{color:#333;font-size:.85rem;font-weight:500;margin-right:5px}.country-percent{color:#777;font-size:.8rem}.no-stats-message{background-color:#f8f9fa;border-radius:10px;color:#777;font-style:italic;margin-top:20px;padding:30px;text-align:center}@media (max-width:768px){.stats-summary{align-items:center;flex-direction:column}.stats-card{margin-bottom:15px;width:80%}.daily-chart{height:150px}}.recognized-text{color:#333;font-size:1.5rem;margin-top:10px;text-align:center}.recognized-text .highlight{color:#007bff;font-size:2rem;font-weight:700}.HeadsUp{min-height:100vh}.age-group-selection{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.age-group-selection h2{font-size:24px;margin-bottom:20px}.age-group-selection button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px}.age-group-selection button:hover{background-color:#0056b3}.start-screen button{padding:10px 20px}.game-screen{padding:20px}.game-screen h1{margin:20px 0}.game-controls button{border-radius:5px}.game-controls button:hover{background-color:#e0a800}.score{margin-top:20px}.game-screen .timer{font-size:24px;margin-top:10px}.game-instructions{border:2px solid #4caf50;box-shadow:0 4px 8px #0000001a;text-align:left}.game-instructions h2{color:#4caf50;font-size:24px;font-weight:700;margin-bottom:10px}.game-instructions p{color:#333;font-size:16px}@media (max-width:767px){.record-list{max-width:85%}.record-list table tbody{max-height:200px}}body{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif;margin:0;text-align:center}.HeadsUp{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:0}.okbutton{border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:10px}.okbutton button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px;width:30vw}.okbutton button:hover{background-color:#0056b3}.start-screen{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:30px;padding:20px}.start-screen h2{font-size:24px;margin-bottom:20px}.game-over-screen{margin-top:0}.start-screen button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 20px}.start-screen button:hover{background-color:#218838}.volume-control-div{margin-top:40px}.game-screen{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:0;padding:10px}.game-screen h1{font-size:48px;margin:20px 60px}.game-screen h2{font-size:36px;margin:20px 0}.game-controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.game-controls button{background-color:#ffc107;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px}.game-controls button:hover{background-color:#50da35d8}.score{font-size:24px;font-weight:700;margin-top:0}.reset-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.reset-button:hover{background-color:#c82333}.game-screen .timer{color:red;font-size:20px;font-weight:700}.game-screen .score{font-size:20px;font-weight:700;margin-top:10px}.game-instructions{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#333;font-family:Arial,sans-serif;margin:20px auto;max-width:600px;padding:20px;text-align:center;width:80%}.game-instructions h2{color:#4e8ca1;font-size:1.5rem;margin-bottom:15px}.game-instructions p{font-size:1rem;line-height:1.6;margin-bottom:15px;text-align:justify}.game-instructions img{border-radius:8px;box-shadow:0 4px 6px #0000001a;display:block;height:auto;margin:20px auto;max-width:100%}.game-instructions button{background-color:#6a9fb5;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;margin-top:15px;padding:10px 20px;transition:all .3s ease}.game-instructions button:hover{background-color:#5a8ca5;box-shadow:0 4px 8px #0003}.game-instructions button:active{background-color:#4e8ca1;transform:translateY(2px)}.record-list{margin:0 auto 20px}.record-list h3{color:#34495e;font-size:20px;margin-bottom:10px;margin-top:20px}.record-list table{background-color:#f9fbfd;border-collapse:collapse;margin:0 auto;width:100%}.record-list table tbody{display:block;overflow-y:auto;width:100%}@media (min-width:768px){.record-list{max-width:80%}.record-list table tbody{max-height:300px}}@media (max-width:767px){.record-list{max-width:95%}.record-list table tbody{max-height:300px}}.record-list table tbody tr,.record-list table thead{display:table;table-layout:fixed;width:100%}.record-list table td,.record-list table th{border:1px solid #ddd;padding:10px;text-align:left}.record-list table th{background-color:#007bff;color:#fff;font-weight:700}.word-details{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;height:320px;justify-items:left;line-height:1.6;margin:10px auto;max-height:350px;max-width:600px;overflow-y:auto;padding:10px}.word{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.part-of-speech{font-size:1rem}.meaning,.part-of-speech{color:#007bff;margin-bottom:10px}.meaning{font-size:1.5rem}.meaning,.meaning-summary{align-items:center;display:flex;font-weight:700;justify-content:center;text-align:center}.meaning-summary{color:#007bff;font-size:1rem;margin-bottom:5px}.example1,.synonym{color:#201c1c;font-size:1rem;margin-bottom:10px}.example1 strong,.synonym strong{color:#007bff}.word-style:hover{background-color:var(--color-yellow);cursor:pointer}.word-details .example1{text-align:left}.word-details .example1:hover{background-color:var(--color-yellow);cursor:pointer}.word-details .explanation_en{background-color:var(--color-white);cursor:pointer;text-align:left}.word-details .explanation_en:hover{background-color:var(--color-yellow);cursor:pointer}.word-style,.word-style-summary{color:#007bff;font-family:"Arial, sans-serif";font-size:1.5rem;font-weight:700}.word-style-summary{margin-bottom:5px;text-align:center}.music-player,.word-style-summary{align-items:center;display:flex;justify-content:center}.music-player{background-color:#f9f9f9;border:2px solid #ccc;border-radius:10px;flex-direction:row;padding:0}.music-player button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:5px;padding:10px 20px;transition:background-color .3s ease}.music-player button:hover{background-color:#45a049}.music-player button:active{background-color:#3e8e41}.music-player .volume-control{align-items:center;display:flex;margin:0 20px;width:100%}.music-player .volume-control label{font-size:14px;font-weight:700;margin-right:10px}.music-player .volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;cursor:pointer;height:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:15px}.music-player .volume-control input[type=range]::-webkit-slider-thumb:hover{background:#45a049}.music-player .volume-control span{font-size:14px;font-weight:700;margin-left:10px}.startGameButton{margin-top:20px}button:hover{background-color:#ff8c00;color:#fff}.water-mark{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background-image:url(/static/media/patternImage.ce0c097802bade69faa3.png);color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:0;text-align:center}.water-mark-header{justify-content:flex-start;margin-bottom:20px;padding-top:0;text-align:center}.water-mark-header h1{color:#0069d9;font-size:2.5rem}.instruction-text{color:#555;font-size:1.2rem;padding-top:10px}.image-preview{background-color:#fff;background-image:url(/static/media/imageconvertpreview.9c729cb2ae3730b7f731.png);border:1px dashed #ccc;height:200px;margin:40px auto;width:300px}.preview-image{max-height:100%;max-width:100%}.output-image-container-watermark{background-color:#fff;border:1px dashed #ccc;height:auto;margin:10px auto;overflow:hidden;width:600px}.output-image-watermark{display:block;height:auto;width:100%}.placeholder{color:#888;font-size:16px}.controls{margin-top:0}.upload-button{background-color:var(--color-orange);border-radius:5px;display:inline-block;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.upload-button:hover{background-color:var(--color-yellow)}.upload-button:focus{box-shadow:0 0 5px 2px #0069d980;outline:none}.upload-button-hidden{display:none}.watermark-output-file{align-items:center;background:#f8f9fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:400px;padding:10px;width:100%}.format-label{color:#333;font-size:1.2rem;margin-bottom:10px}.format-dropdown{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:1rem;margin-bottom:10px;max-width:300px;outline:none;padding:8px 12px;width:100%}.format-dropdown:hover{border-color:#0069d9}.save-button{background-color:#269830;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;max-width:300px;padding:10px 20px;transition:background-color .3s ease;width:100%}.save-button:hover{background-color:#1d7a24}@media (min-width:768px){.water-mark{padding:100px}.WaterMark-main{display:flex;flex-direction:row;justify-content:space-evenly}.image-preview{align-items:center;height:400px;width:600px}.image-control,.image-preview{display:flex;flex-direction:column}.image-control{justify-content:center;margin:40px}.output-file{max-width:400px;padding:15px}.save-button{max-width:300px}}@media (max-width:767px){.water-mark{padding:80px}.water-mark-header h1{font-size:2rem}.instruction-text{font-size:1rem}.image-preview{height:200px;margin:10px auto;width:200px}.output-file{max-width:90%;padding:10px}.format-label{font-size:1rem}.format-dropdown,.save-button{font-size:.9rem}.save-button{max-width:100%;padding:8px 15px}}.message{color:#269830;font-size:1.2rem;margin-top:20px}.size-dropdown{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:1rem;margin-bottom:15px;max-width:300px;outline:none;padding:8px 12px;transition:border-color .3s ease-in-out;width:100%}.size-dropdown:focus,.size-dropdown:hover{border-color:#0069d9}input[type=number],label{font-size:1rem;margin-right:10px}input[type=number]{border:1px solid #ccc;border-radius:5px;outline:none;padding:8px 10px;transition:border-color .3s ease-in-out;width:100px}input[type=number]:focus{border-color:#0069d9;box-shadow:0 0 5px #0069d980}input[type=number]::placeholder{color:#aaa;font-style:italic}input[type=number]:hover{border-color:#0069d9}.custom-size-container{align-items:center;display:flex;gap:10px;margin-top:10px}.custom-size-container label{color:#555;font-size:.9rem}.custom-size-container input[type=number]{flex-shrink:0;max-width:100px}.inputNewSize{display:flex;flex-direction:column}.watermarkTextContainer{align-items:center;display:flex;flex-direction:row;margin:10px 0 20px 20px}.watermark-label{color:#333;font-size:16px;font-weight:700}.watermark-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;max-width:400px;outline:none;padding:10px 12px;transition:border-color .3s ease,box-shadow .3s ease;width:60%}.watermark-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.watermark-input::placeholder{color:#aaa;font-style:italic}
  
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.Diary{font-family:Arial,sans-serif;margin-top:2vh;overflow:"visible";padding:auto}.Greetings-clipboard{border:none;color:var(--color-blue);cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:20px;margin-top:20px;opacity:.8;overflow-wrap:normal;padding:0 20px;position:relative;transition:background-color .3s ease,color .3s ease,transform .5s ease,opacity .5s ease}.Greetings:hover{opacity:1;transform:scale(1.1)}.myDiaryContainer{height:100vh;width:100vw}.myDiary{display:flex;height:80%;justify-content:center;width:100%}.DiaryForm{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto;padding:0;width:95%}.clear-textarea-btn{background-color:initial}.DiaryForm h2{color:#333;text-align:center}.textArea{overflow-y:scroll}.textArea img{height:auto;max-height:50%;max-width:98%;object-fit:contain}.tab-buttons{background-color:initial;border-style:none;display:flex;flex-direction:row;gap:5%;justify-content:center;margin-bottom:10px;margin-left:15%;margin-top:5px;width:70%}.tab-buttons button{background-color:var(--color-white);border-color:var(--color-orange);border-radius:15px;border-width:1px;cursor:pointer;margin-top:10px;padding:5px 20px;transition:background-color .3s}.tab-buttons button.active{background-color:var(--color-green);font-weight:plain}.DiaryList .diary-entry{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px}.form-group{margin-bottom:10px;margin-top:5px;width:100%}.form-group label{display:flexbox;font-weight:700;margin-left:10px;margin-right:10px;width:100px}.form-group button{padding:10px 20px}.form-group button,.submitButton{background-color:#4caf50;border:none;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s,transform .2s}.submitButton{margin-top:15px;padding:5px 50px}@media (min-width:768px){.submitButton{margin-bottom:30%}.textArea{height:60vh;min-height:60%;width:90%}.form-group input[type=date]{border-radius:4px;font-size:16px;margin-top:5px;max-width:200px;min-width:200px;padding:5px;width:200px}.fileUpload{display:flex;flex-direction:row;margin-top:1%;width:50vw}}@media (max-width:767px){.submitButton{margin-bottom:100px}.textArea{height:52%;min-height:62%;width:98%}.form-group input[type=date]{border-radius:4px;font-size:12px;margin-top:5px;max-width:200px;min-width:200px;padding:5px;width:200px}.fileUpload{display:flex;flex-direction:row;font-size:10px;margin-top:5%}}.ql-syntax{background-color:#f5f5f5!important;border:1px solid #ddd!important;border-radius:5px!important;color:#333!important;font-family:Courier New,Courier,monospace!important;font-size:14px!important;line-height:1.5!important;margin:10px 0!important;overflow-x:auto!important;padding:15px!important;position:relative!important;white-space:pre-wrap!important}.ql-syntax:hover{box-shadow:0 2px 8px #0000001a!important}button:hover{background-color:#218727}.status-message{color:#555;font-size:12px;margin-top:10px;text-align:center}.tooltip{animation:fadeOut 5s forwards;background-color:var(--color-orange);border-radius:5px;color:var(--color-white);font-size:.9rem;left:50%;opacity:.8;padding:5px 10px;position:absolute;top:15%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.diary-list-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #3c3b3b1a;display:flex;flex-direction:column;justify-content:center;margin:0 auto 0 2%;max-height:85vh;max-width:80vw;padding:0;width:90vw}.diary-list-container h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.diary-list{background-color:#fafaf9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;gap:5px;height:auto;overflow-y:auto;overscroll-behavior:contain;padding:0 10px 0 0;scroll-behavior:smooth;width:98%}.diary-list::-webkit-scrollbar{width:6px}.diary-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.diary-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.diary-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:767px){.diary-list-container{margin:0 auto;max-width:98vw;width:98vw}.DiaryForm{width:100%}.diary-list{display:block;justify-content:center;margin-top:0;max-height:60vh;width:100%}}.diary-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.diary-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-3px)}.diary-item .diary-date{color:#555;font-size:16px;font-weight:700;margin-bottom:8px}.diary-item .diary-preview{align-items:center;color:#777;display:flex;font-size:14px;gap:10px;margin-bottom:5px}.diary-item .diary-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-item .diary-file{color:#999;font-size:12px;font-style:italic}.error-message{color:#d9534f;font-weight:700;margin-top:10px}.diary-details{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:10px;padding:0}.diary-details h2{color:#333;font-size:20px;margin-bottom:10px}.diary-details p{color:#555;font-size:16px;line-height:1.6;margin:0}.diary-details .ReactQuill{margin-bottom:10px}.diary-details button{cursor:pointer;font-size:14px;margin-right:5px;padding:5px 10px}.diary-details input[type=file]{margin-top:10px}.diary-text{height:auto;line-height:1;margin-top:0;overflow-wrap:break-word;text-align:justify;width:100%}.diary-text div[style*="text-align: justify"]{text-align:justify!important}.ql-indent-1{padding-left:3em!important}.ql-indent-2{padding-left:6em!important}.ql-indent-3{padding-left:9em!important}.diary-photo img{margin-top:10px;max-width:100%}.memo-topinfo{align-items:center;border-bottom:1px solid #ccc;display:flex;font-size:14px;gap:20px;margin-left:5%;position:-webkit-sticky;position:sticky;width:89%}.bottom-buttons{border-top:1px solid #ccc;display:flex;flex-direction:row;justify-content:space-between}.close-details-icon{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:10px auto 0;padding:10px 20px;transition:background-color .3s ease}.attachedFiles{margin:0 auto}.close-details-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:10px auto 0;padding:10px 20px;transition:background-color .3s ease}.close-details-button:hover{background-color:#0056b3}.delete-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:10px auto 0;padding:10px 20px;transition:background-color .3s ease}.delete-button:hover{background-color:#0056b3}.diary-photo{margin:0 auto;text-align:center;width:100%}.diary-photo img{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;width:100%}.diary-text img{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;height:auto;margin:10px auto;max-width:100%}.diary-text div{margin:0;padding:5%}.diary-text div[style*="text-align: left"]{text-align:left!important}.diary-text div[style*="text-align: center"]{text-align:center!important}.diary-text div[style*="text-align: right"]{text-align:right!important}audio{background-color:#f4f4f4;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;height:50px;width:100%}.audio-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column}.audio-container,.custom-audio-player{align-items:center;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;margin:auto;max-width:400px;padding:10px}.custom-audio-player{background-color:#f4f4f4;border:1px solid #ccc;border-radius:10px;font-family:Arial,sans-serif;width:100%}button{background:none;color:#333;font-size:18px}button:hover{color:#007bff}.progress-bar{background:#ddd;border-radius:5px;flex:1 1;height:5px;margin:0 10px;overflow:hidden;position:relative}.progress{background:#007bff;border-radius:5px;height:100%;transition:width .1s linear;width:0}#current-time,#duration{color:#333;font-size:14px}.viewer-container{max-width:100%;overflow:hidden;position:relative;touch-action:none}.zoomable-content{touch-action:manipulation;transform-origin:center center;transition:transform .3s ease;-webkit-user-select:none;user-select:none}pre{background:#f0f0f0;border-radius:5px;overflow-x:auto;padding:10px;white-space:pre-wrap}code,pre{color:#333;font-family:Courier New,monospace}code{background-color:#f0f0f0;border-radius:3px;padding:2px 4px}.file-list-dropdown{margin:10px 0;position:relative;width:100%}.file-list-dropdown-header{align-items:center;background-color:#f1f1f1;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.file-list-dropdown-header:hover{background-color:#e9e9e9}.file-list-dropdown-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;display:none;max-height:150px;overflow-y:auto;position:relative;z-index:10}.file-list-dropdown-content.show{display:block}.file-list-item:last-child{border-bottom:none}.file-list-item{border-bottom:1px solid #eee;font-size:12px;padding:8px 12px}.ql-container{height:400px;overflow-y:auto}.ql-toolbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ql-editor iframe{border:1px solid #ddd;max-width:100%;overflow:auto;resize:both}.datetitle{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:baseline}.dateSelection{flex:1 1;height:auto;margin:3px 1% 3px 7%;width:10vw}.dateSelection label{font-size:.8rem;margin-right:10px;white-space:nowrap}.title-input{flex:1 1;font-size:.8rem;margin-bottom:3px;margin-left:5vw;margin-top:3px;width:80vw}.title-input label{font-size:.8rem;margin-right:10px;white-space:nowrap}.diary-title-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:1rem;font-weight:700;height:7%px;padding:2px;width:90%}.diary-title-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.diary-title{margin-top:15px}.diary-title h2{color:#333;font-size:1.5rem;font-weight:700;margin:0;padding:0}@media (max-width:768px){.diary-title-input{font-size:1rem;padding:8px}.diary-title h2{font-size:1.2rem}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:auto;padding:3px 5px;width:28px}}.diary-search{display:flex;justify-content:center;margin:10px 0;width:100%}.diary-search form{align-items:center;display:flex;gap:8px;width:95%}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.search-input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.clear-button,.search-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:background-color .3s}.search-button{background-color:#28a745;color:#fff}.search-button:hover{background-color:#218838}.clear-button{background-color:#6c757d;color:#fff}.clear-button:hover{background-color:#5a6268}.search-results-info{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:14px;margin:10px 0;padding:5px;text-align:center}.highlight{background-color:#ff06;font-weight:700}@media (max-width:767px){.clear-button,.search-button,.search-input{font-size:12px;padding:6px 8px}.search-results-info{font-size:12px}}.auto-save-indicator{animation:fadeIn .3s ease;background-color:#f0f8ff;border-radius:4px;color:#666;font-size:12px;margin-top:5px;padding:2px 5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.draft-notification{background-color:#f0f8ff;border-left:3px solid #1e90ff;border-radius:0 4px 4px 0;margin-bottom:15px;padding:8px 12px;position:relative}.draft-notification,.file-list-item{align-items:center;display:flex;justify-content:space-between}.file-list-item{padding:4px 0}.remove-file-btn{background-color:initial;border:none;color:#d00;cursor:pointer;font-size:14px;padding:0 5px}.discard-draft-btn{align-items:center;background-color:#919992;border:none;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:5px;justify-content:center;margin-left:5%;margin-top:5px;transition:background-color .3s,transform .2s;width:35%}.discard-draft-btn:hover{background-color:#eee;color:#333}.discard-draft-btn:active{background-color:#e0e0e0;transform:translateY(1px)}.draft-notification{background-color:initial;border:1px solid #ff5722;color:#ff5722;font-size:12px;margin-left:10px;padding:3px 8px}.draft-notification .discard-draft-btn:hover{background-color:#fff0eb}.save-draft-btn{align-items:center;background-color:#919992;border:none;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-top:5px;transition:background-color .3s,transform .2s;width:10vw}.save-draft-btn:hover{background-color:#eee;color:#333}.save-draft-btn:active{background-color:#e0e0e0;transform:translateY(1px)}.clearscreen-btn{align-items:center;background-color:#919992;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-top:5px;transition:background-color .3s,transform .2s;width:10vw}.clearscreen-btn,.textArea{border:none;border-radius:4px;display:flex}.textArea{align-items:flex-start;background:#fff;flex-direction:column;height:100%;justify-content:flex-start;min-height:300px;overflow-y:auto;padding:0;resize:vertical}.ql-container{border-bottom:1px solid #ccc;min-height:200px;overflow:auto;resize:vertical}.ql-container:after{background:linear-gradient(135deg,#0000 50%,#ccc 0);bottom:0;content:"";cursor:se-resize;height:16px;position:absolute;right:0;width:16px}@media (max-width:767px){.ql-syntax{font-size:12px!important;margin:8px 0!important;padding:10px!important}.textArea{min-height:200px;resize:vertical}.save-draft-btn{font-size:10}}pre.ql-syntax{background-color:#f3f3f3;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Courier New,Courier,monospace;font-size:14px;margin:15px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}.ql-editor code{background-color:#f5f5f5!important;border:1px solid #ddd!important;border-radius:3px!important;color:#333!important;font-family:Courier New,Courier,monospace!important;font-size:.9em!important;padding:2px 4px!important}.dark-theme pre.ql-syntax{background-color:#2d2d2d;border:1px solid #444;color:#f8f8f2}.ql-syntax .keyword{color:#07a}.ql-syntax .string{color:#690}.ql-syntax .number{color:#905}.ql-syntax .comment{color:#999}.enhanced-code-block{background-color:#f6f8fa!important;border:1px solid #e1e4e8!important;border-radius:6px!important;line-height:1.2!important;margin:1em 0!important;overflow:auto!important;padding:16px!important}.enhanced-code-block,.enhanced-inline-code{color:#24292e!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:85%!important}.enhanced-inline-code{background-color:#1b1f230d!important;border-radius:3px!important;padding:.2em .4em!important}.ql-editor ol,.ql-editor ul{margin-bottom:1em!important;padding-left:2em!important}.ql-editor li+li{margin-top:.25em!important}.ql-editor blockquote{border-left:.25em solid #dfe2e5!important;color:#6a737d!important;margin-left:0!important;margin-right:0!important;padding:0 1em!important}.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{font-weight:600!important;line-height:1.2!important;margin-bottom:.75em!important;margin-top:1.5em!important}.ql-editor h1{font-size:2em!important}.ql-editor h1,.ql-editor h2{border-bottom:1px solid #eaecef!important;padding-bottom:.3em!important}.ql-editor h2{font-size:1.5em!important}.enhanced-diary-content{color:#24292e!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;line-height:1.2!important;padding:0 16px!important}.enhanced-content-container{max-width:100%!important;overflow-x:auto!important}.enhanced-diary-content h1,.enhanced-diary-content h2,.enhanced-diary-content h3,.enhanced-diary-content h4,.enhanced-diary-content h5,.enhanced-diary-content h6{font-weight:600!important;line-height:1.2!important;margin-bottom:.75em!important;margin-top:1.5em!important}.enhanced-diary-content h1{font-size:2em!important}.enhanced-diary-content h1,.enhanced-diary-content h2{border-bottom:1px solid #eaecef!important;padding-bottom:.3em!important}.enhanced-diary-content h2{font-size:1.5em!important}.enhanced-diary-content .enhanced-code-block,.enhanced-diary-content .ql-syntax,.enhanced-diary-content pre{background-color:#f6f8fa!important;border:1px solid #e1e4e8!important;border-radius:6px!important;color:#24292e!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:85%!important;line-height:1.2!important;margin:1em 0!important;overflow:auto!important;padding:16px!important}.enhanced-diary-content .enhanced-inline-code,.enhanced-diary-content code{background-color:#1b1f230d!important;border-radius:3px!important;color:#24292e!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:85%!important;padding:.2em .4em!important}.enhanced-diary-content ol,.enhanced-diary-content ul{margin-bottom:1em!important;padding-left:2em!important}.enhanced-diary-content li+li{margin-top:.25em!important}.enhanced-diary-content blockquote{border-left:.25em solid #dfe2e5!important;color:#6a737d!important;margin-left:0!important;margin-right:0!important;padding:0 1em!important}.enhanced-diary-content table{border:1px solid #dfe2e5!important;border-collapse:collapse!important;border-spacing:0!important;margin-bottom:1em!important;width:100%!important}.enhanced-diary-content td,.enhanced-diary-content th{border:1px solid #dfe2e5!important;padding:6px 13px!important}.enhanced-diary-content th{font-weight:600!important}.enhanced-diary-content th,.enhanced-diary-content tr:nth-child(2n){background-color:#f6f8fa!important}.enhanced-diary-content a{color:#0366d6!important;text-decoration:none!important}.enhanced-diary-content a:hover{text-decoration:underline!important}.enhanced-diary-content img{border-radius:4px!important;box-shadow:0 1px 3px #0000001a!important;display:block!important;height:auto!important;margin:1em auto!important;max-width:100%!important}.enhanced-diary-content hr{background-color:#e1e4e8!important;border:0!important;height:.25em!important;margin:24px 0!important;padding:0!important}.diary-text>div{margin:0;padding:12px}.diary-text .ql-editor{color:#333;font-family:Arial,Noto Sans KR,sans-serif!important;font-size:10px!important;height:auto;line-height:1.2!important;min-height:200px;overflow-y:visible;padding:12px}.diary-text .ql-editor p,.enhanced-diary-content p,.ql-editor p{margin-bottom:.5em!important}.diary-text div.ql-editor{margin:0!important;padding:12px!important}.diary-text .ql-toolbar{display:none}.inline-latex{display:inline-block;margin:0 2px;vertical-align:middle}.block-latex{display:block;margin:1em 0;overflow-x:auto;text-align:center;width:100%}.katex{font-size:1.1em!important}.open-in-new-window-option{display:flex;justify-content:flex-start;margin:10px 0;padding:0 10px}.open-in-new-window-option label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.open-in-new-window-option input[type=checkbox]{cursor:pointer;margin-right:8px}@media (max-width:767px){.open-in-new-window-option label{font-size:12px}}.diary-item-content{align-items:center;color:#333;display:flex;font-size:14px;gap:15px;justify-content:left;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.diary-item-content span{color:#333;display:flex;overflow:wrap;width:auto}.diary-item-content span:first-child{color:#666;font-weight:400}.diary-item-content span:nth-child(2){color:#222;font-weight:500}.diary-item-content .highlight{background-color:#ff06;color:#000!important;font-weight:700}@media (prefers-color-scheme:dark){.diary-item-content,.diary-item-content span{color:#e0e0e0}.diary-item-content span:first-child{color:#b0b0b0}.diary-item-content span:nth-child(2){color:#f0f0f0}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.ScanPage{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif;padding:20px;text-align:center}.ScanPage header h1{color:#007bff;font-size:2em;margin-bottom:20px}.scanning-area{border:2px solid #007bff;border-radius:8px;margin:20px auto;max-width:600px;overflow:hidden;position:relative;width:100%}.scanning-area canvas,.scanning-area video{display:block;height:auto;width:100%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:10px;padding:10px 20px}button:hover{background-color:#0056b3}.scan-preview{background-color:#fff;border:2px solid #ddd;border-radius:8px;margin:20px auto;max-width:600px;padding:10px}.scan-preview img{border-radius:8px;height:auto;max-width:100%}.UploadedFiles{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.UploadedFiles .file-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px;text-align:center;width:150px}.UploadedFiles .file-card img{border-radius:8px;height:auto;width:100%}.UploadedFiles .file-card p{color:#555;font-size:.9em;margin-top:8px}.ScannedImages{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.ScannedImages .scanned-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px;text-align:center;width:150px}.ScannedImages .scanned-card img{border-radius:8px;height:auto;width:100%}.ScannedImages .scanned-card button{background-color:#28a745;margin-top:10px}.ScannedImages .scanned-card button:hover{background-color:#218838}.loading{color:#007bff;font-size:1.2em;margin-top:20px}.huggingface-container{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:500px;padding:100px}.input-section,.output-section{align-items:center;display:flex;flex-direction:column;width:45%}.input-section h2,.output-section h2{color:#333;margin-bottom:15px;text-align:center}.input-box{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;width:400px}.input-box label{font-weight:700;margin-bottom:5px}.input-box label,.input-box textarea{font-family:Arial,sans-serif;font-size:14px}.input-box textarea{border:1px solid #ccc;border-radius:5px;height:auto;padding:10px;resize:none;text-align:left;width:90%}.huggingfaceButton{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:300px}.huggingfaceButton:disabled{background-color:#aaa;cursor:not-allowed}.huggingfaceButton:hover:not(:disabled){background-color:#45a049}.output-section .image-display{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;height:auto;justify-content:center;width:350px}.output-section img{max-height:100%;max-width:100%;object-fit:contain}.loading-animation{color:#555;font-size:14px;left:50%;position:absolute;text-align:center;top:-40px;transform:translateX(-50%)}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;height:30px;margin:0 auto;width:30px}.qr-client-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.qr-header{margin-bottom:30px;text-align:center}.qr-header h1{color:#2c3e50;font-size:28px;margin-bottom:20px}.qr-tabs{border-bottom:1px solid #ddd;display:flex;justify-content:center;margin-bottom:20px}.qr-tab{background-color:initial;border:none;color:#7f8c8d;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.qr-tab.active{border-bottom:3px solid #3498db;color:#3498db;font-weight:700}.qr-tab:hover{color:#2980b9}.qr-main{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.qr-template-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.qr-template-card{border:1px solid #ddd;border-radius:8px;padding:20px;transition:all .3s ease}.qr-template-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.qr-template-preview{font-size:40px;margin-bottom:15px}.qr-scanner-client-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.qr-scanner-header{margin-bottom:30px;margin-top:50px;text-align:center}.qr-scanner-header h1{color:#2c3e50;font-size:28px;margin-bottom:20px}.qr-scanner-main{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;margin-top:100px;padding:30px}.qr-scanner{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.qr-creator-client-container{background-color:#f8f9fa;border-radius:12px;box-shadow:0 8px 30px #0000000d;font-family:Poppins,Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.qr-creator-scanner-header{margin-bottom:40px;margin-top:30px;position:relative;text-align:center}.qr-creator-scanner-header h1{color:#2c3e50;display:inline-block;font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:20px;position:relative}.qr-creator-scanner-header h1:after{background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.qr-creator-scanner-main{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;margin-bottom:40px;margin-top:20px;overflow:hidden;padding:40px;position:relative}.qr-creator-scanner-main:before{background:radial-gradient(circle at top right,#9b59b60d 0,#0000 70%),radial-gradient(circle at bottom left,#3498db0d 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.qr-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:all .3s ease}.qr-btn:hover{background-color:#2980b9}.qr-btn-secondary{background-color:#7f8c8d}.qr-btn-secondary:hover{background-color:#6c7a7d}.qr-btn-danger{background-color:#e74c3c}.qr-btn-danger:hover{background-color:#c0392b}.qr-btn-back{background-color:#7f8c8d;display:block;margin:0 auto}.qr-footer{display:flex;flex-direction:row;justify-content:center;margin-top:30px;text-align:center}.qr-error,.qr-loading{padding:40px;text-align:center}.qr-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:30px;margin:0 auto 20px;width:30px}.qr-error{color:#e74c3c}.qr-creator{margin:0 auto;max-width:800px}.qr-steps{justify-content:space-between}.qr-step{background-color:#f2f2f2;border-radius:5px;color:#7f8c8d;margin:0 5px}.qr-step.active{background-color:#3498db;font-weight:700}.qr-success{text-align:center}.qr-code-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:inline-block;margin:20px auto;padding:20px}.qr-actions{margin-top:20px}.qr-form-group{margin-bottom:20px}.qr-form-group label{color:#2c3e50;display:block;font-weight:700;margin-bottom:8px}.qr-form-group input,.qr-form-group select,.qr-form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.qr-form-group small{color:#7f8c8d;display:block;font-size:12px;margin-top:5px}.qr-checkbox-group,.qr-checkbox-label{align-items:center;display:flex}.qr-checkbox-label{cursor:pointer}.qr-checkbox-label input{margin-right:10px;width:auto}.qr-form-actions{display:flex;justify-content:flex-end;margin-top:30px}.qr-template-selection h2{margin-bottom:20px;text-align:center}.qr-template-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:30px}.qr-template-card{background-color:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #0000000f;cursor:pointer;overflow:hidden;padding:2px 20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1)}.qr-template-card:hover{box-shadow:0 10px 25px #3498db26;transform:translateY(-7px)}.qr-template-card:before{background:linear-gradient(90deg,#3498db,#9b59b6);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.qr-template-card:hover:before{transform:scaleX(1)}.qr-template-preview{align-items:center;color:#3498db;display:flex;font-size:52px;height:70px;justify-content:center;margin-bottom:20px;text-align:center}.qr-template-preview i{transition:all .3s ease}.qr-template-card:hover .qr-template-preview i{color:#9b59b6;transform:scale(1.1)}.qr-template-card h3{color:#2c3e50;font-size:18px;margin-bottom:10px;margin-top:0}.qr-template-card p{color:#7f8c8d;font-size:14px;margin-top:0}.qr-viewer{margin:0 auto;max-width:800px}.qr-message-header{margin-bottom:30px;text-align:center}.qr-message-date,.qr-message-sender{color:#7f8c8d;font-size:14px;margin:5px 0}.qr-message-body{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:20px}.qr-text-content{white-space:pre-wrap;word-break:break-word}.qr-url-content{text-align:center}.qr-url-link{color:#3498db;display:block;margin:15px 0;word-break:break-all}.qr-vcard-content{margin:0 auto;max-width:400px}.qr-vcard{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.qr-vcard h3{color:#2c3e50;margin-top:0}.qr-vcard-title{color:#7f8c8d;font-style:italic;margin-top:5px}.qr-vcard-company{font-weight:700;margin-bottom:15px;margin-top:5px}.qr-vcard-details{margin-top:20px}.qr-vcard-detail{margin-bottom:10px}.qr-vcard-label{display:inline-block;font-weight:700;width:80px}.qr-message-actions{text-align:center}.qr-message-filters{display:flex;justify-content:center;margin-bottom:20px}.qr-filter-btn{background-color:#f2f2f2;border:none;border-radius:5px;color:#7f8c8d;cursor:pointer;margin:0 5px;padding:8px 15px;transition:all .3s ease}.qr-filter-btn.active{background-color:#3498db;color:#fff}.qr-no-messages{color:#7f8c8d;padding:40px;text-align:center}.qr-message-table-container{overflow-x:auto}.qr-message-table{border-collapse:collapse;width:100%}.qr-message-table td,.qr-message-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.qr-message-table th{background-color:#f2f2f2;color:#2c3e50;font-weight:700}.qr-message-row{cursor:pointer;transition:all .3s ease}.qr-message-row:hover{background-color:#f9f9f9}.qr-message-row.unread{background-color:#f0f8ff;font-weight:700}.qr-message-preview{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-btn-icon{border-radius:3px;font-size:14px;padding:5px}.qr-password-form{margin:0 auto;max-width:400px;text-align:center}.qr-template-tabs{border-bottom:1px solid #ddd;display:flex;justify-content:center;margin-bottom:30px}.qr-create-template,.qr-credits,.qr-my-templates{margin-top:20px}.qr-no-templates{color:#7f8c8d;padding:40px;text-align:center}.qr-template-header{align-items:center;display:flex;justify-content:space-between}.qr-template-status{border-radius:10px;color:#fff;font-size:12px;padding:3px 8px}.qr-template-status.public{background-color:#2ecc71}.qr-template-status.private{background-color:#7f8c8d}.qr-template-description{color:#7f8c8d;margin:10px 0}.qr-template-details{font-size:14px;margin:15px 0}.qr-template-actions{display:flex;justify-content:space-between;margin-top:20px}.qr-code-editor{font-family:monospace;font-size:14px}.qr-credits-summary{display:flex;justify-content:space-around;margin-bottom:30px}.qr-credit-stat{background-color:#f2f2f2;border-radius:8px;flex:1 1;margin:0 10px;padding:20px;text-align:center}.qr-credit-stat h3{color:#2c3e50;font-size:16px;margin-top:0}.qr-credit-value{color:#3498db;font-size:28px;font-weight:700;margin:10px 0 0}.qr-credits-by-template,.qr-recent-credits{margin-top:30px}.qr-credits-table{border-collapse:collapse;margin-top:15px;width:100%}.qr-credits-table td,.qr-credits-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.qr-credits-table th{background-color:#f2f2f2;color:#2c3e50;font-weight:700}.qr-no-credits{color:#7f8c8d;margin-top:20px;padding:20px;text-align:center}@media (max-width:768px){.qr-client-container{padding:10px}.qr-main{padding:20px}.qr-template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.qr-credits-summary{flex-direction:column}.qr-credit-stat{margin:10px 0}.qr-message-filters,.qr-tabs,.qr-template-tabs{flex-wrap:wrap}.qr-filter-btn,.qr-tab{margin-bottom:10px}}.qr-share-content{align-items:center;display:flex;flex-direction:column;gap:15px}.qr-share-instruction{color:#2c3e50;margin-bottom:10px;text-align:center}.qr-share-url-container{display:flex;margin:10px auto;max-width:400px;width:100%}.qr-share-url{border:1px solid #ddd;border-bottom-left-radius:4px;border-right:none;border-top-left-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.qr-btn-copy{background-color:#3498db;border:none;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.qr-btn-copy:hover{background-color:#2980b9}.qr-success-message{color:#2ecc71;font-size:14px;margin:5px 0}.qr-scanner{margin:0 auto;max-width:600px}.qr-dropzone{background-color:#f8f9fa;border:2px dashed #3498db;border-radius:8px;cursor:pointer;margin:20px 0;padding:40px 20px;text-align:center;transition:all .3s ease}.qr-dropzone.dragging{background-color:#e3f2fd;border-color:#2980b9}.qr-dropzone-content{align-items:center;display:flex;flex-direction:column}.qr-icon{color:#3498db;font-size:48px;margin-bottom:15px}.qr-dropzone p{color:#7f8c8d;margin:0}.qr-result{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.qr-result h3{color:#2c3e50;margin-top:0}.qr-result-content{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin:15px 0;padding:15px;word-break:break-all}.qr-result-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.direct-qr-creator{margin:0 auto;max-width:800px}.qr-vcard-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;max-width:100%}@media (min-width:768px){.qr-vcard-form{grid-template-columns:1fr 1fr}}.qr-image-upload{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:20px}.qr-upload-container{align-items:center;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:30px}.qr-file-input{display:none}.qr-image-editor{align-items:center;display:flex;flex-direction:column;margin-top:20px}.qr-image-container{border:1px solid #ddd;margin-bottom:20px;max-height:500px;max-width:100%;overflow:hidden;position:relative}.qr-user-image{display:block;max-height:500px;max-width:100%;object-fit:contain}.qr-overlay-container{touch-action:none;-webkit-user-select:none;user-select:none}.qr-image-controls{background-color:#f5f5f5;border-radius:8px;margin-top:10px;max-width:500px;padding:15px;width:100%}.qr-control-group{align-items:center;display:flex;margin-bottom:15px}.qr-control-group label{margin-right:10px;width:100px}.qr-control-group input[type=range]{flex-grow:1;margin-right:10px}.qr-drag-instruction{color:#666;font-style:italic;margin:15px 0;text-align:center}.qr-image-action-buttons{display:flex;justify-content:space-between;margin-top:20px}.qr-steps{border-radius:8px;display:flex;margin-bottom:30px;overflow:hidden}.qr-step{background-color:#eee;border-right:1px solid #ddd;color:#777;flex:1 1;padding:10px;text-align:center}.qr-step:last-child{border-right:none}.qr-step.active{background-color:#4caf50;color:#fff}@media (max-width:768px){.qr-image-editor{flex-direction:column}.qr-image-container{margin-bottom:20px;margin-right:0;width:100%}.qr-image-controls{width:100%}.qr-control-group{align-items:flex-start;flex-direction:column}.qr-control-group label{margin-bottom:5px}.qr-control-group input[type=range]{margin-bottom:5px;width:100%}}.hfledger-container{color:#333;font-family:Noto Sans KR,Roboto,sans-serif;margin:0 auto;min-height:90vh;padding:20px;position:relative}.hfledger-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:center;margin-bottom:20px;padding-bottom:15px}.hfledger-header h1{color:#2c3e50;font-size:24px;margin:0}.hfledger-currency-display{background-color:#3498db;border-radius:5px;color:#fff;font-weight:700;padding:5px 10px}.hfledger-nav{margin-bottom:20px}.hfledger-tabs{background-color:#f5f5f5;border-radius:8px;display:flex;list-style:none;margin:0;overflow:hidden;padding:0}.hfledger-tabs li{cursor:pointer;flex:1 1;padding:12px 0;text-align:center;transition:all .3s ease}.hfledger-tabs li:hover{background-color:#e0e0e0}.hfledger-tabs li.active{background-color:#3498db;color:#fff}.hfledger-tabs i{margin-right:5px}.hfledger-tabs.mobile{background-color:initial;border-radius:0;border-top:1px solid #eaeaea;left:0;position:fixed;width:100%;z-index:1000}.hfledger-tabs.mobile li{align-items:center;display:inline-block;flex-direction:column;padding:3px 8px}.hfledger-tabs.mobile i{font-size:20px;margin-bottom:5px;margin-right:0}.hfledger-tabs.mobile span{font-size:12px}.hfledger-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;min-height:500px;padding:20px}.hfledger-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.hfledger-button:hover{background-color:#2980b9}.hfledger-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.hfledger-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.hfledger-initialization,.hfledger-login-required{margin:0 auto;max-width:500px;padding:40px 20px;text-align:center}.hfledger-init-form{background-color:#f9f9f9;border-radius:8px;margin-top:30px;padding:20px;text-align:left}.hfledger-form-group{margin-bottom:20px}.hfledger-form-group label{display:block;font-weight:700;margin-bottom:5px}.hfledger-form-group select{font-size:16px;padding:10px;width:100%}.hfledger-error{background-color:#fcf0f0;border-radius:4px;color:#e74c3c;font-size:14px;margin:15px 0;padding:10px}.hfledger-settings-section{border-bottom:1px solid #eaeaea;padding-bottom:20px}.hfledger-settings-section h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.hfledger-user-preferences{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width:768px){.hfledger-container{padding:15px 15px 70px}.hfledger-header h1{font-size:20px}.hfledger-content{padding:15px}.hfledger-tabs span{font-size:14px}.hfledger-user-preferences{grid-template-columns:1fr}}.dashboard-container{background-color:initial;margin:0 auto;max-width:1200px;padding:20px;width:90vw}.dashboard-accounts h2,.dashboard-budget-progress h2,.dashboard-recent-transactions h2,.dashboard-summary h2{border-bottom:1px solid #eaeaea;color:#2c3e50;font-size:20px;margin-bottom:15px;padding-bottom:10px;text-align:left}.dashboard-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.summary-card{border-radius:10px;box-shadow:0 2px 15px #0000000d;padding:20px;text-align:center;transition:transform .3s}.summary-card:hover{transform:translateY(-5px)}.summary-card.income{background-color:#e8f7f0;color:#27ae60}.summary-card.expense{background-color:#fcf0f0;color:#e74c3c}.summary-card.balance{background-color:#ecf0f1;color:#34495e}.summary-card i{font-size:24px;margin-bottom:10px}.summary-card h3{font-size:16px;margin-bottom:10px}.summary-card .amount{font-size:16px;font-weight:700;margin:0}.accounts-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.account-card{align-items:center;background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:15px}.account-name-type h3{font-size:16px;margin:0}.account-type{color:#7f8c8d;font-size:12px}.account-balance{color:#2c3e50;font-size:18px;font-weight:700;margin:0}.transactions-list{margin-bottom:15px}.transaction-item{align-items:center;border-bottom:1px solid #eaeaea;display:grid;grid-template-columns:1fr 2fr 1fr;padding:15px}.transaction-item:last-child{border-bottom:none}.transaction-date-category{display:flex;flex-direction:column}.transaction-date{color:#7f8c8d;font-size:14px}.transaction-category{border-radius:15px;color:#fff;display:inline-block;font-size:12px;margin-top:5px;padding:3px 8px}.transaction-description p{color:#2c3e50;margin:0}.transaction-amount{font-weight:700;text-align:right}.transaction-amount .positive{color:#27ae60}.transaction-amount .negative{color:#e74c3c}.dashboard-view-all{background-color:initial;border:1px solid #3498db;border-radius:5px;color:#3498db;cursor:pointer;display:block;font-size:14px;margin:0 auto;padding:8px 15px;transition:all .3s}.dashboard-view-all:hover{background-color:#3498db;color:#fff}.budget-progress-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.budget-item{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:15px}.budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.budget-header h3{color:#2c3e50;font-size:16px;margin:0}.budget-dates{color:#7f8c8d;font-size:12px}.budget-amounts{display:flex;font-size:14px;justify-content:space-between;margin-bottom:5px}.budget-progress-bar{background-color:#ecf0f1;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.budget-progress-bar .progress{background-color:#3498db;border-radius:4px;height:100%}.budget-progress-bar .progress.warning{background-color:#f39c12}.budget-progress-bar .progress.danger{background-color:#e74c3c}.budget-percentage{color:#7f8c8d;font-size:12px;text-align:right}.no-data{padding:20px}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.dashboard-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.dashboard-error h3{color:#e74c3c;margin-bottom:10px}.dashboard-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 15px;transition:background-color .3s}.dashboard-button:hover{background-color:#2980b9}@media (max-width:768px){.accounts-list,.dashboard-summary-cards,.transaction-item{grid-template-columns:1fr}.transaction-item{gap:10px}.transaction-amount{text-align:left}}body{font-family:SUIT,Noto Sans KR,sans-serif}.transaction-form-container{background:#fff0f5;border-radius:20px;box-shadow:0 4px 12px #00000014;margin:auto;max-width:1000px;padding:30px}.transaction-form-container h2{color:#d63384;font-size:26px;font-weight:700;margin-bottom:30px}.form-field label{color:#555;font-size:15px;font-weight:500}.form-field input,.form-field select{transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:#ff69b4;outline:none}.transaction-type-selector .type-button{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:20px;box-shadow:0 3px 6px #ff69b433;color:#fff;font-size:16px;padding:12px}.transaction-type-selector .type-button.active{background:#ff69b4}.receipt-upload-button{background-color:#fff0f5;border:2px dashed #ffb6c1;border-radius:12px;color:#c71585;font-weight:500}.receipt-upload-button:hover{background-color:#ffe4e1}.submit-button{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:25px;box-shadow:0 4px 8px #ff69b433;font-size:17px;font-weight:700;padding:14px 40px}.submit-button:hover{background:#ff69b4;color:#fff}.form-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.form-column{gap:20px}.form-column,.form-field{display:flex;flex-direction:column}.form-field input,.form-field select{background-color:#fffafc;border:1px solid pink;border-radius:10px;box-sizing:border-box;font-size:15px;height:42px;padding:10px 12px;width:100%}.amount-input-container{position:relative}.amount-input-container input{padding-right:40px;width:100%}.currency-unit{color:#888;font-size:14px;font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.receipt-preview-container{align-items:center;background-color:#fff;border:1px solid pink;border-radius:10px;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.receipt-preview-image{max-height:100%;max-width:100%;object-fit:contain}.remove-receipt-button{align-items:center;background-color:#ff0000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:5px;top:5px;width:24px}.remove-receipt-button:hover{background-color:#ff0000e6}.transactions-container{background-color:initial;margin:0 auto;max-width:1200px;padding:20px;width:100vw}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.transactions-header h2{color:#2c3e50;font-size:20px;margin:0}.add-transaction-button{align-items:center;background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:background-color .3s}.add-transaction-button:hover{background-color:#219653}.transactions-filters{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.filter-group.date-filters{min-width:120px}.filter-group label{color:#7f8c8d;font-size:12px;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.reset-filters-button{background-color:initial;border:1px solid #bdc3c7;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:14px;height:36px;padding:8px 12px;transition:all .3s}.reset-filters-button:hover{background-color:#ecf0f1;color:#2c3e50}.transactions-table-container{margin-bottom:20px;overflow-x:auto}.transactions-table{border-collapse:collapse;font-size:14px;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.transactions-table th{background-color:#f5f5f5;color:#2c3e50;cursor:pointer;font-weight:600;position:relative}.transactions-table th.sorted-asc:after,.transactions-table th.sorted-desc:after{border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:0}.transactions-table th.sorted-asc:after{border-bottom:5px solid #3498db}.transactions-table th.sorted-desc:after{border-top:5px solid #3498db}.transactions-table tr:nth-child(2n){background-color:#f9f9f9}.transactions-table tr:hover{background-color:#f1f8fa}.transactions-table tr.income{background-color:#f0fff4}.transactions-table tr.expense{background-color:#fff5f5}.category-badge{border-radius:15px;color:#fff;display:inline-block;font-size:12px;padding:3px 8px}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{font-weight:600;text-align:right}.amount-cell.income{color:#27ae60}.amount-cell.expense{color:#e74c3c}.actions-cell{white-space:nowrap}.delete-button,.edit-button{border-radius:3px;font-size:14px;margin-right:5px;transition:background-color .3s}.edit-button{color:#3498db}.delete-button{color:#e74c3c}.delete-button:hover,.edit-button:hover{background-color:#0000000d}.no-data{color:#7f8c8d;font-style:italic;padding:30px;text-align:center}.transactions-pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.transactions-pagination button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;padding:8px 15px;transition:background-color .3s}.transactions-pagination button:hover:not(:disabled){background-color:#2980b9}.transactions-pagination button:disabled{background-color:#bdc3c7;cursor:not-allowed}.page-info{color:#7f8c8d;font-size:14px;margin:0 10px}.transaction-form-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay{background-color:#00000080}.modal-content{max-width:600px}.transactions-error,.transactions-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.transactions-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.transactions-error h3{color:#e74c3c;margin-bottom:10px}.transactions-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 15px;transition:background-color .3s}.transactions-button:hover{background-color:#2980b9}@media (max-width:768px){.filter-row{flex-direction:column;gap:10px}.filter-group{width:100%}.transactions-table td,.transactions-table th{font-size:12px;padding:10px 8px}.description-cell{max-width:120px}.transactions-pagination button{font-size:12px;padding:6px 10px}}.receipt-cell{text-align:center}.view-receipt-button{background-color:#3498db;border-radius:15px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;padding:3px 8px}.view-receipt-button:hover{background-color:#27ae60}.no-receipt{color:#bdc3c7;font-style:italic}.receipt-gallery{gap:20px;margin-top:20px}.receipt-gallery,.receipt-item{display:flex;flex-direction:column}.receipt-item{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;gap:10px;padding:15px}.receipt-image-container{align-items:center;background-color:#fff;border:1px solid #eaeaea;border-radius:5px;display:flex;justify-content:center;overflow:hidden;padding:10px}.receipt-image{max-height:400px;max-width:100%;object-fit:contain}.receipt-details{margin-top:10px}.receipt-details p{font-size:14px;margin:5px 0}@media (max-width:768px){.receipt-modal-content{width:95%}.receipt-item{flex-direction:column}.receipt-image-container{width:100%}}.receipt-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:-35%;width:100%;z-index:1000}.modal-overlay{background-color:initial;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;height:auto;max-height:90vh;overflow-y:auto;padding:20px;position:relative;width:90%;z-index:1001}.receipt-modal-content{margin:0 auto;max-width:800px;position:relative;top:50%;transform:translateY(-50%)}.close-modal{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;transition:color .3s;z-index:1002}.close-modal:hover{color:#e74c3c}@media (max-width:768px){.filter-row{display:flex;flex-direction:column;gap:10px}.date-filter-group{display:flex;flex-direction:row;gap:8px;width:100%}.date-filter-group .filter-group{flex:1 1;min-width:0}.other-filter-group{display:flex;flex-direction:row;gap:8px;width:100%}.other-filter-group .filter-group{flex:1 1;min-width:0}.filter-group{min-width:0}.filter-group label{font-size:11px;margin-bottom:3px;white-space:nowrap}.filter-group input,.filter-group select{font-size:12px;padding:6px;width:100%}.reset-filters-button{height:32px;margin-top:5px;width:100%}.transactions-filters{padding:10px}}.reports-container{background-color:initial;margin:0 auto;max-width:1200px;padding:20px;width:90vw}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.reports-header h2{color:#2c3e50;font-size:20px;margin:0}.reports-date-range{display:flex;gap:10px}.date-input-group{display:flex;flex-direction:column}.date-input-group label{color:#7f8c8d;font-size:12px;margin-bottom:5px}.date-input-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:8px}.reports-type-selector{background-color:#f5f5f5;border-radius:8px;display:flex;margin-bottom:20px;overflow:hidden}.reports-type-selector button{background:pink;border:none;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .3s}.reports-type-selector button:hover{background-color:#e0e0e0}.reports-type-selector button.active{background-color:#3498db;color:#fff}.report-chart-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.report-chart-container h3{color:#2c3e50;font-size:18px;margin-bottom:20px;margin-top:0;text-align:center}.pie-chart-container{display:flex;flex-wrap:wrap}.category-legend{flex:1 1;min-width:250px;padding:10px}.category-legend-item{align-items:center;display:flex;margin-bottom:10px}.color-box{border-radius:3px;height:15px;margin-right:10px;width:15px}.category-name{flex:1 1}.category-value{font-size:14px;font-weight:600}.custom-tooltip{background-color:#ffffffe6;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:10px}.tooltip-label{color:#333;font-weight:700;margin-bottom:5px}.summary-statistics{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px}.summary-statistics h3{color:#2c3e50;font-size:18px;margin-bottom:20px;margin-top:0;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-card{background-color:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.stat-card h4{color:#7f8c8d;font-size:14px;margin:0 0 10px}.stat-value{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 5px}.stat-value.income{color:#4caf50}.stat-value.expense{color:#f44336}.stat-value.balance{color:#2196f3}.stat-subvalue{color:#7f8c8d}.stat-change,.stat-subvalue{font-size:12px;margin:0}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#f44336}.reports-notes{margin-top:20px}.note{align-items:center;color:#7f8c8d;display:flex;font-size:12px;gap:5px;margin:0}.reports-error,.reports-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.reports-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.reports-error h3{color:#e74c3c;margin-bottom:10px}.reports-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 15px}@media (max-width:768px){.reports-header{align-items:flex-start;flex-direction:column}.reports-type-selector{flex-wrap:wrap}.reports-type-selector button{min-width:15%;padding:10px}.stats-grid{grid-template-columns:1fr}}.hfledger-settings-container{background-color:initial;margin:0 auto;max-width:1200px;padding:20px;width:90vw}.hfledger-settings-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.hfledger-settings-section h3{border-bottom:1px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.hfledger-user-preferences{display:flex;flex-direction:column;gap:15px}.hfledger-form-group{display:flex;flex-direction:column;gap:5px}.hfledger-form-group label{font-size:14px;font-weight:600}.hfledger-form-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}@media (min-width:768px){.hfledger-user-preferences{flex-direction:row;gap:30px}.hfledger-form-group{min-width:200px}}.category-manager-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.category-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.category-manager-header h3{color:#333;font-size:18px;margin:0}.category-actions{gap:10px}.add-category-button,.default-categories-button,.reset-categories-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:background-color .3s}.add-category-button{background-color:#4caf50;color:#fff}.add-category-button:hover{background-color:#45a049}.reset-categories-button{background-color:#607d8b;color:#fff}.reset-categories-button:hover{background-color:#455a64}.default-categories-button{background-color:#2196f3;color:#fff}.default-categories-button:hover{background-color:#0b7dda}.add-category-button i,.default-categories-button i,.reset-categories-button i{margin-right:6px}.category-form-container{background-color:#f9f9f9;border-left:3px solid #4caf50;border-radius:6px;margin-bottom:20px;padding:15px}.category-form-container h4{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.category-form{display:flex;flex-direction:column;gap:15px}.form-group label{color:#555;font-weight:500;margin-bottom:6px}.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.form-group select{background-color:#fff}.required{margin-left:2px}.type-buttons{display:flex;gap:10px}.type-button{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:8px 12px}.type-button.active{font-weight:500}.type-button.income{color:#4caf50}.type-button.income.active{background-color:#e8f5e9;border-color:#4caf50}.type-button.expense{color:#f44336}.type-button.expense.active{background-color:#ffebee;border-color:#f44336}.type-button i{margin-right:6px}.color-picker{align-items:center;display:flex}.color-picker input[type=color]{background-color:initial;border:none;border-radius:4px;cursor:pointer;height:30px;padding:0;width:30px}.color-preview{border:1px solid #ddd;border-radius:50%;height:24px;margin-left:10px;width:24px}.icon-preview{color:#555;font-size:24px;margin-top:5px}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#555}.cancel-button,.submit-button{cursor:pointer;font-size:14px;padding:8px 16px}.submit-button{border:none;border-radius:4px}.cancel-button:hover{background-color:#e0e0e0}.submit-button:hover{background-color:#45a049}.form-error{color:#f44336}.category-lists-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.category-list-section{flex:1 1;min-width:300px}.category-list-section h4{border-bottom:1px solid #eee;font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:8px}.category-list-section h4.income{color:#4caf50}.category-list-section h4.expense{color:#f44336}.category-list{display:flex;flex-direction:column;gap:10px}.category-item{align-items:center;background-color:#f9f9f9;border-radius:6px;display:flex;padding:10px;transition:background-color .2s}.category-item:hover{background-color:#f0f0f0}.category-color{border:1px solid #0000001a;border-radius:50%;height:16px;margin-right:12px;width:16px}.category-info{align-items:center;display:flex;flex:1 1}.category-name{color:#333;font-size:14px;margin-right:8px}.default-badge{background-color:#e0e0e0;border-radius:10px;color:#757575;font-size:11px;margin-left:6px;padding:2px 6px}.category-icon{color:#757575;margin-left:auto;margin-right:10px}.category-actions{display:flex;gap:5px}.delete-button,.edit-button{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.edit-button{background-color:#2196f3}.delete-button{background-color:#f44336}.edit-button:hover{background-color:#0b7dda}.delete-button:hover{background-color:#d32f2f}.delete-button:disabled,.edit-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.categories-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px}.categories-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:15px;width:40px}.no-categories{background-color:#f5f5f5;color:#757575;padding:20px;text-align:center}.category-help,.no-categories{border-radius:6px;font-size:14px}.category-help{background-color:#e8f5e9;color:#388e3c;margin-top:20px;padding:12px 15px}.category-help i{margin-right:8px}@media (max-width:768px){.category-manager-header{align-items:flex-start;flex-direction:column}.category-actions{flex-wrap:wrap;margin-top:10px;width:100%}.add-category-button,.default-categories-button,.reset-categories-button{margin-bottom:8px}.category-lists-container{flex-direction:column}.category-list-section{min-width:100%}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.currency-converter-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px}.converter-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.converter-header h3{color:#2c3e50;font-size:18px;margin:0}.last-update{color:#7f8c8d;gap:10px}.last-update,.update-rates-button{align-items:center;display:flex;font-size:12px}.update-rates-button{background-color:#f8f9fa;border:1px solid #3498db;border-radius:5px;color:#3498db;cursor:pointer;gap:5px;padding:6px 12px;transition:all .3s}.update-rates-button:hover:not(:disabled){background-color:#eef7fd}.update-rates-button:disabled{cursor:not-allowed;opacity:.5}.converter-form-container{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.converter-form{grid-gap:15px;align-items:flex-end;display:grid;gap:15px;grid-template-columns:2fr 2fr auto 2fr 1fr}.form-group label{color:#7f8c8d;margin-bottom:5px}.form-group input,.form-group select{border-radius:5px;padding:10px}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.swap-button{align-items:center;align-self:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.swap-button:hover{background-color:#f1f8fa;border-color:#3498db;color:#3498db}.convert-button{align-items:center;background-color:#3498db;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;height:41px;justify-content:center;padding:10px;transition:background-color .3s}.convert-button:hover:not(:disabled){background-color:#2980b9}.convert-button:disabled{background-color:#bdc3c7}.converter-error{background-color:#fcf0f0;border-radius:5px;color:#e74c3c;font-size:14px;margin-top:15px;padding:10px}.conversion-result{margin-top:20px;text-align:center}.conversion-result h4{color:#2c3e50;font-size:16px;margin-bottom:15px;margin-top:0}.result-amount{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.from-amount,.to-amount{color:#2c3e50;font-size:20px;font-weight:700}.equal-sign{color:#7f8c8d;font-size:20px}.exchange-rate-info{color:#7f8c8d;font-size:12px}.exchange-rate-info p{margin:5px 0}.exchange-rate-table{margin-bottom:20px}.exchange-rate-table h4{color:#2c3e50;font-size:16px;margin-bottom:15px;margin-top:0}.rate-table-header,.rate-table-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px;text-align:center}.rate-table-header{background-color:#f8f9fa;border-radius:5px 5px 0 0;color:#2c3e50;font-weight:700}.rate-table-body{border:1px solid #f1f1f1;border-radius:0 0 5px 5px}.rate-table-row{border-bottom:1px solid #f1f1f1}.rate-table-row:last-child{border-bottom:none}.currency-code{align-items:center;display:flex;gap:5px;justify-content:center}.currency-flag{font-size:16px}.converter-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.converter-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.converter-spinner,.loading-spinner-small{animation:spin 1s linear infinite;border-radius:50%}.loading-spinner-small{border:3px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:18px;width:18px}.converter-notes{margin-top:20px}.converter-notes p{align-items:center;color:#7f8c8d;display:flex;font-size:12px;gap:5px;margin:0}@media (max-width:768px){.converter-form{gap:10px;grid-template-columns:1fr}.swap-button{margin:10px auto;transform:rotate(90deg)}.convert-button{margin-top:10px}.result-amount{flex-direction:column;gap:5px}.result-amount .equal-sign{transform:rotate(90deg)}}.account-manager-container{background-color:initial;margin:0 auto;padding:20px;width:100%}.account-manager-header{display:flex;justify-content:flex-end;margin-bottom:20px}.add-account-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.add-account-button:hover{background-color:#45a049}.account-form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.account-form{gap:15px}.account-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{font-size:14px;font-weight:600}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.cancel-button,.submit-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.cancel-button{background-color:#f1f1f1}.submit-button{background-color:#4caf50;color:#fff}.form-error{color:#d32f2f;font-size:14px;margin-top:5px}.account-list{display:flex;flex-direction:column;gap:10px}.account-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:15px}.account-info{flex:1 1}.account-name{font-size:16px;margin:0 0 5px}.account-type{color:#666;font-size:14px;text-transform:capitalize}.account-balance{font-size:16px;font-weight:600;margin:0 20px}.account-actions{display:flex;gap:10px}.delete-button,.edit-button{background:none;border:none;cursor:pointer;font-size:16px;padding:5px}.edit-button{color:#2196f3}.delete-button{color:#f44336}.no-accounts{color:#666;font-style:italic;padding:20px;text-align:center}.account-help{color:#666;font-size:14px;margin-top:20px}.account-help i{color:#2196f3;margin-right:5px}.required{color:#f44336}.accounts-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.accounts-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin-bottom:15px;width:30px}.convert-to-canon{background:linear-gradient(135deg,#f8f4ff,#fff0f8 50%,#f0f8ff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.canon-converter-header{background:linear-gradient(135deg,#ffeef8,#f8f0ff);border:1px solid #fff3;border-radius:25px;box-shadow:0 8px 32px #c77dff1a;margin-bottom:30px;margin-top:30px;padding:30px 20px;text-align:center}.canon-converter-header h1{color:#6b46c1;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:15px;text-shadow:0 2px 4px #6b46c11a}.instruction-text{color:#8b5a96;font-size:18px;font-weight:500;line-height:1.6;margin:0 auto}.step-guide{background:linear-gradient(135deg,#fff,#fef7ff);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 6px 25px #c77dff14;gap:20px;justify-content:center;margin-bottom:40px;padding:25px}.step-guide,.step-item{align-items:center;display:flex}.step-item{flex-direction:column;gap:8px;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:50%;box-shadow:0 4px 15px #ec48994d;color:#fff;display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;width:35px}.step-text{color:#6b46c1;font-size:14px;font-weight:600}.step-arrow{color:#ec4899;font-size:20px;font-weight:700}.canon-converter-main{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:350px 1fr}@media (min-width:992px){.canon-converter-main{gap:25px;grid-template-columns:300px 1fr}.preview-grid{gap:25px;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:fit-content}.canon-controls{max-width:300px}}.canon-controls{position:-webkit-sticky;position:sticky;top:20px}.control-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fefbff);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 12px 40px #c77dff1f;gap:25px;padding:30px}.control-card,.upload-section{display:flex;flex-direction:column}.upload-section{gap:15px}.upload-label{color:#6b46c1;font-size:18px;font-weight:700;text-align:center}.upload-button-container{position:relative}.upload-input{display:none}.upload-button{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:15px;box-shadow:0 8px 25px #ec48994d;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;overflow:hidden;padding:18px 25px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.upload-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upload-button:hover{box-shadow:0 12px 35px #ec489966;transform:translateY(-2px)}.upload-button:hover:before{left:100%}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px}.convert-button,.download-button{border:none;border-radius:15px;cursor:pointer;font-size:16px;font-weight:700;overflow:hidden;padding:18px 25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.convert-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b9814d;color:#fff}.convert-button:hover:not(:disabled){box-shadow:0 12px 35px #10b98166;transform:translateY(-2px)}.convert-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.download-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d;color:#fff}.download-button:hover{box-shadow:0 12px 35px #3b82f666;transform:translateY(-2px)}.canon-preview-area{display:flex;flex-direction:column}.preview-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr;width:100%}.output-container,.preview-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fefbff);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 12px 40px #c77dff1f;overflow:hidden}.preview-header{background:linear-gradient(135deg,#ffeef8,#f8f0ff);border-bottom:1px solid #ffffff80;padding:20px 25px}.preview-header h3{color:#6b46c1;font-size:20px;font-weight:700;margin:0;text-align:center}.image-frame{aspect-ratio:4/3;background:#0000;max-width:100%;overflow:auto;padding:15px}.image-frame,.image-preview{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.image-preview{box-shadow:0 8px 25px #0000001a;cursor:pointer;overflow:hidden}.image-preview,.image-preview img{border-radius:8px;height:100%;touch-action:pinch-zoom}.image-preview img{object-fit:cover;transition:transform .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}@media (hover:hover){.image-preview:hover img{transform:scale(1.05)}.image-preview:hover{box-shadow:0 12px 35px #00000026}}@media (pointer:coarse){.image-preview{-webkit-overflow-scrolling:touch;overflow:auto}.image-preview,.image-preview img{touch-action:pinch-zoom pan-x pan-y}.image-preview img{max-height:300%;max-width:300%;min-height:100%;min-width:100%}}.placeholder{align-items:center;background:#0000;border:2px dashed #cbd5e1;border-radius:8px;color:#94a3b8;display:flex;flex-direction:column;font-style:italic;gap:15px;height:100%;justify-content:center;width:100%}.placeholder:before{content:"📸";font-size:48px}.processing-indicator{align-items:center;color:#6b46c1;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%}.spinner{border:4px solid #c77dff33;border-top-color:#c77dff;height:60px;width:60px}.message-container{display:flex;justify-content:center;margin-top:30px}.message-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d4d;border-radius:20px;box-shadow:0 8px 25px #f59e0b33;max-width:600px;padding:20px 30px}.message{color:#92400e;font-size:16px;font-weight:600;line-height:1.5;margin:0;text-align:center}.preset-selector{display:flex;flex-direction:column;gap:15px}.preset-label{color:#6b46c1;font-size:18px;font-weight:700;text-align:center}.preset-dropdown{background:linear-gradient(135deg,#fff,#fefbff);border:2px solid #c77dff33;border-radius:15px;box-shadow:0 4px 15px #c77dff1a;color:#6b46c1;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preset-dropdown:focus{box-shadow:0 0 0 3px #ec489933;outline:none}.preset-dropdown:focus,.preset-dropdown:hover{border-color:#ec4899;transform:translateY(-1px)}.preset-dropdown:hover{box-shadow:0 6px 20px #c77dff26}.preset-dropdown option{font-weight:600;padding:10px}.painting-mode-selector{background:linear-gradient(135deg,#e0f2fe,#f3e5f5);border:2px solid #c77dff33;border-radius:20px;box-shadow:0 8px 25px #c77dff1a;display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:25px}.art-style-section,.painting-style-section{display:flex;flex-direction:column;gap:12px}.painting-label{color:#6b46c1;font-size:16px;font-weight:700;text-align:center}.painting-dropdown{background:linear-gradient(135deg,#fff,#fefbff);border:2px solid #c77dff33;border-radius:12px;color:#6b46c1;cursor:pointer;font-size:15px;font-weight:600;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.painting-dropdown:focus{box-shadow:0 0 0 2px #ec489933;outline:none}.painting-dropdown:focus,.painting-dropdown:hover{border-color:#ec4899;transform:translateY(-1px)}@media (max-width:1200px){.canon-converter-main{gap:20px;grid-template-columns:280px 1fr}.control-card{padding:20px}.preview-grid{gap:20px;grid-template-columns:1fr 1fr}}@media (max-width:992px){.canon-converter-main{gap:30px;grid-template-columns:1fr}.canon-controls{max-width:none;position:static}.preview-grid{gap:20px;grid-template-columns:1fr 1fr}.canon-converter-header h1{font-size:1.8rem}.step-guide{flex-wrap:wrap;gap:15px}.step-arrow{display:none}}@media (max-width:768px){.convert-to-canon{padding:15px}.canon-converter-header{margin-bottom:25px;padding:25px 15px}.canon-converter-header h1{font-size:1.6rem}.instruction-text{font-size:16px}.step-guide{margin-bottom:30px;padding:20px}.step-item{flex:1 1;min-width:80px}.step-number{font-size:14px;height:30px;width:30px}.step-text{font-size:12px}.control-card{gap:20px;padding:20px}.preview-grid{gap:20px;grid-template-columns:1fr}.image-frame{aspect-ratio:4/3;padding:12px}.action-buttons{gap:12px}.convert-button,.download-button,.upload-button{font-size:15px;padding:15px 20px}.painting-mode-selector{gap:15px;padding:20px}}@media (max-width:480px){.canon-converter-header h1{font-size:1.4rem}.instruction-text{font-size:14px}.step-guide{gap:10px;padding:15px}.step-number{font-size:12px;height:25px;width:25px}.step-text{font-size:11px}.control-card{padding:15px}.image-frame{aspect-ratio:4/3;padding:10px}.message-card{margin:0 10px;padding:15px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.control-card,.output-container,.preview-container{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.message-card{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.control-card:hover,.output-container:hover,.preview-container:hover{box-shadow:0 16px 50px #c77dff26;transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.convert-button:disabled{overflow:hidden;position:relative}.convert-button:disabled:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.convert-button:focus-visible,.download-button:focus-visible,.upload-button:focus-visible{outline:3px solid #ec489980;outline-offset:2px}@media (min-width:1400px){.canon-converter-main{gap:40px;grid-template-columns:320px 1fr;margin:0 auto;max-width:1600px}.preview-grid{gap:30px;grid-template-columns:1fr 1fr}.control-card{padding:35px}}@media (min-width:1600px){.canon-converter-main{gap:50px;grid-template-columns:350px 1fr}.preview-grid{gap:40px}}.image-preview:after{background:#000000b3;border-radius:15px;color:#fff;content:"🔍";font-size:12px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;right:10px;top:10px;transition:opacity .3s ease;z-index:1}@media (pointer:coarse){.image-preview:after{opacity:.8}.image-preview:active:after{opacity:0}}@media (hover:hover){.image-preview:hover:after{content:"클릭하여 확대";font-size:11px;opacity:.9;padding:6px 10px}}.image-frame.square{aspect-ratio:1/1}.image-frame.portrait{aspect-ratio:3/4}.image-frame.landscape{aspect-ratio:16/9}.image-preview img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:auto}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.convert-to-canon{background:linear-gradient(135deg,#1a0f2e,#2d1b3d 50%,#1e293b)}.canon-converter-header{background:linear-gradient(135deg,#2d1b3d,#1a0f2e)}.canon-converter-header h1{color:#c084fc}.instruction-text{color:#a78bfa}.control-card,.output-container,.painting-dropdown,.preset-dropdown,.preview-container{background:linear-gradient(135deg,#1e293b,#2d1b3d);border-color:#c084fc33}.painting-dropdown,.preset-dropdown{color:#c084fc}}.thumbnail-container{background:#f5f5f5;font-family:Arial,sans-serif;margin:20px;min-height:100vh}.container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:100vw;padding:20px}.thumbnail-preview{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:315px;justify-content:center;margin:20px auto;overflow:hidden;position:relative;text-align:center;transition:all .3s ease;width:600px}.effects-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.effects-layer .particle{z-index:1}.text-content{position:relative;text-shadow:2px 2px 4px #0000004d;z-index:2}.controls{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.control-group{display:flex;flex-direction:column}.control-section{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;margin:15px 0;padding:15px}.control-section h3{color:#333;margin-top:0}label{color:#333;font-weight:700;margin-bottom:5px}input,select,textarea{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:8px}input:focus,select:focus,textarea:focus{border-color:#4caf50;outline:none}.color-input{height:40px}.color-input,.download-btn{border:none;border-radius:5px;cursor:pointer}.download-btn{background:#4caf50;color:#fff;font-size:16px;margin:10px 5px;padding:12px 24px;transition:background .3s ease}.download-btn:hover{background:#45a049}.download-btn:disabled{background:#ccc;cursor:not-allowed}.preset-btn{background:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:5px;padding:8px 16px}.preset-btn:hover{background:#1976d2}.effect-btn{background:#ff9800;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;margin:3px;padding:6px 12px;transition:all .3s ease}.effect-btn:hover{background:#f57c00;transform:scale(1.05)}.effect-btn.active{background:#e65100;box-shadow:0 2px 8px #0000004d}.tip{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin:20px 0;padding:15px}.image-upload{border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:border-color .3s ease}.image-upload:hover{border-color:#4caf50}.image-upload.dragover{background-color:#f0f8f0;border-color:#4caf50}@keyframes fallDown{0%{opacity:0;transform:translateY(-50px) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(350px) translateX(20px)}}@keyframes rainLines{0%{opacity:.8;transform:translateY(-100px) translateX(0)}to{opacity:0;transform:translateY(400px) translateX(15px)}}@keyframes floatUp{0%{opacity:0;transform:translateY(350px) translateX(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-50px) translateX(30px)}}@keyframes drift{0%{opacity:0;transform:translateY(-30px) translateX(-20px) rotate(0deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(350px) translateX(40px) rotate(180deg)}}@keyframes twinkle{0%,to{opacity:.4;transform:translateY(0) translateX(0) scale(1)}25%{opacity:1;transform:translateY(-10px) translateX(10px) scale(1.2)}50%{opacity:.6;transform:translateY(0) translateX(-10px) scale(.8)}75%{opacity:.9;transform:translateY(10px) translateX(5px) scale(1.1)}}@keyframes zigzag{0%{opacity:0;transform:translateY(-40px) translateX(0) rotate(0deg)}25%{opacity:1;transform:translateY(80px) translateX(20px) rotate(90deg)}50%{opacity:1;transform:translateY(160px) translateX(-15px) rotate(180deg)}75%{opacity:1;transform:translateY(240px) translateX(25px) rotate(270deg)}to{opacity:0;transform:translateY(350px) translateX(0) rotate(1turn)}}.particle{pointer-events:none;position:absolute;z-index:1}.raindrops .particle{animation:fallDown 1.5s linear infinite;background:linear-gradient(180deg,#0000,#add8e6cc);height:20px;width:2px}.rainlines .particle{animation:rainLines .8s linear infinite;background:linear-gradient(180deg,#0000,#add8e699,#0000);height:40px;transform-origin:top;width:1px}.snowflakes .particle{animation:zigzag 4s linear infinite;color:#fff;font-size:18px;text-shadow:0 0 10px #fffc}.bubbles .particle{animation:floatUp 3s ease-in-out infinite;background:#fff6;border:1px solid #add8e699;border-radius:50%}.leaves .particle{animation:drift 5s linear infinite;font-size:16px}.flowers .particle{animation:drift 4s ease-in-out infinite;font-size:14px}.hearts .particle{animation:twinkle 3s ease-in-out infinite;color:#ff69b4;font-size:12px;text-shadow:0 0 8px #ff69b499}.stars .particle{animation:twinkle 4s ease-in-out infinite;color:gold;font-size:12px;text-shadow:0 0 12px #ffd700cc}@media (max-width:768px){.container{margin:10px;padding:15px}.thumbnail-preview{aspect-ratio:600/315;height:auto;max-width:600px;width:100%}.controls{grid-template-columns:1fr}.download-btn{margin:5px 0;width:100%}}h1{font-size:2.5rem;margin:0;text-shadow:0 0 20px #ffd7004d}.note-display,h1{color:gold;font-weight:700}.note-display{background:#3a3a3a08;border:2px solid #ffd7004d;border-radius:12px;font-size:2rem;min-width:300px;padding:15px 30px;transition:all .3s ease}.controls{flex-wrap:nowrap;gap:20px;justify-content:space-between;margin:10px 0}.controls,.volume-control{align-items:center;display:flex}.volume-control{background:#ffffff1a;border-radius:8px;gap:10px;padding:10px 15px}.test-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.test-btn:hover{background:#45a049}.chord-section{margin:20px 0;width:100%}.chord-section h3{color:gold;font-size:1.5rem;margin-bottom:15px}.chord-categories{display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;justify-content:center;margin-bottom:20px}.category-btn{background:linear-gradient(145deg,#3a3a3a,#4a4a4a);border:none;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#ccc;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.category-btn:hover{background:linear-gradient(145deg,#4a4a4a,#5a5a5a);color:#fff}.category-btn.active{background:linear-gradient(145deg,gold,orange);color:#000;font-weight:700}.chord-group{margin-bottom:20px}.chord-group h4{color:gold;font-size:1rem;margin-bottom:10px;text-align:center}.chord-buttons{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:0 auto;max-width:800px}.chord-btn{align-items:center;background:linear-gradient(145deg,#4a4a4a,#5a5a5a);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;justify-content:center;min-height:45px;padding:12px 8px;transition:all .3s ease}.chord-btn:hover{background:linear-gradient(145deg,#5a5a5a,#6a6a6a);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.chord-btn.active{background:linear-gradient(145deg,#2196f3,#1976d2);box-shadow:0 6px 12px #2196f366;color:#fff}canvas{background-color:#4b2c14;border:3px solid #8b4513;border-radius:12px;cursor:pointer;height:192px;width:100%}.instructions{background:#ffffff0d;border-radius:8px;color:#b0b0b0;font-size:1rem;line-height:1.5;max-width:600px;padding:15px}.start-button{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:12px;box-shadow:0 6px 12px #0000004d;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:15px 30px}.start-button:hover{transform:scale(1.05)}.status{border-radius:8px;font-size:1rem;margin:10px 0;padding:10px}.status.success{background:#4caf5033;color:#4caf50}.status.error{background:#f4433633;color:#f44336}.test-btn.active{background:#2196f3}.ex-info{background:#ffffff0d;border-radius:8px;color:#b0b0b0;font-size:.9rem;margin-top:10px;padding:10px}.guitar-title{color:#1bfa06;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3));font-family:Fredoka,sans-serif;font-size:2.8rem;font-weight:700;margin-bottom:50px;margin-top:50px;-webkit-text-decoration-line:3px 3px 0 #fff;text-decoration-line:3px 3px 0 #fff;text-decoration-thickness:10px;text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff}.guitar-simulator-container{background-image:url(/static/media/guitarSimulatorBackground4.f3d3049280ca8f58b565.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center}.guitar-simulator-container,.guitar-simulator-content1{align-items:center;display:flex;height:100vh;width:100vw}.guitar-simulator-content1{flex-direction:column;margin-top:200px;z-index:1000}.guitar-simulator-content2{background-image:url(/static/media/guitarSimulatorBackground0.d3371c1e4aea1ef79899.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding:0 10vw;width:100vw}.instructions{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0006;color:#f0f0f0;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:.95rem;line-height:1.6;margin-top:25px;max-width:100vw;padding:20px;text-align:left}.instructions strong{color:gold;font-weight:700;text-shadow:0 0 5px #ffd70080}.instructions ul{list-style-type:none;padding:0}.instructions li{margin-bottom:10px}.vertical-slider{height:10px;transform:rotate(0deg);transform-origin:50% 50%;width:60px}.chord-play-mode-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.chord-play-mode-controls span{color:#faf7f7;font-weight:700}.chord-play-mode-controls .test-btn{min-width:80px}.sound-type-controls{align-items:center;display:flex;gap:10px;margin:5px 0}.sound-type-selector{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.sound-type-selector:hover{background-color:#555}.sound-type-selector:focus{outline:2px solid #4caf50;outline-offset:2px}.chord-play-style-controls{background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:15px;margin:15px 0;padding:15px}.chord-play-style-controls>span{color:#f9f8f8;font-size:16px;font-weight:700;margin-bottom:10px}.play-style-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.style-group{display:flex;flex-direction:column;gap:8px}.style-group h4{border-bottom:1px solid #444;color:#fff;font-size:14px;font-weight:700;margin:0 0 8px;padding-bottom:4px}.style-checkbox{align-items:center;color:#f9f8f8;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:2px 0;transition:color .2s ease}.style-checkbox input[type=checkbox]{cursor:pointer;margin:0;transform:scale(.9)}.style-checkbox span{font-weight:400;min-width:auto}.style-checkbox:hover{background:#ffffff1a;border-radius:4px;color:#fff;padding:2px 4px}.style-checkbox input[type=checkbox]:checked+span{color:#4caf50;font-weight:700}@media (max-width:768px){.play-style-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.style-checkbox,.style-group h4{font-size:12px}}@media (max-width:480px){.play-style-grid{gap:10px;grid-template-columns:1fr}}.sensitivity-control{align-items:center;background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;padding:12px}.sensitivity-control span{color:#7b1fa2;font-size:14px;font-weight:600}.sensitivity-slider{-webkit-appearance:none;background:#e1e1e1;border-radius:3px;cursor:pointer;flex:1 1;height:6px;min-width:120px;outline:none}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#9c27b0;border-radius:50%;box-shadow:0 2px 4px #9c27b04d;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.sensitivity-slider::-webkit-slider-thumb:hover{background:#7b1fa2;box-shadow:0 4px 8px #9c27b066;transform:scale(1.1)}.sensitivity-slider::-moz-range-thumb{background:#9c27b0;border:none;border-radius:50%;box-shadow:0 2px 4px #9c27b04d;cursor:pointer;height:20px;width:20px}@media (max-width:768px){.sensitivity-control{align-items:stretch;flex-direction:column;gap:8px}.sensitivity-slider{min-width:auto;width:100%}.file-player-controls{padding:12px}.player-main{flex-direction:column;gap:12px}.play-pause-btn{font-size:20px;height:60px;width:60px}.progress-section,.volume-section{min-width:auto;width:100%}.volume-section{justify-content:center}.volume-slider{width:120px}}.external-input-controls{background:linear-gradient(135deg,#303235,#638668);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:15px 0;padding:20px}.input-buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:15px}.input-btn{background-color:#fff;border:2px solid #6c757d;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#495057;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;min-width:140px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.input-btn:hover:not(.disabled){background-color:#f8f9fa;border-color:#495057;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.input-btn:active:not(.disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.input-btn.active{background-color:#28a745;border-color:#28a745;box-shadow:0 4px 8px #28a7454d;color:#fff}.input-btn.active:hover{background-color:#218838;border-color:#1e7e34}.input-btn.disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.6}.file-input-label{cursor:pointer;display:inline-block}.stop-btn{background-color:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.stop-btn:hover{background-color:#c82333!important;border-color:#bd2130!important}.input-status{animation:statusPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #ffc10733;color:#856404;font-weight:700;margin-bottom:10px;padding:12px 16px;text-align:center}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.input-instructions{background:#ffffff0d;border:1px solid #e9ecef;border-radius:6px;color:#fff;font-size:12px;line-height:1.4;margin-top:15px;padding:12px}.input-instructions small{display:block}@media (max-width:768px){.external-input-controls{margin:10px 0;padding:15px}.input-btn{font-size:16px;min-width:auto;padding:14px 20px;width:100%}.input-instructions{font-size:11px;padding:10px}}@media (min-width:769px) and (max-width:1024px){.input-btn{flex:1 1;max-width:200px}}@media (prefers-reduced-motion:reduce){.input-btn,.input-status{animation:none;transition:none}}.input-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:12px;line-height:1.4;margin-top:10px;padding:10px}.help-text{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;color:#0056b3;font-size:11px;margin-top:8px;padding:8px}.file-player-controls{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:10px;box-shadow:0 4px 8px #2196f333;margin-top:15px;padding:15px}.player-header{margin-bottom:10px;text-align:center}.player-title{color:#1976d2;font-size:14px;font-weight:700}.player-main{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.play-pause-controls{flex-shrink:0}.play-pause-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:50%;box-shadow:0 4px 8px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.play-pause-btn:hover{box-shadow:0 6px 12px #2196f366;transform:scale(1.05)}.play-pause-btn:active{transform:scale(.95)}.progress-section{flex:1 1;min-width:200px}.time-display{color:#1976d2;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:5px}.progress-slider{-webkit-appearance:none;background:#e1e1e1;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#2196f3;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.progress-slider::-webkit-slider-thumb:hover{background:#1976d2;transform:scale(1.1)}.progress-slider::-moz-range-thumb{background:#2196f3;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.volume-section{align-items:center;color:#1976d2;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:120px}.volume-slider{-webkit-appearance:none;background:#e1e1e1;width:80px}.volume-slider::-webkit-slider-thumb{background:#2196f3;box-shadow:0 2px 4px #0003;height:16px;width:16px}.volume-slider::-moz-range-thumb{background:#2196f3;box-shadow:0 2px 4px #0003;height:16px;width:16px}@media (max-width:768px){.file-player-controls{padding:12px}.player-main{flex-direction:column;gap:12px}.play-pause-btn{font-size:20px;height:60px;width:60px}.progress-section,.volume-section{min-width:auto;width:100%}.volume-section{justify-content:center}.volume-slider{width:120px}}.frequency-spectrum-display{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0f3460;border-radius:12px;box-shadow:0 8px 16px #0000004d;margin:20px 0;overflow:hidden;padding:15px}.spectrum-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.spectrum-header h3{color:#fff;font-size:18px;font-weight:600;margin:0;text-shadow:0 2px 4px #00000080}.display-mode-buttons{display:flex;gap:8px}.mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:2px solid #0f3460;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.mode-btn:hover{background-color:#fff3;border-color:#4a90e2;transform:translateY(-1px)}.mode-btn.active{background-color:#4a90e2;border-color:#4a90e2;box-shadow:0 4px 8px #4a90e24d;color:#fff}.spectrum-canvas{background-color:#0a0a0a;border:1px solid #333;border-radius:8px;cursor:crosshair;transition:box-shadow .3s ease;width:100%}.spectrum-canvas:hover{box-shadow:0 4px 12px #4a90e233}.spectrum-info{background-color:#ffffff0d;border-left:4px solid #4a90e2;border-radius:6px;margin-top:10px;padding:8px 12px}.spectrum-info small{color:#ccc;display:block;font-size:12px;line-height:1.4}.spectrum-inactive{opacity:.6;pointer-events:none}.spectrum-inactive:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.spectrum-data-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:4px;color:#fff;font-family:monospace;font-size:11px;padding:8px 12px;position:absolute;right:10px;top:10px}@keyframes spectrumGlow{0%{box-shadow:0 0 5px #4a90e24d}50%{box-shadow:0 0 20px #4a90e299}to{box-shadow:0 0 5px #4a90e24d}}.spectrum-active{animation:spectrumGlow 3s ease-in-out infinite}@keyframes frequencyPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.frequency-marker{animation:frequencyPulse 2s ease-in-out infinite}@media (max-width:768px){.frequency-spectrum-display{margin:15px 0;padding:12px}.spectrum-header{align-items:stretch;flex-direction:column;gap:12px}.spectrum-header h3{font-size:16px;text-align:center}.display-mode-buttons{justify-content:center}.mode-btn{flex:1 1;font-size:13px;padding:10px 12px}.spectrum-canvas{height:150px!important}.spectrum-info{margin-top:8px;padding:6px 10px}.spectrum-info small{font-size:11px}}@media (min-width:769px) and (max-width:1024px){.spectrum-canvas{height:180px!important}}@media (min-width:1200px){.frequency-spectrum-display{padding:20px}.spectrum-header h3{font-size:20px}.spectrum-canvas{height:250px!important}}@media (prefers-color-scheme:dark){.frequency-spectrum-display{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-color:#333}.mode-btn{background-color:#ffffff0d;border-color:#444}.spectrum-info{background-color:#ffffff08;border-left-color:#666}}@media (prefers-contrast:high){.frequency-spectrum-display{border-color:#fff;border-width:3px}.mode-btn{border-width:2px;font-weight:700}.mode-btn.active{background-color:#fff;color:#000}.spectrum-canvas{border-color:#fff;border-width:2px}}@media (prefers-reduced-motion:reduce){.frequency-marker,.spectrum-active{animation:none}.mode-btn,.spectrum-canvas{transition:none}}.spectrum-visualizer{background-color:#1a1a1a;border-radius:8px;padding:20px;position:relative}.visualizer-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:15px}.visualizer-header h3{color:#4caf50;font-size:18px;margin:0}.fft-info{background-color:#333;border-radius:4px;color:#ccc;font-size:14px;padding:4px 8px}.as-spectrum-canvas{background-color:#000;border-radius:4px;display:block;height:576px;width:1024px}.overlay-message{background-color:#000c;border-radius:8px;color:#ccc;font-size:16px;left:50%;padding:20px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.spectrum-visualizer{padding:15px}.visualizer-header{flex-direction:column;gap:10px;text-align:center}.as-spectrum-canvas{height:300px}.overlay-message{font-size:14px;padding:15px}}.audio-file-uploader{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px}.upload-area{align-items:center;background-color:#2a2a2a;border:2px dashed #4caf50;border-radius:12px;cursor:pointer;display:flex;justify-content:center;max-width:500px;min-height:300px;transition:all .3s ease;width:100%}.upload-area:hover{background-color:#333;border-color:#45a049}.upload-area.drag-over{background-color:#4caf501a;border-color:#4caf50;transform:scale(1.02)}.upload-area.loading{cursor:not-allowed;opacity:.7}.upload-content{padding:20px;text-align:center}.upload-icon{color:#4caf50;margin-bottom:20px}.upload-content h3{color:#fff;font-size:18px;margin:0 0 10px}.upload-content p{color:#ccc;font-size:14px;margin:0 0 20px}.select-button{align-items:center;background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .3s}.select-button:hover{background-color:#45a049}.loading-content{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 20px;width:40px}.supported-formats{text-align:center}.supported-formats h4{color:#ccc;font-size:14px;margin:0 0 10px}.format-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.format-tag{background-color:#333;border-radius:4px;color:#4caf50;font-size:12px;font-weight:700;padding:4px 8px}.error-message{max-width:500px}@media (max-width:768px){.upload-area{min-height:250px}.upload-content h3{font-size:16px}.upload-content p{font-size:12px}}.control-panel{background-color:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.playback-controls{align-items:center;display:flex;gap:15px}.control-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.control-button:hover{background-color:#45a049;transform:scale(1.05)}.control-button.play-pause{height:60px;width:60px}.time-display{color:#fff;font-family:monospace;font-size:16px;font-weight:700;margin-left:auto}.seek-container{width:100%}.seek-slider{background-color:#333;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#4caf50;border-radius:50%;cursor:pointer;height:16px;width:16px}.seek-slider::-moz-range-thumb{background-color:#4caf50;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-container{align-items:center;color:#fff;display:flex;gap:10px}.volume-slider{background-color:#333;border-radius:2px;cursor:pointer;flex:1 1;height:4px;max-width:150px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#4caf50;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background-color:#4caf50;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-value{font-size:14px;min-width:40px;text-align:right}.control-main-container{align-items:flex-start;display:flex;gap:20px}.visualization-grid-container{flex:1 1;min-width:300px}.visualization-title{color:#4caf50;font-size:16px;font-weight:500;margin:0 0 12px}.visualization-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.viz-button{align-items:center;background-color:#333;border:2px solid #555;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;min-height:70px;overflow:hidden;padding:12px 8px;position:relative;transition:all .2s ease}.viz-button:hover{background-color:#444;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.viz-button.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 0 20px #4caf5080;color:#fff}.viz-button.active:after{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.viz-icon{font-size:20px;line-height:1;margin-bottom:2px}.viz-label{font-weight:500;line-height:1.1;text-align:center}.settings-container{color:#fff;display:flex;flex:0 0 auto;flex-direction:column;gap:15px;min-width:200px}.setting-group{display:flex;flex-direction:column;gap:5px}.setting-group label{color:#ccc;font-size:14px}.setting-select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.setting-select:focus{border-color:#4caf50;outline:none}@media (max-width:768px){.control-panel{gap:12px;padding:15px}.playback-controls{flex-wrap:wrap;justify-content:center}.time-display{margin-left:0;margin-top:10px;order:3;text-align:center;width:100%}.control-main-container{flex-direction:column;gap:15px}.visualization-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));max-width:100%}.viz-button{font-size:11px;min-height:60px;padding:10px 6px}.viz-icon{font-size:18px}.settings-container{min-width:auto;width:100%}.setting-group,.setting-select{width:100%}}.audio-spectrum-container{background-color:#1a1a1a;color:#fff;font-family:Arial,sans-serif;height:100vh;margin:20px;padding:20px;width:100vw}.audio-spectrum-container h1{color:#4caf50;margin-bottom:30px;text-align:center}.audio-player-section{display:flex;flex-direction:column;gap:20px;justify-content:center}.file-info{background-color:#2a2a2a;border-radius:8px;padding:15px;text-align:center}.file-info h3{color:#4caf50;margin:0 0 10px}.file-info p{color:#ccc;font-size:14px;margin:0}.new-file-button{align-self:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.new-file-button:hover{background-color:#45a049}.error-message{background-color:#f44336;border-radius:5px;color:#fff;margin-top:20px;padding:15px;text-align:center}@media (max-width:768px){.audio-spectrum-container{padding:10px}.audio-player-section{gap:15px}}:root{--color-blue:#3498db;--color-green:#76e0a2cc;--color-gray:#333;--color-white:#e5e9e9;--color-whiter:#f9f5f5;--color-black:#090909;--color-yellow:#d1e123;--color-orange:#f67c19e6;--color-orangeA:#e6bc9acc;--color-lightgray:#ffffff4d;--color-lightergray:#c2bbbb;--font-size-h1:2.0rem;--font-size-default:1.0rem;--font-size-title:1.2rem;--font-size-title-mobile:0.7rem;--font-size-input:0.8rem;--font-size-button:0.8rem;--font-size-card-title:0.7rem;--background-color-button:#3498db}*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{height:100%;margin:0;padding:0}body{overscroll-behavior-x:none;overscroll-behavior-y:contain}.App,body{overflow:hidden}.App{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;text-align:center}.App-logo{height:40vmin}.App-header{background-color:var(--color-white);box-sizing:border-box;color:var(--color-black);flex-direction:column;flex-grow:1;font-size:calc(10px + 2vmin);height:100vh;justify-content:flex-start;margin:0;min-height:100vh;padding:0;text-align:center}.App-header,.topmenu{align-items:center;display:flex;width:100%}.topmenu{background-color:#fff;color:var(--color-gray);flex-shrink:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:3%;justify-content:space-between;left:0;padding:0 10px;position:fixed;top:0;z-index:1000}.topmenu .logo{font-size:1rem;font-weight:700}.logo{height:30px;margin-right:10px;margin-top:10px}.topmenu .googleLogin-button,.topmenu .language-button,.topmenu .youtube-toggle-button{align-items:center;display:inline-flex}.content{background:linear-gradient(145deg,#f6f7de,#3a3a3a);background-color:#ccc;box-sizing:border-box;color:#000;display:flex;justify-content:center;margin-top:0;overflow-y:auto;width:100%}@keyframes shimmer{0%{color:var(--color-white)}50%{color:var(--color-green)}to{color:var(--color-gray)}}.googleLogin-button,.youtube-toggle-button{animation:shimmer 1.5s ease-in-out;background-color:initial;border:none;border-radius:4px;color:var(--color-gray);cursor:pointer;font-size:.9rem;margin-right:8px;opacity:.6;padding:8px 12px;transition:background-color .3s}.googleLogin-button,.youtube-toggle-button:hover{animation:none;background-color:var(--color-orange)}.naverLogin-button{animation:shimmer 1.5s ease-in-out;background-color:initial;border:none;border-radius:4px;color:var(--color-gray);cursor:pointer;flex-wrap:wrap;font-size:.9rem;margin-right:8px;opacity:.6;padding:8px 12px;transition:background-color .3s}.naverLogin-button:hover{animation:none;background-color:var(--color-green)}.user-section{display:flex;gap:10px;margin-left:auto}.profile-container{align-items:center;display:flex;gap:10px}.user-display-name{color:#333;font-size:.9rem;font-weight:plain}.logout-button{animation:shimmer 1.5s ease-in-out;background-color:initial;border:none;border-radius:4px;color:var(--color-gray);cursor:pointer;font-size:.9rem;margin-right:8px;opacity:.6;padding:8px 12px;transition:background-color .3s}.logout-button:hover{animation:none;background-color:var(--color-orange)}.language-button{background-color:initial;border:none;border-radius:8px;color:var(--color-gray);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;opacity:.6;padding:8px 12px;transition:background-color .3s;width:100px}.language-button:hover{background-color:var(--color-orange)}@media (max-width:600px){.content{margin-top:1%}.topmenu{font-size:.9rem;padding:8px}.language-button{background-color:initial;border:none;border-radius:1px;color:var(--color-gray);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;opacity:.6;padding:1px;transition:background-color .3s;width:100px}.googleLogin-button,.language-button,.youtube-toggle-button,naverLogin-button{font-size:.8rem;margin:0!important;padding:0}.googleLogin-button:hover,.language-button:hover,.youtube-toggle-button:hover{background-color:initial}}.user-profile-picture{border:2px solid #ccc;border-radius:50%;height:40px;object-fit:cover;width:40px}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;height:36px;width:36px}.loading-text{color:#333;font-size:18px;margin-top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.22bf35a0.css.map*/