*{box-sizing:border-box;margin:0;padding:0}body::-webkit-scrollbar{display:none}body,html{height:100%;overflow-y:auto;scroll-behavior:smooth}body{-ms-overflow-style:none;background-color:#00030c;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scrollbar-width:none}.main-containe{display:flex;flex-direction:column;height:100vh}.header{z-index:1000}.footer{align-items:center;background:#0000;color:#fff;display:flex;height:2vh;justify-content:center;padding:0 20px}.body{-ms-overflow-style:none;height:94vh;overflow-y:auto;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.body,html{height:100%;overflow-y:auto}.navbar{background:#0000;color:#fff;padding:1rem 1.5rem;z-index:10}.navbar,.profile-container{position:relative}.profile-button{background:#0000;border:none;color:#fff;cursor:pointer;font-weight:700}.profile-dropdown{background:#1f1f1f;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #0006;padding:.5rem 1rem;position:absolute;right:0;top:120%;width:fit-content;z-index:10}.profile-dropdown button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;padding:.5rem 0;width:100%}.navbar-container{justify-content:space-between;margin:0;max-width:100dvw}.logo-title,.navbar-container{align-items:center;display:flex}.logo-title{gap:.75rem}.logo{height:40px}.title{color:#fff;font-size:1.2rem;font-weight:600}.nav-right{align-items:center;display:flex}.signin-container{position:relative}.signin-button{background:linear-gradient(135deg,#1f1f1f,#2c2c2c);border:1px solid #444;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.signin-button:hover{background:#002d5779;color:#909090}.signin-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a3b;border-radius:10px;box-shadow:0 6px 20px #0006;display:flex;flex-direction:column;min-width:120px;padding:.5rem;position:absolute;right:0;top:110%;z-index:100}.signin-popup button{background:#0000;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:left;transition:background .2s ease}.signin-popup button:hover{background:#3333332a}.menu-icon{cursor:pointer;display:none;transition:transform .4s ease}.menu-icon.open{transform:rotate(90deg)}@media (max-width:768px){.menu-icon{display:block}.nav-right{align-items:flex-start;animation:slideDown .4s ease forwards;background:#121212;border-radius:0 0 12px 12px;box-shadow:0 6px 20px #00000080;display:none;flex-direction:column;padding:1rem;position:absolute;right:0;top:100%;width:100%}.nav-right.active{display:flex}.signin-container{display:flex;justify-content:center;margin-top:.5rem;width:100%}.signin-popup{box-shadow:none;margin-top:.5rem;position:static}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.auth-modal{animation:slideFadeIn .5s ease-out;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 8px 32px #0006;color:#fff;max-width:420px;padding:2rem;position:relative;width:100%}.loader{animation:spin 1s linear infinite;display:inline-block;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.auth-close-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px;transition:color .2s}.auth-close-btn:hover{color:#fff}.auth-title{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{background:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:background .3s,border .3s;width:100%}.auth-form input::placeholder{color:#ffffff80}.auth-form input:focus{background:#ffffff1a;border-color:#fff6;outline:none}.auth-options{align-items:center;color:#ffffffb3;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem}.auth-options label{align-items:center;display:flex;gap:.4rem}.auth-options button{background:none;border:none;color:inherit;cursor:pointer;padding:0;text-decoration:underline}.auth-options button:hover{color:#fff}.auth-submit-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:.75rem;color:#fff;font-weight:500;margin-top:1rem;padding:.8rem;transition:background .3s;width:100%}.auth-submit-btn:hover{background:#ffffff4d}.auth-toggle{color:#fff9;font-size:.875rem;margin-top:1.5rem;text-align:center}.auth-toggle span{color:#fff;cursor:pointer;text-decoration:underline;transition:opacity .2s}.auth-toggle span:hover{opacity:.8}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffff0d!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.password-input-container{position:relative}.password-input{background-color:#1f1f1f;border:1px solid #444;border-radius:8px;color:#fff;outline:none;padding:1rem;width:100%}.eye-icon{background:#0000;border:none;color:#fff;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.eye-icon:hover{color:#ddd}.chatbot-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;bottom:100px;font-family:Segoe UI,sans-serif;max-width:90vw;position:fixed;right:20px;width:420px;z-index:2400}.chat-paper{background-color:initial!important;border-radius:20px;box-shadow:0 0 16px #0006;color:#f0f0f0;display:flex;flex-direction:column;height:520px;overflow:hidden}.chat-header{align-items:center;background:linear-gradient(90deg,#00172c,#002d57);border-radius:20px 20px 0 0;color:#fff;cursor:move;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.credit-count{font-size:.8rem;margin-left:auto;margin-right:12px;opacity:.85}.chat-messages{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-row{display:flex;width:100%}.chat-row.user{justify-content:flex-end}.chat-row.bot{justify-content:flex-start}.chat-bubble{word-wrap:break-word;border-radius:16px;font-size:.95rem;line-height:1.5;max-width:75%;padding:10px 14px;transition:all .3s ease}.chat-bubble.user{background:#002d57;border-bottom-right-radius:4px;color:#fff}.chat-bubble.bot{background:#292929;border-bottom-left-radius:4px;color:#e0e0e0}.chat-input{background:#0000;border-top:1px solid #333;color:#f0f0f0;display:flex;gap:8px;padding:10px}.chat-textfield .MuiOutlinedInput-root{border-radius:8px;color:#fff}.chat-textfield .MuiOutlinedInput-notchedOutline,.chat-textfield .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.chat-textfield .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0000}.typing-indicator{align-items:center;color:#bbb;display:flex;font-size:.85rem;font-style:italic}.typing-indicator .dot{animation:bounce 1.4s infinite both;margin-left:2px}.typing-indicator .dot:first-child{animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}a{color:inherit;text-decoration:none}.hero-section{align-items:center;display:flex;height:90vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.background-video{filter:brightness(.3);height:100vh;left:0;object-fit:cover;position:absolute;top:0;width:100dvw;z-index:-1}.video-control{bottom:10rem;position:absolute;right:2rem;z-index:2}.video-toggle-button{align-items:center;background:hsla(0,0%,100%,.022);border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;height:30px;justify-content:center;text-align:center;transition:transform .3s ease;width:30px}.video-toggle-button:hover{transform:scale(1.1)}.hero-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center;z-index:1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#f9f9f938);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:9.5dvw;font-weight:700;line-height:1.2;padding-bottom:.5rem}.hero-slogan{color:#ababab;font-size:1.5dvw!important;margin-top:.6rem}.hero-input{background-color:initial;background:#0000;border:1px solid #fff3;border-radius:50px;margin-top:1.6rem;position:relative;width:80%}.hero-input input[type=text]::placeholder{color:#828282}.hero-input .search-button{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;bottom:0;color:#fff;cursor:pointer;padding:1rem 2rem;position:absolute;right:0;top:0;transition:background-color .3s ease,transform .3s ease}.hero-input .search-button:hover{background:#fff3;transform:scale(1.05)}.features{align-items:center;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:40px 40px 0 0;border-top:1px solid #505050;font-family:Nunito,sans-serif;font-style:normal;font-weight:200;justify-content:center;line-height:normal;margin-top:-2rem;padding:4rem 2rem 0;position:relative;text-align:center}.feature-cards{flex-wrap:wrap}.feature-card,.feature-cards{display:flex;justify-content:center}.feature-card{align-items:center;animation:fadeInUp 1s ease forwards;border-radius:16px;color:#fff;flex-direction:column;gap:1rem;margin:1rem;opacity:0;padding:1.5rem;text-align:center;transform:translateY(50px);width:300px}.feature-icon img{border-radius:30px;box-shadow:0 4px 8px #0003;margin-bottom:1rem;transition:transform .3s ease;width:80%}.feature-card:hover{transform:translateY(-10px)}.feature-icon img:hover{transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.all-dsa-section{color:#fff;text-align:center}.all-dsa-section,.crousel-bg{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%)}.crousel-bg{background-color:initial}.section-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:2rem 0}.section-divider{background-color:#505050;height:1px;margin:0 auto;width:70%}.explore-button{animation:infiniteLoop 1s linear infinite,glowEffect 2s ease-in-out infinite;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;box-shadow:0 0 10px #02c4ff80;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:.8rem 2rem}@keyframes glowEffect{0%{box-shadow:0 0 10px #02c4ff80}50%{box-shadow:0 0 20px #02c4ff80}to{box-shadow:0 0 10px #02c4ff80}}.explore-button.highlighted{background:#fff3;border-color:#ffffff80;box-shadow:0 0 30px #fffc}@keyframes infiniteLoop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.explore-button:hover{background:#fff3;transform:scale(1.05)}.explore-button .arrow{font-size:1.2rem;margin-left:.5rem}.carousel-section{display:flex;flex-direction:column;gap:2rem;overflow:hidden}.carousel-row-wrapper{overflow:hidden;width:100%}.carousel-row{animation:scroll 30s linear infinite;display:flex;width:max-content}.carousel-row.moving-right{animation-direction:reverse}.carousel-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;color:#fff;display:flex;flex:0 0 auto;flex-direction:column;font-family:Nunito,sans-serif;height:max-content;justify-content:center;margin:1rem;padding:1rem;transition:transform .3s ease;width:200px}.carousel-item:hover{transform:scale(1.05)}.glossy{overflow:hidden;position:relative}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.columns-section{background-color:#1e1e1e;color:#e0e0e0;padding:2rem;text-align:left}.columns-section h2{color:#fff;font-size:2rem;margin-bottom:1.5rem}.columns-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.column{border-radius:8px;flex:1 1 200px;max-width:300px;padding:1rem;text-align:left;transition:transform .3s ease,background-color .3s ease}.column h4{color:#d2d2d2;margin-bottom:1rem}.column ul{list-style:none;padding:0}.column li{color:#ababab;cursor:pointer;margin-bottom:.5rem;transition:color .3s ease}@media (max-width:768px){.columns-container{align-items:center;flex-direction:row}.column{max-width:100%}}.footer{background-color:#1e1e1e;color:#e0e0e0;font-size:.9rem;padding-bottom:2rem;text-align:center}@media (max-width:768px){.hero-title{font-size:3.5rem!important}.hero-slogan{font-size:.9rem!important}.features{margin-top:-7rem}.feature-card{flex-basis:calc(50% - 2rem);flex-grow:1;flex-shrink:1}.carousel-item{flex-basis:calc(50% - 1rem);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.carousel-item,.feature-card{flex:1 1 100%}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.home-nav{align-self:center;height:60px;left:0;left:50%;padding:0;position:absolute;top:50px;transform:translate(-50%,-50%);width:80%;z-index:10}.home-nav,.home-nav-container{align-items:center;display:flex;justify-content:space-between}.home-nav-container{margin:0;width:100%}:root{--bg-sidebar-clr:#1e1e2f;--bg-main-clr:#121212;--text-clr:#e0e0e0;--accent-clr:#bb86fc;--btn-bg-clr:#29293d;--btn-hover-bg-clr:#3a3a5c;--node-bg-clr:#2a2a3d;--node-border-clr:#bb86fc;--handle-clr:#bb86fc}.app-cont{display:flex;flex-direction:row-reverse;height:92vh;width:100vw}.sidebar{box-shadow:-2px 0 5px #00000080;display:flex;flex-direction:column;min-height:92vh;width:20vw}.sidebar,.sidebar__text-cont{background:linear-gradient(180deg,#000,#001a31);color:#e0e0e0;color:var(--text-clr)}.sidebar__text-cont{border:none;border-radius:5px;flex-grow:1;font-size:.9rem;margin:.5rem;outline:none;padding:.7rem;resize:none}.sidebar__title-cont{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:1rem}.sidebar__title-cont h1{color:#bb86fc;color:var(--accent-clr);font-size:1.5rem}.sidebar__title-cont button{background-color:#29293d;background-color:var(--btn-bg-clr);border:none;border-radius:5px;color:#e0e0e0;color:var(--text-clr);cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.sidebar__title-cont button:hover{background-color:#3a3a5c;background-color:var(--btn-hover-bg-clr)}.sidebar__controls{align-items:center;display:flex;gap:.5rem}.sidebar__controls button{flex-shrink:0}.sidebar__controls select{width:auto}.react-flow{background-color:#121212;background-color:var(--bg-main-clr)}.react-flow__background{color:#2f2f2f}.react-flow__node{background:#2a2a3d;background:var(--node-bg-clr);border:2px solid #bb86fc;border:2px solid var(--node-border-clr);border-radius:10px;color:#e0e0e0;color:var(--text-clr);font-size:.9rem;padding:.5rem}.react-flow__node-jsonVis{align-items:center;background-color:#2a2a3d;background-color:var(--node-bg-clr);border-radius:10px;display:flex;justify-content:center;min-height:50px;position:relative;width:200px}.react-flow__handle{opacity:0}.react-flow__handle-top{top:5%!important}.react-flow__handle-bottom{bottom:5%!important}.react-flow__handle-right{right:2%!important}.react-flow__handle-left{left:2%!important}.react-flow__panel-1{display:flex;gap:1rem}.react-flow__panel-1 button{background-color:#29293d;background-color:var(--btn-bg-clr);border:none;border-radius:5px;color:#e0e0e0;color:var(--text-clr);cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.react-flow__panel-1 button:hover{background-color:#3a3a5c;background-color:var(--btn-hover-bg-clr)}.jsonVisNode__label{background-color:#2a2a3d;background-color:var(--node-bg-clr);border-radius:10px;color:#e0e0e0;color:var(--text-clr);display:flex;flex-wrap:wrap;left:0;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);width:200px}.jsonVisNode__label__key{color:#bb86fc;color:var(--accent-clr);font-weight:600}.react-flow__node-jsonVis ul{list-style-type:none;padding:0}.react-flow-cont{min-height:92vh;width:80vw}.data-model-selector{background-color:#1e1e2f;background-color:var(--bg-sidebar-clr);border:1px solid #29293d;border:1px solid var(--btn-bg-clr);border-radius:5px;color:#e0e0e0;color:var(--text-clr);cursor:pointer;font-size:1rem;margin:1rem;padding:.5rem}@media (max-width:1024px){.app-cont{flex-direction:column}.sidebar{height:auto;min-height:30vh;width:100%}.react-flow-cont{min-height:70vh;width:100vw}}@media (max-width:768px){.sidebar__title-cont h1{font-size:1.2rem}.sidebar__title-cont button{font-size:.9rem;padding:.4rem .8rem}.sidebar__text-cont{font-size:.8rem}.react-flow__node-jsonVis{min-height:40px;width:150px}.jsonVisNode__label{padding:.8rem;width:150px}.react-flow-cont{min-height:70vh;width:100vw}}@media (max-width:480px){.sidebar__title-cont h1{font-size:1rem}.sidebar__title-cont button{font-size:.8rem;padding:.3rem .6rem}.sidebar__text-cont{font-size:.7rem}.react-flow__node-jsonVis{min-height:35px;width:120px}.jsonVisNode__label{padding:.5rem;width:120px}.react-flow-cont{min-height:70vh;width:100vw}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.json-visualizer-container{align-items:stretch;color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:2rem;justify-content:center;min-height:95vh;padding-left:2rem;padding-right:2rem}.visual-subheader{display:flex;margin-bottom:1rem;margin-left:2rem;width:100%}@media (min-width:768px){.json-visualizer-container{flex-direction:row}}.visualizer-header{display:flex;justify-content:space-between;padding-left:2rem;padding-right:2rem}.json-input{background:#222;border:1px solid #3a3a3a;border-radius:8px;color:#fff;flex:1 1;font-family:Fira Code,monospace;font-size:1rem;height:calc(100vh - 9rem);max-height:100vh;overflow:auto;padding:1rem;resize:none;width:20dvw}.json-input:focus{border-color:#555;outline:none}.visualize-button{align-self:flex-start;background:#0000;border:1px solid #565656;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:1rem 0;padding:.75rem 1.5rem;transition:background .3s ease}.visualize-button:hover{background:#5f5f5f}.flow-wrapper{border:1px solid #3a3a3a;border-radius:10px;flex:2 1;height:calc(100vh - 7rem);max-height:95vh;overflow:hidden;position:relative;width:75dvw}@media (max-width:768px){.flow-wrapper,.json-input{height:400px;max-height:100%;width:94%}}.data-model-selector{align-items:flex-start;align-items:center;display:flex;font-family:Segoe UI,sans-serif;justify-content:center}select{background-color:#292929;border:1px solid #4b4b4b;border-radius:8px;color:azure;font-size:15px;padding:8px 12px}.ds-info-container{border-radius:20px;margin:.2rem auto;max-width:800px}.ds-info-section p{line-height:1;margin-left:20px;margin-top:10px}.ds-info-container.dark{background:#1e1e1e99;color:#fff}.ds-info-container.light{background:#fffc;color:#000}.ds-info-section{border:1px solid #ffffff26;border-radius:12px;cursor:pointer;margin-bottom:1rem;padding:1rem;transition:ads .3s ease}.ds-info-section ul{list-style-type:disc;margin-top:10px;padding-left:40px}.ds-info-section ul li a{color:#b2b2b2;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.ds-info-section li{color:#dcdcdc;margin-bottom:2px;transition:color .3s ease}.ds-info-section ul li a:hover{color:#3b82f6}.ds-info-section:hover{background:#ffffff1a}.ds-info-title{font-size:1.1rem;font-weight:600}.ds-info-section{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}:root{--background-dark:#121212e6;--input-background:#2c2c2c00;--element-background:#ffffff14;--button-background:#3a4400;--button-hover:#596800;--switch-background:#1c1c1c;--switch-thumb:#0141a0bc;--text-color:#fff;--success-color:#4caf50;--error-color:#ff867e;--popup-background:#ff867e;--box-shadow:0 4px 10px #0003;--popup-shadow:0 8px 20px #00000040}.array-visualizer-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212e6;background:var(--background-dark);color:#fff;color:var(--text-color);display:flex;flex-direction:column;font-family:SF Pro Display,sans-serif;min-height:100vh;padding:30px}h2{font-size:1.8rem;margin-bottom:20px}.size-config{display:flex;gap:10px;margin:10px 0}.type-container{align-items:center;display:flex;gap:10px;justify-content:center}.size-config input{background-color:#2c2c2c00;background-color:var(--input-background);border:1px solid #414141;border-radius:20px;color:#fff;color:var(--text-color);font-size:1rem;height:50px;outline:none;text-align:center;width:65px}.size-config button{background:#3a4400;background:var(--button-background);border:none;border-radius:20px;box-shadow:0 4px 10px #0003;box-shadow:var(--box-shadow);color:#fff;color:var(--text-color);cursor:pointer;padding:8px 16px;transition:background .3s ease}.size-config button:hover{background:#596800;background:var(--button-hover)}.array-box{flex-wrap:wrap;gap:12px;margin:30px 0}.array-box,.array-element{display:flex;justify-content:center}.array-element{background:#ffffff14;background:var(--element-background);border-radius:12px;box-shadow:0 4px 10px #0003;box-shadow:var(--box-shadow);color:#fff;color:var(--text-color);font-weight:700;height:55px;min-width:65px}.array-element,.controls{align-items:center;text-align:center}.controls{gap:10px;margin-top:20px}.input-container input{background-color:#2c2c2c00;background-color:var(--input-background);border:1px solid #414141;border-radius:20px;color:#fff;color:var(--text-color);font-size:.9rem;height:55px;margin:5px;outline:none;padding:0 20px;text-align:center;width:120px}.button-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.button-container button{background:#3a4400;background:var(--button-background);border:none;border-radius:20px;box-shadow:0 4px 10px #0003;box-shadow:var(--box-shadow);color:#fff;color:var(--text-color);cursor:pointer;font-weight:700;height:50px;padding:10px 16px;transition:background .3s ease;width:120px}.controls button:hover{background:#596800;background:var(--button-hover)}.popup-message{background-color:#ff867e;background-color:var(--popup-background);border-radius:30px;box-shadow:0 8px 20px #00000040;box-shadow:var(--popup-shadow);color:#fff;color:var(--text-color);font-size:16px;font-weight:700;left:50%;opacity:.95;padding:14px 28px;pointer-events:none;position:fixed;top:30px;transform:translateX(-50%);z-index:9999}.popup-message.success{background-color:#4caf50;background-color:var(--success-color)}.popup-message.error{background-color:#ff867e;background-color:var(--error-color)}.ios-switch-wrapper{align-items:center;display:flex;justify-content:center;margin:20px 0;text-align:center}.ios-switch{background-color:#1c1c1c;background-color:var(--switch-background);border-radius:30px;box-shadow:inset 0 0 8px #0006;cursor:pointer;display:flex;height:55px;padding:4px;position:relative;width:200px}.ios-switch-thumb{background-color:#0141a0bc;background-color:var(--switch-thumb);border-radius:25px;height:47px;left:4px;position:absolute;top:4px;width:50%;z-index:1}.ios-option{color:#fff;color:var(--text-color);flex:1 1;font-size:14px;line-height:47px;text-align:center;transition:color .3s ease;-webkit-user-select:none;user-select:none;z-index:2}.ios-option:hover{color:#596800;color:var(--button-hover)}.stack-wrapper{background:linear-gradient(145deg,#1f1f1f36,#0e0e0e00);min-height:100vh;padding:2rem}.stack-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 30px #0000004d;color:#fff;flex:1 1;max-width:600px;min-width:320px;padding:2rem}.panel-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.input-block{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.input-field{background:#ffffff14;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;padding:10px 16px}.input-field:disabled{cursor:not-allowed;opacity:.5}.button-row{display:flex;gap:1rem;margin-top:1rem}.action-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:10px 16px;transition:.2s ease-in-out}.push{background:linear-gradient(145deg,#006f25,#004d57);color:#fff}.pop{background:linear-gradient(145deg,red,#57003e);color:#fff}.clear{background:linear-gradient(145deg,#607d8b,#00000048);color:#ffb5b5}.mt{margin-top:2rem}.history-list{margin-top:.5rem;max-height:200px;overflow-y:auto}.history-entry{border-bottom:1px solid #ffffff0d;display:flex;font-size:.95rem;justify-content:space-between;padding:6px 0}.tag{font-weight:600;text-transform:capitalize}.history-entry .tag.pop,.history-entry .tag.push{color:#fff}.stack-info{display:flex;font-weight:500;justify-content:space-between;margin-bottom:1rem}.parent-container{display:flex;justify-content:center;width:100%}.stack-glass-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-bottom-left-radius:35px;border-bottom-right-radius:35px;border-top:none;display:flex;flex-direction:column-reverse;gap:.1rem;justify-content:flex-start;overflow:hidden;padding:16px;width:60%}.stack-node{border-radius:0}.stack-node,.stack-node-start{background:#ffffff1a;color:#fff;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;width:100%}.stack-node-start{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.overflow-notice{animation:pulse 1s ease-in-out infinite alternate;background-color:#f55;border-radius:12px;font-weight:700;margin-bottom:1rem;padding:8px 16px}@media (max-width:768px){.stack-container{align-items:center;flex-direction:column}}.queue-container{padding:1em}.queue-visualization{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #333;border-radius:1em;margin-bottom:2em;overflow:auto;padding:1rem;text-align:center}.queue-info{display:flex;font-size:1rem;gap:2em;justify-content:space-between;margin-bottom:1em;opacity:.9}.queue-box-glass{align-items:center;display:flex;flex-direction:row-reverse;gap:.8em;justify-content:flex-end;min-height:80px}.queue-item-glass{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border-radius:12px;box-shadow:0 0 6px #ffffff1a;font-size:1rem;font-weight:700;padding:.75em 1.5em;transition:transform .4s ease,opacity .3s ease}.queue-bottom{display:flex;flex-wrap:wrap;gap:1em;justify-content:space-between}.operations-history-glass,.queue-controls-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #333;border-radius:1em;flex:1 1;min-width:300px;padding:1.5em}.section-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1em}.input-row{align-items:center;display:flex;gap:1em;margin-bottom:1em}.queue-input{background:#1c1c1c;border:none;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:.75em}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff3,#ffffff0d);border:none;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.7em 1.5em;transition:all .3s ease-in-out}.btn.enqueue{background:linear-gradient(145deg,#4caf50,#388e3c5b)}.btn.dequeue{background:linear-gradient(145deg,#f44336,#d32f2f44)}.btn.clear{background:linear-gradient(145deg,#607d8b,#00000048)}.btn:hover{background:linear-gradient(145deg,#ffffff4d,#ffffff1a);box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.btn i{font-size:.8rem;margin-right:.5em;vertical-align:middle}.switch-container{align-items:center;display:flex;gap:.5em}.switch-label{color:#fff;font-size:1rem}.switch-ios{background:#ccc;border-radius:14px;cursor:pointer;height:28px;position:relative;transition:background .3s ease-in-out;width:50px}.switch-ios:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:2px;position:absolute;top:2px;transition:transform .3s ease-in-out;width:24px}.switch-ios.active{background:#34c759}.switch-ios.active:before{transform:translateX(22px)}.history-item-glass{border-bottom:1px solid #333;display:flex;font-size:.95rem;justify-content:space-between;padding:.5em 1em}.history-op.enqueue{color:#4caf50}.history-op.dequeue{color:#f44336}.overflow-msg{color:red;font-size:1.2rem;margin-right:1em}.clear-btn,.dequeue-btn,.enqueue-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#2c2c2e,#1c1c1e);border:none;border-radius:999px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.7em 1.5em;transition:all .3s ease-in-out}.clear-btn:hover,.dequeue-btn:hover,.enqueue-btn:hover{background:linear-gradient(145deg,#3a3a3c,#2c2c2e);transform:scale(1.05)}.clear-btn.light{background:#ff453a}.clear-btn.dark{background:#1c1c1e}.btn-row{display:flex;gap:1em;justify-content:space-between;margin-top:1em}.stack-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff1a;padding:20px 32px}.glass-light{background:#13121299;color:#cacaca}.glass-dark{background:#14141499;color:#fff}.ll-container{padding:1em}.navbar-glass{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb3;border-bottom:1px solid #333;border-radius:.75em;display:flex;justify-content:space-between;margin-bottom:2em;padding:1em 2em}.nav-logo{color:#61dafb;font-size:1.2rem;font-weight:700}.nav-title{color:#fff;font-size:1.2rem;font-weight:500}.ll-header h1{font-size:2rem;font-weight:600;margin:0}.ll-visualization{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #333;border-radius:1em;box-shadow:0 4px 6px #0000004d;gap:1rem;height:20vh;margin:1.25rem;overflow-x:auto;padding:1.5rem}.ll-node,.ll-visualization{align-items:center;border-radius:1rem;display:flex;justify-content:center}.ll-node{box-shadow:0 4px 8px #0000004d;font-size:1.25rem;font-weight:600;height:5rem;padding:1rem;transition:transform .2s ease-in-out;width:5rem}.ll-node:hover{transform:scale(1.1)}.ll-node.light{background-color:#fff;color:#111827}.ll-node.dark{background-color:#2d2d2d;color:#e5e5e5}.ll-arrow{color:#9ca3af;font-size:1.5rem;font-weight:700}.ll-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #333;border-radius:1em;border-radius:1rem;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:1.25rem;padding:1.5rem;width:100%}.ll-title{color:#e5e5e5;font-size:1.5rem;font-weight:600}.ll-input-container{align-items:center;display:flex;gap:.5rem}.ll-input{background-color:#1e1e1e;border:1px solid #2d2d2d;border-radius:.5rem;color:#e5e5e5;font-size:1rem;height:2.5rem;outline:none;padding:.75rem;transition:border-color .2s ease-in-out;width:100%}.ll-input:focus{border-color:#3b82f6}.ll-button-group{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.ll-button-group button{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;max-width:48%}@media (max-width:768px){.ll-button-group button{flex:1 1 100%;max-width:100%}}.ll-button,.ll-clear-button{align-items:center;background-color:#3b82f6;border:none;border-radius:.4rem;color:#e5e5e5;cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:.5rem;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;width:50%}.ll-button:hover,.ll-clear-button:hover{background-color:#2563eb;transform:translateY(-2px)}.ll-button.green,.ll-button.green:hover{background:linear-gradient(145deg,#006f25,#004d57);color:#fff}.ll-button.red,.ll-button.red:hover{background:linear-gradient(145deg,red,#57003e);color:#fff}.ll-clear-button{align-items:center;background:linear-gradient(145deg,#607d8b,#00000048);border:none;border-radius:.5rem;color:#e5e5e5;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;width:100%}.ll-clear-button:hover{background-color:#4b5563;transform:translateY(-2px)}.ll-button i,.ll-clear-button i{font-size:1.2rem}.ll-history{background:#ffffff0d;border:1px solid #333;border-radius:1rem;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;margin:1.25rem;overflow-y:auto;padding:1rem;width:100%}.ll-history-title{color:#e5e5e5;font-size:1.25rem;font-weight:600}.ll-history-item{background-color:#2d2d2d;border-radius:.5rem;color:#e5e5e5;display:flex;font-size:1rem;justify-content:space-between;padding:.5rem;transition:background-color .2s ease-in-out}.ll-history-item:hover{background-color:#3b3b3b}.ll-history-label{font-weight:600}.ll-history-label.green{color:#22c55e}.ll-history-label.red{color:#ef4444}.row2{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:1.5rem;justify-content:space-between}.row2>*{flex-basis:calc(50% - 1rem);flex-grow:1;flex-shrink:1;max-width:calc(50% - 1rem)}@media (max-width:768px){.row2{align-items:flex-start;box-sizing:border-box;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.row2>*{flex:1 1 100%;max-width:100%}}:root{--glass-dark:#1e1e1ea6;--glass-light:#ffffff40;--blur-bg:blur(12px);--border-light:#fff3;--border-dark:#0000004d;--text-light:#f1f1f1;--text-dark:#1e1e1e;--accent:#58a6ff}.history-panel{gap:1rem;max-height:40vh;width:100%}.history-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);background:#1e1e1ea6;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:1rem;display:flex;justify-content:center;min-height:4rem;padding:1rem}.history-char{align-items:center;background:#ffffff14;border-radius:.5rem;font-size:1.2rem;height:25px;margin:.3rem;padding:.5rem .75rem;text-align:center;transition:all .3s ease;width:25px}.history-char.active{background:#58a6ff;background:var(--accent);color:#fff;font-weight:600;scale:1.2}.animation-text{color:#f1f1f1;color:var(--text-light);font-size:1rem;margin-top:1rem;text-align:center}.stack-controls{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);background:#1e1e1ea6;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:1.5rem;gap:1rem;margin:1rem 0;padding:1rem;width:50%}.input-wrapper,.stack-controls{display:flex;flex-direction:column}.input-wrapper{gap:.5rem;width:100%}.input-field{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);background:#ffffff1a;border:none;border-radius:1rem;font-size:1.1rem;outline:none;padding:.8rem 1rem}.start-btn{background-color:#58a6ff;background-color:var(--accent);border:none;border-radius:1rem;color:#fff;font-weight:600;padding:.7rem 1.4rem;transition:.3s ease}.start-btn:hover{background-color:#349eff}.validation-msg{color:#caff58;font-size:.9rem;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.control-btn{border:none;border-radius:1rem;cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:background .3s ease}.control-btn.white{background:#ffffff11;color:#fff}.control-btn.black{background:#00000022;color:#fff}.control-btn.red{background:#f44;color:#fff}.control-btn.disabled{opacity:.4;pointer-events:none}.stack-visualization{width:50%}.stack-result{font-size:1.2rem;margin-bottom:1rem;text-align:center}.stack-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);background:#1e1e1ea6;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:1.5rem;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;max-height:fit-content;max-width:100%;min-height:6rem;overflow-x:auto;padding:1rem}.stack-item{background:#ffffff14;border-radius:1rem;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.parent-data{margin:2rem}.controls-data{display:flex;gap:1.5rem}@media screen and (max-width:768px){.stack-box,.stack-controls{flex-direction:column}.history-content{flex-wrap:wrap;gap:.5rem}.controls-data{display:flex;flex-direction:column;gap:1.5rem}.stack-visualization{width:100%}.stack-controls{width:93%}.controls{flex-direction:column}.stack-box{padding:1rem .5rem}}.dashboard{align-items:start;margin:2rem}.modern-section{font-family:Nunito,sans-serif;margin-top:1.5rem}.card-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:start}.modern-card{background:linear-gradient(135deg,#1c1c1c41,#292929);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 10px 25px #00000080;color:#eaeaea;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease;width:300px}.modern-card,.modern-card:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modern-card:hover{background:linear-gradient(135deg,#23232317,#2e2e2e);cursor:pointer;transform:translateY(-10px) scale(1.02)}.card-icon{animation:pulse 1.8s infinite;font-size:2.5rem;margin-bottom:1rem}.modern-card h3{font-size:1.5rem;margin-bottom:.75rem}.modern-card p{color:#ccc;font-size:.8rem;margin-bottom:1rem}.card-footer{border-top:1px solid #444;color:#999;font-size:.8rem;padding-top:.5rem}@keyframes pulse{0%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.85;transform:scale(1)}}.ribbon{background-color:#ff4757;border-radius:40px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:.7rem;font-weight:700;left:-15px;padding:.6rem 1rem;position:absolute;top:2.5rem;transform-origin:left top;width:50px;z-index:1}.ribbon.coming-soon,.ribbon.new{background-color:#2ed573}@media screen and (max-width:768px){.card-grid{align-items:center;flex-direction:column}.modern-card{margin-bottom:2rem;width:90%}.ribbon{font-size:.4rem}}
/*# sourceMappingURL=main.cb26296a.css.map*/