.home-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;transition:all .3s ease}.navbar-transparent{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar-solid{background:rgba(255,255,255,.95);box-shadow:0 2px 10px #0000001a}.navbar-logo-section{display:flex;align-items:center;gap:.5rem}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--text-color);background:none;border:none;padding:0}.navbar-logo-icon{height:32px;width:32PX}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-link{color:var(--text-color);font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;border:none;background:none;cursor:pointer}.navbar-link:hover{color:var(--primary-color);background:rgba(95,91,209,.1)}.navbar-dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:200px;background:white;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:.5rem;margin-top:.2rem}.navbar-dropdown:hover .dropdown-content{display:block}.dropdown-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;border:none;background:none;border-radius:4px;color:var(--text-color);font-size:.9rem;transition:all .2s ease;cursor:pointer}.dropdown-item:hover{background:rgba(95,91,209,.1);color:var(--primary-color)}.navbar-auth{display:flex;gap:1rem;align-items:center}.auth-btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer}.login-btn{color:var(--primary-color);background:none;border:1px solid var(--primary-color)}.login-btn:hover{background:rgba(95,91,209,.1)}.signup-btn{color:#fff;background:var(--primary-color);border:none}.signup-btn:hover{background:var(--secondary-color)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:.5rem;transition:all .3s ease;z-index:1001}@media (max-width: 768px){.home-navbar{padding:.75rem 1.25rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.navbar-links,.navbar-auth{display:none;position:fixed;top:64px;left:0;right:0;background:white;padding:1rem;box-shadow:0 4px 20px #0000001a;opacity:0;transform:translateY(-10px);transition:all .3s ease}.navbar-links.mobile-active,.navbar-auth.mobile-active{display:flex;flex-direction:column;opacity:1;transform:translateY(0)}.navbar-links.mobile-active{padding-bottom:.5rem}.navbar-auth.mobile-active{top:auto;padding-top:.5rem;border-top:1px solid var(--border-color)}.navbar-dropdown{width:100%}.dropdown-content{position:static;box-shadow:none;background:var(--bg-light);margin:.5rem 0;border-radius:6px}.navbar-dropdown.active .dropdown-content{display:block}.navbar-link,.auth-btn{width:100%;text-align:left;padding:.875rem 1rem;border-radius:6px}.dropdown-item{padding:.75rem 1rem}.mobile-menu-btn i{transition:transform .3s ease}.mobile-menu-btn.active i{transform:rotate(90deg)}.mobile-menu-overlay{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:block;opacity:1}body.menu-open{overflow:hidden}}@media (max-width: 576px){.home-navbar{padding:.75rem 1rem}.navbar-link,.auth-btn{font-size:1rem}.navbar-logo-icon{height:28px;width:28px}}.home-hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:6rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(243,243,255,.95) 100%);position:relative;overflow:hidden}.hero-content{flex:1;max-width:600px;padding:2rem}.hero-tagline{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;line-height:1.2}.typing-container{display:flex;gap:.5rem;font-size:3rem;font-weight:700;margin-bottom:2rem;line-height:1.2}.typing-before{color:var(--text-color)}.typing-text{color:var(--secondary-color);border-right:.1em solid var(--primary-color);animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.hero-description{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem;line-height:1.6}.hero-auth-container{background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.email-wrapper{display:flex;gap:.75rem}.hero-email-input{flex:1;height:44px;padding:0 1.25rem;border:1px solid var(--glass-border);border-radius:22px;font-size:.95rem;background:white;transition:all .2s ease}.hero-email-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5f5bd11a}.hero-start-btn{height:44px;padding:0 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:22px;font-weight:500;transition:all .2s ease;white-space:nowrap}.hero-start-btn:hover{background:var(--secondary-color);transform:translateY(-1px)}.hero-start-btn:disabled{background:var(--text-light);cursor:not-allowed;transform:none}.auth-divider{position:relative;display:flex;align-items:center;text-align:center;padding:1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;background:transparent}.divider-Text{position:relative;padding:0 1rem;font-size:.875rem;color:var(--text-light);background:rgba(255,255,255,.9);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;height:44px;background:white;color:var(--text-color);border:1px solid var(--glass-border);border-radius:22px;font-weight:500;transition:all .2s ease}.google-signin-btn:hover{background:#f8f9fa;border-color:var(--text-light);transform:translateY(-1px)}.google-icon{width:18px;height:18px}.hero-preview-section{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.preview-wrapper{width:100%;max-width:720px;position:relative}.product-preview{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000001a}@media (max-width: 1200px){.hero-content{max-width:500px}.preview-wrapper{max-width:600px}}@media (max-width: 992px){.home-hero{flex-direction:column;text-align:center;padding:5rem 1.5rem}.hero-content{padding:1rem;max-width:600px}.typing-container{justify-content:center;font-size:2.5rem}.hero-tagline{font-size:2.5rem}.email-wrapper{max-width:400px;margin:0 auto}.hero-preview-section{margin-top:3rem;padding:0}.preview-wrapper{max-width:500px}}@media (max-width: 576px){.home-hero{padding:4rem 1rem}.typing-container,.hero-tagline{font-size:2rem}.hero-description{font-size:1.1rem}.email-wrapper{flex-direction:column;gap:1rem}.hero-email-input,.hero-start-btn{width:100%}.preview-wrapper{max-width:100%}}.home-features{padding:6rem 0;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.8) 100%);overflow:hidden}.features-header{text-align:center;margin-bottom:6rem;padding:0 2rem}.features-code-comment{font-family:JetBrains Mono,monospace;color:var(--text-light);font-size:1rem;margin-bottom:1rem;display:block}.features-title{font-size:2.5rem;font-weight:700;color:var(--text-color)}.features-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.feature-row{display:flex;align-items:center;justify-content:space-between;padding:6rem 0;gap:4rem}.feature-row:nth-child(2n){flex-direction:row-reverse}.feature-media-col,.feature-content-col{flex:0 0 48%;width:50%;display:flex;justify-content:center}.media-wrapper{width:100%;max-width:580px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a;background:var(--card-bg)}.feature-media{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}video.feature-media{height:auto;max-height:320px}.feature-content{max-width:480px;padding:0 1rem}.feature-text-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1.5rem}.feature-title{font-size:2rem;font-weight:700;color:var(--text-color)}.feature-description{font-size:1.1rem;color:var(--text-light);line-height:1.5}.feature-list{display:flex;flex-direction:column;gap:1.25rem}.feature-list-item{display:flex;align-items:flex-start;gap:1rem}.list-icon{flex-shrink:0;width:24px;height:24px;color:#22c55e;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.list-icon i{transition:transform .2s ease}.feature-list-item:hover .list-icon i{transform:scale(1.1)}.list-text{font-size:1rem;color:var(--text-color);line-height:1.5}@media (max-width: 1200px){.feature-row{gap:3rem}.media-wrapper{max-width:520px}}@media (max-width: 991px){.features-header{margin-bottom:4rem}.feature-row{flex-direction:column!important;padding:4rem 0;gap:2.5rem}.feature-media-col,.feature-content-col{flex:0 0 100%;width:100%}.media-wrapper{max-width:580px}video.feature-media{height:280px}.feature-content{max-width:100%;text-align:center;padding:0}.feature-list{max-width:480px;margin:0 auto}.feature-list-item{justify-content:flex-start;text-align:left}}@media (max-width: 768px){.home-features{padding:4rem 0}.features-header{margin-bottom:3rem}.feature-row{padding:3rem 0;gap:2rem}video.feature-media{height:240px}.feature-title{font-size:1.75rem}.feature-description{font-size:1rem}.list-icon{width:20px;height:20px;font-size:1.25rem}}.home-pricing{padding:4rem 0;background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,#fff 100%)}.pricing-header{max-width:1200px;margin:0 auto 3rem;text-align:center;padding:0 2rem;display:flex;flex-direction:column;align-items:center}.pricing-title-wrapper{display:inline-flex;align-items:center;gap:1rem;margin-bottom:1rem;background:rgba(95,91,209,.05);padding:.5rem 1.5rem;border-radius:40px}.pricing-code-comment{font-family:JetBrains Mono,monospace;color:var(--primary-color);font-size:.9rem;font-weight:500;opacity:.9}.pricing-title{font-size:2rem;font-weight:700;color:var(--text-color);line-height:1}.pricing-description{font-size:1.1rem;color:var(--text-light);margin-top:.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.pricing-card{background:white;border-radius:16px;padding:1.75rem;position:relative;transition:all .3s ease;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:1rem}.pricing-card.popular{border:2px solid var(--primary-color);transform:translateY(-8px);box-shadow:0 15px 30px #5f5bd11a}.popular-badge{position:absolute;top:-12px;right:20px;background:var(--primary-color);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;letter-spacing:.5px}.plan-name{font-size:1.25rem;font-weight:600;color:var(--text-color)}.price-container{display:flex;align-items:baseline;gap:.25rem}.currency{font-size:1.25rem;font-weight:600;color:var(--text-color)}.price{font-size:2.5rem;font-weight:700;color:var(--text-color);line-height:1}.period{font-size:.9rem;color:var(--text-light);margin-left:.25rem}.plan-description{color:var(--text-light);font-size:.95rem;line-height:1.3;margin:0}.features-list{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;flex:1}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}.feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.feature-icon.included{color:var(--success-color)}.feature-icon.excluded{color:var(--danger-color)}.feature-text{color:var(--text-color);font-size:.9rem;line-height:1.2}.plan-cta{width:100%;padding:.875rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s ease;text-align:center;margin-top:auto}.plan-cta:not(.popular-cta){background:transparent;border:1.5px solid var(--primary-color);color:var(--primary-color)}.plan-cta:not(.popular-cta):hover{background:rgba(95,91,209,.1);transform:translateY(-2px)}.popular-cta{background:var(--primary-color);border:none;color:#fff}.popular-cta:hover{background:var(--secondary-color);transform:translateY(-2px)}@media (max-width: 1200px){.pricing-grid{gap:1rem}.pricing-card{padding:1.5rem}}@media (max-width: 992px){.pricing-grid{grid-template-columns:repeat(1,1fr);max-width:400px;gap:1.5rem}.pricing-card.popular{transform:none}.pricing-title-wrapper{flex-direction:column;gap:.5rem;padding:1rem}}@media (max-width: 576px){.home-pricing{padding:3rem 0}.pricing-header{margin-bottom:2rem;padding:0 1rem}.pricing-grid{padding:0 1rem}.pricing-title{font-size:1.75rem}.price{font-size:2.25rem}.pricing-card{padding:1.5rem}}.home-testimonials{padding:6rem 2rem;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.8) 100%)}.testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-code-comment{font-family:JetBrains Mono,monospace;color:var(--text-light);font-size:1rem;margin-bottom:1rem}.testimonials-title{font-size:2.5rem;font-weight:700;color:var(--text-color)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:white;border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-profile{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:60px;height:60px;border-radius:30px;overflow:hidden}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-info{display:flex;flex-direction:column;gap:.25rem}.testimonial-name{font-weight:600;color:var(--text-color)}.testimonial-role{font-size:.875rem;color:var(--text-light)}.testimonial-rating{color:var(--warning-color);font-size:1.25rem;letter-spacing:2px}.testimonial-quote{color:var(--text-color);font-size:1rem;line-height:1.6;font-style:italic}@media (max-width: 992px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;max-width:500px}.home-testimonials{padding:4rem 1rem}.testimonials-title{font-size:2rem}}.home-footer{background:#f8f9fa;padding:4rem 0 0;border-top:1px solid var(--glass-border)}.footer-content{display:grid;grid-template-columns:3fr 2fr 2fr 5fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-section{display:flex;flex-direction:column;gap:1.25rem}.footer-logo{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.about-text{font-size:.875rem;color:var(--text-light);line-height:1.6}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-link{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-light);background:transparent;border:1px solid var(--glass-border);transition:all .2s ease}.social-link:hover{color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.footer-section-title{font-size:1rem;font-weight:600;color:var(--text-color)}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{font-size:.875rem;color:var(--text-light);background:none;border:none;padding:0;text-align:left;transition:color .2s ease;cursor:pointer}.footer-link:hover{color:var(--primary-color);background:transparent}.subscribe-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.subscribe-input{flex:1;height:40px;padding:0 1.25rem;background:rgba(255,255,255,.9);border:1px solid var(--glass-border);border-radius:20px;font-size:.875rem;transition:all .2s ease;color:var(--text-color)}.subscribe-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5f5bd11a;background:white}.subscribe-btn{height:40px;padding:0 1.5rem;border-radius:20px;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500}.subscribe-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.contact-info{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.75rem}.contact-icon{color:var(--primary-color);font-size:1.1rem}.contact-text{font-size:.875rem;color:var(--text-light)}.footer-bottom{margin-top:4rem;padding:1.5rem 2rem;border-top:1px solid var(--glass-border);text-align:center}.copyright{font-size:.875rem;color:var(--text-light)}@media (max-width: 1200px){.footer-content{gap:1.5rem}}@media (max-width: 992px){.footer-content{grid-template-columns:repeat(2,1fr)}.contact-section{grid-column:span 2}}@media (max-width: 576px){.home-footer{padding:3rem 0 0}.footer-content{grid-template-columns:1fr;padding:0 1.5rem}.contact-section{grid-column:span 1}.footer-bottom{margin-top:3rem;padding:1.25rem 1.5rem}}:root{--primary-color: #5f5bd1;--secondary-color: #4a47d1;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-color: #2c3e50;--text-light: #6c757d;color-scheme:light dark}body{font-family:Helvetica,Arial,sans-serif;font-size:14px;margin:0;overflow:hidden}hr{border:0;border-top:1px solid #ccc}button{position:relative}input{vertical-align:middle}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}textarea{-moz-tab-size:4;tab-size:4;white-space:pre;word-wrap:normal}textarea.success{border-color:#8b8!important}textarea.fail{border-color:red!important;background-color:#ff00000d}textarea,input{outline:none}.Panel{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.error-message{margin:8px 0;padding:8px 12px;border-radius:4px;font-size:.9em}.message-error{background-color:#ff000026;color:#ff5252;border-left:4px solid #ff3030;font-weight:700}.message-info{background-color:#0099ff26;color:#42a5f5;border-left:4px solid #2196f3;font-weight:700}.calculate-button{padding:4px 8px;cursor:pointer;border:1px solid #ccc;border-radius:3px;font-size:.9em;transition:background-color .2s}.Notification{box-shadow:0 2px 5px #0003;pointer-events:none;font-family:Arial,sans-serif;font-size:14px}.Modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.ModalContent{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:4px;min-width:800px;max-width:90%;max-height:90vh;overflow:auto}.ModalContent{background:#eee;color:#444}.ModalHeader{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.ModalClose{float:right;cursor:pointer;background:none;border:none;font-size:20px;color:#666}.ModalFooter{margin-top:20px;padding-top:10px;border-top:1px solid #ddd;text-align:right}@media (prefers-color-scheme: dark){.ModalContent{background:#222;color:#888}.ModalHeader{border-bottom:1px solid #444;color:#888}.ModalClose{color:#888}.ModalFooter{border-top:1px solid #444}.Modal textarea{background:#333;color:#888;border:1px solid #444}.Modal button{background:#444;color:#888;border:none}.Modal button:hover{background:#555}}.ProgressModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.ProgressContent{background:#eee;padding:20px;border-radius:8px;min-width:300px;text-align:center}.ProgressHeader{margin-bottom:15px;font-size:16px;color:#444}.ProgressBar{width:100%;height:10px}@media (prefers-color-scheme: dark){.ProgressContent{background:#333}.ProgressHeader{color:#888}.ProgressBar{accent-color:#666}}#leftbar{position:absolute;top:32px;left:0;width:210px;height:calc(100vh - 32px);overflow:auto;background:#eee}#leftbar .Category-widget{display:block;color:#888;padding:10px}#leftbar .Category-widget .Category-item{display:inline-block;width:82px;height:82px;background-size:82px 82px;overflow:hidden;white-space:pre-wrap;margin:4px;padding:0;border:1px solid gray;border-radius:5px;cursor:pointer;color:#1b1b1b}#leftbar .Category-widget .Category-item div{position:absolute;text-align:center;padding:2px 0;background-color:#ffffffb3;font-weight:700;font-size:12px;color:#041422}.TabbedPanel{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:relative;display:block;width:100%;min-width:195px}.TabbedPanel .Tabs{position:relative;display:block;width:100%}.TabbedPanel .Tabs .Tab{padding:10px;text-transform:uppercase}.TabbedPanel .Panels{position:relative;display:block;width:100%}.Listbox{color:#444;background-color:#fff;padding:0;width:100%;min-height:140px;font-size:12px;cursor:default;overflow:auto}.Listbox .ListboxItem{padding:6px;color:#666;white-space:nowrap}.Listbox .ListboxItem.active{background-color:#0000000a}.CodeMirror{position:absolute!important;top:37px;width:100%!important;height:calc(100% - 37px)!important}.CodeMirror .errorLine{background:rgba(255,0,0,.25)}.CodeMirror .esprima-error{color:red;text-align:right;padding:0 20px}#outliner .opener{display:inline-block;width:14px;height:14px;margin:0 4px;vertical-align:top;text-align:center}#outliner .opener.open:after{content:"−"}#outliner .opener.closed:after{content:"+"}#outliner .option{border:1px solid transparent}#outliner .option.drag{border:1px dashed #999}#outliner .option.dragTop{border-top:1px dashed #999}#outliner .option.dragBottom{border-bottom:1px dashed #999}#outliner .type{display:inline-block;width:14px;height:14px;color:#ddd;text-align:center}#outliner .type:after{content:"●"}#outliner .Scene{color:#88d}#outliner .Camera{color:#d88}#outliner .Light{color:#dd8}#outliner .Object3D{color:#aae}#outliner .Mesh{color:#88e}#outliner .Line,#outliner .LineSegments{color:#8e8}#outliner .Points{color:#e88}#outliner .Geometry{color:#aea}#outliner .Material{color:#eae}#outliner .Script:after{content:"◎"}button{color:#555;background-color:#ddd;border:0px;margin:0;padding:5px 8px;font-size:12px;text-transform:uppercase;cursor:pointer;outline:none}button:hover,button.selected{background-color:#fff}input,textarea{border:1px solid transparent;color:#444}input.Number{color:#08f!important;font-size:12px;border:0px;padding:2px}select{color:#666;background-color:#ddd;border:0px;cursor:pointer;outline:none}select:hover{background-color:#fff}#leftbar-resizer{position:absolute;top:32px;left:200px;width:5px;bottom:0;cursor:col-resize}#resizer{position:absolute;top:32px;right:290px;width:5px;bottom:0;cursor:col-resize}#viewport{position:absolute;top:32px;left:210px;right:290px;bottom:0}#viewport #info{text-shadow:1px 1px 0 rgba(0,0,0,.25);pointer-events:none}#script{position:absolute;top:32px;left:0;right:300px;bottom:0;opacity:.9}#player{position:absolute;top:32px;left:260px;right:300px;bottom:0}.home-container{width:100%;min-height:100vh;overflow-x:hidden}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}#menubar{position:absolute;width:100%;height:32px;background:#eee;padding:0;margin:0;right:0;top:0;z-index:3}#menubar .menu{float:left;cursor:pointer;padding-right:8px}#menubar .menu.right{float:right;cursor:auto;padding-right:0;text-align:right;display:flex;justify-content:center;align-items:center;gap:20px}#menubar .menu .title{display:inline-block;color:#888;margin:0;padding:8px;line-height:16px}#menubar .menu.right .fork-button,#menubar .menu.right .nav-button{padding:8px;text-transform:none;font-size:14px}#menubar .menu .options{position:fixed;display:none;padding:5px 0;background:#eee;width:150px;max-height:calc(100% - 80px);overflow:auto}#menubar .menu:hover .options{display:block}#menubar .menu .options hr{border-color:#ddd}#menubar .menu .options .option{color:#666;background-color:transparent;padding:5px 10px;margin:0!important}#menubar .menu .options .option:hover{color:#fff;background-color:#08f}#menubar .menu .options .option.toggle-on:before{content:"✔";font-size:12px}#menubar .menu .options .option:active{color:#666;background:transparent}#menubar .menu .options .inactive{color:#bbb;background-color:transparent;padding:5px 10px;margin:0!important}#sidebar{position:absolute;right:0;top:32px;bottom:0;width:290px;background:#eee;overflow:auto}#sidebar .Panel{color:#888;padding:10px}#sidebar .Panel .Divider{color:#888;padding:10px;border-top:1px solid #ccc;width:90%}#sidebar .Panel.collapsed{margin-bottom:0}#sidebar .Row{display:flex;align-items:center;min-height:24px;margin-bottom:10px}#tabs{background-color:#ddd;border-top:1px solid #ccc}#tabs span{color:#aaa;border-right:1px solid #ccc;padding:10px}#tabs span.selected{color:#888;background-color:#eee}div#Scene-tool.Row{min-height:0;margin-bottom:0}button#Scene-tool-clrWorld.Button{left:165px;position:absolute;margin-left:10px;margin-bottom:0}span.grid_Space{padding:4px;text-align:right;font-size:13px;margin-left:28px}#toolbar{position:absolute;left:200px;top:42px;height:32px;background:#eee;text-align:center;z-index:2}#toolbar button,#toolbar input{height:32px}#toolbar button img{width:16px;opacity:.5}.Outliner{color:#444;background-color:#fff;padding:0;width:100%;height:140px;font-size:12px;cursor:default;overflow:auto;resize:vertical;outline:none!important}.Outliner .option{padding:4px;color:#666;white-space:nowrap}.Outliner .option:hover{background-color:#00000005}.Outliner .option.active{background-color:#0000000a}.TabbedPanel .Tabs{background-color:#ddd;border-top:1px solid #ccc}.TabbedPanel .Tab{color:#aaa;border-right:1px solid #ccc}.TabbedPanel .Tab.selected{color:#888;background-color:#eee}.Listbox{color:#444;background-color:#fff}.Panel{color:#888}.overlayModal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:flex-start;justify-content:center;padding-top:150px;z-index:1000;overflow-y:auto}.loginModalContainer{background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;max-width:385px;padding:32px;position:relative;box-shadow:0 20px 40px #00000080;margin:0 auto}.displayLogin{display:flex;flex-direction:column;gap:24px;width:100%}.displayForm{display:flex;flex-direction:column;gap:20px;width:100%}.rowfull{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.rowfull .Text{color:#888;font-size:14px;text-align:left}.loginFormInput{background:#222;border:1.5px solid #333!important;border-radius:12px!important;padding:10px 5px!important;color:#fff;width:100%}.loginFormInput:focus{border-color:#444;outline:none}.pincontainer{width:100%}.pinInputcontainer{display:flex;gap:12px;justify-content:flex-start;margin-top:8px}.loginFormInputPIN{background:#222;border:1px solid #333;border-radius:4px;padding:8px;color:#fff;width:45px;height:45px;text-align:center;font-size:18px}.loginFormInputPIN:focus{border-color:#444;outline:none}.signButton{border-radius:8px;margin:4px 15px 4px 4px}.closeLoginForm{position:absolute;top:-12px;right:-12px;width:30px;height:30px;border-radius:50%;background:#333;border:1px solid #444;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.closeLoginForm:hover{background:#444}.rememberbox{display:flex;align-items:center;gap:8px;color:#888}.registercontainer{text-align:center;color:#888;font-size:14px}@media all and (max-width: 600px){#resizer{display:none}#menubar .menu .options{max-height:calc(100% - 372px)}#menubar .menu.right{display:none}#viewport,#script,#player{left:0;right:0;top:32px;height:calc(100% - 352px)}#sidebar{left:0;width:100%;top:calc(100% - 320px);bottom:0}.loginModalContainer{width:100%;margin:32px 16px 0;transition:all .5s cubic-bezier(.68,-.55,.265,1.2);border-radius:16px}}@media (prefers-color-scheme: dark){button{color:#aaa;background-color:#222}button:hover{color:#ccc;background-color:#444}button.selected{color:#fff;background-color:#08f}input,textarea{background-color:#222;border:1px solid transparent;color:#888}select{color:#aaa;background-color:#222}select:hover{color:#ccc;background-color:#444}#menubar,#menubar .menu .options{background:#111}#menubar .menu .options hr{border-color:#222}#menubar .menu .options .option{color:#888}#menubar .menu .options .inactive{color:#444}#leftbar{background:#111}#leftbar .Category-widget{border-top:1px solid #111}#sidebar{background-color:#111}#sidebar .Panel.Material canvas{border:solid 1px #5a5a5a}#tabs{background-color:#1b1b1b;border-top:1px solid #222}#tabs span{color:#555;border-right:1px solid #222}#tabs span.selected,#toolbar{background-color:#111}#toolbar img{filter:invert(1)}.Outliner{color:#888;background:#222}.Outliner .option:hover{background-color:#153c5e80}.Outliner .option.active{background-color:#153c5e}.TabbedPanel .Tabs{background-color:#1b1b1b;border-top:1px solid #222}.TabbedPanel .Tab{color:#555;border-right:1px solid #222}.TabbedPanel .Tab.selected{color:#888;background-color:#111}.Listbox{color:#888;background:#222}.Listbox .ListboxItem:hover{background-color:#153c5e80}.Listbox .ListboxItem.active{background-color:#153c5e}}[draggable=true]{transform:translate(0);z-index:0}body{background-color:#000;overflow-y:auto;overflow-x:auto}h1{font-size:2.2rem;font-family:Calibri,Gill Sans,Gill Sans MT,Trebuchet MS,sans-serif;font-weight:500;text-align:center;color:#ffffffba;letter-spacing:2px;text-shadow:0 0 25px rgb(255,255,255)}.periodicTable{display:grid;position:fixed;padding:50px;background-color:#030303bb;top:50%;left:50%;transform:translate(-50%,-50%);grid-template-columns:repeat(18,auto);grid-template-rows:repeat(10,auto);column-gap:1px;row-gap:1px;justify-content:center;margin-top:2rem;max-width:100%;height:auto}.nobleGas,.lanthanide,.nonMetal,.alkaliMetal,.alkalineEarthMetal,.metalloid,.halogen,.transitionMetal,.postTransitionMetal,.actinide{border:2px solid rgb(255,255,255);border-radius:8px;margin:1px;width:60px;max-width:65px;min-width:55px;height:auto}.nonMetal{background-color:#000;color:#fbfb89;border-color:#fbfb89;transition:.2s}.nonMetal:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(251,251,137) 0%,rgb(238,238,238) 50%,rgb(251,251,137) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.nobleGas{color:#ffa27e;border-color:#ffa27e;background-color:#000;transition:.2s}.nobleGas:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(255,162,126) 0%,rgb(238,238,238) 50%,rgb(255,162,126) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.alkaliMetal{color:#cc5f5f;border-color:#cc5f5f;background-color:#000;transition:.2s}.alkaliMetal:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(204,95,95) 0%,rgb(238,238,238) 50%,rgb(204,95,95) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.alkalineEarthMetal{color:#8d29eb;background-color:#000;border-color:#8d29eb;transition:.2s}.alkalineEarthMetal:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(141,41,235) 0%,rgb(238,238,238) 50%,rgb(141,41,235) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.metalloid{color:#31a931;background-color:#000;border-color:#31a931;transition:.2s}.metalloid:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(49,169,49) 0%,rgb(238,238,238) 50%,rgb(49,169,49) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.postTransitionMetal{color:#a1fb1b;border-color:#a1fb1b;background-color:#000;transition:.2s}.postTransitionMetal:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(161,251,27) 0%,rgb(238,238,238) 50%,rgb(161,251,27) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.halogen{color:#daff36;background-color:#000;border-color:#daff36;transition:.2s}.halogen:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(218,255,54) 0%,rgb(238,238,238) 50%,rgb(218,255,54) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.transitionMetal{color:#47cbf7;background-color:#000;border-color:#47cbf7;transition:.2s}.transitionMetal:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(71,203,247) 0%,rgb(238,238,238) 50%,rgb(71,203,247) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.lanthanide{color:#5252ec;background-color:#000;border-color:#5252ec;transition:.2s}.lanthanide:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(82,82,236) 0%,rgb(238,238,238) 50%,rgb(82,82,236) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.actinide{color:#f4ab3c;border-color:#f4ab3c;background-color:#000;transition:.2s}.actinide:hover{color:#000;background-image:linear-gradient(to bottom right,rgb(244,171,60) 0%,rgb(238,238,238) 50%,rgb(244,171,60) 100%);transform:scale(1.25);transition:.2s;cursor:pointer;border:none}.elementNumber{font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;padding-top:2px;padding-left:4px}.elementSymbol{font-family:Comfortaa,cursive,Courier New,Courier,monospace;font-size:1.4rem;font-weight:700;padding-left:2px}.elementName{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.55rem;letter-spacing:.2px;padding-bottom:3px;padding-left:1px;font-weight:100;overflow:hidden}.blankRow1{grid-column:2 / span 16;grid-row:1}.blankRow2{grid-column:3 / span 10;grid-row:2 / span 2}.blankRow3{grid-column:3;grid-row:6 / span 2}.blankRow4{grid-column:1 / span 18;grid-row:8;margin:6px}.blankRow5{grid-column:1 / span 3;grid-row:9 / span 2}.closeButton{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background-color:#ccc;border:none;color:#fff;font-size:18px;text-align:center;line-height:30px;background-color:#fe2714;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){body{margin:0;min-width:340px}.periodicTable{display:flex;flex-direction:column;padding:0 25px 25px}.nobleGas,.lanthanide,.nonMetal,.alkaliMetal,.alkalineEarthMetal,.metalloid,.halogen,.transitionMetal,.postTransitionMetal,.actinide{width:100%;max-width:none;min-width:none;min-height:50px;margin-bottom:10px}.nobleGas:hover,.lanthanide:hover,.nonMetal:hover,.alkaliMetal:hover,.alkalineEarthMetal:hover,.metalloid:hover,.halogen:hover,.transitionMetal:hover,.postTransitionMetal:hover,.actinide:hover{transform:scale(1.01);border:2px solid rgba(255,255,255,0)}.blankRow1,.blankRow2,.blankRow3,.blankRow4,.blankRow5{display:none}.elementTile{display:flex;align-items:center}.elementNumber{width:10%;text-align:center;font-size:1.2rem}.elementSymbol{width:10%;text-align:center;font-size:1.8rem}.elementName{width:70%;padding-left:5%;font-size:1.3rem;transform:translateY(15%);letter-spacing:2px}}*{border-radius:0!important}.simulation-project-row{display:flex;align-items:center;justify-content:space-between;padding:8px;margin:6px 0}.project-display{flex:1;padding:12px 16px;border:2px solid #ccc;transition:all .3s ease;min-height:24px;display:flex;align-items:center;background-color:#fff}.project-display.has-simulation{border:2px solid #0a0;background-color:#00aa0014;box-shadow:0 2px 4px #0a03}.project-display.no-simulation{border:2px solid #ccc}.project-buttons{display:flex;gap:10px;margin-left:16px}.project-name-display{font-size:14px;font-weight:500;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.simulate-btn{min-width:32px;height:32px;border:1px solid transparent;cursor:pointer;font-size:16px;font-weight:700;background-color:#ffffffe6;color:#0a0;transition:all .2s ease}.simulate-btn:hover:not(:disabled){background-color:#00aa001a;border-color:#0a0;transform:scale(1.05)}.simulate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.simulation-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-family:Arial,sans-serif;min-height:400px;padding:10px;box-sizing:border-box}.simulation-preview-container:has(.simulation-wrl-container){grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.simulation-file-container{display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}.simulation-file-header{font-size:13px;font-weight:700;margin-bottom:8px;color:#333;flex-shrink:0}.simulation-textarea{width:100%;max-width:100%;height:300px;font-family:monospace;font-size:13px;margin-bottom:10px;resize:none;border:1px solid #ccc;padding:8px;background-color:#fff;color:#333;flex-shrink:0;box-sizing:border-box}.simulation-textarea:focus{outline:none;border-color:#007acc;box-shadow:0 0 3px #007acc4d}.simulation-wrl-container{grid-column:1 / -1;margin-top:20px;border:2px solid #0a0;padding:8px;background-color:#fff;max-width:100%;overflow:hidden;box-sizing:border-box}.simulation-wrl-header{font-size:13px;font-weight:700;margin-bottom:8px;color:#0a0}.simulation-wrl-textarea{width:100%;max-width:100%;height:250px;font-family:monospace;font-size:13px;background-color:#fff;color:#333;border:2px solid #0a0;padding:8px;resize:none;margin-bottom:10px;box-sizing:border-box}.simulation-update-button{padding:8px 16px;font-size:13px;border:1px solid #ccc;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa;color:#333;margin-right:10px}.simulation-update-button:hover:not(:disabled){background-color:#28a745;color:#fff}.simulation-update-button:disabled{opacity:.6;cursor:not-allowed}.simulation-run-button{padding:8px 16px;font-size:13px;border:1px solid #ccc;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa;color:#333}.simulation-run-button:hover:not(:disabled){background-color:#28a745;color:#fff}.simulation-run-button:disabled{opacity:.6;cursor:not-allowed}.simulation-download-button{padding:8px 16px;font-size:13px;border:1px solid #ccc;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa;color:#333}.simulation-download-button:hover{background-color:#28a745!important;color:#fff!important}.simulation-button-container{margin-top:20px;text-align:right;position:sticky;bottom:0;background-color:inherit;padding:10px 0;border-top:1px solid #ccc}@media (prefers-color-scheme: dark){.project-name-display{color:#aaa}.project-display{background-color:#1f1f1f;border-color:#555}.project-display.has-simulation{background-color:#00aa0014;border-color:#0a0}.simulate-btn{background-color:#0000004d}.simulation-file-header{color:#aaa}.simulation-textarea{background-color:#2d2d2d;color:#ccc;border-color:#555}.simulation-textarea:focus{border-color:#007acc;box-shadow:0 0 3px #007acc80}.simulation-wrl-container{border:2px solid #0a0!important;background-color:#1f1f1f}.simulation-wrl-header{color:#0a0}.simulation-wrl-textarea{background-color:#2d2d2d;color:#ccc;border:2px solid #0a0!important}.simulation-update-button,.simulation-run-button,.simulation-download-button{background-color:#2d2d2d!important;color:#ccc!important;border:1px solid #555!important}.simulation-update-button:hover:not(:disabled),.simulation-run-button:hover:not(:disabled),.simulation-download-button:hover{background-color:#28a745!important;color:#fff!important;border-color:#28a745!important}.simulation-button-container{border-top-color:#555;background-color:#1f1f1f}}.home-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;overflow-y:auto}.hero-section{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.hero-content{max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.get-started-btn{background:#ff6b6b;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.get-started-btn:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.features-section{padding:4rem 2rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:rgba(255,255,255,.15);border-radius:15px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.feature-card-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#fff}.feature-card-description{font-size:.95rem;line-height:1.6;opacity:.9}.footer{padding:2rem;text-align:center;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1)}.footer-text{opacity:.8;font-size:.9rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}@media (prefers-color-scheme: dark){.home-container{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.feature-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}}.auth-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f0f0;padding:2rem;font-family:Helvetica,Arial,sans-serif;font-size:14px}.auth-card{background:#eee;border-radius:8px;padding:32px;width:100%;max-width:400px;box-shadow:0 2px 10px #0000001a;border:1px solid #ddd}.auth-header{text-align:center;margin-bottom:24px}.logo-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.auth-logo-img{width:32px;height:32px;object-fit:contain}.auth-logo-text{font-size:24px;font-weight:700;color:#444}.auth-title{font-size:18px;font-weight:700;color:#444;margin-bottom:8px;display:block}.auth-subtitle{font-size:13px;color:#666;line-height:1.4;display:block}.auth-form{width:100%}.input-group{margin-bottom:16px}.input-label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:6px;text-transform:uppercase}.auth-input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px;color:#444;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif}.auth-input:focus{outline:none;border-color:#08f}.password-validation{margin-top:12px;padding:12px;background-color:#fff;border-radius:4px;border:1px solid #ddd;transition:opacity .3s ease}.validation-item{display:block;font-size:12px;margin-bottom:4px;padding:2px 0;transition:color .3s ease;line-height:1.3;width:100%;color:#666}.validation-valid{color:#28a745!important;font-weight:600}.validation-invalid{color:#dc3545!important;font-weight:400}.forgot-password-link{background:none;border:none;color:#08f;font-size:12px;cursor:pointer;text-decoration:underline;margin-bottom:16px;padding:0;text-transform:none;font-family:Helvetica,Arial,sans-serif}.forgot-password-link:hover{color:#06c;background:none}.auth-submit-btn{width:100%;background:#08f;color:#fff;border:none;padding:10px 16px;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .2s ease;text-transform:uppercase;margin-bottom:12px;font-family:Helvetica,Arial,sans-serif}.auth-submit-btn:hover{background:#0066cc}.auth-divider{text-align:center;margin:20px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ccc}.divider-text{background:#eee;color:#666;padding:0 12px;font-size:12px;position:relative;text-transform:uppercase}.google-auth-btn{width:100%;background:#fff;color:#444;border:1px solid #ccc;padding:10px 16px;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;margin-bottom:20px;font-family:Helvetica,Arial,sans-serif}.google-auth-btn:hover{background:#f8f8f8;border-color:#08f}.error-container{margin-bottom:12px;min-height:20px}.error-message,.success-message{padding:8px 12px;border-radius:4px;font-size:12px;text-align:center;margin-bottom:8px;font-weight:700}.message-error{background-color:#ff000026;color:#ff5252;border-left:4px solid #ff3030}.message-info{background-color:#0099ff26;color:#42a5f5;border-left:4px solid #2196f3}.auth-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #ccc}.switch-text{color:#666;font-size:12px;display:inline}.switch-link{background:none;border:none;color:#08f;font-size:12px;cursor:pointer;text-decoration:underline;padding:0;margin-left:4px;text-transform:none;font-family:Helvetica,Arial,sans-serif}.switch-link:hover{color:#06c;background:none}@media (prefers-color-scheme: dark){.auth-container{background:#222}.auth-card{background:#111;border-color:#444}.auth-logo-text{color:#aaa}.auth-title{color:#888}.auth-subtitle{color:#666}.input-label{color:#888}.auth-input{background:#222;border-color:#444;color:#888}.auth-input:focus{border-color:#08f}.password-validation{background-color:#222;border-color:#444}.validation-item{color:#666}.validation-valid{color:#28a745!important}.validation-invalid{color:#dc3545!important}.google-auth-btn{background:#222;color:#888;border-color:#444}.google-auth-btn:hover{background:#333;border-color:#08f}.divider-text{background:#111;color:#666}.auth-divider:before{background:#444}.auth-footer{border-top-color:#444}.switch-text{color:#666}.forgot-password-link,.forgot-password-link:hover,.switch-link,.switch-link:hover{color:#08f}}@media (max-width: 480px){.auth-container{padding:16px}.auth-card{padding:24px}.auth-title{font-size:16px}.password-validation{padding:8px}.validation-item{font-size:11px}}.auth-close-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;background:none;border:none;font-size:16px;color:#666;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:none;font-family:Arial,sans-serif}.auth-close-btn:hover{background:#f0f0f0;color:#333}@media (prefers-color-scheme: dark){.auth-close-btn{color:#aaa}.auth-close-btn:hover{background:#333;color:#fff}}.auth-card{position:relative}.settings-container{min-height:100vh;background:#f0f0f0;color:#444;font-family:Helvetica,Arial,sans-serif;font-size:15px}.settings-header{position:fixed;top:0;left:0;width:100%;height:50px;background:#eee;border-bottom:1px solid #ccc;z-index:100}.settings-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:8px 15px}.settings-header-left{display:flex;align-items:center;gap:15px}.back-button{background:#ddd;color:#555;border:none;padding:6px 12px;font-size:13px;cursor:pointer;text-transform:uppercase;transition:background-color .2s}.back-button:hover{background:#ccc}.settings-title{font-size:19px;font-weight:700;margin:0;color:#444}.settings-header-right{display:flex;align-items:center;gap:8px}.save-button{background:#08f;color:#fff;border:none;padding:6px 12px;font-size:13px;cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .2s}.save-button:disabled{background:#ddd;color:#999;cursor:not-allowed}.save-button.has-changes{background:#08f;color:#fff}.save-button:hover:not(:disabled){background:#06d}.settings-content{margin-top:50px;max-width:900px;margin-left:auto;margin-right:auto;padding:23px}.settings-content-wrapper{display:flex;flex-direction:column;gap:25px}.settings-section{background:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.section-header{font-size:18px;font-weight:700;margin:0 0 18px;color:#444;padding-bottom:8px;border-bottom:1px solid #e9ecef}.section-content{display:flex;flex-direction:column;gap:18px}.profile-image-group{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.profile-image-container{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid #ddd;transition:border-color .2s}.profile-image-container:hover{border-color:#08f}.profile-image{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .2s;color:#fff}.profile-image-container:hover .image-overlay{opacity:1}.camera-icon{font-size:20px;margin-bottom:4px}.change-text{font-size:11px;text-align:center;font-weight:700}.image-info{flex:1;display:flex;flex-direction:column;gap:4px}.image-title{font-weight:700;font-size:15px;color:#444}.image-description{font-size:13px;color:#666;line-height:1.4}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-weight:700;color:#444;font-size:14px}.settings-input{padding:10px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#444;font-size:15px;transition:border-color .2s;font-family:inherit}.settings-input:focus{outline:none;border-color:#08f}.settings-input:hover{border-color:#bbb}.email-container{display:flex;flex-direction:column;gap:10px}.email-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.verified{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.unverified{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-icon{font-size:12px}.verify-button{background:#ffc107;color:#212529;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;transition:background-color .2s}.verify-button:hover{background:#e0a800}.info-group{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.info-label{font-weight:700;color:#444;font-size:14px}.info-value{color:#666;font-size:14px}.action-group{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;gap:20px}.action-info{flex:1;display:flex;flex-direction:column;gap:4px}.action-label{font-weight:700;font-size:16px;color:#444}.action-description{font-size:14px;color:#666;line-height:1.4}.action-buttons{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.action-button{padding:8px 15px;border-radius:3px;cursor:pointer;font-weight:700;transition:all .2s;border:none;font-size:13px;white-space:nowrap;text-transform:uppercase}.secondary-button{background:#ddd;color:#555}.secondary-button:hover{background:#ccc}.text-button{background:transparent;color:#08f;border:none;padding:4px 8px;font-size:12px;text-decoration:underline;text-transform:none}.password-change-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:20px}.password-form{display:flex;flex-direction:column;gap:15px}.password-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.password-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.password-input-container{position:relative;display:flex;align-items:center}.password-input{flex:1;padding-right:45px!important}.password-toggle{position:absolute;right:8px;background:transparent;border:none;padding:8px;cursor:pointer;font-size:16px;color:#666;transition:color .2s;z-index:1}.password-toggle:hover{color:#08f;background:transparent}.password-form,.password-row{display:flex;flex-direction:column;gap:20px}.password-error-message{color:#dc3545;font-size:13px;margin-top:5px;font-weight:500;line-height:1.4}.password-strength-indicator{margin-top:8px;font-size:13px;display:flex;align-items:center;gap:5px}.password-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:10px}.password-actions .action-button{display:inline-block;visibility:visible;opacity:1}.primary-button{background:#08f!important;color:#fff!important;border:none;padding:10px 20px;border-radius:3px;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:13px;transition:all .2s;min-width:120px}.primary-button:hover:not(:disabled){background:#06d!important;transform:translateY(-1px)}.primary-button:disabled{background:#ccc!important;color:#666!important;cursor:not-allowed;transform:none}.text-button{background:transparent;color:#08f;border:none;padding:8px 12px;font-size:13px;text-decoration:underline;text-transform:none;cursor:pointer;transition:color .2s}.text-button:hover{color:#06d}@media (prefers-color-scheme: dark){.password-toggle{color:#aaa}.password-toggle:hover{color:#08f}.password-error-message{color:#ff6b6b}.primary-button:disabled{background:#444;color:#666}}@media (max-width: 768px){.password-actions{flex-direction:column;align-items:stretch;gap:15px}.primary-button,.text-button{width:100%;text-align:center}}@media (max-width: 480px){.password-toggle{right:5px;padding:6px;font-size:14px}.password-input{padding-right:40px!important}}.danger-section{border:2px solid #d73a49;background:#ffeef0;box-shadow:0 1px 3px #d73a491a}.danger-header{color:#d73a49;border-bottom-color:#d73a49;font-size:20px}.danger-warning-text{background:#fff5f5;border:1px solid #fed7d7;color:#c53030;padding:12px 16px;border-radius:6px;font-weight:500;margin-bottom:20px;font-size:14px}.danger-action-group{border:1px solid #d73a49;border-radius:6px;padding:16px;background:#ffffff;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.danger-info{flex:1}.danger-action-label{font-weight:600;font-size:16px;color:#d73a49;margin-bottom:4px}.danger-action-description{color:#586069;font-size:14px;line-height:1.5}.danger-button-container{flex-shrink:0}.danger-delete-button{background:#d73a49;color:#fff;border:1px solid #d73a49;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:none}.danger-delete-button:hover{background:#cb2431;border-color:#cb2431;transform:none}.danger-delete-button:active{background:#b61827;border-color:#b61827}.danger-modal-overlay{background:rgba(0,0,0,.65);z-index:10000}.delete-confirmation-modal{background:white;border-radius:12px;box-shadow:0 12px 28px #00000026;max-width:540px;width:90%;max-height:90vh;overflow-y:auto;padding:0;border:1px solid #e1e4e8}.danger-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e1e4e8}.danger-modal-icon{font-size:24px;color:#d73a49}.danger-modal-title{font-size:20px;font-weight:600;color:#24292e;margin:0}.danger-modal-warning{padding:20px 24px;background:#fff8f8;border-bottom:1px solid #e1e4e8}.danger-warning-title{font-size:16px;font-weight:600;color:#d73a49;margin-bottom:12px}.danger-warning-list{display:flex;flex-direction:column;gap:8px}.danger-warning-item{display:flex;align-items:flex-start;gap:8px}.danger-warning-bullet{color:#d73a49;font-weight:700;flex-shrink:0;margin-top:2px}.danger-warning-text{color:#586069;font-size:14px;line-height:1.5}.danger-verification-section{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.verification-step{display:flex;flex-direction:column;gap:8px}.verification-label{font-size:14px;font-weight:600;color:#24292e}.verification-input{padding:8px 12px;border:1px solid #d1d5da;border-radius:6px;font-size:14px;color:#24292e;background:white;transition:border-color .2s ease}.verification-input:focus{border-color:#0366d6;outline:none;box-shadow:0 0 0 3px #0366d61a}.verification-error{color:#d73a49;font-size:12px;font-weight:500}.danger-modal-buttons{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e1e4e8;justify-content:flex-end}.cancel-button{background:#f6f8fa;color:#24292e;border:1px solid #d1d5da;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#f3f4f6;border-color:#c6cbd1}.danger-button-final{background:#d73a49;color:#fff;border:1px solid #d73a49;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-button-final:hover:not(:disabled){background:#cb2431;border-color:#cb2431}.danger-button-final:disabled,.danger-button-final.disabled{background:#f6f8fa;color:#959da5;border-color:#e1e4e8;cursor:not-allowed}.danger-button-final.loading{opacity:.8;cursor:not-allowed}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10001}.success-modal{background:white;border-radius:12px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 12px 28px #00000026}.success-icon{font-size:48px;margin-bottom:16px}.success-title{font-size:20px;font-weight:600;color:#28a745;margin:0 0 12px}.success-message{color:#586069;font-size:14px;margin:0 0 12px;line-height:1.5}.success-redirect{color:#0366d6;font-size:13px;margin:0;font-style:italic}@media (prefers-color-scheme: dark){.danger-section{background:#2d1b1e;border-color:#f85149}.danger-warning-text{background:#2d1b1e;border-color:#f85149;color:#f85149}.danger-action-group{background:#21262d;border-color:#f85149}.danger-action-label{color:#f85149}.danger-action-description{color:#8b949e}.delete-confirmation-modal{background:#21262d;border-color:#30363d}.danger-modal-header{border-bottom-color:#30363d}.danger-modal-title{color:#f0f6fc}.danger-modal-warning{background:#2d1b1e;border-bottom-color:#30363d}.danger-warning-title{color:#f85149}.danger-warning-text{color:#8b949e}.verification-label{color:#f0f6fc}.verification-input{background:#0d1117;border-color:#30363d;color:#f0f6fc}.verification-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a}.verification-error{color:#f85149}.danger-modal-buttons{border-top-color:#30363d}.cancel-button{background:#21262d;color:#f0f6fc;border-color:#30363d}.cancel-button:hover{background:#30363d;border-color:#8b949e}.success-modal{background:#21262d;color:#f0f6fc}.success-title{color:#3fb950}.success-message{color:#8b949e}.success-redirect{color:#58a6ff}}@media (max-width: 768px){.danger-action-group{flex-direction:column;align-items:stretch;gap:16px}.danger-button-container{align-self:flex-start}.delete-confirmation-modal{margin:20px;width:calc(100% - 40px)}.danger-modal-buttons{flex-direction:column-reverse}.danger-modal-buttons .modal-button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.password-modal,.reauth-modal,.delete-modal{background:#fff;border-radius:8px;padding:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;border:1px solid #ccc}.modal-header{font-size:18px;font-weight:700;margin-bottom:10px;color:#444}.modal-description{color:#666;margin-bottom:20px;line-height:1.4;font-size:14px}.modal-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#444;font-size:14px;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#08f}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-button{flex:1;padding:10px 15px;border-radius:3px;cursor:pointer;font-weight:700;transition:all .2s;border:none;font-size:13px;text-transform:uppercase}.primary-button{background:#08f;color:#fff}.primary-button:hover{background:#06d}.password-validation{margin:15px 0;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.validation-title{font-weight:700;margin-bottom:10px;color:#444;font-size:14px}.validation-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;transition:color .2s}.validation-item:last-child{margin-bottom:0}.validation-valid{color:#28a745}.validation-invalid{color:#666}.auth-info-step{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:12px}.auth-info-container{display:flex;align-items:center;gap:8px}.auth-info-icon{font-size:16px;color:#1976d2;flex-shrink:0}.auth-info-text{color:#1565c0;font-size:14px;line-height:1.4;font-weight:500}@media (prefers-color-scheme: dark){.auth-info-step{background:#1e3a5f;border-color:#2196f3}.auth-info-icon{color:#64b5f6}.auth-info-text{color:#90caf9}}.password-strength{display:flex;align-items:center;gap:6px;margin:10px 0;font-size:13px}.strength-value{font-weight:700}.strength-value.weak{color:#dc3545}.strength-value.medium{color:#ffc107}.strength-value.strong{color:#28a745}.password-match{margin:8px 0;font-size:13px;font-weight:700}.password-match.match{color:#28a745}.password-match.no-match{color:#dc3545}.modal-error{background:#f8d7da;color:#721c24;padding:8px 12px;border-radius:4px;margin:10px 0;font-size:13px;border:1px solid #f5c6cb}@media (prefers-color-scheme: dark){.settings-container{background:#222;color:#aaa}.settings-header{background:#111;border-bottom-color:#444}.settings-title{color:#aaa}.back-button{background:#333;color:#aaa}.back-button:hover{background:#444}.save-button:disabled{background:#333;color:#666}.settings-section{background:#333;border-color:#444}.section-header{color:#aaa;border-bottom-color:#444}.profile-image-group,.action-group,.info-group,.password-change-section{background:#2a2a2a;border-color:#444}.image-title,.input-label,.action-label,.info-label{color:#aaa}.image-description,.action-description,.info-value{color:#888}.settings-input,.modal-input{background:#404040;border-color:#555;color:#aaa}.settings-input:focus,.modal-input:focus{border-color:#08f}.secondary-button{background:#444;color:#aaa}.secondary-button:hover{background:#555}.status-badge.verified{background:#155724;color:#d4edda;border-color:#28a745}.status-badge.unverified{background:#856404;color:#fff3cd;border-color:#ffc107}.danger-section,.danger-group{background:#2d1b1b;border-color:#5a1e1e}.password-modal,.reauth-modal,.delete-modal{background:#333;border-color:#444}.modal-header{color:#aaa}.modal-description{color:#888}.password-validation{background:#2a2a2a;border-color:#444}.validation-title{color:#aaa}.modal-error{background:#2d1b1b;color:#f8d7da;border-color:#5a1e1e}.warning-text{background:#856404;color:#fff3cd;border-color:#ffc107}}@media (max-width: 768px){.settings-header-content{padding:8px 10px;flex-direction:column;height:auto;gap:8px}.settings-content{margin-top:80px;padding:15px 10px}.profile-image-group{flex-direction:column;align-items:center;text-align:center;gap:10px}.profile-image-container{width:60px;height:60px}.email-status{flex-direction:column;align-items:stretch;gap:8px}.action-group{flex-direction:column;align-items:stretch;gap:12px}.action-buttons{flex-direction:row;flex-wrap:wrap}.info-group{flex-direction:column;align-items:stretch;gap:6px;text-align:left}.modal-buttons{flex-direction:column}.password-modal,.reauth-modal,.delete-modal{margin:10px;width:calc(100% - 20px);padding:15px}.password-row{grid-template-columns:1fr}}@media (max-width: 480px){.settings-header-content{padding:6px 8px}.settings-title{font-size:16px}.settings-content{padding:10px 8px}.profile-image-container{width:50px;height:50px}.camera-icon{font-size:16px}.change-text{font-size:10px}.section-header{font-size:16px}.settings-input,.modal-input{padding:8px}}.dashboard-container{width:100%;height:100vh;display:flex;background:#f0f0f0;font-family:Helvetica,Arial,sans-serif;font-size:15px}.dashboard-header{position:fixed;top:0;left:0;width:100%;height:50px;background:#eee;border-bottom:1px solid #ccc;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:8px 15px}.header-left{display:flex;align-items:center;margin-top:3px}.logo-container{display:flex;align-items:center;gap:9px}.header-logo-img{width:31px;height:31px;object-fit:contain}.header-logo-text{font-size:19px;font-weight:700;color:#444}.header-nav{display:flex;align-items:center;gap:23px;margin-left:33px}.nav-item{font-size:13px;color:#666;padding:8px;cursor:pointer;text-transform:uppercase}.nav-item.active{color:#444;font-weight:700}.nav-item.disabled{color:#bbb;cursor:not-allowed}.header-right{display:flex;align-items:center;gap:16px}.user-info{text-align:right}.user-name{font-size:13px;color:#444;font-weight:700}.user-email{font-size:12px;color:#666;font-weight:700}.user-actions{display:flex;gap:8px}.header-button{background:#ddd;color:#555;border:none;padding:4px 8px;font-size:13px;cursor:pointer;text-transform:uppercase}.header-button:hover{background:#fff}.logout-btn{background:#ddd;color:#555}.logout-btn:hover{background:#ccc}.dashboard-sidebar{position:fixed;left:0;top:50px;width:218px;height:calc(100vh - 50px);background:#eee;border-right:1px solid #ccc;overflow-y:auto}.sidebar-header{padding:10px;border-bottom:1px solid #ccc}.sidebar-header-title{font-size:14px;color:#888;font-weight:700;text-transform:uppercase}.sidebar-navigation{padding:4px 0}.sidebar-nav-item{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:background-color .2s}.sidebar-nav-item:hover:not(.disabled){background:#ddd}.sidebar-nav-item.active{background:#fff;border-right:2px solid #08f}.sidebar-nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{width:16px;font-size:16px;margin-right:8px}.nav-label{font-size:14px;color:#666}.sidebar-nav-item.active .nav-label{color:#444;font-weight:700}.sidebar-divider{height:1px;background:#ccc;margin:12px 0}.sidebar-future-section{padding:12px}.coming-soon-text{font-size:14px;color:#aaa;text-align:center;font-style:italic}.dashboard-main-content{margin-left:218px;margin-top:50px;width:calc(100% - 218px);height:calc(100vh - 50px);overflow-y:auto;padding:23px}.welcome-section{margin-bottom:34px}.welcome-title{font-size:26px;color:#444;font-weight:700;margin-bottom:5px}.welcome-subtitle{font-size:16px;color:#666}.welcome-section{margin-bottom:35px}.welcome-title{font-size:27px;color:#444;font-weight:700;margin-bottom:6px}.welcome-subtitle{font-size:17px;color:#666}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid #ccc}.title-section{display:flex;flex-direction:column}.page-title{font-size:23px;color:#444;font-weight:700;margin-bottom:4px}.filter-info{font-size:15px;color:#666}.actions-section{display:flex;align-items:center;gap:18px}.search-container{display:flex;align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;padding:6px 10px}.search-icon{font-size:15px;color:#666;margin-right:6px}.search-input{border:none;outline:none;font-size:15px;color:#444;background:transparent;width:220px}.sort-container{display:flex;align-items:center;gap:6px}.sort-label{font-size:15px;color:#666}.sort-select{background:#ddd;border:none;padding:6px;font-size:15px;color:#666;cursor:pointer}.sort-select:hover{background:#fff}.create-project-btn{background:#08f;color:#fff;border:none;padding:10px 15px;font-size:15px;cursor:pointer;text-transform:uppercase;font-weight:700}.create-project-btn:hover{background:#06d}.projects-grid-container{width:100%}.grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.project-count{font-size:15px;color:#666}.view-toggle{display:flex;gap:6px}.view-btn{background:#ddd;border:none;padding:6px 10px;font-size:15px;cursor:pointer;color:#666}.view-btn:hover{background:#ccc}.view-btn.active{background:#08f;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.project-card{background:#fff;border:1px solid #ccc;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column}.project-card:hover{border-color:#08f;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.top-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;min-height:40px}.visibility-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.visibility-icon{font-size:14px}.top-actions{display:flex;gap:6px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.project-card:hover .top-actions{opacity:1;visibility:visible}.top-action-btn{width:28px;height:28px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s ease;position:relative}.top-action-btn:hover{background:#f8f9fa;border-color:#08f;transform:scale(1.05)}.custom-tooltip{background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px #0003;font-family:Helvetica,Arial,sans-serif}.custom-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#333}.project-thumbnail{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene-preview{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.preview-grid{position:absolute;width:80%;height:60%;background:linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px);background-size:20px 20px;transform:perspective(400px) rotateX(60deg);opacity:.6}.object-count-badge{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.project-info{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}.project-title{font-size:18px;color:#333;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-metadata{display:flex;flex-direction:column;gap:6px}.project-owner{display:flex;align-items:center;gap:6px}.owner-icon{font-size:12px;opacity:.7}.owner-text{font-size:13px;color:#666}.project-dates{display:flex;flex-direction:column;gap:2px}.date-updated,.date-created{font-size:12px;color:#888}.date-updated{color:#08f;font-weight:500}.action-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.action-modal-content{background:#fff;border-radius:8px;width:400px;max-width:90%;box-shadow:0 10px 30px #0000004d;overflow:hidden}.action-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.action-modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.action-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.action-modal-close:hover{background:#f5f5f5;color:#333}.action-modal-body{padding:20px}.action-modal-label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px;display:block}.action-modal-input{width:100%;padding:10px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;color:#333;transition:border-color .2s}.action-modal-input:focus{outline:none;border-color:#08f}.action-modal-message{font-size:16px;color:#333;margin-bottom:12px;line-height:1.4}.action-modal-warning{font-size:14px;color:#dc3545;margin-bottom:0}.action-modal-info{font-size:14px;color:#6c757d;margin-bottom:0}.action-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.action-modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.action-modal-btn.cancel{background:#fff;color:#6c757d;border:1px solid #e1e5e9}.action-modal-btn.cancel:hover{background:#f8f9fa;color:#495057}.action-modal-btn.confirm{background:#28a745;color:#fff}.action-modal-btn.confirm:hover{background:#218838}.action-modal-btn.danger{background:#dc3545;color:#fff}.action-modal-btn.danger:hover{background:#c82333}.empty-state{text-align:center;padding:70px 25px;grid-column:1 / -1}.empty-icon{font-size:51px;margin-bottom:18px;opacity:.6}.empty-title{font-size:21px;color:#444;font-weight:700;margin-bottom:10px}.empty-description{font-size:17px;color:#666;margin-bottom:25px;max-width:420px;margin-left:auto;margin-right:auto}.empty-create-btn{background:#08f;color:#fff;border:none;padding:12px 25px;font-size:15px;cursor:pointer;text-transform:uppercase;font-weight:700}.empty-create-btn:hover{background:#06d}.loading-state{text-align:center;padding:45px;grid-column:1 / -1}.loading-icon{font-size:27px;margin-bottom:12px}.loading-text{font-size:17px;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.create-modal{background:#eee;border-radius:4px;width:520px;max-width:90%;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid #ccc}.modal-title{font-size:19px;color:#444;font-weight:700}.project-name-input::placeholder{color:#aaa;font-style:italic;opacity:.8}.modal-close{background:none;border:none;font-size:23px;color:#666;cursor:pointer;padding:0;width:27px;height:27px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ddd;border-radius:3px}.modal-body{padding:25px}.modal-section{margin-bottom:25px}.section-label{font-size:15px;color:#444;font-weight:700;margin-bottom:10px;text-transform:uppercase}.type-options{display:flex;gap:12px}.type-option{flex:1;background:#fff;border:2px solid #ddd;border-radius:4px;padding:18px;cursor:pointer;text-align:center;transition:border-color .2s}.type-option:hover{border-color:#08f}.type-option.active{border-color:#08f;background:#f0f8ff}.option-icon{font-size:27px;margin-bottom:10px}.option-label{font-size:13px;color:#444;font-weight:700;margin-bottom:5px}.option-description{font-size:12px;color:#666}.project-name-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:3px;font-size:15px;color:#444}.project-name-input:focus{outline:none;border-color:#08f}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{width:43px;height:23px;background:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s}.toggle-switch.active{background:#08f}.toggle-slider{width:19px;height:19px;background:white;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch.active .toggle-slider{transform:translate(20px)}.toggle-label{font-size:15px;color:#666}.file-section{border-top:1px solid #ddd;padding-top:18px}.file-upload-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-input-button{background:#ddd;color:#555;border:none;padding:10px 15px;font-size:13px;cursor:pointer;text-transform:uppercase;border-radius:3px;transition:background-color .2s}.file-input-button:hover{background:#ccc}.file-selected-text{font-size:13px;color:#08f;background:#f0f8ff;padding:6px 10px;border-radius:3px;border:1px solid #08f;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 25px;border-top:1px solid #ccc}.modal-button{background:#ddd;color:#555;border:none;padding:10px 18px;font-size:15px;cursor:pointer;text-transform:uppercase}.modal-button:hover{background:#ccc}.create-button{background:#08f;color:#fff}.create-button:hover{background:#06d}@media (prefers-color-scheme: dark){.dashboard-container{background:#222}.dashboard-header{background:#111;border-bottom-color:#444}.header-logo-img{width:23px;height:23px}.header-logo-text{color:#aaa}.nav-item{color:#888}.nav-item.active{color:#ccc}.user-name{color:#aaa}.user-email{color:#888}.header-button{background:#333;color:#aaa}.header-button:hover{background:#444}.dashboard-sidebar{background:#111;border-right-color:#444}.sidebar-header{border-bottom-color:#444}.sidebar-header-title{color:#aaa}.sidebar-nav-item:hover:not(.disabled){background:#222}.sidebar-nav-item.active{background:#333}.nav-label{color:#888}.sidebar-nav-item.active .nav-label{color:#ccc}.welcome-title{color:#aaa}.welcome-subtitle{color:#888}.page-title{color:#aaa}.filter-info{color:#888}.search-container{background:#333;border-color:#444}.search-input{color:#aaa}.sort-select{background:#333;color:#aaa}.sort-select:hover{background:#444}.project-card{background:#333;border-color:#444}.project-card:hover{border-color:#08f}.top-actions-bar{background:#2a2a2a;border-bottom-color:#444}.visibility-info{color:#888}.top-action-btn{background:#444;border-color:#555;color:#aaa}.top-action-btn:hover{background:#555;border-color:#08f}.custom-tooltip{background:#222;color:#ccc}.custom-tooltip:before{border-bottom-color:#222}.project-title{color:#aaa}.owner-text,.date-created,.date-updated{color:#888}.date-updated{color:#08f}.object-count-badge{background:rgba(0,0,0,.8);color:#aaa}.preview-grid{background:linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:20px 20px}.action-modal-content{background:#2a2a2a}.action-modal-header{border-bottom-color:#444}.action-modal-title{color:#e9ecef}.action-modal-close{color:#adb5bd}.action-modal-close:hover{background:#404040;color:#e9ecef}.action-modal-label{color:#e9ecef}.action-modal-input{background:#404040;border-color:#555;color:#e9ecef}.action-modal-input:focus{border-color:#08f}.action-modal-message{color:#e9ecef}.action-modal-warning{color:#f8d7da}.action-modal-info{color:#adb5bd}.action-modal-footer{background:#333;border-top-color:#444}.action-modal-btn.cancel{background:#404040;color:#adb5bd;border-color:#555}.action-modal-btn.cancel:hover{background:#4a4a4a;color:#e9ecef}.thumbnail-icon,.project-stats,.stats-text,.project-quick-actions,.quick-action-button,.project-actions-menu,.action-button,.action-icon,.visibility-badge{display:none}.empty-title{color:#aaa}.empty-description{color:#888}.create-modal{background:#222}.modal-header{border-bottom-color:#444}.modal-title{color:#aaa}.modal-close{color:#888}.section-label{color:#aaa}.type-option{background:#333;border-color:#444}.type-option.active{background:#1a2332}.option-label{color:#aaa}.option-description{color:#888}.project-name-input{background:#333;border-color:#444;color:#aaa}.toggle-label,.file-selected-text{color:#888}.modal-footer{border-top-color:#444}.modal-button{background:#444;color:#aaa}.modal-button:hover{background:#555}}@media (max-width: 768px){.dashboard-sidebar{width:168px}.dashboard-main-content{margin-left:168px;width:calc(100% - 168px)}.content-header{flex-direction:column;gap:18px;align-items:stretch}.actions-section{flex-direction:column;gap:12px}.search-input{width:100%}.projects-grid{grid-template-columns:1fr}}@media (max-width: 600px){.dashboard-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #ccc}.dashboard-main-content{margin-left:0;width:100%;margin-top:220px}.header-nav,.user-info{display:none}.type-options{flex-direction:column}}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-monokai.CodeMirror{background:#272822;color:#f8f8f2}.cm-s-monokai div.CodeMirror-selected{background:#49483E}.cm-s-monokai .CodeMirror-line::selection,.cm-s-monokai .CodeMirror-line>span::selection,.cm-s-monokai .CodeMirror-line>span>span::selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-line::-moz-selection,.cm-s-monokai .CodeMirror-line>span::-moz-selection,.cm-s-monokai .CodeMirror-line>span>span::-moz-selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-gutters{background:#272822;border-right:0px}.cm-s-monokai .CodeMirror-guttermarker{color:#fff}.cm-s-monokai .CodeMirror-guttermarker-subtle,.cm-s-monokai .CodeMirror-linenumber{color:#d0d0d0}.cm-s-monokai .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-monokai span.cm-comment{color:#75715e}.cm-s-monokai span.cm-atom,.cm-s-monokai span.cm-number{color:#ae81ff}.cm-s-monokai span.cm-comment.cm-attribute{color:#97b757}.cm-s-monokai span.cm-comment.cm-def{color:#bc9262}.cm-s-monokai span.cm-comment.cm-tag{color:#bc6283}.cm-s-monokai span.cm-comment.cm-type{color:#5998a6}.cm-s-monokai span.cm-property,.cm-s-monokai span.cm-attribute{color:#a6e22e}.cm-s-monokai span.cm-keyword{color:#f92672}.cm-s-monokai span.cm-builtin{color:#66d9ef}.cm-s-monokai span.cm-string{color:#e6db74}.cm-s-monokai span.cm-variable{color:#f8f8f2}.cm-s-monokai span.cm-variable-2{color:#9effff}.cm-s-monokai span.cm-variable-3,.cm-s-monokai span.cm-type{color:#66d9ef}.cm-s-monokai span.cm-def{color:#fd971f}.cm-s-monokai span.cm-bracket{color:#f8f8f2}.cm-s-monokai span.cm-tag{color:#f92672}.cm-s-monokai span.cm-header,.cm-s-monokai span.cm-link{color:#ae81ff}.cm-s-monokai span.cm-error{background:#f92672;color:#f8f8f0}.cm-s-monokai .CodeMirror-activeline-background{background:#373831}.cm-s-monokai .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.CodeMirror-dialog{position:absolute;left:0;right:0;background:inherit;z-index:15;padding:.1em .8em;overflow:hidden;color:inherit}.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}.CodeMirror-dialog input{border:none;outline:none;background:transparent;width:20em;color:inherit;font-family:monospace}.CodeMirror-dialog button{font-size:70%}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px #0003;border-radius:3px;border:1px solid silver;background:white;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-Tern-completion{padding-left:22px;position:relative;line-height:1.5}.CodeMirror-Tern-completion:before{position:absolute;left:2px;bottom:2px;border-radius:50%;font-size:12px;font-weight:700;height:15px;width:15px;line-height:16px;text-align:center;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}.CodeMirror-Tern-completion-unknown:before{content:"?";background:#4bb}.CodeMirror-Tern-completion-object:before{content:"O";background:#77c}.CodeMirror-Tern-completion-fn:before{content:"F";background:#7c7}.CodeMirror-Tern-completion-array:before{content:"A";background:#c66}.CodeMirror-Tern-completion-number:before{content:"1";background:#999}.CodeMirror-Tern-completion-string:before{content:"S";background:#999}.CodeMirror-Tern-completion-bool:before{content:"B";background:#999}.CodeMirror-Tern-completion-guess{color:#999}.CodeMirror-Tern-tooltip{border:1px solid silver;border-radius:3px;color:#444;padding:2px 5px;font-size:90%;font-family:monospace;background-color:#fff;white-space:pre-wrap;max-width:40em;position:absolute;z-index:10;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px #0003;transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s}.CodeMirror-Tern-hint-doc{max-width:25em;margin-top:-3px}.CodeMirror-Tern-fname{color:#000}.CodeMirror-Tern-farg{color:#70a}.CodeMirror-Tern-farg-current{text-decoration:underline}.CodeMirror-Tern-type{color:#07c}.CodeMirror-Tern-fhint-guess{opacity:.7}