@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--font-primary: "Poppins", sans-serif}*{background-color:transparent;margin:0;font-family:var(--font-primary)}.scrollable,body{scrollbar-width:thin;scrollbar-color:#2d3748 #1a202c}.scrollable::-webkit-scrollbar{width:8px;height:8px}.scrollable::-webkit-scrollbar-track{background:#1a202c}.scrollable::-webkit-scrollbar-thumb{background-color:#2d3748;border-radius:8px;border:2px solid #1a202c}.scrollable::-webkit-scrollbar-thumb:hover{background-color:#68d391}.class-b{background-color:#252b2e}.sidebar-container{position:fixed;z-index:120;top:0;left:0;width:80px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border-light, rgba(255, 255, 255, .08));display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;transition:all .3s ease}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.sidebar-logo img{height:5rem;width:5rem;object-fit:cover;border-radius:50%}.sidebar-menu-item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.sidebar-menu-item a,.theme-toggle-button{text-decoration:none;color:var(--text-secondary, #a0aec0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:60px;padding:8px 0;border-radius:8px;transition:var(--transition-fast, all .15s ease)}.sidebar-menu-item a:hover,.theme-toggle-button:hover{background-color:var(--icon-bg-hover, rgba(104, 211, 145, .05));color:var(--text-primary, #fff)}.sidebar-menu-item.active a{background-color:var(--category-active);color:var(--accent-primary, #68d391)}.menu-icon{font-size:1.7rem;transition:transform .2s ease}.sidebar-menu-item a:hover .menu-icon,.theme-toggle-button:hover .menu-icon{transform:scale(1.1)}.sidebar-menu-item span{font-size:.75rem;font-weight:500;letter-spacing:.5px}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:1rem}.theme-toggle-button{background:none;border:none;cursor:pointer}.theme-menu{position:absolute;bottom:7rem;left:85px;background-color:var(--color-surface, #2d3748);border:1px solid var(--border-popup, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:var(--shadow-popup, 0 8px 8px rgba(0, 0, 0, .4));padding:.5rem;z-index:1000;min-width:180px;display:flex;flex-direction:column;gap:4px}.theme-option{padding:10px 16px;cursor:pointer;font-size:.9rem;font-weight:500;border-radius:6px;color:var(--text-secondary, #a0aec0);transition:var(--transition-fast, all .15s ease)}.theme-option:hover{background-color:var(--option-hover, #4a5568);color:var(--text-primary, #fff)}.sidebar-menu-item,.profile-menu-container{position:relative}.profile-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.profile-menu{position:absolute;bottom:calc(100% + 0px);left:620%;transform:translate(-50%);width:220px;background:var(--card-bg);border:1px solid var(--border-accent);border-radius:12px;box-shadow:var(--shadow-popup);z-index:101;padding:8px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);opacity:0;transform:translate(-50%) translateY(10px);animation:menuFadeIn .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes menuFadeIn{to{opacity:1;transform:translate(-50%) translateY(0)}}.profile-menu-header{padding:8px 12px;display:flex;justify-content:space-around;align-items:center;text-align:center}.profile-image img{border-radius:50%;border:2px solid var(--accent-primary);height:60px}.profile-name{font-weight:600;color:var(--text-primary);margin:0;font-size:1rem}.profile-email{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.menu-divider{height:1px;background-color:var(--color-border-primary);margin:8px 0}.profile-menu button.logout-button{width:100%;background:none;border:none;color:var(--danger);padding:10px 12px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:8px;transition:background .2s ease}.profile-menu button.logout-button:hover{background:var(--clear-btn-hover)}.ao-container{display:flex;min-height:100vh}.ao-container.collapsed .ao-main{margin-left:80px;max-width:calc(100vw - 80px)}.ao-main{margin-right:2rem}.ao-top-nav{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:var(--header-bg);border-bottom:1px solid var(--color-border-primary);z-index:100;box-shadow:0 2px 10px #0000001a}.ao-nav-left{display:flex;align-items:center;gap:1rem;margin-left:80px;transition:margin-left .3s ease}.ao-collapse{position:fixed;right:0}.app-name{font-size:20px;font-weight:600;display:flex;align-items:center;gap:5px;color:var(--accent-primary)}.tabs-sliding{position:relative;display:flex;background:var(--color-surface);border-radius:16px;padding:6px;border:1px solid var(--color-border-primary);box-shadow:-8px -8px 16px #ffffff05,8px 8px 16px #0006,inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff08;overflow:hidden;margin-bottom:2px}.tabs-sliding:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff05,#0000001a);border-radius:inherit;pointer-events:none;z-index:1}.tab-slider{position:absolute;top:6px;left:6px;height:calc(100% - 12px);background:var(--accent-primary);border-radius:12px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:2;box-shadow:0 0 20px #6366f166,-4px -4px 8px #ffffff0d,4px 4px 8px #0006,inset -1px -1px 2px #0003,inset 1px 1px 2px #ffffff1a}.tab-slider:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff26,#0000001a);border-radius:inherit;pointer-events:none}.tab-sliding{position:relative;flex:1;padding:12px 20px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3;outline:none;-webkit-user-select:none;user-select:none}.tab-sliding .tab-text{position:relative;z-index:4;transition:color .3s ease}.tab-text{margin-right:-1rem}.tab-sliding.active .tab-text{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.tab-sliding:not(.active):hover{color:var(--accent-primary-light);transform:translateY(-1px)}.tab-sliding:not(.active):hover .tab-text{color:var(--accent-primary)}@media (max-width: 768px){.tabs-sliding{padding:4px}.tab-slider{top:4px;left:4px;height:calc(100% - 8px)}.tab-sliding{padding:10px 16px;font-size:.85rem}}@media (max-width: 480px){.tab-sliding{padding:8px 12px;font-size:.8rem}.tab-sliding .tab-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.ao-sidebar-wrapper{position:fixed;left:80px;top:60px;bottom:0;transition:width .3s ease;color:var(--text-color);height:calc(100vh - 60px);width:300px;z-index:90}.ao-sidebar-wrapper.open{width:300px}.ao-sidebar-wrapper.collapsed{width:80px}.ao-collapse-toggle-btn{position:absolute;right:-2rem;width:36px;height:36px;border-radius:50%;border:2px solid var(--accent-primary);background-color:var(--border-divider);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease,left 2s ease,right .3s ease,transform .3s ease;box-shadow:0 0 5px #0003;z-index:10}.ao-collapse-toggle-btn:hover{background-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 10px var(--accent-primary),0 0 20px #0000001a}.ao-collapse-icon{font-size:16px;transition:transform .3s ease}.ao-collapse-icon.rotated{transform:rotate(180deg)}.ao-sidebar{height:100%;width:100%;background-color:var(--color-bg);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;color:var(--text-color);box-sizing:border-box;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.ao-sidebar-wrapper.collapsed .ao-collapse-toggle-btn{left:0;transition:left .3s cubic-bezier(.4,0,.2,1)}.ao-sidebar-wrapper.open .ao-sidebar{transform:translate(0);opacity:1}.ao-sidebar-wrapper.collapsed .ao-sidebar{transform:translate(-100%);opacity:0}.sidebar-header{padding:.5rem 0 1.5rem;border-bottom:1px solid var(--color-border-primary);margin-bottom:1rem;transition:all .3s ease}.sidebar-header h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);color:var(--text-color)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;box-sizing:border-box;max-width:300px;background-color:var(--sidebar-bg);scroll-behavior:smooth}.ao-section{margin-bottom:.5rem;color:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-button{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;overflow:hidden;width:100%;padding:.5rem;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.ao-button:hover{color:var(--text-primary);background:#0000000d;transform:translate(2px);box-shadow:0 2px 8px #0000001a}.ao-button.active{background:var(--upload-bg);color:var(--accent-primary);border-left:3px solid var(--accent-primary);font-size:.9rem;font-weight:600;transform:translate(0);box-shadow:0 2px 12px #00000026}.ao-button svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-button:hover svg{transform:scale(1.1)}.ao-button.active svg{transform:scale(1.05)}.ao-icon{font-size:1rem;color:var(--accent-primary);transition:all .3s ease}.ao-name-file{overflow:hidden;width:10rem;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease}.ao-important-star{position:absolute;right:1.1rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}.ao-important-star:hover{opacity:1;transform:scale(1.2);color:gold}.ao-subsection{padding-left:.8rem;margin-top:.25rem;border-left:1px dashed var(--color-border-tertiary);overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.ao-section:has(.ao-button.active) .ao-subsection,.ao-subitem:has(.ao-button.active) .ao-subsection{max-height:1000px;opacity:1;transform:translateY(0)}.ao-subitem{margin-bottom:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-subitem:nth-child(1){transition-delay:.1s}.ao-subitem:nth-child(2){transition-delay:.15s}.ao-subitem:nth-child(3){transition-delay:.2s}.ao-subitem:nth-child(4){transition-delay:.25s}.ao-subitem:nth-child(5){transition-delay:.3s}.ao-subbutton{font-size:.8rem;padding:.65rem 1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-subbutton:hover{transform:translate(4px);background:#00000008}.ao-create-section{margin-top:1rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-create-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.2rem .2rem .2rem .4rem;background:var(--upload-bg);border:1px dashed var(--color-accent-info);border-radius:8px;color:var(--color-accent-info);font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ao-create-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ao-create-button:hover:before{left:100%}.ao-create-button:hover{background:var(--file-status-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--color-accent-info)}.ao-create-input{display:flex;flex-direction:column;gap:.5rem;animation:fadeInDown .3s cubic-bezier(.4,0,.2,1)}.ao-create-input input{padding:.5rem;background:var(--color-background);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-create-input input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2);transform:scale(1.02)}.ao-create-input button{padding:.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.ao-create-input button:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.ao-create-input button:last-child{background:var(--color-border-primary)}.ao-create-input button:last-child:hover{background:var(--color-border-secondary)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ao-section.loading{opacity:.6;pointer-events:none}.ao-button:focus-visible,.ao-create-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 768px){.sidebar-content{padding:.5rem}.ao-button{padding:.4rem}.ao-subbutton{padding:.5rem .8rem}}.ao-sidebar *{will-change:transform,opacity}.ao-main{flex:1;padding:1.5rem;margin-top:60px;margin-left:380px;height:calc(100vh - 60px);overflow-y:auto;overflow-x:auto;transition:margin-left .3s ease;max-width:calc(100vw - 300px)}.ao-main-header{margin-left:3%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.breadcrumb-stepper{display:flex;align-items:center;font-family:sans-serif}.breadcrumb-step{display:flex;align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));color:var(--text-primary);padding:.5rem 1rem;position:relative;clip-path:polygon(0% 0%,calc(100% - 15px) 0%,100% 50%,calc(100% - 15px) 100%,0% 100%,15px 50%);box-shadow:-2px -2px 8px #ffffff05,2px 2px 8px #0006,inset 4px 2px 4px #0000004d,inset -4px -4px 4px #ffffff08;transition:box-shadow .3s ease;font-weight:600;margin-right:5px}.breadcrumb-step.last{border-top-right-radius:25px;border-bottom-right-radius:25px;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,15px 50%)}.ao-label{margin:0 10px}.ao-actions{display:flex;gap:.75rem}.ao-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--upload-bg);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.ao-action-btn:hover{cursor:pointer;box-shadow:0 0 8px var(--accent-primary);background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.action-btn-1{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--sidebar-bg);border:1px solid var(--accent-primary-light);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn-1:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.ao-upload-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;z-index:999;display:flex;justify-content:center;align-items:center}.ao-file-content-container{background:var(--popup-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--border-light);box-shadow:0 20px 40px #0000004d;height:calc(100vh - 200px);overflow:hidden;position:relative}.ao-file-content-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent-primary-gradient);opacity:.6}.ao-file-header{display:flex;justify-content:flex-end;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);position:relative}.ao-file-header h3{font-size:1.5rem;font-weight:700;background:var(--accent-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.ao-close-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ao-close-btn:before{content:"";position:absolute;inset:0;background:var(--color-error);opacity:0;transition:opacity .3s ease}.ao-close-btn:hover{transform:scale(1.05);background:#ef444433;box-shadow:0 8px 20px #ef44444d}.ao-close-btn:hover:before{opacity:.1}.ao-file-content{overflow:auto}.ao-pdf-preview,.ao-notebook-preview,.ao-image-preview{height:100%;min-height:100vh;overflow:auto;background:var(--gradient-bg);border-radius:20px;border:1px solid var(--border-light);position:relative;overflow:hidden}.ao-pdf-preview,.ao-notebook-preview{display:flex;flex-direction:column;align-items:center;justify-content:center}.ao-preview-icon{font-size:5rem;background:var(--accent-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ao-placeholder-image{width:100%;height:100%;background:var(--gradient-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ao-placeholder-image:before{content:"📸 Image Preview";font-size:1.2rem;color:var(--text-muted);background:#1e293bcc;padding:1rem 2rem;border-radius:16px;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ao-content-area{min-height:70vh;background:var(--header-bg);border-radius:32px;padding:2.5rem;border:1px solid var(--border-light);box-shadow:0 25px 50px #00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.ao-content-area:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ao-files-section{position:relative;z-index:1}.ao-section-header{position:absolute;top:-10rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#0f172a99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;border:1px solid var(--border-light)}.ao-section-title{font-size:1.4rem;font-weight:700;background:var(--accent-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ao-total-files{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);background:#6366f11a;padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(99,102,241,.2)}.ao-total-files:before{content:"📁";font-size:1rem}.ao-files-content-wrapper{position:relative;z-index:1}.ao-fileloader-overlay{position:absolute;inset:0;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border-radius:20px;z-index:10;min-height:50vh}.ao-files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 0}.ao-file-card{background:var(--popup-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:2rem;border:1px solid var(--color-border-primary);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ao-file-card:before{content:"";position:absolute;inset:0;background:var(--accent-primary-gradient);opacity:0;transition:all .4s ease;z-index:-1}.ao-file-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px #0006;border-color:var(--accent-primary)}.ao-file-card:hover:before{opacity:.05}.ao-file-card:hover .file-icon{transform:scale(1.2) rotate(5deg);background:var(--accent-primary-gradient)}.ao-file-card:hover .ao-file-name{color:var(--text-color);text-shadow:0 2px 10px rgba(99,102,241,.3)}.ao-file-icon-container{position:relative;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start}.ao-file-icon{width:70px;height:70px;border-radius:20px;background:var(--color-surface-light);border:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0003;position:relative;overflow:hidden}.icon-file-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.ao-file-card:hover .file-icon:before{transform:translate(100%)}.ao-file-action-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:12px;background:#f8fafc1a;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8)}.ao-file-card:hover .file-action-btn{opacity:1;transform:scale(1)}.ao-file-action-btn:hover{background:#fbbf2433;color:#fbbf24;transform:scale(1.1);background:var(--accent-gradient)}.ao-file-action-btn.active{color:var(--accent-primary);opacity:1;transform:scale(1)}.ao-file-name{font-size:1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease;text-align:center}.ao-file-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.85rem;margin-top:auto}.ao-file-date{font-weight:500}.ao-error{text-align:center;padding:3rem;color:var(--color-error);font-size:1.1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:20px;margin:2rem 0}.ao-empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.2rem;font-weight:500;border:2px dashed var(--color-border-primary);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.ao-empty-state:before{content:"📂";font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.ao-files-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.ao-content-area{padding:1.5rem;border-radius:24px}.ao-section-header{flex-direction:column;gap:1rem;text-align:center}.ao-file-card{height:180px;padding:1.5rem}}@media (max-width: 480px){.ao-files-grid{grid-template-columns:1fr}.ao-file-content-container{height:calc(100vh - 120px);border-radius:16px}}.recent-files,.important-files{background:var(--color-background);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid var(--color-border-primary);margin-bottom:1.5rem}.recent-files h3,.important-files h3{margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.recent-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background);border-radius:12px;border:1px solid var(--color-border-primary);transition:all .2s;cursor:pointer;overflow:hidden}.recent-card:hover{transform:translateY(-3px);border-color:var(--accent-primary)}.recent-card .file-icon{width:48px;height:48px;font-size:1.25rem}.ao-file-info{flex:1}.ao-file-name{font-weight:500;margin-bottom:.25rem}.ao-file-date{font-size:.8rem;opacity:.7}.context-menu{position:fixed;background-color:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--color-surface-light);z-index:1000;min-width:180px;overflow:hidden}.context-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.8rem;text-align:left;cursor:pointer;transition:background .2s}.context-menu-item:hover{background:#6366f11a}.context-menu-item.delete{color:var(--danger)}.context-menu-item.delete:hover{background:#ef44441a}.ao-delete-modal-container{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.ao-delete-modal{background:var(--color-surface);border-radius:16px;padding:1.5rem;width:400px;max-width:90%;box-shadow:0 10px 25px #0000004d}.ao-delete-modal h3{margin-bottom:1rem;color:var(--danger)}.ao-delete-modal p{margin-bottom:1.5rem;line-height:1.5}.ao-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.ao-modal-actions button{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s}.ao-modal-actions button:first-child{background:var(--color-border-primary);color:var(--text-primary)}.ao-modal-actions button:first-child:hover{background:#4a5568}.ao-modal-actions .ao-delete-btn{background:var(--danger);color:#fff}.ao-modal-actions .ao-delete-btn:hover{background:#dc2626}@media (max-width: 1024px){.ao-sidebar{position:fixed;left:0;top:60px;height:calc(100vh - 60px);transform:translate(-100%);z-index:90}.ao-sidebar.open{transform:translate(0)}.ao-main{margin-left:0}}.global-search-container{position:relative;z-index:100}.search-input-container{position:relative;display:flex;align-items:center}.global-search-bar{width:280px;height:44px;padding:12px 16px 12px 48px;background:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.global-search-bar::placeholder{color:#64748b;font-weight:400}.global-search-bar:focus{outline:none;border-color:var(--accent-primary);background:var(--color-background);box-shadow:0 0 0 3px #6366f133,0 8px 25px #00000026,0 0 20px #6366f11a;transform:translateY(-1px)}.ao-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--accent-primary);font-size:1.1rem;z-index:1;pointer-events:none;transition:all .3s ease}.global-search-bar:focus+.search-icon,.search-input-container:has(.global-search-bar:focus) .search-icon{color:var(--accent-primary-light);transform:translateY(-50%) scale(1.1)}.global-search-results{position:absolute;top:calc(100% + 12px);right:0;width:400px;max-width:90vw;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:16px;z-index:1000;box-shadow:0 20px 40px #0006,0 0 0 1px #6366f11a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px;animation:searchDropdownSlide .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes searchDropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-result-item{padding:12px;display:flex;align-items:center;gap:12px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:4px;position:relative;overflow:hidden}.search-result-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .2s ease;border-radius:inherit}.search-result-item:hover{background:var(--color-background);transform:translate(4px);box-shadow:0 4px 12px #00000026,0 0 0 1px #6366f133}.search-result-item:hover:before{opacity:.05}.search-result-item:last-child{margin-bottom:0}.search-result-icon{font-size:1.25rem;color:var(--accent-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:8px;flex-shrink:0;transition:all .2s ease;position:relative;z-index:1}.search-result-item:hover .search-result-icon{background:#6366f133;color:var(--accent-primary-light);transform:scale(1.05)}.search-result-name{font-weight:600;font-size:.95rem;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.search-result-path{font-size:.8rem;color:#64748b;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;position:relative;z-index:1}.search-result-item:hover .search-result-path{color:#94a3b8}.no-results{padding:24px;text-align:center;color:#64748b;font-size:.9rem;font-weight:500;background:var(--color-background);border-radius:12px;border:2px dashed var(--color-border-primary);margin:8px}.no-results:before{content:"🔍";display:block;font-size:2rem;margin-bottom:8px;opacity:.5}.global-search-results::-webkit-scrollbar{width:6px}.global-search-results::-webkit-scrollbar-track{background:transparent;border-radius:3px}.global-search-results::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px;transition:background .2s ease}.global-search-results::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.search-results-header{padding:12px 16px 8px;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-primary);margin-bottom:8px}.search-loading{padding:20px;text-align:center;color:var(--accent-primary);font-size:.9rem;font-weight:500}.search-loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--accent-primary);border-top:2px solid transparent;border-radius:50%;margin-left:8px;animation:searchSpin 1s linear infinite}@keyframes searchSpin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.global-search-bar{width:240px}.global-search-results{width:350px}}@media (max-width: 768px){.global-search-bar{width:200px}.global-search-results{width:300px;left:0;right:0;margin:0 1rem}.search-result-path{display:none}}@media (max-width: 480px){.global-search-bar{width:180px;font-size:.9rem}.global-search-results{width:calc(100vw - 2rem);margin:0 1rem}}.search-result-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.global-search-bar,.global-search-results{background:var(--color-surface);border-color:var(--color-border-primary)}}.chatbot-icon-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#4338ca);border:none;border-radius:50%;box-shadow:0 8px 25px #8b5cf666;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.chatbot-icon-button:hover{transform:scale(1.1);box-shadow:0 15px 35px #8b5cf699}.chatbot-icon-ripple{position:absolute;inset:0;border-radius:50%;background:#ffffff26;transform:scale(0);transition:transform .5s ease-out;pointer-events:none}.chatbot-icon-button:hover .chatbot-icon-ripple{transform:scale(1)}.chatbot-glow{position:absolute;inset:-10px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#3b82f6);filter:blur(20px);opacity:0;transition:opacity .3s ease;pointer-events:none}.chatbot-icon-button:hover .chatbot-glow{opacity:.4}.chatbot-icon-container{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chatbot-icon{width:28px;height:28px;color:#fff;transition:transform .2s ease}.chatbot-icon-button:hover .chatbot-icon{transform:scale(1.1)}@media (max-width: 768px){.chatbot-icon-button{width:56px;height:56px;bottom:20px;right:20px}.chatbot-icon{width:26px;height:26px}}@media (max-width: 480px){.chatbot-icon-button{width:52px;height:52px;bottom:16px;right:16px}.chatbot-icon{width:24px;height:24px}}.ao-shared-files{padding:16px;min-height:100vh;background:var(--color-background);transition:var(--transition)}[data-theme=dark] .shared-files{background:var(--color-background)}.shared-notebooks-grid{display:grid;margin-top:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));background-color:var(--color-background);gap:16px;padding:4px}.shared-notebook-card{background:var(--popup-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:2rem;border:1px solid var(--color-border-primary);transition:.3s all}[data-theme=dark] .shared-notebook-card{background:var(--color-surface);border-color:var(--color-border-primary)}.shared-notebook-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary);transform:scaleX(0);transition:var(--transition)}.shared-notebook-card:hover:before{transform:scaleX(.85)}.shared-notebook-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-4px);border-color:var(--secondary-accent)}.shared-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.shared-card-header .file-icon-container{position:relative;padding:8px;background:var(--accent-primary-gradient);border-radius:12px;box-shadow:var(--shadow-light)}.ao-file-icon-container-share{justify-content:space-between;align-items:flex-start;background:var(--sidebar-bg);border:1px solid;box-shadow:var(--shadow-light);background:var(--color-surface-light);border:1px solid var(--color-border-primary);border-radius:1rem;width:4rem;display:flex;justify-content:center;align-items:center}.shared-card-header .file-icon{color:#fff;font-size:18px}.share-indicator{position:absolute;top:2rem;left:5rem;background:var(--success);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--shadow-light);animation:pulse 2s infinite}.shared-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shared-notebook-card:hover .file-icon-1{transform:scale(1.2) rotate(8deg)}.shared-notebook-card:hover .file-icon-container-1{background:var(--accent-primary)}.file-icon-1{font-size:35px;padding:8px;color:var(--text-secondary);transition:.2s all}.action-btn-1{padding:6px 8px;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:1rem;font-weight:600;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px}.copy-link-btn-1{background:var(--accent-primary-light);color:#fff;box-shadow:var(--shadow-light);min-width:32px}.copy-link-btn-1:hover{transform:scale(1.05);box-shadow:var(--shadow-medium)}.revoke-btn-1{padding:1rem;background:var(--issues-color);color:#fff;box-shadow:var(--shadow-light);min-width:32px;padding:6px;transition:.2s all}.revoke-btn-1:hover{transform:scale(1.05);box-shadow:var(--shadow-medium);background:linear-gradient(135deg,#dc2626,#b91c1c)}.revoke-btn-1 svg{font-size:16px;margin:.3rem}.share-status{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.share-status.active{background:var(--success);color:#fff;box-shadow:0 2px 6px #10b9814d}.share-status.inactive{background:linear-gradient(135deg,var(--danger),#f87171);color:#fff;box-shadow:0 2px 6px #dc26264d}.shared-card-content{margin-top:12px}.shared-file-name-2{font-weight:600;color:var(--accent-primary);margin-bottom:12px;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.2s all}[data-theme=dark] .shared-file-name{color:var(--text-primary)}.shared-stats{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:4px 8px;background:var(--color-surface-light);border-radius:8px;border:1px solid var(--color-border-primary);white-space:nowrap}[data-theme=dark] .stat-item{background:var(--sidebar-bg);border-color:var(--color-border-primary)}.stat-item svg{color:var(--accent-primary-light);font-size:15px}.share-link-preview{background:var(--color-surface-light);border:1px solid var(--border-light);border-radius:12px;padding:0;display:flex;align-items:center;transition:var(--transition)}[data-theme=dark] .share-link-preview{background:var(--sidebar-bg);border-color:var(--color-border-primary)}.share-link-preview:hover{border-color:var(--accent-primary-light);box-shadow:var(--shadow-light)}.link-text{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:11px;color:var(--color-accent-info);background:var(--color-surface);padding:4px 8px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500}[data-theme=dark] .link-text{background:var(--color-background);border-color:var(--color-border-primary);color:var(--text-color)}.ao-loading-container,.ao-error-container{display:flex;justify-content:center;align-items:center;min-height:200px;flex-direction:column;gap:16px;background:var(--color-background);border:1px solid var(--color-border-primary);border-radius:16px;margin:16px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}[data-theme=dark] .loading-container,[data-theme=dark] .error-container{background:var(--color-surface);border-color:var(--color-border-primary)}.ao-error-container p{color:var(--danger);font-weight:600;text-align:center;font-size:14px}.ao-error-container button{padding:10px 20px;background:var(--accent-primary-gradient);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;transition:var(--transition)}.ao-error-container button:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}[data-theme=dark] .empty-state{background:var(--color-surface);border-color:var(--color-border-primary)}.ao-empty-icon{font-size:36px;margin-bottom:16px;opacity:.6}.ao-empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}[data-theme=dark] .empty-state h3{color:var(--text-primary)}.ao-empty-state p{color:var(--text-secondary);font-size:13px;line-height:1.5;max-width:350px;margin:0 auto}@media (max-width: 768px){.shared-notebooks-grid{grid-template-columns:1fr;gap:12px;padding:0}.shared-notebook-card{padding:12px}.shared-header{flex-direction:column;gap:12px;padding:12px 16px}.shared-header h3{font-size:16px}.shared-stats{flex-direction:column;gap:8px}.share-link-preview{flex-direction:column;align-items:stretch;gap:8px}.shared-actions{flex-wrap:nowrap;gap:6px}}@media (max-width: 480px){.shared-files{padding:12px}.shared-notebooks-grid{grid-template-columns:1fr;gap:10px}.ao-refresh-btn{padding:6px 12px;font-size:11px}.shared-card-header{font-size:26px}.ao-file-icon-container{height:20px;width:20px}.file-icon-1{background-color:var(--accent-gradient);font-size:25px}.shared-file-name{font-size:14px}}@media (hover: hover){.shared-notebook-card:hover .file-icon-container{transform:scale(1.05)}.shared-notebook-card:hover .shared-file-name{background:var(--accent-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.up-uploader-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem;z-index:1000}.up-uploader-container{background:var(--card-bg);border:1px solid var(--color-border-primary);border-radius:24px;overflow:hidden;position:relative;width:100%;max-width:32rem;box-shadow:var(--shadow-popup)}.up-uploader-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);z-index:1}.up-uploader-content{padding:2.5rem}.up-uploader-header{display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:2rem;position:relative}.up-uploader-title{font-size:1.875rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.up-uploader-subtitle{color:var(--text-secondary);margin:0}.up-close-btn{position:absolute;top:-1.5rem;right:-1.5rem;width:36px;height:36px;background:rgba(var(--white-rgb),.1);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.up-close-btn:hover{background:rgba(var(--danger-rgb),.2);color:var(--danger);transform:scale(1.1)}.up-upload-zone{border:2px dashed var(--color-border-primary);background:var(--upload-bg);border-radius:1rem;padding:3rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.up-upload-zone.up-drag-over{border-color:var(--accent-primary);background:var(--upload-drop-hover);transform:scale(1.02)}.up-upload-zone:hover{border-color:var(--secondary-accent);background:rgba(var(--accent-primary-rgb),.08)}.up-upload-icon{width:64px;height:64px;margin:0 auto 1.5rem;padding:1rem;background:var(--gradient-accent);border-radius:1rem;display:flex;align-items:center;justify-content:center;animation:up-float 3s ease-in-out infinite}@keyframes up-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.up-upload-zone-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.up-browse-btn{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));padding:.75rem 1.5rem;border-radius:.5rem;color:var(--text-on-primary);font-weight:500;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--btn-shadow)}.up-browse-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button)}.up-file-input{display:none}.up-files-section{margin-top:2rem}.up-files-header{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.up-files-list{max-height:15rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.up-file-item-2{background:var(--row-expanded-bg);border:1px solid var(--color-border-secondary);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.up-file-item-2:hover{border-color:var(--accent-primary);background:var(--row-hover);transform:translateY(-1px)}.up-file-preview{width:3rem;height:3rem;object-fit:cover;border-radius:.5rem}.up-file-icon-container{width:3rem;height:3rem;background:var(--file-icon-bg);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.up-file-info{flex:1;min-width:0}.up-file-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-file-size{font-size:.875rem;color:var(--text-secondary)}.up-remove-btn{width:2rem;height:2rem;background:var(--danger);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;transition:all .2s ease}.up-remove-btn:hover{background:var(--color-error);transform:scale(1.1)}.up-action-buttons{margin-top:1.5rem;display:flex;gap:.75rem}.up-upload-btn{flex:1;background:var(--accent-primary);padding:.75rem 1.5rem;border-radius:.5rem;color:var(--text-on-primary);font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.up-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-submit-hover)}.up-upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.up-clear-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border-tertiary);border-radius:.5rem;color:var(--text-tertiary);background:transparent;cursor:pointer;transition:all .2s ease}.up-clear-btn:hover{background:var(--clear-btn-hover);color:var(--danger);border-color:var(--danger)}.up-loading-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(var(--white-rgb),.3);border-top-color:var(--white);border-radius:50%;animation:up-spin 1s linear infinite}@keyframes up-spin{to{transform:rotate(360deg)}}.up-progress-container{margin-top:1rem;background:var(--color-surface-dark);border-radius:.5rem;overflow:hidden}.up-progress-bar{height:4px;width:33.333333%;background:var(--gradient-accent);animation:up-loading 1.5s ease-in-out infinite}@keyframes up-loading{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(400%)}}.acd-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.acd-modal-backdrop.acd-visible{opacity:1}.acd-modal-backdrop.closing{opacity:0}.acd-modal{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--color-border-primary);border-radius:20px;padding:0;width:480px;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-popup);position:relative;overflow:hidden;transform:scale(.7) translateY(50px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.acd-modal.acd-visible{transform:scale(1) translateY(0);opacity:1}.acd-modal-header{text-align:center;padding:32px 32px 24px;border-bottom:1px solid var(--color-border-primary);position:relative}.acd-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--header-gradient)}.acd-close-btn-mod{position:absolute;top:8px;right:25px;width:36px;height:36px;background:rgba(var(--white-rgb),.1);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1200;padding:0rem}.acd-close-btn-mod:hover{background:rgba(var(--danger-rgb),.2);color:var(--danger);transform:scale(1.1)}.acd-modal-actions{padding:24px 32px 32px;display:flex;flex-direction:column;gap:16px}.acd-action-card{display:flex;align-items:center;padding:20px;background:rgba(var(--white-rgb),.02);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;text-decoration:none;color:inherit;border:1px solid transparent}.acd-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--white-rgb),.1),transparent);transition:left .5s ease}.acd-action-card:hover:before{left:100%}.acd-action-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--black-rgb),.2)}.acd-action-card.acd-upload-card{background:linear-gradient(135deg,rgba(var(--secondary-accent-rgb),.1),rgba(var(--secondary-accent-rgb),.05));border-color:var(--secondary-accent)}.acd-action-card.acd-upload-card:hover{background:linear-gradient(135deg,rgba(var(--secondary-accent-rgb),.15),rgba(var(--secondary-accent-rgb),.08));border-color:var(--secondary-accent)}.acd-action-card.acd-notebook-card{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-primary-rgb),.05));border-color:var(--accent-primary)}.acd-action-card.acd-notebook-card:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.15),rgba(var(--accent-primary-rgb),.08));border-color:var(--accent-primary)}.acd-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px;flex-shrink:0;color:var(--accent-primary)}.acd-upload-card .acd-card-icon,.acd-notebook-card .acd-card-icon{background:var(--gradient-accent)}.acd-card-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.acd-card-content p{margin:0;font-size:13px;color:var(--text-secondary)}.acd-card-arrow{font-size:18px;color:var(--text-tertiary);opacity:.5;transition:all .2s ease}.acd-action-card:hover .acd-card-arrow{opacity:1;transform:translate(4px)}.acd-modal-overlay.acd-notebook-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--black-rgb),.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;transition:all .3s ease}.acd-modal-overlay.acd-notebook-form-overlay.acd-visible{opacity:1}.modal-content.acd-notebook-form{color:var(--text-primary);border-radius:20px;width:420px;max-width:90vw;overflow:hidden;box-shadow:var(--shadow-popup);transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.acd-notebook-form-overlay.acd-visible .acd-notebook-form{transform:scale(1) translateY(0)}.acd-form-content{min-width:400px;padding:24px 32px 32px;background:var(--card-bg);border-radius:1rem;border:1px solid var(--color-border-primary)}.acd-input-group{margin-bottom:24px}.acd-input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.acd-modern-input{width:100%;padding:14px 18px;font-size:16px;font-weight:400;color:var(--text-primary);background:rgba(var(--white-rgb),.05);border:1px solid var(--color-border-secondary);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(var(--black-rgb),.2);transition:all .2s ease;box-sizing:border-box}.acd-modern-input::placeholder{color:var(--text-secondary);opacity:.7}.acd-modern-input:focus{outline:none;border-color:var(--accent-primary);background:rgba(var(--white-rgb),.1);box-shadow:0 4px 10px rgba(var(--black-rgb),.2),0 0 0 3px rgba(var(--accent-primary-rgb),.2)}.acd-form-actions{display:flex;gap:12px;justify-content:flex-end}.acd-btn-secondary{padding:12px 24px;background:var(--color-surface-light);border:1px solid var(--color-border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.acd-btn-secondary:hover{background:var(--color-surface);border-color:var(--accent-primary)}.acd-btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));border:none;border-radius:10px;color:var(--text-on-primary);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-submit)}.acd-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-submit-hover)}.acd-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.acd-spinner{width:14px;height:14px;border:2px solid rgba(var(--white-rgb),.3);border-top:2px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.acd-modal{width:95vw;margin:16px}.acd-modal-header,.acd-modal-actions,.acd-form-content{padding-left:24px;padding-right:24px}.acd-action-card{padding:16px}.acd-card-icon{width:40px;height:40px;font-size:18px;margin-right:12px}.acd-form-actions{flex-direction:column}.acd-btn-secondary,.acd-btn-primary{width:100%;justify-content:center}}body.acd-light .acd-close-btn-mod{background:rgba(var(--black-rgb),.05);color:var(--text-primary)}body.acd-light .acd-close-btn-mod:hover{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.rp-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.rp-modal{background-color:var(--color-background);color:var(--dark-text);border:1px solid var(--border-divider);border-radius:8px;padding:24px;width:320px;max-width:90%;position:relative;transition:background-color .3s,color .3s}body.dark .rp-modal{background-color:var(--color-background);color:var(--dark-text);border-color:var(--dark-border)}.rp-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit}.rp-title{margin:0 0 16px;font-size:1.25rem}.rp-input{width:100%;padding:8px 10px;font-size:1rem;color:var(--dark-text);border:1px solid var(--color-border-primary);background-color:var(--card-bg);border-radius:4px;margin-bottom:20px;transition:border-color .2s}body.dark .rp-input{background:var(--dark-card);color:var(--dark-text);border-color:var(--light-border)}.rp-input:focus{outline:none;border-color:var(--primary)}.rp-actions{display:flex;justify-content:flex-end;gap:10px}.rp-btn{padding:8px 14px;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background .2s}.rp-ok{background-color:var(--accent-primary);color:#fff}.rp-ok:hover{background-color:var(--accent-primary)}.rp-cancel{background-color:var(--color-error);color:var(--light-text)}.rp-cancel:hover{background-color:var(--danger);color:#fff}:root{--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--shadow-light: 0 4px 16px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .15);--shadow-heavy: 0 16px 48px rgba(0, 0, 0, .2);--blur: blur(16px);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.smart-loader-container{margin-top:-30%;transform:scale(1.8)}.notebook-container{display:flex;align-items:center;justify-content:center;position:relative;z-index:10;width:100%;min-height:100vh;overflow:auto;font-family:Inter,sans-serif}.notebook-canvas{position:absolute;top:0;left:0;width:100%;min-width:800px;min-height:1200px;background-color:var(--color-background);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 6px #0000001a}.grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to bottom,var(--dark-border) 1px,transparent 1px);background-size:30px 30px}.canvas{position:absolute;inset:0;cursor:default;padding:20px;z-index:1}.text-box-container{position:absolute;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-secondary);transition:all .3s ease;overflow:hidden;z-index:10}.text-box-container.active{box-shadow:0 0 0 2px var(--dark-border),0 8px 32px #a777e333;z-index:100}.drag-handle{position:absolute;top:0;left:0;right:0;height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#0003;cursor:move;z-index:20}.handle-dots{color:var(--text-secondary);font-size:15px;opacity:.4;letter-spacing:2px;-webkit-user-select:none;user-select:none}.text-box-buttons{margin-top:-.5rem;display:flex;gap:8px}.text-box{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--text-color);font-size:16px;resize:none;font-family:Inter,sans-serif;line-height:1.6;padding:40px 15px 15px;box-sizing:border-box}.text-box::placeholder{color:#1e1b4b66}.ai-button-1,.delete-button-2{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;color:var(--text-color);font-size:12px}.delete-button-2{background:var(--dark-card)}.ai-button-1{background:linear-gradient(135deg,#6e8efb,#a777e3)}.ai-button-1:hover{background:linear-gradient(135deg,#6e8efb,#a777e3);transform:scale(1.1)}.delete-button-2:hover{background:var(--danger);transform:scale(1.05)}.notebook-header{display:flex;justify-content:space-between;padding:20px 30px;align-items:center;background:#0f172ab3;background:var(--caard-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:50;position:relative}.notebook-header h2{font-size:1.4rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace}.important-icon{color:#ffd43b;font-size:.9em}.save-controls{display:flex;align-items:center;gap:15px;position:relative}.note-save-button{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #a777e34d}.note-save-button:active{box-shadow:-8px -8px 16px #ffffff05,8px 8px 16px #0006,inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff08}.note-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #a777e366}.note-save-button:disabled{opacity:.7;cursor:not-allowed}.note-menu-button{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-color);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease}.note-menu-button:hover{background:#ffffff26}.note-menu-button.important{background:#ffd43b26;border-color:#ffd43b4d}.rename-container{display:flex;gap:10px;align-items:center}.rename-input{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:8px;padding:10px 15px;color:var(--text-color);font-size:1.4rem;font-family:JetBrains Mono,monospace;width:300px}.confirm-rename{background:var(--success);color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:600}.save-status{position:fixed;bottom:30px;right:30px;padding:15px 25px;border-radius:12px;z-index:1000;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 20px #00000026}.save-status.success{background:#51cf6626;border:1px solid rgba(81,207,102,.3);color:#51cf66}.save-status.error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:1.2rem}.menu-button{background:transparent;border:none;color:var(--dark-text);font-size:20px;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s}.menu-button:hover{background:#ffffff14}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:3rem;right:1.5rem;background:var(--dark-card);border:1px solid var(--dark-border);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff05;border-radius:8px;padding:8px 0;z-index:100;min-width:180px}.dropdown-menu button{width:100%;background:none;border:none;color:var(--dark-text);text-align:left;padding:10px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s,color .2s}.dropdown-menu button:last-child{color:var(--danger)}.dropdown-menu button:last-child:hover{color:var(--danger)}.dropdown-menu button:hover{background-color:#ffffff0d}.text-box-container{transform:translateZ(0);will-change:transform;transition:box-shadow .2s ease,border-color .2s ease}.text-box-container[style*=transform]{transition:none!important}.drag-handle:hover{opacity:1;background:#ffffff1a}.drag-handle:active{cursor:grabbing}.resize-handles{position:absolute;inset:0;pointer-events:none}.resize-handle{position:absolute;background:var(--primary);border:2px solid white;border-radius:50%;width:12px;height:12px;pointer-events:all;opacity:.8;transition:all .2s ease}.resize-handle:hover{background:var(--primary-light);transform:scale(1.2);opacity:1}.resize-handle.bottom-right{bottom:-6px;right:-6px;cursor:nw-resize}.resize-handle.bottom{bottom:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.resize-handle.right{right:-6px;top:50%;transform:translateY(-50%);cursor:e-resize}.text-box{width:100%;height:100%;padding:40px 16px 16px;background:transparent;border:none;outline:none;color:var(--dark-text);font-size:15px;font-family:inherit;line-height:1.6;resize:none;overflow:hidden}.text-box:focus{outline:none}body.dragging{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.canvas{min-height:100vh;transform:translateZ(0)}.text-box-container.dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.text-box-container.dragging .text-box{pointer-events:all}.rename-container{display:flex;align-items:center;gap:12px}.rename-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--dark-text);padding:8px 12px;font-size:16px;font-weight:600;outline:none;min-width:200px}.rename-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.confirm-rename{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background .2s}.confirm-rename:hover{background:var(--primary-light)}.important-icon{color:#fbbf24;margin-left:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-indicator{display:flex;align-items:center;justify-content:center;height:200px;font-size:18px;color:var(--dark-text);background:var(--glass-bg);border-radius:12px;margin:20px}:root{--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--shadow-dark: 0 4px 16px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .15);--shadow-heavy: 0 16px 48px rgba(0, 0, 0, .2);--blur: blur(16px);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.text-box-buttons{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:var(--transition)}.text-box-container:hover .text-box-buttons,.text-box-container.active .text-box-buttons{opacity:1}.delete-button,.ai-button{width:32px;height:32px;border-radius:12px;border:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:20;transition:var(--transition);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-dark);position:relative;overflow:hidden}.ai-button{position:relative;overflow:hidden;width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;transition:transform .3s ease,box-shadow .3s ease;box-shadow:-2px -2px 4px #ffffff0a,2px 2px 8px #0000004d,inset -1px -1px 2px #ffffff0d,inset 1px 1px 2px #0003}.ai-button:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);animation:shine 2s infinite}.ai-button{animation:pulseScale 4s infinite ease-in-out}@keyframes shine{0%{left:-150%}60%{left:100%}to{left:100%}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.delete-button{background:#ef4444e6;color:#fff;font-size:18px;line-height:1;border:1px solid rgba(255,255,255,.15)}.delete-button:hover{background:var(--danger);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #ef444466;border-color:#ffffff4d}.ai-popover{position:absolute;top:100%;right:0;margin-top:12px;width:350px;max-width:90vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);max-width:400px;min-width:300px;border-radius:20px;box-shadow:var(--shadow-heavy);border:1px solid var(--dark-border);z-index:100;opacity:0;transform:translateY(-10px) scale(.95);animation:popoverAppear .3s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}@keyframes popoverAppear{to{opacity:1;transform:translateY(0) scale(1)}}.ai-popover:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:var(--dark-card);border:1px solid var(--dark-border);border-bottom:none;border-right:none;transform:rotate(45deg);z-index:-1}.ai-popover-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:16px 20px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:.3px}.ai-icon{width:20px;height:20px;background:#fff3;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.ai-popover-content{padding:20px;color:var(--dark-text);background-color:var(--card-bg);line-height:1.6}.ai-summary{font-size:14px;color:var(--dark-text)}.ai-insights{background:var(--dark-bg);border-radius:12px;padding:16px;border-left:4px solid var(--primary)}.ai-insights-title{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ai-insights-text{font-size:13px;color:#64748b;line-height:1.5}.ai-popover-footer{padding:16px 20px;background:var(--dark-bg);border-top:1px solid var(--dark-border);display:flex;justify-content:space-between;align-items:center}.ai-actions{display:flex;gap:8px}.ai-action-btn{padding:6px 12px;border-radius:8px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition)}.ai-action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));color:#fff}.ai-action-btn.secondary{background:var(--glass-border);color:var(--dark-text);border:1px solid var(--dark-border)}.ai-action-btn:hover{transform:translateY(-1px)}.ai-powered{font-size:10px;color:#94a3b8;display:flex;align-items:center;gap:4px}.ai-powered:before{content:"✨";font-size:12px}@media (max-width: 768px){.ai-popover{width:320px;right:-20px}.ai-popover:before{right:40px}}:root{--loader-bg: var(--card-bg);--loader-border: var(--border-divider);--loader-primary: var(--accent-primary);--loader-primary-light: var(--secondary-accent);--loader-text: var(--text-primary);--loader-text-light: var(--text-secondary);--loader-surface: #334155;--loader-shadow-dark: rgba(0, 0, 0, .4);--loader-shadow-light: rgba(255, 255, 255, .03);--loader-glow: rgba(99, 102, 241, .4)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.loader-dots{display:flex;gap:8px;align-items:center}.loader-dots .dot{width:12px;height:12px;background:var(--loader-primary);border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite both;box-shadow:0 0 15px var(--loader-glow),-3px -3px 6px #ffffff0d,3px 3px 6px var(--loader-shadow-dark),inset -1px -1px 2px #0000004d,inset 1px 1px 2px #ffffff1a}.loader-dots .dot:nth-child(1){animation-delay:-.32s}.loader-dots .dot:nth-child(2){animation-delay:-.16s}.loader-dots .dot:nth-child(3){animation-delay:0s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.2);opacity:1}}.loader-ring{width:40px;height:40px;background-color:transparent;border:3px solid var(--loader-surface);border-top:3px solid var(--loader-primary);border-radius:50%;animation:ringSpin 1s linear infinite;position:relative;box-shadow:0 0 20px var(--loader-glow),-6px -6px 12px #0f172a,inset -2px -2px 4px #0f172a,inset 2px 2px 4px #0f172a}.loader-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;z-index:-1}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-squares{display:grid;grid-template-columns:repeat(2,16px);grid-gap:4px;width:36px;height:36px}.loader-squares .square{background:linear-gradient(135deg,var(--secondary-accent),var(--loader-primary));border-radius:4px;animation:squareMorph .9s ease-in-out infinite;box-shadow:0 0 10px #6366f14d,-2px -2px 4px #ffffff0d,2px 2px 4px var(--loader-shadow-dark),inset -1px -1px 2px #0003,inset 1px 1px 2px #ffffff1a}.loader-squares .square:nth-child(1){animation-delay:0s}.loader-squares .square:nth-child(2){animation-delay:.1s}.loader-squares .square:nth-child(3){animation-delay:.2s}.loader-squares .square:nth-child(4){animation-delay:.3s}@keyframes squareMorph{0%,to{transform:scale(1) rotate(0);border-radius:4px}25%{transform:scale(1.2) rotate(45deg);border-radius:8px}50%{transform:scale(.8) rotate(90deg);border-radius:50%}75%{transform:scale(1.1) rotate(135deg);border-radius:2px}}.loader-bars{display:flex;gap:3px;align-items:flex-end;height:32px}.loader-bars .bar{width:4px;background:var(--loader-primary);border-radius:2px;animation:barWave 1s ease-in-out infinite;box-shadow:0 0 8px #6366f14d,-1px -1px 2px #ffffff0d,1px 1px 2px var(--loader-shadow-dark),inset -.5px -.5px 1px #0003,inset .5px .5px 1px #ffffff1a}.loader-bars .bar:nth-child(1){animation-delay:0s}.loader-bars .bar:nth-child(2){animation-delay:.1s}.loader-bars .bar:nth-child(3){animation-delay:.2s}.loader-bars .bar:nth-child(4){animation-delay:.3s}.loader-bars .bar:nth-child(5){animation-delay:.4s}@keyframes barWave{0%,to{height:8px;opacity:.6}50%{height:32px;opacity:1}}.loader-orbit{position:relative;width:48px;height:48px}.loader-orbit .center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--loader-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--loader-glow),-2px -2px 4px #ffffff0d,2px 2px 4px var(--loader-shadow-dark)}.loader-orbit .particle{position:absolute;width:6px;height:6px;background:var(--loader-primary-light);border-radius:50%;animation:orbit 2s linear infinite;box-shadow:0 0 8px #8b5cf666,-1px -1px 2px #ffffff0d,1px 1px 2px var(--loader-shadow-dark)}.loader-orbit .particle:nth-child(2){animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.loader-orbit .particle:nth-child(3){animation-delay:-.5s;top:50%;right:0;transform:translateY(-50%)}.loader-orbit .particle:nth-child(4){animation-delay:-1s;bottom:0;left:50%;transform:translate(-50%)}.loader-orbit .particle:nth-child(5){animation-delay:-1.5s;top:50%;left:0;transform:translateY(-50%)}@keyframes orbit{0%{transform:rotate(0) translate(20px) rotate(0)}to{transform:rotate(360deg) translate(20px) rotate(-360deg)}}.loader-progress{width:200px;height:6px;background:var(--loader-surface);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset -3px -3px 6px #ffffff05,inset 3px 3px 6px var(--loader-shadow-dark)}.loader-progress:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--loader-primary),var(--loader-primary-light),transparent);animation:progressSlide 1.5s ease-in-out infinite;border-radius:inherit;box-shadow:0 0 10px var(--loader-glow)}@keyframes progressSlide{0%{left:-100%}to{left:100%}}.loader-hexagon{width:40px;height:40px;position:relative}.loader-hexagon .hex{width:100%;height:100%;background:var(--loader-primary);clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);animation:hexPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--loader-glow)) drop-shadow(-3px -3px 6px rgba(255,255,255,.05)) drop-shadow(3px 3px 6px var(--loader-shadow-dark))}@keyframes hexPulse{0%,to{transform:scale(.8) rotate(0);opacity:.7}50%{transform:scale(1.1) rotate(180deg);opacity:1}}.loader-text{color:var(--loader-text);font-size:.875rem;font-weight:500;text-align:center;margin-top:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.loader-text.animated{animation:textFade 2s ease-in-out infinite}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}.loader-small .loader-dots .dot{width:8px;height:8px}.loader-small .loader-ring{width:28px;height:28px}.loader-small .loader-squares{width:24px;height:24px}.loader-small .loader-bars{height:24px}.loader-small .loader-orbit{width:32px;height:32px}.loader-small .loader-progress{width:120px;height:4px}.loader-small .loader-hexagon{width:28px;height:28px}.loader-large .loader-dots .dot{width:16px;height:16px}.loader-large .loader-ring{width:56px;height:56px;border-width:4px}.loader-large .loader-squares{width:48px;height:48px}.loader-large .loader-bars{height:48px}.loader-large .loader-orbit{width:64px;height:64px}.loader-large .loader-progress{width:280px;height:8px}.loader-large .loader-hexagon{width:56px;height:56px}.loader-overlay{position:fixed;inset:0;background:#1e293bf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.loader-inline{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.loader-inline .loader-dots,.loader-inline .loader-ring,.loader-inline .loader-squares,.loader-inline .loader-bars,.loader-inline .loader-orbit,.loader-inline .loader-hexagon{transform:scale(.7)}.loader-theme-light{--loader-bg: #f8fafc;--loader-border: #e2e8f0;--loader-primary: #6366f1;--loader-primary-light: #8b5cf6;--loader-text: #64748b;--loader-text-light: #334155;--loader-surface: #e2e8f0;--loader-shadow-dark: rgba(0, 0, 0, .15);--loader-shadow-light: rgba(255, 255, 255, .8);--loader-glow: rgba(99, 102, 241, .3)}.share-button{color:var(--text-color);background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));border:none;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);font-size:.875rem;min-width:36px;height:36px;box-shadow:var(--shadow-light)}.share-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.share-button:active{transform:translateY(0)}.share-modal-overlay{position:fixed;height:100px;min-width:400px;max-width:500px;top:7rem;right:15rem;bottom:0;background-color:var(--dark-bg);display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal-overlay{position:absolute;height:100px;min-width:400px;max-width:500px;top:7rem;right:2rem;bottom:0;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);border-radius:12px}.share-modal{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-primary);border:2px solid var(--color-border-primary);width:90%;max-width:480px;overflow:hidden;animation:slideIn .3s ease-out;color:var(--dark-text)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--dark-border);color:var(--secondary-accent)}.share-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--secondary-accent)}.close-modal{background:none;border:none;font-size:2rem;color:var(--danger);cursor:pointer;border-radius:4px;transition:var(--transition-fast)}.close-modal:hover{color:var(--danger)}.share-modal-content{padding:1.5rem;background-color:var(--dark-bg)}.share-link-container{display:flex;flex-direction:column;gap:1rem}.share-description{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.share-link-input-group{display:flex;gap:.5rem;align-items:center}.share-link-input{flex:1;padding:.75rem;border:1px solid var(--border-divider);border-radius:8px;font-size:.875rem;color:var(--color-accent-info);background-color:var(--dark-card);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.share-link-input:focus{outline:none;box-shadow:0 0 0 1px var(--loader-bg)}.copy-button{background-color:var(--accent-primary);color:var(--text-color);border:none;padding:.75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);min-width:42px;height:42px;box-shadow:var(--shadow-light)}.copy-button:hover{background-color:var(--primary-light)}.copy-success{margin:0;color:var(--success);font-size:.875rem;font-weight:500;text-align:center}.share-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;text-align:center}.share-error p{margin:0;color:var(--danger);font-size:.875rem}.share-error button{background-color:var(--danger);color:var(--light-text);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.share-error button:hover{background-color:var(--warning)}@media (max-width: 480px){.share-modal{width:95%;margin:1rem}.share-modal-header,.share-modal-content{padding:1rem}.share-link-input-group{flex-direction:column}.share-link-input,.copy-button{width:100%}}.ao-pdf-viewer-container{width:100%;min-height:100vh;padding:1.5rem}.ao-pdf-viewer-wrapper{width:100%;margin:0 auto}.pdf-viewer-header{margin-bottom:2rem;text-align:center}.pdf-viewer-title{font-size:2.25rem;font-weight:700;background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:.5rem}.pdf-viewer-subtitle{color:#94a3b8}.file-content-2{width:100%;transition:all .3s ease}.file-content-2.fullscreen{position:fixed;inset:0;z-index:50;padding:1rem;background:#0f172a}.ao-pdf-preview{margin:0 auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;transition:all .3s ease;min-height:600px}.ao-pdf-preview:hover{transform:translateY(-2px);box-shadow:0 32px 64px -12px #0009;border-color:#3b82f64d}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0f172acc;border-bottom:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.toolbar-section{display:flex;align-items:center;gap:1rem}.ao-file-info{display:flex;align-items:center;gap:.5rem}.file-icon-2{width:1.25rem;height:1.25rem}.ao-pdf-file-name{color:#e2e8f0;font-weight:500;font-size:.875rem}.zoom-controls{display:flex;align-items:center;gap:.5rem;background:#1e293bcc;padding:.25rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.1)}.zoom-display{color:#94a3b8;font-size:.75rem;font-weight:500;min-width:3rem;text-align:center}.action-buttons{display:flex;gap:.5rem}.toolbar-btn{padding:.5rem;border:none;background:#3b82f61a;background:var(--gradient-accent);color:var(--text-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--secondary-accent)}.toolbar-btn:hover:not(:disabled){background:var(--secondary-accent);transform:translateY(-1px)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{width:1rem;height:1rem}.ao-pdf-container{width:500px;position:relative;height:500px;overflow:auto;background:#1e293b;margin:1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.1)}.pdf-wrapper{margin:0 auto;transition:transform .3s ease;transform-origin:center top;min-height:100%}.pdf-embed{width:100%;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}@keyframes shimmer{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.placeholder-icon{width:4rem;height:4rem;color:#94a3b8;margin-bottom:1rem}.placeholder-title{font-size:1.25rem;font-weight:600;color:#cbd5e1;margin-bottom:.5rem}.placeholder-text{color:#94a3b8}.quick-actions{display:flex;gap:1rem;padding:1rem 1.5rem;background:#0f172a99;border-top:1px solid rgba(148,163,184,.1)}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.quick-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.quick-action-btn.secondary{background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(148,163,184,.2)}.quick-action-btn.secondary:hover{background:#334155cc;transform:translateY(-1px)}.image-preview{background:linear-gradient(135deg,#0f172ae6,#1e293be6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;border:1px solid rgba(148,163,184,.1);min-height:400px;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px -12px #00000080}.placeholder-image{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.image-icon-wrapper{width:4rem;height:4rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.image-icon{width:2rem;height:2rem;color:#fff}@media (max-width: 768px){.pdf-viewer-container{padding:1rem}.pdf-viewer-title{font-size:1.875rem}.toolbar{flex-direction:column;gap:1rem;padding:1rem}.toolbar-section{width:100%;justify-content:space-between}.quick-actions{flex-direction:column}.quick-action-btn{justify-content:center}.pdf-container{height:400px;margin:.5rem}.pdf-viewer-header{margin-bottom:1.5rem}}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-hover: #3730a3;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--dark-bg: #0f172a;--dark-card: #1e293b;--dark-text: #e2e8f0;--dark-border: #334155;--light-bg: #0f172a;--light-card: #1e293b;--light-text: #e2e8f0;--light-border: #334155;--text-primary: var(--dark-text);--text-secondary: #94a3b8;--background-color: var(--light-bg);--card-bg: var(--light-card);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .25);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-dark: linear-gradient(135deg, #1e293b 0%, #334155 100%);--glass-bg: rgba(30, 41, 59, .8);--glass-border: rgba(255, 255, 255, .1);--animation-fast: .2s ease-out;--animation-medium: .3s ease-out;--animation-slow: .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.shared-notebook-container{width:100%;min-height:100vh;background:var(--color-surface);background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.05) 0%,transparent 50%);font-family:Inter,Segoe UI,system-ui,sans-serif;animation:fadeIn var(--animation-medium);transition:all var(--animation-medium)}.shared-notebook-container.fullscreen{position:fixed;inset:0;z-index:9999;background:var(--color-surface-light)}.shared-notebook-header{width:100%;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;animation:slideIn var(--animation-medium)}.shared-notebook-info{display:flex;align-items:center;gap:var(--spacing-lg);animation:slideIn var(--animation-medium) .1s}.shared-icon{position:relative;width:60px;height:60px;border-radius:var(--border-radius-lg);border:1px solid var(--accent-primary);background-color:#00ffff46;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--animation-medium)}.shared-icon:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.icon-inner img{height:80px;width:80px;color:#fff;font-size:1.5rem}.icon-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;border:2px solid var(--dark-bg);animation:bounce 2s infinite}.shared-title h1{margin:0 0 var(--spacing-xs) 0;font-size:1.75rem;font-weight:700}.shared-title h1{color:var(--text-primary)}.shared-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.shared-by,.shared-date-info,.view-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);padding:.25rem .5rem;border-radius:var(--border-radius-sm);transition:all var(--animation-fast)}.view-badge{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success);font-weight:500;text-transform:uppercase;font-size:.75rem}.shared-by strong{color:var(--primary-light)}.shared-actions{display:flex;gap:var(--spacing-sm);animation:slideIn var(--animation-medium) .2s}.action-btn{background:var(--accent-primary);border:1px solid var(--light-border);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--animation-medium);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--animation-medium)}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.copy-btn.copied{background:var(--success);color:#fff;border-color:var(--success)}.checkmark{animation:bounce .5s}.fullscreen-btn:hover{background:var(--primary);color:#fff}.shared-canvas-container{position:relative;min-height:calc(100vh - 160px);padding:var(--spacing-xl);animation:fadeIn var(--animation-slow) .3s}.exit-fullscreen{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;transition:all var(--animation-medium)}.exit-fullscreen:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.shared-grid-lines{position:absolute;inset:0;background-image:linear-gradient(to right,var(--light-border) 1px,transparent 1px),linear-gradient(to bottom,var(--light-border) 1px,transparent 1px);background-size:30px 30px;opacity:.2;pointer-events:none}.shared-canvas{position:relative;min-height:600px;width:100%}.canvas-stats{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;color:var(--text-secondary);border:1px solid var(--glass-border)}.shared-pdf-container{width:100%;height:calc(100vh - 200px);min-height:600px;background:var(--glass-bg);border-radius:var(--border-radius);border:1px solid var(--glass-border);overflow:hidden;animation:fadeIn var(--animation-medium);box-shadow:var(--shadow-lg)}.pdf-viewer{width:100%;height:100%;position:relative}.pdf-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:var(--border-radius)}.pdf-iframe p{text-align:center;color:var(--text-primary);padding:var(--spacing-xl);font-size:1rem}.pdf-iframe a{color:var(--primary);text-decoration:none;font-weight:500}.pdf-iframe a:hover{text-decoration:underline}.shared-image-container{width:100%;min-height:600px;background:var(--glass-bg);border-radius:var(--border-radius);border:1px solid var(--glass-border);overflow:hidden;animation:fadeIn var(--animation-medium);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.image-viewer{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;position:relative;min-height:600px}.shared-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);transition:all var(--animation-medium)}.shared-image:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-secondary);text-align:center}.image-error svg{font-size:3rem;color:var(--text-secondary);opacity:.5}.image-error p{font-size:1.125rem;margin:0;color:var(--text-primary)}.image-error a{color:var(--primary);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);transition:all var(--animation-fast)}.image-error a:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.shared-text-box-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;cursor:default;transition:all var(--animation-medium);animation:fadeIn var(--animation-medium)}.shared-text-box-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.shared-text-box{position:relative;height:100%;display:flex;flex-direction:column}.text-content{padding:var(--spacing-md);font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;flex:1;overflow-y:auto}.text-content:empty:before{content:"Empty note";color:var(--text-secondary);font-style:italic;opacity:.7}.box-indicator{position:absolute;top:8px;right:8px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;opacity:.8}.box-number{font-size:.75rem;font-weight:600}.empty-notebook{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn var(--animation-slow);padding:var(--spacing-xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5;animation:bounce 2s infinite;color:var(--text-secondary)}.empty-notebook h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem;margin:0}.empty-notebook p{color:var(--text-secondary);max-width:300px;margin:var(--spacing-sm) 0 0 0;line-height:1.5}.loading-state{background:var(--dark-bg)}.shared-loader-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.loader-wrapper{text-align:center;animation:fadeIn var(--animation-medium)}.loading-text{margin-top:var(--spacing-xl)}.loading-text h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem}.loading-text p{color:var(--text-secondary);font-size:.875rem}.error-state{background:var(--dark-bg)}.shared-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--spacing-xl);animation:fadeIn var(--animation-medium)}.error-animation{position:relative;margin-bottom:var(--spacing-xl)}.error-icon{font-size:5rem;color:var(--danger);animation:pulse 2s infinite}.error-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:2px solid var(--danger);border-radius:50%;opacity:0;animation:pulse 2s infinite}.error-content h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.75rem;font-weight:700}.error-message{color:var(--danger);font-weight:500;margin-bottom:var(--spacing-sm)}.error-description{color:var(--text-secondary);max-width:400px;line-height:1.6;margin-bottom:var(--spacing-lg)}.retry-btn{background:var(--primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all var(--animation-medium)}.retry-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.shared-footer{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:var(--spacing-md) var(--spacing-xl);margin-top:auto;animation:slideIn var(--animation-medium) .4s}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.footer-left{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)}.footer-icon{color:var(--primary)}.footer-right{color:var(--text-secondary)}.view-count{background:#6366f11a;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;border:1px solid rgba(99,102,241,.2)}@media (max-width: 768px){.shared-notebook-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.shared-notebook-info{width:100%;justify-content:center;text-align:center}.shared-meta{justify-content:center}.shared-actions{width:100%;justify-content:center}.shared-canvas-container{padding:var(--spacing-md)}.shared-title h1{font-size:1.5rem}.shared-text-box-container{min-width:250px!important}.footer-content{flex-direction:column;gap:var(--spacing-xs);text-align:center}.shared-pdf-container{height:calc(100vh - 280px)}.shared-image-container{min-height:400px}}@media (max-width: 480px){.shared-canvas-container{padding:var(--spacing-sm)}.shared-text-box-container{min-width:200px!important}.shared-icon{width:48px;height:48px}.icon-inner,.shared-title h1{font-size:1.25rem}.shared-pdf-container{height:calc(100vh - 320px)}.shared-image-container{min-height:300px}.empty-icon{font-size:3rem}}.resume-sidebar{background-color:var(--card-bg);color:var(--text-primary);padding:0;min-height:100vh;width:300px;margin-left:-.5rem;border-right:1px solid var(--border-divider);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transition:width .3s ease;overflow:hidden}.resume-sidebar-wrapper.collapsed .resume-sidebar{width:0}.resume-sidebar-header{padding:24px 20px 15px;position:relative;background:var(--header-bg)}.resume-sidebar-header h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-light)}.title-text{transition:opacity .3s ease}.divider{border:none;height:1px;background:var(--border-divider);margin:0 15px;opacity:.2}.resume-sidebar-nav{background-color:var(--sidebar-bg);flex:1;padding:15px 10px}.resume-sidebar-nav ul{list-style:none;padding:0;margin:0}.resume-nav-item{display:flex;align-items:center;padding:12px 20px;margin-bottom:5px;border-radius:8px;cursor:pointer;position:relative;transition:all .2s ease;color:var(--text-secondary)}.resume-nav-item:hover{background:var(--upload-bg-hover);color:var(--accent-primary)}.resume-nav-item.active{background:var(--upload-bg)}.resume-nav-item.active .resume-nav-label,.resume-nav-item.active .resume-nav-icon{color:var(--accent-primary)}.resume-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--text-secondary);transition:color .2s ease}.resume-nav-label{font-size:.95rem;font-weight:500;color:var(--text-primary);transition:color .2s ease}.resume-active-indicator{position:absolute;right:15px;width:6px;height:24px;background:var(--accent-primary);border-radius:3px;opacity:0;transform:scaleY(0);transition:all .2s ease}.resume-nav-item.active .resume-active-indicator{opacity:1;transform:scaleY(1)}.resume-sidebar-footer{padding:15px 20px;text-align:center;font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border-divider);background:var(--header-bg)}.resume-sidebar-wrapper{position:relative;display:flex;width:280px;height:100vh;transition:width .3s ease;background:transparent}.resume-sidebar-wrapper.collapsed{width:0}.collapse-toggle-btn{position:absolute;top:2.5rem;right:-2rem;width:36px;height:36px;border-radius:50%;border:2px solid var(--accent-primary);background-color:var(--border-divider);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease;box-shadow:0 0 5px #0003;z-index:10}.collapse-toggle-btn:hover{background-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 10px var(--accent-primary),0 0 20px #0000001a}.resume-sidebar-wrapper.collapsed .collapse-toggle-btn{animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 6px var(--accent-primary)}50%{box-shadow:0 0 12px var(--accent-primary)}to{box-shadow:0 0 6px var(--accent-primary)}}.collapse-toggle-btn:after{content:attr(data-tooltip);position:absolute;top:110%;left:50%;transform:translate(-50%);white-space:nowrap;background-color:var(--card-bg);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:.7rem;opacity:0;pointer-events:none;transition:opacity .2s ease}@media (max-width: 768px){.resume-sidebar{position:fixed;z-index:100;transform:translate(-100%)}.resume-sidebar-wrapper:not(.collapsed) .resume-sidebar{transform:translate(0)}}.resume-topbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg);color:var(--text-primary);padding:13px 20px;border-bottom:1px solid var(--border-divider);height:7vh}.resume-topbar-title{font-size:22px;font-weight:700;margin-left:3.5vw}.resume-avatar{border:2px solid var(--accent-primary);width:40px;height:40px;border-radius:50%}.resume-avatar-fallback{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--accent-primary);color:var(--black);font-weight:700}.resume-avatar-wrapper{position:relative}.resume-avatar-menu{position:absolute;top:50px;right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 6px 18px #00000040;z-index:100;animation:fadeIn .15s ease-in-out}.resume-avatar-menu p{margin:0;font-size:15px;font-weight:500;color:var(--text-primary, #ffffff)}.menu-divider{margin:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.resume-avatar-menu button{width:100%;background:transparent;color:var(--color-danger, #ff4d4f);font-weight:500;border:none;padding:10px;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease}.resume-avatar-menu button:hover{background:#ff4d4f26}.resume-upload-container{color:var(--text-primary);padding:15px;min-height:100vh;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column;align-items:center;width:100%}.upload-drop-area{background:var(--upload-drop-bg);border:2px dashed var(--accent-primary);border-radius:8px;padding:18px 15px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.upload-drop-area:hover{border-color:var(--accent-primary);background:var(--upload-drop-hover)}.upload-icon-bg{width:55px;height:55px;background:var(--popup-file-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.browse-btn{background:var(--accent-secondary);color:var(--card-bg);padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;font-size:.9rem;box-shadow:0 4px 6px rgba(var(--black-rgb),.1);margin-top:4px}.upload-status-bar{display:flex;justify-content:space-between;align-items:center;background:var(--file-status-bg);border-radius:8px;padding:10px 12px;margin:15px 0;border:1px solid var(--border-divider)}.file-icon{font-size:1.3rem;color:var(--accent-primary);width:32px;height:32px;background:var(--popup-file-bg);border-radius:6px;display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:var(--clear-btn-hover)}.res-upload-btn{width:100%;padding:10px;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));color:var(--card-bg);border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 12px rgba(var(--accent-primary-rgb),.2)}.res-upload-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px rgba(var(--accent-primary-rgb),.3)}.res-upload-btn:disabled{background:var(--border-divider);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.res-upload-btn svg{width:16px;height:16px;transition:transform .3s ease}.res-upload-btn:hover:not(:disabled) svg{transform:translateY(3px)}.upload-spinner{width:20px;height:20px;border:3px solid var(--spinner-border);border-top-color:var(--spinner-top);border-radius:50%;animation:spin 1s linear infinite}.new-upload-btn{background:var(--new-upload-btn-bg);color:var(--secondary-accent);border:1px solid var(--border-divider);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:20px;align-self:flex-end;margin-right:5%}.new-upload-btn:hover{background:var(--new-upload-btn-hover);border-color:var(--secondary-accent);transform:translateY(-2px)}.success-popup{position:fixed;inset:0;background:var(--success-popup-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out}.popup-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--popup-shimmer);animation:shimmer 2s ease-in-out infinite}.popup-file-name{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;padding:12px 20px;background:var(--popup-file-bg);border-radius:12px;border:1px solid var(--popup-file-border);animation:fadeInUp .6s ease-out .5s both}.file-icon{font-size:1.2rem}.database-success-overlay{position:fixed;inset:0;background:var(--database-overlay);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);width:100vw;height:100vh}.database-success-popup{background:var(--database-popup-bg);border-radius:20px;padding:50px 40px;text-align:center;max-width:450px;width:90%;box-shadow:0 25px 80px rgba(var(--black-rgb),.6);border:1px solid var(--database-popup-border);position:relative;overflow:hidden;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9);z-index:100000}.database-success-popup:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--database-shimmer);animation:shimmer 2s ease-in-out infinite}.database-success-popup:after{content:"";position:absolute;inset:0;background:var(--database-radial);pointer-events:none}.database-success-popup .success-icon{margin-bottom:25px;position:relative;z-index:1}.database-success-popup .success-icon svg{width:80px;height:80px;animation:checkmarkBounce .8s cubic-bezier(.68,-.55,.265,1.55) .3s both;filter:drop-shadow(0 8px 16px rgba(16,185,129,.3))}.database-save-icon{width:80px;height:80px;filter:drop-shadow(0 8px 16px rgba(16,185,129,.3))}.database-container{stroke-dasharray:200;stroke-dashoffset:200;animation:drawDatabase 1.2s ease-out forwards}.db-line-1{stroke-dasharray:40;stroke-dashoffset:40;animation:drawLine .6s ease-out .8s forwards}.db-line-2{stroke-dasharray:40;stroke-dashoffset:40;animation:drawLine .6s ease-out 1s forwards}.db-line-3{stroke-dasharray:40;stroke-dashoffset:40;animation:drawLine .6s ease-out 1.2s forwards}.save-arrow{stroke-dasharray:30;stroke-dashoffset:30;animation:drawArrow .8s ease-out .4s forwards}.success-check{stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .6s ease-out 1.5s forwards}.particle-1{opacity:0;animation:particleFloat 1s ease-out 1.8s forwards}.particle-2{opacity:0;animation:particleFloat 1s ease-out 2s forwards}.particle-3{opacity:0;animation:particleFloat 1s ease-out 2.2s forwards}@keyframes drawDatabase{to{stroke-dashoffset:0}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes drawArrow{to{stroke-dashoffset:0}}@keyframes particleFloat{0%{opacity:0;transform:translateY(10px) scale(0)}50%{opacity:1;transform:translateY(-5px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.database-success-popup h3{font-size:1.8rem;margin:0 0 15px;color:var(--text-light);font-weight:700;position:relative;z-index:1;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}.database-success-popup p{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.6;position:relative;z-index:1;font-weight:400}.database-success-popup .popup-close{position:absolute;top:20px;right:20px;background:var(--popup-close-bg);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.database-success-popup .popup-close:hover{background:var(--popup-close-hover);transform:scale(1.1)}.database-success-popup .popup-close svg{width:20px;height:20px;color:var(--text-secondary);transition:color .3s ease}.database-success-popup .popup-close:hover svg{color:var(--text-light)}@keyframes shimmer{0%,to{background:linear-gradient(90deg,#10b981,#34d399,#68d391)}50%{background:linear-gradient(90deg,#34d399,#68d391,#10b981)}}@media (max-width: 768px){.resume-upload-container{padding:10px}.upload-box{padding:20px}.feature-card{width:calc(50% - 10px);max-width:350px}.new-upload-btn{margin-right:0;align-self:center}}@media (max-width: 576px){.feature-card{width:100%;max-width:100vw}.upload-header h1{font-size:1.4rem}.upload-text h3{font-size:1rem}}.resume-feedback-container{background-color:var(--color-background);color:var(--color-text-primary);padding:32px 40px;margin-top:20px;border:1px solid var(--color-border-primary);border-radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:1000px;width:100%;box-sizing:border-box;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-primary);opacity:0;transform:translateY(20px)}.resume-feedback-container.fade-in{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.resume-feedback-container{max-width:98vw;padding:18px 6vw}}@media (max-width: 768px){.resume-feedback-container{max-width:100vw;padding:10px 2vw;border-radius:10px}}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-border-primary)}.header-content h2{margin:0 0 8px;font-size:1.8rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.header-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0;font-weight:400}.feedback-progress{margin-bottom:40px}.progress-container{background:var(--color-surface-dark);border:1px solid var(--color-border-secondary);border-radius:16px;padding:24px;box-shadow:var(--shadow-secondary)}.progress-container h3{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:var(--color-text-primary);text-align:center}.arc-progress-grid{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:nowrap}.arc-progress-item{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-width:0}.arc-progress-wrapper{position:relative;display:inline-block}.arc-progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-text-primary)}.progress-text{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.progress-status{font-size:1.5rem;font-weight:700;color:var(--color-accent-primary);position:relative;top:10px}.arc-progress-label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);text-align:center;line-height:1.2}.analysis-results{margin-bottom:40px}.analysis-results h3{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:var(--color-text-primary)}.feedback-section{background:var(--color-surface-light);border:1px solid var(--color-border-tertiary);border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.feedback-section:hover{border-color:var(--color-accent-primary);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.feedback-section.open{border-color:var(--color-accent-primary);box-shadow:0 8px 24px #68d39126}.feedback-heading{display:flex;align-items:center;padding:20px 24px;cursor:pointer;transition:all .3s ease;background:var(--color-surface-light);position:relative;overflow:hidden}.feedback-heading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(104,211,145,.1),transparent);transition:left .5s ease}.feedback-heading:hover:before{left:100%}.feedback-heading:hover{background-color:#2d3748e6}.feedback-icon{font-size:1.5rem;margin-right:16px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feedback-title{flex:1}.feedback-title h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.section-count{font-size:.85rem;color:var(--color-text-secondary);font-weight:500;margin-right:16px}.accordion-arrow{transition:transform .3s ease;color:var(--color-text-secondary)}.accordion-arrow svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.feedback-section.open .accordion-arrow{transform:rotate(180deg);color:var(--color-accent-primary)}.feedback-content{max-height:0;overflow:hidden;transition:max-height 1s cubic-bezier(.4,0,.2,1);background:var(--color-surface-darker)}.feedback-section.open .feedback-content{max-height:800px}.content-wrapper{padding:0 24px 24px}.feedback-list{list-style:none;margin:0;padding:0}.feedback-item{display:flex;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;opacity:0;transform:translate(-40px);animation:slideInItem .8s cubic-bezier(.4,0,.2,1) forwards;background:var(--color-surface-list);margin-bottom:8px;border-radius:8px;padding:16px}.feedback-item:last-child{border-bottom:none;margin-bottom:0}.feedback-item:hover{background-color:#1f2937cc;transform:translate(4px);box-shadow:0 4px 12px #0003}.feedback-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-accent);transition:height .3s ease}.feedback-item:hover:before{height:80%}.item-bullet{color:var(--color-accent-primary);font-size:1.2rem;margin-right:16px;flex-shrink:0;margin-top:2px;filter:drop-shadow(0 1px 2px rgba(104,211,145,.3))}.item-text{color:var(--color-text-tertiary);line-height:1.6;font-size:1rem;font-weight:500;flex:1}.keyword-highlight{color:var(--color-accent-primary);font-weight:700;background:#68d3911a;padding:1px 4px;border-radius:4px}.resume-save-button-container{text-align:center;margin-top:30px}.resume-save-button-res{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--accent-primary);color:var(--color-background);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-button);position:relative;overflow:hidden}.resume-save-button-res:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.resume-save-button-res:hover:before{left:100%}.resume-save-button-res:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #68d39166}.resume-save-button-res:disabled{opacity:.7;cursor:not-allowed;transform:none}.resume-save-button-res.saving{background:linear-gradient(135deg,#4a5568,#2d3748);color:var(--color-text-secondary)}.resume-save-button-res svg{width:20px;height:20px;transition:transform .3s ease}.resume-save-button-res:hover:not(:disabled) svg{transform:scale(1.1)}.resume-save-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.resume-save-success-msg,.resume-save-error-msg{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;border-radius:8px;font-weight:500;animation:slideInUp .3s ease}.resume-save-success-msg{background-color:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.resume-save-error-msg{background-color:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.resume-save-success-msg svg,.resume-save-error-msg svg{width:18px;height:18px;flex-shrink:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInItem{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmarkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.feedback-header{flex-direction:column;gap:16px}.arc-progress-grid{flex-direction:column;gap:20px}.feedback-heading{padding:16px 20px}.content-wrapper{padding:0 20px 20px}.save-button{width:100%;justify-content:center}}@media (max-width: 480px){.arc-progress-item{min-width:120px}.feedback-item{padding:12px}.item-text{font-size:.9rem}}.resume-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted)}.resume-loader{border:5px solid var(--loader-bg);border-top:5px solid var(--accent-primary);border-radius:50%;width:50px;height:50px;animation:resume-spin 1s linear infinite;margin-bottom:10px}@keyframes resume-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background:var(--body-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.resume-history-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-primary)}.header-section{margin-bottom:2rem;animation:fadeIn .6s ease-out}.title{font-size:2.5rem;margin-bottom:.5rem;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-weight:700}.subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;animation:fadeIn .5s}.loading-spinner{width:50px;height:50px;border:5px solid rgba(var(--secondary-accent-rgb),.3);border-radius:50%;border-top-color:var(--secondary-accent);animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}.loading-text{color:var(--text-secondary);font-size:1.2rem}.empty-state{text-align:center;padding:3rem;background:var(--empty-bg);border-radius:12px;max-width:500px;margin:2rem auto;border:1px solid var(--border-divider);animation:fadeIn .5s}.empty-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--secondary-accent)}.empty-state h3{margin-bottom:.8rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary)}.resume-list{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border-divider);box-shadow:0 10px 25px rgba(var(--black-rgb),.2);animation:slideUp .6s ease-out}.list-header{display:flex;background:var(--list-header-bg);padding:1rem 1.5rem;font-weight:600;color:var(--secondary-accent);border-bottom:1px solid var(--border-divider)}.header-item{padding:.5rem}.header-item.file{flex:3}.header-item.date{flex:2}.header-item.actions{flex:2;text-align:right}.resume-row{border-bottom:1px solid var(--border-divider);transition:all .3s ease}.resume-row:last-child{border-bottom:none}.resume-row.expanded{background:var(--row-expanded-bg);box-shadow:inset 0 0 15px var(--row-expanded-shadow)}.row-main{display:flex;padding:1.2rem 1.5rem;align-items:center;cursor:pointer;transition:background .2s ease}.resume-row:not(.expanded):hover .row-main{background:var(--row-hover)}.file-info{display:flex;align-items:center;flex:3;gap:1rem}.file-icon{font-size:1.8rem;color:var(--accent-primary);width:40px;height:40px;background:var(--file-icon-bg);border-radius:8px;display:flex;align-items:center;justify-content:center}.file-details{display:flex;flex-direction:column}.filename{font-size:.9rem;margin-bottom:.3rem;font-weight:500}.file-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.file-size,.analysis-score{display:flex;align-items:center}.bullet{color:var(--text-secondary);font-size:.6rem;margin:0 .3rem}.date-info{flex:2;display:flex;align-items:center;gap:.7rem;color:var(--text-secondary)}.date-icon{font-size:1.2rem}.row-actions{flex:2;display:flex;justify-content:flex-end;gap:.8rem}.view-btn,.resume-delete-btn,.expand-btn{padding:.6rem 1rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;text-decoration:none;width:auto;white-space:nowrap}.view-btn{background:var(--btn-hover);color:var(--accent-primary)}.view-btn:hover{background:var(--view-btn-hover);transform:translateY(-2px)}.resume-delete-btn{background:var(--delete-btn-bg);color:var(--danger)}.resume-delete-btn:hover{background:var(--delete-btn-hover);transform:translateY(-2px)}.expand-btn{background:var(--expand-btn-bg);color:var(--secondary-accent)}.expand-btn:hover{background:var(--expand-btn-hover);transform:translateY(-2px)}.row-details{padding:1.5rem;border-top:1px dashed var(--border-divider);animation:expand .4s ease-out}.analysis-section{display:flex;gap:2rem}.analysis-block{flex:3}.analysis-block h4{margin-bottom:1.2rem;font-size:1.2rem;color:var(--secondary-accent);display:flex;align-items:center;gap:.8rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.strengths,.issues,.keywords{background:rgba(var(--header-bg-rgb),.3);border-radius:8px;padding:1.2rem}.strengths h5,.issues h5,.keywords h5{margin-bottom:1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.strengths ul,.issues ul{padding-left:1.5rem}.issues svg{height:24px;width:24px}.strengths li,.issues li{margin-bottom:.7rem;position:relative;line-height:1.5}.strengths li{color:var(--strengths-color)}.issues li{color:var(--issues-color)}.keyword-tags{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-tag{background:var(--keyword-tag-bg);color:var(--secondary-accent);padding:.4rem .8rem;border-radius:20px;font-size:.85rem}.quick-actions{display:flex;gap:1rem;min-width:200px}.download-btn,.share-btn{padding:.6rem 1rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;text-decoration:none;width:auto;white-space:nowrap}.download-btn{background:var(--view-btn-bg);color:var(--accent-primary)}.download-btn:hover{background:var(--view-btn-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.download-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--accent-primary-rgb),.2)}.share-btn{background:var(--share-btn-bg);color:var(--secondary-accent)}.share-btn:hover{background:var(--expand-btn-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--secondary-accent-rgb),.3)}.share-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--secondary-accent-rgb),.2)}.download-btn:disabled,.share-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-btn:disabled:hover,.share-btn:disabled:hover{transform:none;box-shadow:none}.download-btn.success,.share-btn.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.5)}to{transform:scale(1)}}.pdf-modal-overlay{position:fixed;inset:0;background-color:rgba(var(--black-rgb),.8);display:flex;justify-content:center;align-items:center;z-index:1000}.pdf-modal-content{width:90%;max-width:900px;height:85vh;background:var(--pdf-modal-bg);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(var(--black-rgb),.3);display:flex;flex-direction:column}.pdf-modal-header{padding:16px 24px;background:var(--pdf-header-bg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-divider)}.pdf-modal-header h3{margin:0;font-size:1.25rem;color:var(--pdf-header-color)}.pdf-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.pdf-close-btn:hover{background-color:var(--pdf-close-hover)}.pdf-close-btn svg{width:20px;height:20px;stroke-width:2.5px}.pdf-viewer{flex:1;padding:10px;background:var(--pdf-header-bg)}.pdf-fallback{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:var(--pdf-fallback-color)}.pdf-fallback a{color:var(--pdf-link-color);text-decoration:none;margin-top:10px}.pdf-fallback a:hover{text-decoration:underline}.delete-modal-overlay{position:fixed;inset:0;background:rgba(var(--black-rgb),.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.delete-modal-content{background:var(--delete-modal-bg);border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(var(--black-rgb),.3);animation:slideInUp .3s ease-out;border:2px solid var(--delete-modal-border)}.modal-icon{margin-bottom:16px;display:flex;justify-content:center}.modal-icon svg{animation:deletePulse 2s infinite}.delete-circle{animation:drawCircle 1s ease-out}.delete-line-1{animation:drawLine1 1.5s ease-out .5s both}.delete-line-2{animation:drawLine2 1.5s ease-out .7s both}.delete-vertical{animation:drawVertical 1s ease-out 1s both}.delete-horizontal{animation:drawHorizontal 1s ease-out 1.2s both}@keyframes deletePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes drawCircle{0%{stroke-dasharray:0 62.83}to{stroke-dasharray:62.83 0}}@keyframes drawLine1{0%{stroke-dasharray:0 11.31}to{stroke-dasharray:11.31 0}}@keyframes drawLine2{0%{stroke-dasharray:0 11.31}to{stroke-dasharray:11.31 0}}@keyframes drawVertical{0%{stroke-dasharray:0 12}to{stroke-dasharray:12 0}}@keyframes drawHorizontal{0%{stroke-dasharray:0 12}to{stroke-dasharray:12 0}}.delete-modal-content h3{margin:0 0 16px;color:var(--delete-modal-text);font-size:24px;font-weight:600}.delete-modal-content p{margin:0 0 32px;color:var(--text-secondary);font-size:16px;line-height:1.5}.delete-modal-content p strong{color:var(--delete-modal-strong);font-weight:600}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn{border:1px solid var(--accent-primary);border:1px solid red;color:var(--cancel-btn-color)}.cancel-btn:hover{background:var(--cancel-btn-hover);transform:translateY(-1px)}.confirm-btn{background:var(--danger);color:#fff}.confirm-btn:hover{background:var(--danger);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--notification-bg);border-radius:12px;padding:0;z-index:1001;box-shadow:0 8px 24px rgba(var(--black-rgb),.15);animation:slideInDown .3s ease-out;max-width:400px;width:90%;border:1px solid var(--notification-border);overflow:hidden}.notification-wavy-border{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 2px 2px 0}.notification-content{display:flex;align-items:center;padding:16px 20px;gap:16px}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconBounce .6s ease-out}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:16px;margin-bottom:4px}.notification-message{font-size:14px;color:var(--notification-message);line-height:1.4}.notification-close{background:none;border:none;color:var(--notification-close);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:var(--notification-close-bg);color:var(--notification-close-hover)}.notification.success .notification-wavy-border{background:var(--success-border)}.notification.success .notification-title{color:var(--success-title)}.notification.error .notification-wavy-border{background:var(--error-border)}.notification.error .notification-title{color:var(--error-title)}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 900px){.row-main{flex-wrap:wrap;gap:1rem}.file-info,.date-info,.row-actions{flex:1 1 100%}.row-actions{justify-content:flex-start}.analysis-section{flex-direction:column}.list-header{display:none}}@media (max-width: 600px){.header-section{text-align:center}.title{font-size:2rem}.row-actions{flex-wrap:wrap}.view-btn,.delete-btn,.expand-btn{flex:1;justify-content:center}.resume-history-container{padding:1.5rem 1rem}}@media (max-width: 768px){.delete-modal-content{margin:20px;padding:24px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.notification{left:10px;right:10px;transform:none;width:auto;max-width:none}.notification-content{padding:12px 16px;gap:12px}.notification-icon{width:32px;height:32px}.notification-title{font-size:14px}.notification-message{font-size:13px}}.analyzer-container{display:flex;background-color:var(--card-bg);height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease}.resume-content-area{flex:1;overflow-y:auto;padding:20px;background-color:var(--color-surface);color:var(--text-primary)}.main-content.expanded{margin-left:-5vw}.mcq-view{padding:15px}.mcq-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-divider)}.mcq-view__title{font-size:1.5rem;margin:0 0 8px;font-weight:600;letter-spacing:-.5px}.accent-text{font-size:1.5rem;color:var(--accent-primary)}.mcq-view__subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.mcq-list{max-height:55vh;overflow-y:auto;padding-right:10px;margin-bottom:24px}.mcq-list::-webkit-scrollbar{width:8px}.mcq-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.mcq-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.mcq-card{background:var(--color-surface-light);border-radius:14px;padding:24px;margin-bottom:24px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border-secondary)}.mcq-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px var(--modal-shadow)}.question-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--question-number-bg);border-radius:12px;font-weight:700;font-size:1.1rem;color:var(--accent-primary);flex-shrink:0}.mcq-card__question{font-size:.9rem;margin:0;line-height:1.6;font-weight:500;padding-top:6px}.mcq-card__options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mcq-card__option{background:var(--transparent-option-bg);border-radius:10px;padding:1rem;display:flex;align-items:center;position:relative;font-size:.8rem;overflow:hidden;border:1px solid var(--border-light)}.correct{border-left:4px solid var(--success);background:var(--correct-option-bg)}.option-letter{font-weight:700;color:var(--secondary-accent);margin-right:14px;min-width:24px;font-size:.9rem}.mcq-option-text{flex:1;font-size:.8rem;text-align:left}.correct-badge{background:var(--success);color:var(--text-primary);font-size:.8rem;padding:6px 12px;border-radius:20px;margin-left:14px;font-weight:600;display:flex;align-items:center;gap:5px}.mcq-actions{display:flex;gap:18px;margin-top:20px}.test-btn-save,.start-test-btn{flex:1;padding:10px 15px;border:none;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.test-btn-save{background:linear-gradient(135deg,var(--success),var(--success));color:var(--text-primary);border:2px solid var(--border-accent)}.test-btn-save:hover{background-color:var(--test-btn-hover-bg);transform:translateY(-2px);box-shadow:0 4px 8px var(--modal-shadow)}.test-btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.start-test-btn{background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));color:var(--card-bg)}.start-test-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--start-btn-shadow)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-gradient);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .4s cubic-bezier(.175,.885,.32,1.275)}.overlay-pattern{position:absolute;inset:0;background:var(--overlay-pattern-left),var(--overlay-pattern-right);pointer-events:none}.test-modal,.modal{background:var(--card-bg);border-radius:18px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;padding:35px;position:relative;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 25px 50px -12px var(--modal-shadow),0 0 0 1px var(--modal-outline);border:1px solid var(--modal-border);z-index:2}.modal:before{content:"";position:absolute;inset:0;border-radius:18px;background:var(--modal-gradient-layer);pointer-events:none;z-index:-1}.modal-close{position:absolute;top:20px;right:20px;background:var(--modal-close-bg);border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;z-index:1}.modal-close:hover{color:var(--text-primary);background-color:var(--modal-close-hover-bg)}.mcq-success-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;width:100%;max-width:500px;display:flex;justify-content:center;pointer-events:none}.mcq-success-card{position:relative;background-color:var(--card-bg);border-radius:12px;color:var(--text-primary);padding:2rem;overflow:hidden;box-shadow:0 8px 24px var(--toast-shadow);text-align:center}.mcq-success-wave{position:absolute;top:-40px;left:0;width:100%;height:auto;fill:var(--secondary-accent);z-index:0}.mcq-success-icon-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;z-index:1;position:relative}.mcq-success-icon{width:60px;height:60px;color:var(--success)}.mcq-success-message{text-align:center;margin-top:1rem;z-index:1;position:relative}.mcq-success-title{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.mcq-success-subtext{font-size:1rem;color:var(--text-secondary)}.mcq-test{padding:15px;position:relative;z-index:1}.mcq-test__title{font-size:1.5rem;margin:0 0 10px;font-weight:600;letter-spacing:-.5px}.test-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-divider)}.accent-text{color:var(--accent-primary)}.mcq-test__instructions{color:var(--text-secondary);margin:0;font-size:1.05rem;border-left:3px solid var(--accent-primary);padding-left:18px}.mcq-test__questions{max-height:55vh;overflow-y:auto;padding-right:10px;margin-bottom:24px}.mcq-test__questions::-webkit-scrollbar{width:8px}.mcq-test__questions::-webkit-scrollbar-track{background:var(--border-divider);border-radius:4px}.mcq-test__questions::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.mcq-test__question-box{background:var(--bg-dark-box);border-radius:14px;padding:24px;margin-bottom:24px;border:1px solid var(--color-border-secondary)}.question-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.question-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-question-number);border-radius:12px;font-weight:700;font-size:1.1rem;color:var(--accent-primary);flex-shrink:0}.mcq-test__question{font-size:.9rem;margin:0;line-height:1.6;font-weight:500;padding-top:6px}.mcq-test__options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mcq-test__option{background:var(--bg-option);border-radius:10px;padding:16px 20px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;border:1px solid var(--border-light)}.mcq-test__option:hover{background:var(--bg-option-hover)}.option-letter{font-weight:700;color:var(--secondary-accent);margin-right:14px;min-width:24px;font-size:1rem}.option-text{flex:1;font-size:.9rem;text-align:left}.selected{border-left:4px solid var(--accent-primary);background:var(--bg-question-number)}.correct{border-left:4px solid var(--success);background:var(--bg-correct)}.wrong{border-left:4px solid var(--danger);background:var(--bg-wrong)}.feedback-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.correct-icon{background:var(--success);color:var(--white)}.wrong-icon{background:var(--danger);color:var(--white)}.mcq-test__submit-btn{width:100%;padding:10px;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:var(--shadow-submit)}.mcq-test__submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-submit-hover)}.mcq-test__submit-btn:disabled{background:var(--bg-disabled-gradient);cursor:not-allowed;transform:none;box-shadow:none;border:1px solid var(--border-light)}.score-display{text-align:center;margin:0 0 20px;opacity:0;transform:scale(.8);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.score-display.show{opacity:1;transform:scale(1)}.score-circle{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-score-circle);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #68d39166,0 0 #68d3914d}70%{box-shadow:0 0 0 20px #68d39100,0 0 0 40px #68d39100}to{box-shadow:0 0 #68d39100,0 0 #68d39100}}.score-text{font-size:4rem;font-weight:800;color:var(--text-dark)}.score-text span{font-size:1.8rem;color:var(--text-muted-dark)}.score-message{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-top:10px}.test-actions{display:flex;gap:18px;margin-top:20px}.retry-btn,.review-btn{flex:1;padding:16px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px}.retry-btn{background-color:var(--color-accent-info);color:var(--text-primary);border:1px solid var(--border-popup)}.retry-btn:hover{background-color:var(--bg-retry-btn-hover);transform:translateY(-2px);box-shadow:var(--shadow-retry-hover)}.review-btn{background:var(--accent-primary);color:var(--text-dark)}.review-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-review-hover)}.score-popup-overlay{position:fixed;inset:0;background:var(--bg-popup-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .4s cubic-bezier(.175,.885,.32,1.275)}.score-popup{background:var(--bg-popup);border-radius:24px;width:90%;max-width:500px;overflow:hidden;position:relative;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-popup),var(--shadow-popup-border);border:1px solid var(--border-accent)}.score-popup:before{content:"";position:absolute;inset:0;background:var(--radial-light-green),var(--radial-light-cyan);pointer-events:none;z-index:-1}@keyframes popIn{0%{transform:scale(.8) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.score-popup-content{padding:40px 30px 30px;text-align:center;background:var(--card-bg)}.score-popup-actions{display:flex;border-top:1px solid var(--border-popup)}.close-score-btn,.review-score-btn{flex:1;padding:18px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.close-score-btn{color:var(--text-secondary);border-right:1px solid var(--border-popup);background:var(--header-bg)}.close-score-btn:hover{color:var(--text-primary);background:var(--header-bg)}.review-score-btn{background:var(--border-divider);color:var(--accent-primary)}.review-score-btn:hover{background:var(--border-divider)}.score-details{display:flex;justify-content:center;gap:30px;margin-top:30px;padding-top:30px;border-top:1px solid var(--border-popup)}.score-stat{display:flex;flex-direction:column;font-size:1rem}.score-stat span:first-child{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.correct-stat{color:var(--success);font-weight:700;font-size:1.2rem}.incorrect-stat{color:var(--danger);font-weight:700;font-size:1.2rem}.percentage-stat{color:var(--secondary-accent);font-weight:700;font-size:1.2rem}.mcq-test__questions.blurred,.test-actions.blurred{filter:blur(8px);opacity:.5;pointer-events:none;transition:all .4s ease}.notification-card{width:330px;height:80px;border-radius:8px;box-sizing:border-box;padding:10px 15px;background-color:#fff;box-shadow:#959da533 0 8px 24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-around;gap:15px}.notification-card-wave{position:absolute;transform:rotate(90deg);left:-31px;top:32px;width:80px;fill:#04e4003a}.notification-card-icon-container{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:#04e40048;border-radius:50%;margin-left:8px}.notification-card-icon{width:17px;height:17px;color:#269b24}.notification-card-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-grow:1}.notification-card-message-text,.notification-card-sub-text{margin:0;cursor:default}.notification-card-message-text{color:#269b24;font-size:17px;font-weight:700}.notification-card-sub-text{font-size:14px;color:#555}.notification-card-cross-icon{width:18px;height:18px;color:#555;cursor:pointer}.pdf-summary-section{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--card-bg);border-radius:0;padding:28px;box-shadow:0 8px 30px var(--card-shadow);color:var(--text-primary);overflow-y:auto;border:1px solid var(--card-border);z-index:1}.summary-section-header{border-bottom:1px solid var(--border-divider);text-align:center}.summary-section-title{font-size:2rem;margin:0 0 8px;font-weight:700;letter-spacing:-.5px;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.pdf-section-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;font-weight:400}.search-container{margin-bottom:24px}.search-bar{display:flex;align-items:center;justify-content:center;background:var(--search-bg);border-radius:10px;padding:12px 16px;border:1px solid var(--border-accent);width:30%}.search-bar svg{margin-right:12px;fill:var(--text-secondary)}.search-bar input{background:transparent;border:none;color:var(--text-primary);font-size:1rem;width:100%;outline:none}.search-bar input::placeholder{color:var(--text-secondary)}.layout-container{display:flex;grid-template-columns:360px 1fr;gap:28px}.sidebar{background:var(--sidebar-bg);border-radius:16px;padding:24px;border:1px solid var(--card-border);height:fit-content;max-height:70vh;overflow-y:auto;max-width:30vw;min-width:30vw}.sidebar-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-divider)}.sidebar-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.topics-list{display:flex;flex-direction:column;gap:12px;font-size:16px}.topic-item{display:flex;align-items:center;padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--item-bg);border:1px solid var(--item-border)}.topic-item:hover{background:var(--category-active);transform:translateY(-2px);box-shadow:0 4px 12px var(--btn-shadow)}.topic-item.active-topic{background:var(--topic-active);border-color:var(--topic-border);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)}.topic-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--category-active);border-radius:50%;font-weight:600;font-size:.9rem;color:var(--accent-primary);margin-right:16px;flex-shrink:0}.topic-title{font-size:.5rem;font-weight:500;line-height:1.4;color:var(--text-primary)}.summer-main-content{background:rgba(var(--card-bg-rgb),.7);border-radius:16px;padding:24px;border:1px solid var(--border-accent);display:flex;flex-direction:column}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-accent)}.header-left h2{margin:0 0 6px;font-size:1.6rem;font-weight:600;color:var(--text-primary)}.header-left p{margin:0;color:var(--text-secondary);font-size:.95rem}.action-buttons{display:flex;gap:12px}.summary-copy-btn,.mcq-btn{padding:10px 16px;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.summary-copy-btn{background-color:rgba(var(--header-bg-rgb),.8);color:var(--text-primary);border:1px solid var(--color-border-primary)}.summary-copy-btn:hover{background-color:var(--btn-hover);transform:translateY(-2px);box-shadow:0 4px 8px var(--btn-shadow)}.mcq-btn{background:var(--header-bg-rgb);color:var(--card-bg)}.mcq-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--accent-primary-rgb),.4)}.mcq-btn:disabled{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.7),rgba(var(--success-rgb),.7));cursor:not-allowed;transform:none;box-shadow:none}.topic-view{background:var(--topic-bg);border-radius:16px;overflow:hidden;border:1px solid var(--topic-border);box-shadow:0 8px 24px var(--card-shadow);transition:all .4s ease;animation:fadeIn .5s ease;height:50vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-topic-header{display:flex;align-items:center;background:var(--topic-gradient);border-bottom:1px solid var(--card-border)}.topic-badge{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;font-weight:700;font-size:1.1rem;color:var(--card-bg);margin-right:20px;flex-shrink:0}.topic-title{margin:0;font-size:.9rem;font-weight:600;line-height:1.4;background:var(--accent-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.topic-content{padding:16px 55px;line-height:1.8;color:var(--content-text);font-size:1rem;background:rgba(var(--black-rgb),.05);height:50vh;text-align:left;overflow-y:auto}.topic-content p{margin:0 0 16px;text-align:left}.topic-content p:last-child{margin-bottom:0}.no-topics{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:var(--no-topic-bg);border-radius:16px;border:1px dashed var(--no-topic-border)}.no-topics svg{fill:var(--text-secondary);margin-bottom:20px}.no-topics h3{margin:0 0 10px;font-size:1.4rem;color:var(--text-primary)}.no-topics p{margin:0;color:var(--text-secondary);font-size:1rem}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .4s cubic-bezier(.175,.885,.32,1.275)}.overlay-pattern{position:absolute;inset:0;background:var(--overlay-pattern);pointer-events:none}.modal{background:var(--color-surface-dark);border-radius:18px;width:100%;max-width:950px;max-height:100vh;overflow-y:auto;padding:35px;position:relative;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 25px 50px -12px rgba(var(--black-rgb),.5),0 0 0 1px rgba(var(--accent-primary-rgb),.1);border:1px solid var(--modal-border);z-index:2}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal:before{content:"";position:absolute;inset:0;border-radius:18px;background:var(--modal-gradient);pointer-events:none;z-index:-1}.modal-close{position:absolute;top:20px;right:20px;background:var(--close-bg);border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.modal-close:hover{color:var(--text-primary);background-color:var(--close-hover)}@media (max-width: 1024px){.layout-container{grid-template-columns:1fr}.sidebar{max-height:300px;max-width:100%}.content-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 768px){.summary-section{padding:20px;max-height:none}.section-title{font-size:1.8rem}.action-buttons{flex-direction:column;width:100%}.copy-btn,.mcq-btn{width:100%}.topic-header{flex-direction:column;align-items:flex-start;gap:16px}.topic-badge{margin-right:0;margin-bottom:16px}}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:var(--sidebar-scrollbar-track, #0c0a1f);border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background-color:var(--sidebar-scrollbar-thumb, #4f46e5);border-radius:10px;border:2px solid transparent;background-clip:content-box}.sidebar{scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar-thumb, #4f46e5) var(--sidebar-scrollbar-track, #0c0a1f)}.pdf-upload-container{color:var(--text-primary);padding:15px;min-height:100vh;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column;align-items:center;width:100%}.upload-content-wrapper{display:flex;flex-direction:column;max-width:1200px;width:100%;gap:20px;margin-top:10px;align-items:center}.upload-box{max-width:500px;width:100%;background:var(--card-bg);padding:25px;border-radius:10px;box-shadow:0 10px 30px rgba(var(--black-rgb),.3);text-align:center;position:relative;overflow:hidden;border:1px solid var(--border-divider);animation:fadeIn .6s ease-out;height:fit-content}.upload-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--header-gradient)}.upload-box.drag-active{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--search-focus)}.upload-box.error{animation:shake .5s}.upload-header{margin-bottom:15px}.upload-header h1{font-size:1.6rem;margin-bottom:6px;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.upload-header p{color:var(--text-secondary);font-size:.95rem}.upload-drop-area{background:var(--card-icon-bg);border:2px dashed var(--border-divider);border-radius:8px;padding:18px 15px;text-align:center;cursor:pointer;margin-bottom:15px}.upload-drop-area:hover{border-color:var(--accent-primary);background:var(--upload-bg-hover)}.upload-drop-area.file-added{animation:pulse .8s;border-color:var(--success);background:var(--success-bg)}.upload-drop-area.shake{animation:shake .5s}.upload-icon{margin-bottom:12px}.upload-icon-bg{width:55px;height:55px;background:var(--upload-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.upload-icon svg{width:28px;height:28px}.upload-text h3{font-size:1.1rem;margin-bottom:4px}.upload-text p{color:var(--text-secondary);font-size:.85rem}.or-divider{position:relative;margin:12px 0;color:var(--text-secondary)}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:var(--border-divider)}.or-divider:before{left:calc(50% - 70px)}.or-divider:after{right:calc(50% - 70px)}.browse-btn{background:var(--accent-primary);color:var(--card-bg);padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;font-size:.9rem;box-shadow:0 4px 6px rgba(var(--black-rgb),.1);margin-top:4px}.browse-btn:hover{background:var(--secondary-accent);transform:translateY(-2px);box-shadow:0 6px 12px rgba(var(--black-rgb),.15)}.browse-btn input[type=file]{display:none}.upload-status-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(var(--header-bg-rgb),.7);border-radius:8px;padding:10px 12px;margin:15px 0;border:1px solid var(--border-divider)}.file-info{display:flex;align-items:center;gap:10px}.file-icon{font-size:1.3rem;color:var(--accent-primary);width:32px;height:32px;background:var(--upload-bg);border-radius:6px;display:flex;align-items:center;justify-content:center}.file-name{font-weight:500;font-size:.85rem;text-align:left}.file-size{color:var(--text-secondary);font-size:.75rem;text-align:left}.clear-btn{background:transparent;border:none;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.clear-btn:hover{background:var(--delete-hover)}.clear-btn svg{width:16px;height:16px}.error-message{display:flex;align-items:center;gap:8px;background:var(--delete-hover);border:1px solid var(--danger-border);border-radius:8px;padding:12px 16px;margin:15px 0;color:var(--danger);font-size:.9rem;text-align:left}.error-message svg{flex-shrink:0;color:var(--danger)}.pdf-up-upload-btn{width:100%;padding:10px;background:var(--accent-primary);color:var(--card-bg);border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 12px rgba(var(--accent-primary-rgb),.2)}pdf-up-upload-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px rgba(var(--accent-primary-rgb),.3)}.pdf-up-upload-btn:disabled{background:var(--border-divider);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.pdf-up-upload-btn svg{width:16px;height:16px;transition:transform .3s ease}.pdf-up-upload-btn:hover:not(:disabled) svg{transform:translateY(3px)}.upload-spinner{width:20px;height:20px;border:3px solid rgba(var(--card-bg-rgb),.2);border-top-color:var(--card-bg);border-radius:50%;animation:spin 1s linear infinite}.feature-cards{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap;animation:fadeIn .8s ease-out;width:100%}.feature-card{background:var(--feature-card-bg);border-radius:10px;padding:18px;text-align:center;width:300px;transition:all .3s ease;border:1px solid var(--border-divider)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(var(--black-rgb),.2);border-color:var(--accent-primary)}.feature-icon{font-size:1.8rem;margin-bottom:10px;display:block;color:var(--accent-primary)}.feature-card h3{font-size:1rem;margin-bottom:6px;color:var(--accent-primary)}.feature-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.new-upload-btn{background:var(--feature-card-bg);color:var(--secondary-accent);border:1px solid var(--border-divider);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:20px;align-self:flex-end;margin-right:5%}.new-upload-btn:hover{background:var(--header-bg);border-color:var(--secondary-accent);transform:translateY(-2px)}.new-upload-btn svg{width:18px;height:18px}.success-popup{position:fixed;inset:0;background:rgba(var(--black-rgb),.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out}.popup-content{background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:20px;padding:40px 50px;text-align:center;max-width:550px;width:90%;box-shadow:0 20px 60px rgba(var(--black-rgb),.5);position:relative;overflow:hidden;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9)}.popup-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--shimmer-1),var(--shimmer-2),var(--shimmer-3));animation:shimmer 2s ease-in-out infinite}.popup-icon{margin-bottom:25px;position:relative}.analysis-checkmark{width:80px;height:80px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(var(--accent-primary-rgb),.3))}.analysis-checkmark .circle{stroke:var(--accent-primary);stroke-width:2;stroke-dasharray:157;stroke-dashoffset:157;animation:drawCircle 1.5s ease-out forwards}.analysis-checkmark .check{stroke:var(--accent-primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .8s ease-out 1.2s forwards}.analysis-checkmark .analysis-icon{stroke:var(--secondary-accent);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;animation:drawAnalysis 1s ease-out .8s forwards}.analysis-checkmark .analysis-dots{stroke:var(--accent-primary);stroke-width:2;stroke-dasharray:30;stroke-dashoffset:30;animation:drawDots .6s ease-out 1.5s forwards}.popup-content h3{font-size:2rem;margin:0 0 15px;color:var(--text-light);font-weight:700;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeInUp .6s ease-out .3s both}.popup-file-name{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;padding:12px 20px;background:var(--upload-bg);border-radius:12px;border:1px solid var(--popup-border);animation:fadeInUp .6s ease-out .5s both}.popup-content p{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.6;animation:fadeInUp .6s ease-out .7s both}.summary-popup-overlay{position:fixed;inset:0;background:var(--overlay-dark);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);width:100vw;height:100vh}.summary-popup-content{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--popup-bg);border-radius:0;padding:20px;text-align:center;overflow-y:auto;box-shadow:0 25px 80px rgba(var(--black-rgb),.6);border:1px solid rgba(var(--accent-primary-rgb),.3);z-index:100000;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);transform:none}.summary-popup-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--shimmer-1),var(--shimmer-2),var(--shimmer-3));animation:shimmer 2s ease-in-out infinite}.summary-popup-content .popup-close{position:absolute;top:20px;right:20px;background:rgba(var(--white-rgb),.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.summary-popup-content .popup-close:hover{background:rgba(var(--white-rgb),.2);transform:scale(1.1)}.summary-popup-content .popup-close svg{width:20px;height:20px;color:var(--text-secondary);transition:color .3s ease}.summary-popup-content .popup-close:hover svg{color:var(--text-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--accent-primary-rgb),.4)}70%{transform:scale(1.02);box-shadow:0 0 0 15px rgba(var(--accent-primary-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--accent-primary-rgb),0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%,to{background:linear-gradient(90deg,var(--shimmer-1),var(--shimmer-2),var(--shimmer-3))}50%{background:linear-gradient(90deg,var(--shimmer-2),var(--shimmer-3),var(--shimmer-1))}}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes drawAnalysis{to{stroke-dashoffset:0}}@keyframes drawDots{to{stroke-dashoffset:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.upload-content-wrapper{flex-direction:column;align-items:center}.feature-cards{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%}.feature-card{width:calc(33.333% - 15px);min-height:200px;max-width:350px}}@media (max-width: 768px){.pdf-upload-container{padding:10px}.upload-box{padding:20px}.feature-card{width:calc(50% - 10px);max-width:350px}.new-upload-btn{margin-right:0;align-self:center}.summary-popup-content{padding:20px;max-width:95%}}@media (max-width: 576px){.feature-card{width:100%;max-width:100vw}.upload-header h1{font-size:1.4rem}.upload-text h3{font-size:1rem}.summary-popup-content{padding:15px;max-height:90vh}}.pdf-summarizer-sidebar{background-color:var(--sidebar-bg);color:var(--text-primary);padding:0;margin-left:-.5rem;min-height:100vh;width:300px;border-right:1px solid var(--dark-border);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transition:all .3s ease}.sidebar-container{background:var(--sidebar-bg)}.pdf-summarizer-sidebar-header{padding:24px 20px;border-bottom:1px solid var(--dark-border)}.pdf-summarizer-sidebar-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.pdf-summarizer-sidebar-nav{flex:1;padding:20px 0;background:var(--header-bg)}.pdf-summarizer-nav-item{display:flex;align-items:center;padding:12px 20px;margin:4px 0;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;position:relative;background-color:transparent}.pdf-summarizer-nav-item:hover{background-color:transparent;color:var(--success)}.pdf-summarizer-nav-item.active{color:var(--success);background-color:transparent}.pdf-summarizer-nav-item.active .active-indicator{width:4px;height:80%;background-color:var(--success);position:absolute;left:0;border-radius:0 2px 2px 0}.divider{opacity:.2}.pdf-summarizer-nav-icon{margin-right:12px;font-size:18px;display:flex;align-items:center;justify-content:center;color:inherit;background-color:transparent!important;box-shadow:none!important;border:none!important}.pdf-summarizer-nav-icon:hover,.pdf-summarizer-nav-item:hover .pdf-summarizer-nav-icon{background-color:transparent!important;box-shadow:none!important}.pdf-summarizer-nav-label{font-size:16px;font-weight:700;background-color:transparent}.pdf-summarizer-sidebar-footer{padding:16px 20px;border-top:1px solid var(--dark-border);font-size:12px;color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-item{animation:fadeIn .3s ease forwards}.pdf-summarizer-nav-item:nth-child(1){animation-delay:.1s}.pdf-summarizer-nav-item:nth-child(2){animation-delay:.2s}.pdf-summarizer-nav-item:nth-child(3){animation-delay:.3s}.pdf-summarizer-nav-item:nth-child(4){animation-delay:.4s}@media (max-width: 768px){.pdf-summarizer-sidebar{width:220px;position:fixed;z-index:100;transform:translate(-100%)}.pdf-summarizer-sidebar.open{transform:translate(0)}}.pdf-summarizer-sidebar{width:300px;transition:width .3s ease;padding:0;display:flex;flex-direction:column}.pdf-summarizer-sidebar.collapsed{width:0px}.pdf-summarizer-sidebar-header{padding:20px 20px 15px;position:relative}.pdf-summarizer-sidebar-header h2{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:1.2rem;font-weight:600;color:var(--text-light)}.title-content{display:flex;align-items:center;gap:10px}.title-text{color:var(--accent-primary)}.collapse-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.collapse-button:hover{color:var(--accent-primary);background:#ffffff0d}.collapse-icon{transition:transform .3s ease;font-size:1.3rem}.divider{border:none;height:1px;background:var(--border-divider);margin:0 15px}.pdf-summarizer-sidebar-nav{background-color:var(--sidebar-bg);flex:1;padding:15px 10px}.pdf-summarizer-sidebar-nav ul{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;padding:12px 20px;margin-bottom:5px;border-radius:8px;cursor:pointer;position:relative;transition:all .2s ease}.nav-item:hover{background:var(--upload-bg-hover)}.nav-item.active{background:var(--upload-bg)}.nav-item.active .pdf-summarizer-nav-label,.nav-item.active .pdf-summarizer-nav-icon{color:var(--accent-primary)}.pdf-summarizer-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--text-secondary);transition:color .2s ease}.pdf-summarizer-nav-label{font-size:.95rem;font-weight:500;color:var(--text-primary);transition:color .2s ease}.pdf-summarizer-active-indicator{position:absolute;right:15px;width:6px;height:24px;background:var(--accent-primary);border-radius:3px;opacity:0;transform:scaleY(0);transition:all .2s ease}.nav-item.active .pdf-summarizer-active-indicator{opacity:1;transform:scaleY(1)}.pdf-summarizer-sidebar-footer{padding:15px 20px;text-align:center;font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border-divider)}.pdf-summarizer-sidebar-wrapper{position:relative;display:flex;height:100vh;transition:width .3s ease}.pdf-summarizer-sidebar-wrapper.collapsed .pdf-summarizer-sidebar{width:0;overflow:hidden}.collapse-toggle-btn-pdf{position:absolute;top:2.5rem;right:-2rem;width:36px;height:36px;border-radius:50%;border:2px solid var(--accent-primary);background-color:var(--dark-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease;box-shadow:0 0 5px #0003}.collapse-toggle-btn-pdf:hover{background-color:var(--primary-light);transform:scale(1.1);box-shadow:0 0 10px var(--primary),0 0 20px #0000001a}.collapse-icon{transition:transform .3s ease}.collapse-icon.rotated{transform:rotate(180deg)}.pdf-summarizer-sidebar-wrapper.collapsed .collapse-toggle-btn-pdf{animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 6px var(--primary-light)}50%{box-shadow:0 0 12px var(--primary)}to{box-shadow:0 0 6px var(--primary-light)}}.collapse-toggle-btn:after{content:attr(data-tooltip);position:absolute;top:110%;left:50%;transform:translate(-50%);white-space:nowrap;background-color:var(--dark-surface);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:.7rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.collapse-toggle-btn:hover:after{opacity:1}.pdf-summarizer-topbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background);color:var(--text-primary);padding:13px 20px;border-bottom:1px solid var(--color-border-tertiary);height:5.8vh}.pdf-summarizer-topbar-title{font-size:22px;font-weight:700;margin-left:3.5vw}.pdf-summarizer-avatar{border-radius:50%;border:2px solid var(--success)}.pdf-summarizer-avatar{width:40px;height:40px;border-radius:50%}.pdf-summarizer-avatar-fallback{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--accent-primary);color:var(--black);font-weight:700}.pdf-summarizer-avatar-wrapper{position:relative}.pdf-summarizer-avatar-menu{position:absolute;top:50px;right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 6px 18px #00000040;z-index:100;animation:fadeIn .15s ease-in-out}.pdf-summarizer-avatar-menu p{margin:0;font-size:15px;font-weight:500;color:var(--text-primary, #ffffff)}.pdf-summarizer-avatar-menu .menu-divider{margin:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.pdf-summarizer-avatar-menu button{width:100%;background:transparent;color:var(--color-danger, #ff4d4f);font-weight:500;border:none;padding:10px;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease;font-weight:700}.pdf-summarizer-avatar-menu button:hover{background:#ff4d4f26}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}body{background-color:var(--card-bg);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pdf-history{padding:2rem;max-width:1400px;margin:0 auto}.pdf-history__title{text-align:center;margin-bottom:2rem;font-size:2.2rem;font-weight:600;position:relative;color:var(--text-primary);padding-bottom:1rem}.pdf-history__title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--header-gradient);border-radius:2px}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:auto;align-items:start;gap:1.8rem;margin-top:1.5rem}.history-card{background:var(--card-bg);border-radius:12px;box-shadow:0 8px 25px rgba(var(--black-rgb),.4);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative;border:1px solid var(--border-divider)}.history-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(var(--black-rgb),.5);border-color:var(--accent-primary)}.card-icon{background:var(--color-surface-dark);height:160px;display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;position:relative;transition:all .3s ease}.history-upload-icon-bg{width:65px;height:65px;background:var(--upload-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.card-icon:hover{border-color:var(--accent-primary);background:var(--icon-bg-hover)}.icon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--icon-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-weight:600;font-size:1.2rem;letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-icon:hover .icon-overlay{opacity:1}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card-title{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary);font-weight:500}.card-date{font-size:.88rem;color:var(--text-secondary);margin-bottom:1.2rem;display:flex;align-items:center}.date-label{font-weight:700;margin-right:.5rem;color:var(--accent-primary)}.features-accordion{margin-top:auto}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;cursor:pointer;font-weight:600;color:var(--secondary-accent);border-top:1px solid var(--border-divider);transition:color .2s}.accordion-header:hover{color:var(--accent-primary)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.accordion-content.expanded{max-height:200px;opacity:1}.feature-actions{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.feature-btns-row{display:flex;gap:.8rem}.feature-btn{flex:1;padding:.7rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:var(--header-bg);color:var(--text-primary)}.feature-btn:disabled{opacity:.5;cursor:not-allowed}.feature-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--black-rgb),.2)}.summary-btn{border:1px solid var(--accent-primary);color:var(--accent-primary)}.summary-btn:not(:disabled):hover{background:var(--summary-accent-light)}.mcq-btn{border:1px solid var(--secondary-accent);color:var(--secondary-accent)}.mcq-btn:not(:disabled):hover{background:var(--summary-secondary-light)}.delete-btn{padding:.8rem 1.5rem;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;width:100%}.delete-btn:hover{background:var(--delete-hover);transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--black-rgb),.2)}.pdf-modal-overlay,.content-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdf-modal,.content-modal{background:var(--modal-bg);border-radius:16px;box-shadow:0 25px 50px rgba(var(--black-rgb),.5);overflow:hidden;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:scaleUp .3s ease;border:1px solid var(--border-divider)}.content-modal{display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:8px;padding:1rem;width:80%;max-width:800px;max-height:100vh}.pdf-modal-header,.content-modal-header{padding:1.5rem;background:var(--header-bg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-divider)}h3{color:var(--text-primary)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:rgba(var(--white-rgb),.1);color:var(--danger)}.pdf-preview-container{height:80vh;padding:1rem;background:var(--card-bg)}.no-pdf{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.content-modal-body{padding:1.5rem;overflow-y:auto;max-height:80vh;color:var(--text-primary)}.mcq-modal{flex:1;min-height:400px;max-height:80vh;overflow-y:auto;padding:1rem}.mcq-list{list-style:none;padding:0;margin:0;height:100vh}.mcq-item{padding:1.5rem;border-bottom:1px solid var(--border-divider);transition:background .2s}.mcq-item:hover{background:rgba(var(--white-rgb),.05)}.mcq-question{font-weight:600;margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary)}.q-number{background:var(--accent-primary);color:var(--card-bg);border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;margin-right:.8rem;font-size:.9rem;font-weight:700}.mcq-options{list-style:none;padding:0;margin:0 0 1rem}.mcq-options li{padding:.6rem 1rem;margin-bottom:.5rem;background:var(--option-bg);border-radius:6px;border-left:3px solid var(--border-divider)}.mcq-options .correct{border-left-color:var(--success);background:var(--correct-bg)}.mcq-answer{padding:.8rem;background:var(--summary-accent-light);border-radius:6px;font-weight:600;color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.option{background-color:var(--header-bg);padding:.5rem 1rem;border-radius:6px;margin-bottom:.5rem;transition:background-color .2s ease}.option:hover{background-color:var(--option-hover)}.notification{position:fixed;top:30px;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 25px rgba(var(--black-rgb),.3);z-index:2000;animation:slideDownNotif .3s ease;border:1px solid}.notification.success{background:rgba(var(--success-rgb),.2);color:var(--success);border-color:var(--success)}.notification.error{background:rgba(var(--danger-rgb),.2);color:var(--danger);border-color:var(--danger)}.notification-content{display:flex;align-items:center;gap:.5rem}.notification-icon{font-size:1.2rem}.notification-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:1rem;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}.skeleton-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.skeleton-card{background:var(--card-bg);border-radius:12px;box-shadow:0 8px 25px rgba(var(--black-rgb),.4);overflow:hidden;height:320px;border:1px solid var(--border-divider)}.skeleton-icon{height:160px;background:var(--skeleton-gradient);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-title{height:24px;width:70%;background:var(--header-bg);margin:1.5rem 1.5rem .8rem;border-radius:4px}.skeleton-date{height:16px;width:50%;background:var(--header-bg);margin:0 1.5rem 1.5rem;border-radius:4px}.skeleton-btn-group{display:flex;gap:.8rem;padding:0 1.5rem}.skeleton-btn{height:40px;flex:1;background:var(--header-bg);border-radius:8px}.skeleton-delete{height:44px;margin:1rem 1.5rem 1.5rem;background:var(--header-bg);border-radius:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{height:0;opacity:0}to{height:auto;opacity:1}}@keyframes slideDownNotif{0%{top:-50px;opacity:0}to{top:30px;opacity:1}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.pdf-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pdf-modal,.content-modal{width:95%}.pdf-history{padding:1rem}}@media (max-width: 480px){.feature-actions,.feature-btns-row{flex-direction:column}.pdf-grid{grid-template-columns:1fr}}.search-bar-container{display:flex;justify-content:center;margin-bottom:2rem}.search-input-wrapper{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--text-secondary);font-size:1.2rem;pointer-events:none}.search-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:1px solid var(--border-divider);border-radius:8px;background:var(--header-bg);color:var(--text-primary);font-size:1rem;transition:border .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--search-focus)}.no-results-message{grid-column:1 / -1;text-align:center;color:var(--text-secondary);font-size:1rem;margin-top:2rem}.summary-section{margin-bottom:1rem}.summary-key{font-weight:700;margin-bottom:.25rem;color:var(--summary-key)}.summary-text{margin-left:1rem;color:var(--summary-text)}.summary-list{margin-left:1.5rem;list-style:disc;color:var(--summary-text)}.mcq-modal-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mcq-modal{background-color:var(--card-bg);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(var(--black-rgb),.5);border:1px solid var(--border-divider);animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mcq-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-divider)}.header-content{display:flex;align-items:center;gap:12px}.header-icon{font-size:1.8rem;color:var(--accent-primary)}.mcq-modal-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.counter{background:var(--summary-accent-light);color:var(--accent-primary);padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600}.close-btn{background:rgba(var(--white-rgb),.1);border:none;color:var(--text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:var(--danger);transform:rotate(90deg)}.mcq-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.mcq-accordion{display:flex;flex-direction:column;gap:12px}.mcq-item{background-color:rgba(var(--card-bg-rgb),.9);border-radius:10px;overflow:hidden;border:1px solid var(--border-divider);transition:all .3s ease}.mcq-item.active{border-color:var(--accent-primary);box-shadow:0 5px 15px rgba(var(--accent-primary-rgb),.1)}.mcq-question-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;transition:background-color .3s}.mcq-question-header:hover{background-color:rgba(var(--header-bg-rgb),.4)}.question-info{display:flex;gap:12px;align-items:flex-start;flex:1}.q-number{background:var(--accent-primary);color:var(--card-bg);font-weight:700;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}.q-text{flex:1;color:var(--text-primary);line-height:1.6;font-weight:500}.accordion-icon{color:var(--secondary-accent);font-size:1.25rem;transition:transform .3s ease}.mcq-item.active .accordion-icon{transform:rotate(180deg);color:var(--accent-primary)}.mcq-content{overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1);max-height:0}.options-container{padding:0 1.25rem 1.5rem}.mcq-options{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{display:flex;gap:12px;padding:.9rem;border-radius:8px;background-color:var(--option-bg);border:1px solid transparent;transition:all .3s ease}.option:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--black-rgb),.2)}.option.correct{background-color:var(--correct-bg);border-color:var(--success);animation:pulse 1.5s ease-in-out}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--success-pulse)}70%{box-shadow:0 0 0 8px rgba(var(--success-rgb),0)}to{box-shadow:0 0 rgba(var(--success-rgb),0)}}.option-letter{width:28px;height:28px;background:var(--summary-secondary-light);border:1px solid var(--secondary-accent);color:var(--secondary-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;position:relative}.option.correct .option-letter{background:var(--success);color:var(--white);border-color:var(--success)}.correct-icon{position:absolute;bottom:-5px;right:-5px;background:var(--success);color:var(--white);border-radius:50%;padding:2px;font-size:.8rem;border:2px solid var(--card-bg)}.option-text{flex:1;color:var(--text-primary);line-height:1.5}.answer-explanation{background:var(--blur-bg);border-radius:10px;padding:1.25rem;border-left:3px solid var(--accent-primary)}.answer-header{display:flex;gap:12px;margin-bottom:.8rem;font-weight:600;color:var(--text-secondary)}.correct-answer{color:var(--success);font-weight:700}.explanation{background:rgba(var(--card-bg-rgb),.8);padding:1rem;border-radius:8px;margin-top:.8rem;color:var(--text-primary);line-height:1.6;border:1px solid rgba(var(--accent-primary-rgb),.2)}.no-mcqs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.empty-state-icon{width:60px;height:60px;border-radius:50%;background:var(--summary-secondary-light);border:2px dashed var(--secondary-accent);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem;color:var(--secondary-accent)}.mcq-modal-footer{padding:1.25rem;border-top:1px solid var(--border-divider);display:flex;justify-content:flex-end}.done-btn{background:var(--accent-primary);color:var(--card-bg);border:none;padding:.8rem 1.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.done-btn:hover{background:var(--success);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.summary-modal-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayFade .4s ease-out}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.summary-modal{background:var(--color-surface-dark);border-radius:18px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(var(--black-rgb),.5);border:1px solid rgba(var(--white-rgb),.08);overflow:hidden;transform:translateY(20px);animation:modalEnter .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes modalEnter{to{transform:translateY(0)}}.summary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(to right,var(--header-bg),var(--card-bg));border-bottom:1px solid var(--border-divider);position:relative}.header-content{flex:1}.accent-bar{position:absolute;top:0;left:0;height:4px;width:100%;background:var(--header-gradient)}.summary-modal-header h3{margin:0;font-size:1.6rem;color:var(--text-primary);font-weight:600;padding-top:.5rem}.section-count{background:var(--summary-accent-light);color:var(--accent-primary);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block;margin-top:.5rem}.close-btn{background:rgba(var(--white-rgb),.08);border:none;color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.close-btn:hover{background:var(--danger);transform:rotate(90deg);color:#f0f8ff}.summary-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.no-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.7}.summary-modal-footer{padding:1.25rem;border-top:1px solid var(--border-divider);display:flex;justify-content:center}.done-btn{background:var(--accent-primary);color:var(--card-bg);border:none;padding:.8rem 2.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--accent-primary-rgb),.3)}.done-btn:hover{background:var(--success);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-primary-rgb),.4)}.summary-modal-body::-webkit-scrollbar{width:8px}.summary-modal-body::-webkit-scrollbar-track{background:rgba(var(--header-bg-rgb),.3)}.summary-modal-body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.summary-modal-body::-webkit-scrollbar-thumb:hover{background:var(--secondary-accent)}.techadda-accordion-container{background-color:transparent;color:var(--color-surface-light);padding:0;border-radius:0;min-height:auto;box-shadow:none;border:none;transition:all .4s ease}.techadda-accordion-item{border-bottom:1px solid var(--border-divider);overflow:hidden;transition:all .3s ease;border-radius:12px;margin-bottom:16px;background:var(--item-bg);border:1px solid var(--border-divider)}.techadda-accordion-item.active{background:var(--active-bg);box-shadow:0 10px 30px var(--card-shadow);border-color:var(--item-active-border);transform:translateY(-2px)}.techadda-accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1.5rem;transition:all .3s ease}.techadda-accordion-header:hover{background:var(--header-hover)}.techadda-accordion-item.active .techadda-accordion-header{background:var(--active-header-bg)}.header-content{display:flex;gap:8px}.section-indicator{position:relative;width:36px;height:36px;flex-shrink:0}.section-number{position:absolute;top:0;left:0;width:36px;height:36px;background:var(--section-indicator);border:1px solid var(--indicator-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--secondary-accent);z-index:2}.active-pulse{position:absolute;top:0;left:0;width:36px;height:36px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s infinite;opacity:.4}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.2}to{transform:scale(1);opacity:.4}}.title-wrapper{flex:1}.techadda-accordion-title{font-size:1.3rem;font-weight:600;color:var(--accent-primary);letter-spacing:.3px;margin-bottom:.5rem;display:flex;align-items:center}.techadda-accordion-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--secondary-accent);margin-right:12px;box-shadow:0 0 8px var(--secondary-accent)}.bullet-count{background:var(--bullet-count-bg);color:var(--secondary-accent);font-size:.85rem;padding:.2rem .8rem;border-radius:20px;font-weight:500;margin-left:12px}.techadda-accordion-subtitle{font-size:.95rem;color:var(--text-secondary);font-style:italic;opacity:.9;margin-top:4px;line-height:1.5}.techadda-accordion-icon{font-size:1.5rem;color:var(--secondary-accent);transition:all .4s cubic-bezier(.68,-.55,.27,1.55);min-width:40px;text-align:center}.techadda-accordion-item.active .techadda-accordion-icon{transform:rotate(180deg);color:var(--accent-primary)}.techadda-accordion-content{overflow:hidden;transition:max-height .6s cubic-bezier(.34,1.56,.64,1)}.content-inner{padding:0 1.5rem 1.5rem;margin-left:52px;position:relative}.content-header{position:relative;padding-left:24px}.section-highlight{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--accent-primary),var(--secondary-accent));border-radius:2px}.techadda-accordion-description{font-size:1.05rem;line-height:1.7;color:var(--text-primary);margin-bottom:1.5rem;padding-right:1rem;opacity:.92}.key-points-container{background:rgba(var(--header-bg-rgb),.4);border-radius:12px;padding:1.5rem;border:1px solid var(--content-border)}.key-points-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem;color:var(--accent-primary);font-weight:600;font-size:1.1rem}.check-icon{background:rgba(var(--accent-primary-rgb),.15);padding:6px;border-radius:50%}.techadda-bullet-list{padding-left:0;margin:0}.techadda-accordion-point{display:flex;gap:12px;padding:.8rem 0;border-bottom:1px solid var(--point-divider)}.techadda-accordion-point:last-child{border-bottom:none}.bullet-indicator{position:relative;width:24px;height:24px;flex-shrink:0}.bullet-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary)}.bullet-indicator:before{content:"";position:absolute;inset:0;border:1px solid var(--accent-primary);border-radius:50%;opacity:.3}.techadda-summary-error{display:flex;align-items:center;gap:12px;color:var(--danger);background-color:var(--error-bg);padding:1.5rem;border-radius:12px;font-weight:600;border:1px solid var(--error-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.error-icon{font-size:1.5rem;flex-shrink:0;color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.techadda-accordion-content.open .content-inner{animation:fadeIn .5s ease forwards}.analyzer-container{display:flex;background-color:var(--dark-bg);height:100vh;width:100%}.pdf-main-content{flex:1;display:flex;flex-direction:column}.pdf-content-area{flex:1;overflow-y:auto;padding:20px;background-color:var(--color-surface);color:var(--text-primary)}.double-bar-container{display:flex}.collapse-bar{margin-left:5vw}.login-page-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--dark-bg);background-image:var(--radial-light-green),var(--radial-light-cyan),var(--overlay-pattern);background-size:cover;overflow:hidden}.login-card{background:var(--popup-bg);border:1px solid var(--border-accent);box-shadow:var(--shadow-primary),var(--shadow-secondary);padding:2rem;border-radius:16px;width:360px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .6s ease-in-out}.login-title{margin-bottom:.3rem;color:var(--accent-primary);font-size:1.8rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{padding:12px;background:var(--color-surface-light);border:1px solid var(--search-border);border-radius:8px;font-size:.95rem;color:var(--text-primary);outline:none;transition:border .3s ease,box-shadow .3s ease}.login-input:focus{border:1px solid var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.login-btn{padding:12px;background:var(--gradient-accent);color:var(--text-on-primary);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;box-shadow:var(--shadow-button);transition:transform .2s ease,box-shadow .3s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-submit-hover)}.login-footer{margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary)}.login-register-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.login-register-link:hover{color:var(--secondary-accent);text-decoration:underline}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-page-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--body-bg);background-image:var(--radial-light-green),var(--radial-light-cyan),var(--overlay-pattern);background-size:cover}.register-card{background:var(--popup-bg);border:1px solid var(--border-accent);box-shadow:var(--shadow-primary),var(--shadow-secondary);padding:2rem;border-radius:16px;width:380px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .6s ease-in-out}.register-title{margin-bottom:.3rem;color:var(--accent-primary);font-size:1.8rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.register-subtitle{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.95rem}.register-form{display:flex;flex-direction:column;gap:1rem}.register-input{padding:12px;background:var(--color-surface-light);border:1px solid var(--search-border);border-radius:8px;font-size:.95rem;color:var(--text-primary);outline:none;transition:border .3s ease,box-shadow .3s ease}.register-input:focus{border:1px solid var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.register-btn{padding:12px;background:var(--gradient-accent);color:var(--text-on-primary);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;box-shadow:var(--shadow-button);transition:transform .2s ease,box-shadow .3s ease}.register-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-submit-hover)}.register-footer{margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary)}.register-login-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.register-login-link:hover{color:var(--secondary-accent);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.landingpage-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#fff;line-height:1.6;overflow-x:hidden;position:relative;z-index:1}.landingpage-navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.landingpage-logo{font-size:1.75rem;font-weight:800;background:linear-gradient(90deg,#00f0ff,#ff00d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;cursor:pointer}.landingpage-nav-links{display:flex;gap:2rem}.landingpage-nav-links a{color:#bbb;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative}.landingpage-nav-links a:hover{color:#fff}.landingpage-nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00f0ff,#ff00d4);transition:all .3s ease}.landingpage-nav-links a:hover:after{width:100%}.landingpage-nav-actions{display:flex;gap:1rem}.landingpage-btn-primary,.landingpage-btn-secondary,.landingpage-btn-outline{padding:.7rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none;outline:none}.landingpage-btn-primary{background:linear-gradient(90deg,#00f0ff,#ff00d4);color:#fff;box-shadow:0 4px 20px #00f0ff4d}.landingpage-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #00f0ff80}.landingpage-btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff}.landingpage-btn-secondary:hover{background:#ffffff26}.landingpage-btn-outline{background:transparent;border:1px solid #00f0ff;color:#00f0ff}.landingpage-btn-outline:hover{background:#00f0ff1a}.landingpage-hero{margin-top:-3rem;padding:6rem 0;display:flex;align-items:center;min-height:85vh}.landingpage-hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.landingpage-hero-text{display:flex;flex-direction:column;gap:1.5rem}.landingpage-badge{align-self:flex-start;padding:.5rem 1.25rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:50px;font-size:.9rem;color:#00f0ff;font-weight:500}.landingpage-hero-text h1{font-size:3rem;font-weight:800;line-height:1.1;margin:.5rem 0}.landingpage-gradient-text{background:linear-gradient(90deg,#00f0ff,#ff00d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.landingpage-hero-text p{font-size:1rem;color:#bbb;max-width:90%;line-height:1.7}.landingpage-hero-buttons{display:flex;gap:1rem;margin-top:1rem}.landingpage-hero-checks{display:flex;gap:2rem;color:#bbb;font-size:.95rem;margin-top:.5rem}.landingpage-hero-checks span{display:flex;align-items:center;gap:.5rem}.with-text{font-size:2.4rem;color:var(--text-secondary)}.landingpage-hero-card{padding:2rem;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.1);transform:rotate(-5deg) translateY(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.landingpage-hero-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#00f0ff,#ff00d4)}.landingpage-hero-card.hovered{transform:rotate(0) translateY(0);box-shadow:0 15px 40px #00f0ff40}.landingpage-card-header{margin-bottom:1.8rem}.landingpage-card-header h4{font-size:1.4rem;margin-bottom:.25rem}.landingpage-card-header small{color:#bbb;font-size:.9rem}.landingpage-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.landingpage-metric{display:flex;flex-direction:column;align-items:center;gap:.75rem}.landingpage-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#00f0ff,#ff00d4);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5rem;color:#fff}.landingpage-progress{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.landingpage-progress span{font-weight:500;display:flex;justify-content:space-between}.landingpage-progress-bar{width:100%;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.landingpage-progress-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#ff00d4);border-radius:5px}.landingpage-ai-suggestion{display:flex;align-items:flex-start;gap:1rem;background:#00f0ff1a;padding:1.25rem;border-radius:12px;border-left:3px solid #00f0ff;margin-top:1.5rem}.landingpage-ai-suggestion .ai-icon{background:linear-gradient(90deg,#00f0ff,#ff00d4);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.landingpage-ai-suggestion p{font-size:.95rem;line-height:1.5}.landingpage-features{padding:6rem 0 5rem}.landingpage-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;position:relative;top:5vh}.landingpage-feature-card{background:#ffffff0d;border-radius:14px;padding:1.6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000001a}.landingpage-feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00f0ff40}.landingpage-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;opacity:1;transition:opacity .3s ease;background:linear-gradient(90deg,#00f0ff,#ff00d4)}.feature-icon-wrapper{margin-bottom:1.5rem;position:relative;display:inline-block}.feature-icon{font-size:2.8rem;padding:1rem;background:#ffffff1a;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;transition:all .3s ease}.landingpage-feature-card:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#00f0ff33,#ff00d433)}.feature-content{flex-grow:1;display:flex;flex-direction:column}.landingpage-feature-card h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.landingpage-feature-card p{color:#bbb;flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.landingpage-feature-card button{align-self:flex-start;margin-top:auto;padding:.7rem 1.8rem;font-weight:600;transition:all .3s ease}.landingpage-feature-card button:hover{background:linear-gradient(90deg,#00f0ff,#ff00d4);color:#fff;border-color:transparent}.landingpage-dashboard{padding:5rem 0;position:relative;overflow:hidden}.landingpage-dashboard:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.dashboard-preview{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;max-width:1200px;margin:0 auto;background:#ffffff08;border-radius:24px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0000004d,inset 0 0 20px #00f0ff1a;position:relative;overflow:hidden}.dashboard-preview:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00f0ff,#ff00d4)}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:2rem}.dashboard-right-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.5rem}.dashboard-card{background:#ffffff0d;border-radius:16px;padding:1.8rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00f0ff33;border-color:#00f0ff4d}.dashboard-card-title{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center}.dashboard-card-title:after{content:"";position:absolute;bottom:-1px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#00f0ff,#ff00d4)}.scorecard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.scorecard-metric{background:#ffffff08;border-radius:12px;padding:1.2rem;text-align:center;transition:all .3s ease}.scorecard-metric:hover{background:#00f0ff0d;transform:translateY(-3px)}.metric-value{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#00f0ff,#ff00d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.metric-label{font-size:1rem;color:#bbb;font-weight:500}.total-fit-score{margin-top:1.5rem}.score-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500;font-size:1.1rem}.progress-bar{width:100%;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden;position:relative}.progress-bar.small{height:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#ff00d4);border-radius:6px;position:relative;transition:width .8s cubic-bezier(.22,.61,.36,1)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{background-position:-200px 0}to{background-position:200px 0}}.root-actions .action-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.root-actions li{display:flex;gap:1rem;align-items:flex-start}.action-icon{font-size:1.5rem;background:#00f0ff1a;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-content strong{font-weight:600;display:block;margin-bottom:.25rem}.action-content p{color:#bbb;font-size:.95rem;line-height:1.5}.ai-suggestions{background:#00f0ff0d;border:1px solid rgba(0,240,255,.15)}.ai-suggestions .dashboard-card-title{color:#00f0ff}.suggestion-content p{position:relative;padding-left:1.5rem;margin-bottom:1rem;line-height:1.6}.suggestion-content p:before{content:"•";position:absolute;left:0;color:#00f0ff;font-size:1.5rem;line-height:1}.suitable-roles{grid-column:1;grid-row:1}.role-tags{display:flex;flex-wrap:wrap;gap:.75rem}.role-tag{background:#68d2d21a;color:#f9f7f9;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,0,212,.2)}.progress-card{grid-column:2;grid-row:1}.progress-content{display:flex;flex-direction:column;gap:1rem}.progress-item{display:flex;align-items:center;gap:1rem}.progress-item span:first-child{min-width:70px;font-size:.95rem}.progress-item span:last-child{min-width:40px;text-align:right;font-weight:500}.progress-bar{flex-grow:1}.resources{grid-column:1 / span 2;grid-row:2}.resource-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.resource-list li{display:flex;align-items:center;gap:.75rem;padding:5px;border-radius:8px;transition:all .2s ease}.resource-list li:hover{background:#ffffff0d;transform:translate(5px)}@media (max-width: 1024px){.dashboard-preview{grid-template-columns:1fr;gap:2rem}.dashboard-right-grid{grid-template-columns:1fr;grid-template-rows:auto}.progress-card{grid-column:1;grid-row:2}.resources{grid-column:1;grid-row:3}}@media (max-width: 768px){.dashboard-preview{padding:2rem}.scorecard-metrics,.dashboard-right-grid{grid-template-columns:1fr}.progress-card{grid-column:1;grid-row:2}.resources{grid-column:1;grid-row:3}}.landingpage-cta{padding:6rem 0;text-align:center;background:radial-gradient(ellipse at center,#00f0ff1a,#ff00d40d)}.cta-content{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.cta-content h2{font-size:2.6rem;font-weight:800;line-height:1.2}.cta-content p{font-size:1.2rem;color:#bbb;margin-bottom:1rem;line-height:1.7}.landingpage-cta-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.landingpage-footer{padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;max-width:1200px;margin:0 auto 3rem}.footer-brand .landingpage-logo{font-size:2rem;margin-bottom:1rem}.footer-brand p{color:#bbb;max-width:80%;line-height:1.7;margin-bottom:1.5rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#bbb;text-decoration:none;transition:all .3s ease}.footer-social a:hover{color:#00f0ff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-group{display:flex;flex-direction:column;gap:1rem}.link-group h4{font-size:1.2rem;margin-bottom:.5rem;font-weight:600;color:#fff}.link-group a{color:#bbb;text-decoration:none;transition:all .3s ease;font-size:1rem}.link-group a:hover{color:#00f0ff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#bbb}.legal-links{display:flex;gap:1.5rem}.legal-links a{color:#bbb;text-decoration:none;transition:all .3s ease}.legal-links a:hover{color:#00f0ff}@media (max-width: 1024px){.landingpage-hero-content{grid-template-columns:1fr;gap:3rem}.landingpage-hero-text{text-align:center;align-items:center}.landingpage-badge{align-self:center}.landingpage-hero-text p{max-width:100%}.landingpage-hero-card{max-width:500px;margin:0 auto}.dashboard-preview{grid-template-columns:1fr}}@media (max-width: 768px){.landingpage-navbar{flex-direction:column;gap:1.5rem;padding:1.5rem 0}.landingpage-nav-links{flex-wrap:wrap;justify-content:center}.landingpage-hero-text h1{font-size:2.5rem}.landingpage-hero-buttons{flex-direction:column;align-items:center;gap:1rem}.landingpage-hero-checks{flex-direction:column;gap:1rem}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.legal-links{justify-content:center;flex-wrap:wrap}.dashboard-preview{padding:2rem}}@media (max-width: 480px){.landingpage-nav-actions{flex-direction:column;width:100%;gap:.8rem}.landingpage-nav-actions button{width:100%}.landingpage-card-metrics{grid-template-columns:1fr}.landingpage-cta-buttons{flex-direction:column;align-items:center;gap:1rem}.landingpage-hero{padding:4rem 0}.landing-section-header h2,.cta-content h2{font-size:2rem}}.landingpage-cta{padding:6rem 0;text-align:center;background:radial-gradient(ellipse at center,#00f0ff1a,#ff00d40d);clip-path:polygon(5% 0,95% 0,100% 100%,0% 100%)}.landingpage-features,.dashboard-preview,.landingpage-cta{position:relative;overflow:hidden}@keyframes progress-shine{0%{background-position:-100px 0}to{background-position:100px 0}}.progress-fill{position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:50px 50px;animation:progress-shine 2s linear infinite;border-radius:inherit;overflow:hidden}.landingpage-feature-card:hover{transform:translateY(-10px)!important}.dashboard-card:hover{transform:translateY(-5px)!important}.landing-section-header{overflow:hidden}.landingpage-btn-primary:hover,.landingpage-btn-outline:hover{transform:translateY(-2px)}.landing-section-header{padding:2rem 0;text-align:center}.orbit-hero-container{position:relative;width:500px;height:500px;display:flex;justify-content:center;align-items:center;perspective:1000px}.central-globe{position:relative;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#00f0ffcc,#0064ff99 40%,#281464cc 70%,#0a0a28);box-shadow:0 0 60px #00f0ff66,0 0 100px #ff00d433;z-index:5;transform-style:preserve-3d}.globe-surface{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden}.globe-grid-line{position:absolute;background:#00f0ff26;width:100%;height:1px;top:50%}.globe-grid-line:nth-child(1){transform:rotate(45deg)}.globe-grid-line:nth-child(2){transform:rotate(90deg)}.globe-grid-line:nth-child(3){transform:rotate(135deg)}.globe-highlight{position:absolute;width:20px;height:20px;border-radius:50%;background:#ffffff4d;top:30px;left:30px;filter:blur(15px)}.globe-core{position:absolute;width:50px;height:50px;border-radius:50%;background:#fffc;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(10px)}.globe-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#00f0ff4d,#00f0ff00 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.orbit-ring-1{width:360px;height:360px}.orbit-ring-2{width:420px;height:420px}.feature-orbit-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.feature-icon-wrapper{width:70px;height:70px;display:flex;justify-content:center;align-items:center;background:#1e1e3cb3;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,240,255,.3);box-shadow:0 0 20px #00f0ff33;transition:all .3s ease;cursor:pointer;position:relative}.feature-icon-wrapper:hover{background:#00f0ff33;box-shadow:0 0 30px #00f0ff66;border-color:#ff00d480}.feature-icon-halo{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#00f0ff4d,#00f0ff00 70%);opacity:0;transition:opacity .3s ease}.feature-icon-wrapper:hover .feature-icon-halo{opacity:1}.feature-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:#141928f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:12px;width:180px;text-align:center;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(0,240,255,.2);z-index:20;pointer-events:none;opacity:0}.feature-tooltip h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;background:linear-gradient(90deg,#00f0ff,#ff00d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-tooltip p{margin:0;font-size:.85rem;color:#bbb;line-height:1.4}.floating-particle{position:absolute;background:#00f0ff99;border-radius:50%;z-index:1;pointer-events:none}.globe-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#fff;pointer-events:none}.orbit-ring{position:absolute;border:1px dashed rgba(255,255,255,.2);border-radius:50%}.orbit-ring-1{width:300px;height:300px}.orbit-ring-2{width:400px;height:400px}.orbit-ring-3{width:500px;height:500px}.orbit-ring-4{width:600px;height:600px}.globe-surface{width:200px;height:200px;border-radius:50%;background:url(/textures/earth.jpg) no-repeat center/cover;box-shadow:inset -15px -15px 30px #00000080,0 0 40px #0096ff99;position:relative}.globe-glow{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,150,255,.3),transparent 70%);position:absolute;top:-10px;left:-10px}.globe-wrapper{position:relative;display:inline-block}.globe-name{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.6);pointer-events:none;opacity:1;justify-items:center;align-items:center}.globe-name img{height:2rem}.particles-container{position:relative;width:100%;height:100%}:root{--color-background: #0b0f19;--color-surface: #111827;--accent-primary: #00ffff;--secondary-accent: #ff00ff;--color-accent-highlight: #facc15;--text-primary: #e5f2ff;--text-secondary: #94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background);overflow-x:hidden;height:100vh;width:100vw}.splash-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--color-background);z-index:9999;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.particle{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);background:var(--color);border-radius:50%;opacity:.5;filter:blur(2px);animation:float var(--duration) infinite ease-in-out var(--delay)}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(40px,-30px) scale(1.2);opacity:.6}50%{transform:translateY(-60px) scale(.8);opacity:.4}75%{transform:translate(-40px,-30px) scale(1.1);opacity:.5}}.splash-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:800px;width:90%;text-align:center}.logo-container{position:relative;margin-bottom:3rem;overflow:hidden;padding:1.5rem}.logo-shimmer{position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(0,255,255,.2),transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,0,255,.2),transparent 40%);animation:shimmer-orbit 6s infinite linear;z-index:-1;transform:translate(-50%,-50%)}@keyframes shimmer-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.logo-text{font-size:5.5rem;font-weight:900;letter-spacing:-2px;text-transform:uppercase;margin-bottom:.5rem;display:flex;justify-content:center;text-shadow:0 0 15px rgba(0,255,255,.5),0 0 30px rgba(255,0,255,.3)}.logo-gradient{display:inline-block;background:linear-gradient(135deg,var(--accent-primary),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:letter-pulse 2s infinite alternate;animation-delay:calc(var(--index) * .1s)}@keyframes letter-pulse{0%{transform:translateY(0) scale(1);text-shadow:0 0 10px rgba(0,255,255,.7)}to{transform:translateY(-10px) scale(1.1);text-shadow:0 0 20px rgba(255,0,255,.8),0 0 40px rgba(255,0,255,.5)}}.logo-subtitle{font-size:1.2rem;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase;margin-top:-.5rem;animation:subtitle-pulse 3s infinite ease-in-out}@keyframes subtitle-pulse{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 10px rgba(0,255,255,.4)}}.feature-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.badge{padding:.6rem 1.2rem;background:#1e293bb3;border:1px solid rgba(0,255,255,.3);border-radius:30px;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;animation:badge-float 4s infinite ease-in-out;animation-delay:calc(var(--i) * .2s);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px #0000004d}.badge:nth-child(1){--i: 1}.badge:nth-child(2){--i: 2}.badge:nth-child(3){--i: 3}.badge:nth-child(4){--i: 4}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px);box-shadow:0 8px 25px #f0f3}}.loading-container{width:100%;max-width:400px;margin-top:1rem}.loading-bar{width:100%;height:6px;background:#4755694d;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 10px #0000004d}.loading-progress{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--accent-primary),var(--secondary-accent));border-radius:10px;animation:loading 2.5s infinite cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px var(--accent-primary)}@keyframes loading{0%{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}.loading-text{margin-top:1rem;color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;animation:text-flicker 2s infinite alternate}@keyframes text-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 5px rgba(0,255,255,.5)}20%,24%,55%{opacity:.6;text-shadow:none}}.glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:0}.glow-1{background:var(--accent-primary);width:400px;height:400px;top:-200px;left:-200px;opacity:.1;animation:glow-pulse 8s infinite ease-in-out}.glow-2{background:var(--secondary-accent);width:500px;height:500px;bottom:-250px;right:-250px;opacity:.1;animation:glow-pulse 10s infinite ease-in-out reverse}.glow-3{background:var(--color-accent-highlight);width:300px;height:300px;top:50%;left:30%;opacity:.05;animation:glow-move 15s infinite linear}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.2);opacity:.15}}@keyframes glow-move{0%{transform:translate(0)}25%{transform:translate(200px,-100px)}50%{transform:translate(400px,100px)}75%{transform:translate(100px,300px)}to{transform:translate(0)}}.particle{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);background:var(--color);border-radius:50%;opacity:.5;filter:blur(2px);animation:float-wave var(--duration) infinite ease-in-out var(--delay)}@keyframes float-wave{0%{transform:translate(0);opacity:.3}25%{transform:translate(calc(10px*sin(var(--delay))),calc(-20px*sin(var(--delay))));opacity:.6}50%{transform:translate(calc(-15px*sin(var(--delay))),-40px);opacity:.4}75%{transform:translate(calc(5px*sin(var(--delay))),-20px);opacity:.5}to{transform:translate(0);opacity:.3}}.splash-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.05),transparent 70%),radial-gradient(circle at 80% 70%,rgba(255,0,255,.05),transparent 70%);z-index:0;animation:bg-shift 20s infinite linear}@keyframes bg-shift{0%{background-position:0% 0%,100% 100%}50%{background-position:50% 50%,50% 50%}to{background-position:0% 0%,100% 100%}}.splash-content img{height:100px}:root{--mns-primary: #0f0f0f;--mns-secondary: #1a1a1a;--mns-accent: #2a2a2a;--mns-surface: #151515;--mns-border: #333333;--mns-blue: #3b82f6;--mns-purple: #8b5cf6;--mns-cyan: #06b6d4;--mns-emerald: #10b981;--mns-orange: #f59e0b;--mns-text-primary: #ffffff;--mns-text-secondary: #a3a3a3;--mns-text-muted: #737373;--mns-gradient-primary: linear-gradient(135deg, var(--mns-blue), var(--mns-purple));--mns-gradient-secondary: linear-gradient(45deg, var(--mns-cyan), var(--mns-emerald));--mns-gradient-accent: linear-gradient(90deg, var(--mns-orange), var(--mns-blue));--mns-shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--mns-shadow-medium: 0 8px 32px rgba(0, 0, 0, .4);--mns-shadow-hard: 0 12px 48px rgba(0, 0, 0, .6);--mns-ease-out: cubic-bezier(.22, 1, .36, 1);--mns-ease-in: cubic-bezier(.64, 0, .78, 0);--mns-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.mns-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--mns-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:10000;color:var(--mns-text-primary);perspective:1200px;transform-style:preserve-3d}.mns-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mns-mouse-x, 50%) var(--mns-mouse-y, 50%),rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at calc(100% - var(--mns-mouse-x, 50%)) calc(100% - var(--mns-mouse-y, 50%)),rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none;transition:all .3s var(--mns-ease-out);z-index:1}.mns-bg-layer{position:absolute;inset:0;pointer-events:none}.mns-bg-primary{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(6,182,212,.06) 0%,transparent 50%);animation:mns-bg-shift 30s ease-in-out infinite;z-index:2}.mns-bg-secondary{background:linear-gradient(45deg,transparent 0%,rgba(59,130,246,.02) 25%,transparent 50%,rgba(139,92,246,.02) 75%,transparent 100%);background-size:400px 400px;animation:mns-bg-slide 25s linear infinite;z-index:3}.mns-bg-grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:mns-grid-pulse 20s ease-in-out infinite;z-index:4}@keyframes mns-bg-shift{0%,to{filter:hue-rotate(0deg) brightness(1);transform:scale(1) rotate(0)}33%{filter:hue-rotate(120deg) brightness(1.1);transform:scale(1.05) rotate(1deg)}66%{filter:hue-rotate(240deg) brightness(.9);transform:scale(.98) rotate(-1deg)}}@keyframes mns-bg-slide{0%{transform:translate(0)}to{transform:translate(-400px,-400px)}}@keyframes mns-grid-pulse{0%,to{opacity:.3}50%{opacity:.1}}.mns-particles-container{position:absolute;inset:0;pointer-events:none;z-index:5}.mns-particle{position:absolute;width:var(--mns-particle-size);height:var(--mns-particle-size);border-radius:50%;background:hsl(var(--mns-particle-hue),70%,60%);top:var(--mns-particle-y);left:var(--mns-particle-x);opacity:0;filter:blur(.5px);box-shadow:0 0 calc(var(--mns-particle-size) * 3) hsla(var(--mns-particle-hue),70%,60%,.3),0 0 calc(var(--mns-particle-size) * 6) hsla(var(--mns-particle-hue),70%,60%,.1);animation:mns-particle-float var(--mns-particle-duration) ease-in-out var(--mns-particle-delay) infinite,mns-particle-glow 4s ease-in-out infinite alternate}@keyframes mns-particle-float{0%{opacity:0;transform:translateZ(0) scale(0)}10%{opacity:.8;transform:translateZ(0) scale(1)}90%{opacity:.3;transform:translate3d(calc(var(--mns-particle-end-x) - var(--mns-particle-x)),calc(var(--mns-particle-end-y) - var(--mns-particle-y)),0) scale(1.2)}to{opacity:0;transform:translate3d(calc((var(--mns-particle-end-x) - var(--mns-particle-x)) * 1.2),calc((var(--mns-particle-end-y) - var(--mns-particle-y)) * 1.2),0) scale(0)}}@keyframes mns-particle-glow{0%{filter:blur(.5px) brightness(1)}to{filter:blur(1px) brightness(1.3)}}.mns-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:6}.mns-floating-element{position:absolute;width:3px;height:3px;background:#ffffff1a;border-radius:50%;top:var(--mns-float-y);left:var(--mns-float-x);animation:mns-float var(--mns-float-duration) ease-in-out var(--mns-float-delay) infinite,mns-twinkle 3s ease-in-out infinite}@keyframes mns-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(calc(sin(var(--mns-float-delay))*100px),calc(cos(var(--mns-float-delay))*60px),0)}}@keyframes mns-twinkle{0%,to{opacity:.1}50%{opacity:.8}}.mns-content{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:90vw;width:100%;opacity:0;transform:translateY(30px) scale(.95);animation:mns-content-appear 1.2s var(--mns-ease-out) .3s forwards}@keyframes mns-content-appear{to{opacity:1;transform:translateY(0) scale(1)}}.mns-hero-icon{margin-bottom:clamp(2rem,6vw,4rem);transform-style:preserve-3d}.mns-icon-container{position:relative;width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);transform-style:preserve-3d;animation:mns-icon-float 6s ease-in-out infinite,mns-icon-rotate 20s linear infinite}.mns-device-icon{width:100%;height:100%;fill:var(--mns-text-secondary);filter:drop-shadow(0 0 20px rgba(59,130,246,.4));z-index:2;position:relative;animation:mns-icon-pulse 4s ease-in-out infinite}.mns-icon-glow{position:absolute;inset:-20%;background:var(--mns-gradient-primary);border-radius:50%;opacity:.3;filter:blur(20px);z-index:1;animation:mns-glow-pulse 3s ease-in-out infinite alternate}.mns-icon-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.mns-ring{position:absolute;border:1px solid rgba(59,130,246,.2);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.mns-ring-1{width:140%;height:140%;animation:mns-ring-spin 15s linear infinite}.mns-ring-2{width:180%;height:180%;border-color:#8b5cf626;animation:mns-ring-spin 20s linear infinite reverse}.mns-ring-3{width:220%;height:220%;border-color:#06b6d41a;animation:mns-ring-spin 25s linear infinite}@keyframes mns-icon-float{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-10px) rotateX(5deg) rotateY(10deg)}}@keyframes mns-icon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mns-icon-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(59,130,246,.4))}50%{filter:drop-shadow(0 0 30px rgba(139,92,246,.6))}}@keyframes mns-glow-pulse{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.1)}}@keyframes mns-ring-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mns-status-code{margin-bottom:clamp(1.5rem,4vw,3rem);transform-style:preserve-3d}.mns-status-text{font-size:clamp(3rem,12vw,6rem);font-weight:900;line-height:.9;background:var(--mns-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:mns-gradient-flow 4s ease-in-out infinite;letter-spacing:-.02em;text-shadow:0 0 40px rgba(59,130,246,.3);position:relative}.mns-status-subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:600;color:var(--mns-text-secondary);margin-top:.5rem;letter-spacing:.15em;opacity:.8}.mns-char{display:inline-block;opacity:0;transform:translateY(20px) rotateX(90deg);animation:mns-char-reveal .8s var(--mns-ease-bounce) var(--mns-char-delay) forwards}.mns-status-char{animation:mns-char-reveal .8s var(--mns-ease-bounce) var(--mns-char-delay) forwards,mns-status-float 4s ease-in-out 1s infinite}@keyframes mns-gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes mns-char-reveal{0%{opacity:0;transform:translateY(20px) rotateX(90deg) scale(.8)}70%{opacity:.8;transform:translateY(-5px) rotateX(0) scale(1.05)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes mns-status-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}.mns-glitch-1 .mns-status-text{animation:mns-gradient-flow 4s ease-in-out infinite,mns-glitch-1 .4s ease-in-out}.mns-glitch-2 .mns-status-text{animation:mns-gradient-flow 4s ease-in-out infinite,mns-glitch-2 .4s ease-in-out}.mns-glitch-3 .mns-status-text{animation:mns-gradient-flow 4s ease-in-out infinite,mns-glitch-3 .4s ease-in-out}.mns-glitch-4 .mns-status-text{animation:mns-gradient-flow 4s ease-in-out infinite,mns-glitch-4 .4s ease-in-out}@keyframes mns-glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px) skew(1deg)}40%{transform:translate(-1px,-1px) skew(-.5deg)}60%{transform:translate(1px,2px) skew(.5deg)}80%{transform:translate(1px,-1px) skew(-1deg)}}@keyframes mns-glitch-2{0%,to{transform:scale(1)}25%{transform:scale(1.02,.98) translate(1px)}50%{transform:scale(.98,1.02) translate(-1px,1px)}75%{transform:scale(1.01,.99) translateY(-1px)}}@keyframes mns-glitch-3{0%,to{filter:hue-rotate(0deg)}20%{filter:hue-rotate(90deg)}40%{filter:hue-rotate(180deg)}60%{filter:hue-rotate(270deg)}80%{filter:hue-rotate(360deg)}}@keyframes mns-glitch-4{0%,to{transform:translate(0);text-shadow:0 0 40px rgba(59,130,246,.3)}10%{transform:translate(-1px,1px);text-shadow:2px 0 rgba(255,0,0,.7),-2px 0 rgba(0,255,255,.7)}20%{transform:translate(-1px,-1px);text-shadow:-2px 0 rgba(255,0,0,.7),2px 0 rgba(0,255,255,.7)}30%{transform:translate(1px,1px);text-shadow:0 0 40px rgba(59,130,246,.3)}}.mns-message{margin-bottom:clamp(2rem,5vw,3.5rem);max-width:100%}.mns-message-primary{font-size:clamp(1.1em,4vw,2.5rem);font-weight:700;color:var(--mns-text-primary);margin-bottom:1rem;line-height:1.2}.mns-message-secondary{font-size:clamp(1rem,2.8vw,1.3rem);color:var(--mns-text-secondary);line-height:1.5;opacity:.9}.mns-cta{margin-bottom:clamp(2rem,5vw,3rem);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mns-cta-badge{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 2rem;background:var(--mns-surface);border:2px solid var(--mns-border);border-radius:50px;font-size:1.1rem;font-weight:600;color:var(--mns-text-primary);box-shadow:var(--mns-shadow-medium);transform-style:preserve-3d;animation:mns-badge-float 3s ease-in-out infinite;overflow:hidden}.mns-cta-badge:before{content:"";position:absolute;inset:0 100% 0 -100%;background:var(--mns-gradient-primary);opacity:.1;animation:mns-badge-shine 3s ease-in-out infinite}.mns-cta-icon{font-size:1.3rem;animation:mns-rocket-launch 2s ease-in-out infinite}.mns-cta-pulse{position:absolute;inset:-2px;border:2px solid var(--mns-blue);border-radius:50px;opacity:0;animation:mns-pulse-ring 2s ease-out infinite}.mns-recommendation{display:flex;align-items:center;gap:1rem;padding:1.2rem 2rem;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--mns-border);border-radius:16px;box-shadow:var(--mns-shadow-soft);transform:translateZ(10px);transition:all .3s var(--mns-ease-out)}.mns-recommendation:hover{transform:translateZ(20px) translateY(-2px);box-shadow:var(--mns-shadow-medium);border-color:var(--mns-blue)}.mns-rec-icon{font-size:2rem;animation:mns-desktop-glow 4s ease-in-out infinite}.mns-rec-content{text-align:left}.mns-rec-title{font-size:1.1rem;font-weight:600;color:var(--mns-text-primary);margin-bottom:.3rem}.mns-rec-desc{font-size:.95rem;color:var(--mns-text-secondary)}@keyframes mns-badge-float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-5px) rotateX(2deg)}}@keyframes mns-badge-shine{0%{left:-100%;right:100%}50%{left:-50%;right:50%}to{left:100%;right:-100%}}@keyframes mns-rocket-launch{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(10deg)}}@keyframes mns-pulse-ring{0%{opacity:0;transform:scale(1)}50%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes mns-desktop-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 10px rgba(59,130,246,.5))}}.mns-progress{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:300px}.mns-progress-bar{position:relative;width:100%;height:6px;background:var(--mns-surface);border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 8px #0000004d}.mns-progress-fill{height:100%;background:var(--mns-gradient-primary);border-radius:3px;animation:mns-progress-advance 8s ease-in-out infinite;position:relative;overflow:hidden}.mns-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:mns-progress-shine 2s ease-in-out infinite}.mns-progress-glow{position:absolute;top:-2px;left:0;height:10px;background:var(--mns-gradient-primary);border-radius:5px;opacity:.3;filter:blur(6px);animation:mns-progress-advance 8s ease-in-out infinite}.mns-progress-text{font-size:.9rem;color:var(--mns-text-muted);font-weight:500;animation:mns-text-pulse 2s ease-in-out infinite}@keyframes mns-progress-advance{0%{width:30%}50%{width:70%}to{width:30%}}@keyframes mns-progress-shine{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes mns-text-pulse{0%,to{opacity:.6}50%{opacity:1}}.mns-footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:15}.mns-device-info{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--mns-border);border-radius:25px;font-size:.85rem;color:var(--mns-text-secondary);box-shadow:var(--mns-shadow-soft)}.mns-device-indicator{width:8px;height:8px;background:var(--mns-emerald);border-radius:50%;animation:mns-indicator-pulse 2s ease-in-out infinite;box-shadow:0 0 10px var(--mns-emerald)}@keyframes mns-indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mns-ambient-lights{position:absolute;inset:0;pointer-events:none;z-index:1}.mns-light{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.mns-light-1{width:200px;height:200px;background:var(--mns-blue);top:20%;left:10%;animation:mns-ambient-float-1 15s}.mns-light-2{width:150px;height:150px;background:var(--mns-purple);top:60%;right:15%;animation:mns-ambient-float-2 20s}.mns-light-3{width:180px;height:180px;background:var(--mns-cyan);bottom:20%;left:60%;animation:mns-ambient-float-3 18s}@keyframes mns-ambient-float-1{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.2)}}@keyframes mns-ambient-float-2{0%{transform:translate(0) scale(1)}to{transform:translate(-25px,15px) scale(.8)}}@keyframes mns-ambient-float-3{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-30px) scale(1.1)}}.mns-container:not(.mns-loaded) .mns-content{opacity:0;transform:translateY(50px) scale(.9)}.mns-loaded .mns-content{animation:mns-content-appear 1.2s var(--mns-ease-out) .3s forwards}.mns-container.mobile-portrait{padding:1rem}.mns-container.mobile-portrait .mns-content{max-width:95vw}.mns-container.mobile-portrait .mns-recommendation{flex-direction:column;text-align:center;padding:1rem 1.5rem}.mns-container.mobile-portrait .mns-rec-content{text-align:center}.mns-container.mobile-landscape{padding:.8rem}.mns-container.mobile-landscape .mns-hero-icon{margin-bottom:1.5rem}.mns-container.mobile-landscape .mns-status-code{margin-bottom:1rem}.mns-container.mobile-landscape .mns-message{margin-bottom:1.5rem}.mns-container.mobile-landscape .mns-cta{margin-bottom:1.5rem;gap:1rem}.mns-container.mobile-landscape .mns-footer{bottom:1rem}.mns-container.tablet-portrait .mns-content{max-width:85vw}.mns-container.tablet-portrait .mns-recommendation{padding:1.5rem 2.5rem}.mns-container.tablet-landscape .mns-content{max-width:75vw}.mns-container.desktop{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mns-char{animation:mns-simple-appear .3s ease var(--mns-char-delay) forwards}@keyframes mns-simple-appear{0%{opacity:0}to{opacity:1}}}@media (prefers-color-scheme: light){:root{--mns-primary: #ffffff;--mns-secondary: #f8fafc;--mns-accent: #e2e8f0;--mns-surface: #f1f5f9;--mns-border: #cbd5e1;--mns-text-primary: #0f172a;--mns-text-secondary: #475569;--mns-text-muted: #64748b}}.mns-container,.mns-content,.mns-hero-icon,.mns-status-code,.mns-particle,.mns-floating-element{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.mns-particle,.mns-floating-element{will-change:transform,opacity}.mns-status-text{will-change:transform,filter}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mns-particle{filter:blur(.25px)}.mns-device-icon{filter:drop-shadow(0 0 15px rgba(59,130,246,.4))}}