code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color-light:#f0f2f5;--text-color-light:#333;--primary-color-light:#007bff;--menu-bg-light:hsla(0,0%,100%,.9);--menu-item-hover-light:#e0e0e0;--card-bg-light:#fff;--card-shadow-light:rgba(0,0,0,.2);--border-color-light:rgba(0,0,0,.1)}[data-theme=dark]{--background-color-dark:#1a1a1a;--text-color-dark:#f0f2f5;--primary-color-dark:#66b3ff;--menu-bg-dark:rgba(0,0,0,.85);--menu-item-hover-dark:#333;--card-bg-dark:#2c2c2c;--card-shadow-dark:rgba(0,0,0,.5);--border-color-dark:hsla(0,0%,100%,.1)}:root{--background-color:var(--background-color-light);--text-color:var(--text-color-light);--primary-color:var(--primary-color-light);--menu-bg:var(--menu-bg-light);--menu-item-hover:var(--menu-item-hover-light);--card-bg:var(--card-bg-light);--card-shadow:var(--card-shadow-light);--border-color:var(--border-color-light)}[data-theme=dark]{--background-color:var(--background-color-dark);--text-color:var(--text-color-dark);--primary-color:var(--primary-color-dark);--menu-bg:var(--menu-bg-dark);--menu-item-hover:var(--menu-item-hover-dark);--card-bg:var(--card-bg-dark);--card-shadow:var(--card-shadow-dark);--border-color:var(--border-color-dark)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:linear-gradient(135deg,#6dd5ed,#2193b0);background-size:cover;color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,background-image .5s ease}[data-theme=dark] body{background-image:linear-gradient(135deg,#2c3e50,#000)}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.App,.app-header{position:relative}.app-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border-bottom:1px solid hsla(0,0%,100%,.3);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;color:var(--text-color);padding:15px 20px;text-align:center;z-index:10}[data-theme=dark] .app-header{background:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.1)}.app-header h1{font-size:1.8em;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.doc-nav-controls{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.1);left:20px;padding:8px;position:absolute;top:15px;z-index:100}[data-theme=dark] .doc-nav-controls{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.15)}.doc-nav-controls button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;padding:5px}.doc-nav-controls button img{-webkit-filter:invert(.2);filter:invert(.2);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}[data-theme=dark] .doc-nav-controls button img{-webkit-filter:invert(.8);filter:invert(.8)}.error-state,.loading-state{align-items:center;background-color:#f0f2f5;background-color:var(--background-color);color:#333;color:var(--text-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:5}.loading-gif{margin-bottom:20px}.error-state .error-icon{margin-bottom:15px}.error-state h2{margin-bottom:20px}.home-button{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;outline:none;padding:10px 20px;transition:background-color .3s ease}.home-button:hover{opacity:.9}.content-frame{border:none;flex-grow:1;transition:opacity .3s ease;width:100%;z-index:1}.content-frame.hidden{opacity:0;pointer-events:none}.circular-menu{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:fixed;right:20px;z-index:1000}.menu-toggle{align-items:center;-webkit-animation:pulsatingBorder 1.5s ease-in-out infinite;animation:pulsatingBorder 1.5s ease-in-out infinite;background-color:#007bff;background-color:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:50px}[data-theme=dark] .menu-toggle{border-color:hsla(0,0%,100%,.8)}.circular-menu.expanded .menu-toggle{-webkit-animation:none;animation:none;border-color:transparent;box-shadow:0 2px 4px rgba(0,0,0,.1)}.menu-toggle img{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.circular-menu.expanded .menu-toggle img{-webkit-transform:rotate(45deg);transform:rotate(45deg)}@-webkit-keyframes pulsatingBorder{0%{border-color:#fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}50%{border-color:hsla(0,0%,100%,.2);box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{border-color:#fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}}@keyframes pulsatingBorder{0%{border-color:#fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}50%{border-color:hsla(0,0%,100%,.2);box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{border-color:#fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}}[data-theme=dark] @keyframes pulsatingBorder{0%{border-color:hsla(0,0%,100%,.8);box-shadow:0 0 0 0 rgba(102,179,255,.7)}50%{border-color:hsla(0,0%,100%,.1);box-shadow:0 0 0 10px rgba(102,179,255,0)}to{border-color:hsla(0,0%,100%,.8);box-shadow:0 0 0 0 rgba(102,179,255,.7)}}.menu-items-container{align-items:flex-end;bottom:60px;display:flex;flex-direction:column;gap:15px;margin-bottom:15px;opacity:0;pointer-events:none;position:absolute;right:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;width:auto}.circular-menu.expanded .menu-items-container{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.menu-item,.menu-item-wrapper{align-items:center;display:flex;position:relative}.menu-item{border:none;cursor:pointer;justify-content:center;opacity:0;outline:none;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5);transition:background-color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,background-color .2s ease-in-out;transition:transform .2s ease-in-out,background-color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .3s ease forwards var(--delay),-webkit-transform .3s ease forwards var(--delay);transition:opacity .3s ease forwards var(--delay),transform .3s ease forwards var(--delay);transition:opacity .3s ease forwards var(--delay),transform .3s ease forwards var(--delay),-webkit-transform .3s ease forwards var(--delay)}.menu-item-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);min-height:50px;min-width:50px;padding:10px}[data-theme=dark] .menu-item-glass{background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 30px rgba(0,0,0,.4)}.circular-menu.expanded .menu-item{opacity:1;pointer-events:auto;-webkit-transform:scale(1);transform:scale(1)}.menu-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.menu-icon{-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));height:28px;object-fit:contain;width:28px}.menu-label{color:#333;color:var(--text-color);font-size:.9em;margin-left:10px;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}.theme-submenu{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.4);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:8px;padding:10px;position:absolute;right:calc(100% + 15px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-theme=dark] .theme-submenu{background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.15)}.theme-option{align-items:center;background:transparent;border:none;border-radius:6px;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:.9em;gap:8px;outline:none;padding:8px 12px;transition:background .2s ease,font-weight .2s ease}.theme-option:hover{background:hsla(0,0%,100%,.3)}[data-theme=dark] .theme-option:hover{background:rgba(0,0,0,.4)}.theme-option.active{background:hsla(0,0%,100%,.4);font-weight:700}[data-theme=dark] .theme-option.active{background:rgba(0,0,0,.5)}.theme-option span:first-child{font-size:1.2em}@media (max-width:600px){.circular-menu{bottom:15px;right:15px}.menu-toggle{height:45px;width:45px}.menu-items-container{bottom:55px;gap:10px}.menu-item-glass{min-height:45px;min-width:45px;padding:8px}.menu-icon{height:24px;width:24px}.menu-label{font-size:.8em}.theme-submenu{gap:6px;padding:8px;right:calc(100% + 10px)}.theme-option{font-size:.85em;padding:6px 10px}.app-header h1{font-size:1.5em}.doc-nav-controls{left:10px;padding:6px;top:10px}.welcome-card{padding:20px;width:90%}.welcome-card-content-wrapper{align-items:center;flex-direction:column;gap:20px}.welcome-text-details{align-items:center}.welcome-icon{margin-bottom:20px;margin-right:0}.welcome-card h2,.welcome-card p{text-align:center}}.welcome-card-overlay{align-items:center;-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.welcome-card{-webkit-animation:popIn .3s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:popIn .3s cubic-bezier(.68,-.55,.27,1.55) forwards;background-color:#fff;background-color:var(--card-bg);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);box-shadow:0 10px 30px var(--card-shadow);color:#333;color:var(--text-color);max-width:450px;padding:30px;position:relative;text-align:center;-webkit-transform:scale(.9);transform:scale(.9);width:85%}.welcome-card-content-wrapper{gap:20px}.welcome-card-content-wrapper,.welcome-text-details{align-items:center;display:flex;flex-direction:column}@media (min-width:480px){.welcome-card-content-wrapper{align-items:center;flex-direction:row;justify-content:center;width:100%}.welcome-text-details{align-items:flex-start;flex-grow:1;text-align:left}.welcome-icon{margin-bottom:0;margin-right:25px}.welcome-card h2,.welcome-card p{text-align:left}}.welcome-close-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:15px;transition:background-color .2s ease;z-index:10}.welcome-close-button:hover{background-color:rgba(0,0,0,.05)}[data-theme=dark] .welcome-close-button:hover{background-color:hsla(0,0%,100%,.05)}.welcome-close-button img{-webkit-filter:invert(.3);filter:invert(.3)}[data-theme=dark] .welcome-close-button img{-webkit-filter:invert(.7);filter:invert(.7)}.welcome-icon{-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));height:70px;width:70px}.welcome-card h2{font-size:1.6em;margin-bottom:10px}.welcome-card h2,.welcome-card p{color:#333;color:var(--text-color)}.welcome-card p{font-size:1em;line-height:1.5;margin-bottom:0}.welcome-ok-button{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:25px;outline:none;padding:12px 25px;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}.welcome-ok-button:hover{opacity:.9;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popIn{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.ff2a7472.css.map*/