.calc-tabs{display:flex;gap:8px}.calc-input-row{display:flex;gap:8px;align-items:center}.train-content{min-height:calc(100vh - 120px);display:flex;flex-direction:column;padding-bottom:20px}.train-content>.MuiContainer-root{overflow-y:auto;flex:1 1 auto;max-height:calc(100vh - 120px);padding-left:16px;padding-right:16px}.css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled{opacity:1!important;-webkit-text-fill-color:#1976d2!important}@media (max-width: 600px){.train-content>.MuiContainer-root{padding-left:8px;padding-right:8px}}.learn-page-root{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.learn-header{position:relative;background:transparent;z-index:2;padding:12px 20px;display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.learn-sub{color:#6f6f8a;margin-top:6px}.learn-container{flex:1 1 auto;overflow-y:auto;scroll-snap-type:y mandatory;padding-bottom:280px;scroll-padding-bottom:280px}.learn-section{scroll-snap-align:start;min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 20px;box-sizing:border-box;position:relative;border-bottom:1px solid rgba(0,0,0,.03)}.learn-content{width:100%;max-width:1100px;display:flex;gap:28px;align-items:center;justify-content:space-between;padding:8px}.learn-text{flex:1 1 360px}.learn-description{margin-top:12px;color:#2f2f3a;line-height:1.5;font-size:1.05rem}.learn-text h2,.learn-text .MuiTypography-root.MuiTypography-h5{font-size:1.6rem;font-weight:600}.learn-figure{flex:1 1 420px;display:flex;align-items:center;justify-content:center;margin:0}.learn-figure img{max-width:100%;max-height:min(76vh,calc(100vh - 240px));object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #0e1e2514}.learn-caption{margin-top:8px;color:#7c5fe6}.learn-section-footer{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}.nav-up,.nav-down{background:#643fdc;color:#fff;box-shadow:0 6px 18px #643fdc2e;border-radius:8px}.learn-floating-nav{position:fixed;right:48px;bottom:18px;z-index:60;display:flex;gap:8px;align-items:center;background:#ffffffb3;padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000026;border:1px solid #e0e0e0}@media (max-width: 880px){.learn-floating-nav{right:12px}}.learn-section-footer[aria-hidden]{opacity:0;pointer-events:none}.learn-header h4,.learn-header h1,.learn-header .MuiTypography-root{color:#643fdc}@media (max-width: 880px){.learn-content{flex-direction:column-reverse}.learn-figure img{max-height:min(40vh,calc(100vh - 160px))}.learn-section-footer{right:8px;bottom:8px}.learn-container{padding-bottom:140px}}.sidebar{width:150px;background-color:#643fdc;color:#fff;padding:8px;border-radius:20px;flex-shrink:0;scrollbar-gutter:stable}.sidebar .MuiListItem-root{color:#fff;padding:4px 8px}.round-box{background-color:indigo;border-radius:10px;padding:4px;margin-bottom:8px;box-sizing:border-box;width:100%}#input_box:hover,#result_box:hover{background-color:#6a0dad;border-radius:10px}.active-step{background-color:#6a0dad;border-radius:10px}.round-box h6{font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-box p{font-size:12px}.responsive-content{display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%;box-sizing:border-box}.matrix-container{display:flex;flex-direction:row;gap:16px;align-items:flex-start;width:100%;box-sizing:border-box}.info-container{flex:1 1 300px;min-width:250px;max-width:100%;margin-top:16px;box-sizing:border-box}.responsive-content>.MuiBox-root{width:100%;max-width:100%;box-sizing:border-box}.buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;margin-top:16px;box-sizing:border-box}@media (max-width: 900px){.responsive-content{flex-direction:column;gap:16px;align-items:stretch}.matrix-container{flex-direction:column;gap:12px;align-items:center}.info-container{width:100%;margin-top:8px}.buttons-container{flex-direction:column;gap:8px;align-items:center;margin-top:8px}}.stepbystep-container{display:flex;height:100vh;width:100%;padding:0;margin:0;background-color:#d5e6ec}.sidebar{width:200px;background-color:#643fdc;color:#fff;padding:16px;border-radius:0}.sidebar .MuiListItem-root{color:#fff}.sidebar .MuiListItem-root:hover{background-color:#6a0dad;border-radius:10px}.round-container{margin-bottom:8px}.steps-container{background-color:indigo;border-radius:10px;padding:8px}.step-item{color:#fff}.content{flex-grow:1;padding:16px}.matrix-container{display:flex;justify-content:space-between;margin:16px}.key-expansion-matrix-grid .matrix{margin-left:0!important}.matrix{flex:1;margin:0 8px 0 100px}.matrix-table{border-collapse:collapse;margin:8px 0;width:120px}.matrix-table td{border:1px solid #ddd;padding:8px;text-align:center;width:30px;height:30px;transition:background-color .3s ease}.matrix-table td:hover{background-color:#f0f0f0}.matrix-table td.highlighted{background-color:red}.matrix-table td.highlighted_new{background-color:#ff0}.matrix-table td.highlighted_purple{background-color:#80008047;color:#000}.matrix-title{margin-top:8px;margin-bottom:0}.matrix-table.small th,.matrix-table.small td{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;text-align:center;vertical-align:middle;font-size:.95rem;padding:0;box-sizing:border-box}.matrix-table.small th{background-color:#fff9;font-weight:700}.matrix.sbox-matrix{margin-left:0!important}@media (max-width: 600px){.matrix.sbox-matrix{transform:scale(.88);transform-origin:top center;margin-top:20px!important;margin-bottom:-100px!important;margin-left:-30px!important}.sbox-matrix .matrix-table.small th,.sbox-matrix .matrix-table.small td{font-size:9px!important;padding:2px 3px!important;min-width:18px!important}}@media (max-width: 400px){.matrix.sbox-matrix{transform:scale(.88);transform-origin:top center;margin-top:20px!important;margin-bottom:-100px!important;margin-left:-30px!important}.sbox-matrix .matrix-table.small th,.sbox-matrix .matrix-table.small td{font-size:8px!important;padding:1px 2px!important;min-width:16px!important}}.cell-shifted-highlight{background:#643fdce6!important;color:#fff!important;border:1px solid rgba(100,63,220,.9)!important;box-sizing:border-box}.shiftrows-table .shiftrows-cell,.shiftrows-table .shiftrows-outline-cell{pointer-events:none;cursor:default}.shiftrows-table .shiftrows-cell:hover,.shiftrows-table .shiftrows-outline-cell:hover{background-color:transparent}@media (max-width: 600px){.matrix.shiftrows-table{margin-left:auto!important;margin-right:auto!important;display:flex;flex-direction:column;align-items:center}.shiftrows-table .matrix-table{margin-left:auto;margin-right:auto}.shiftrows-table .matrix-title{width:100%;text-align:center;margin-top:8px}}.shiftrows-step .matrix .matrix-table td{pointer-events:none;cursor:default}.shiftrows-step .matrix .matrix-table td:hover{background-color:transparent}.mixcolumns-step .matrix.previous-matrix .matrix-table td,.mixcolumns-step .matrix.fixed-matrix .matrix-table td{pointer-events:none;cursor:default}.mixcolumns-step .matrix.previous-matrix .matrix-table td:hover,.mixcolumns-step .matrix.fixed-matrix .matrix-table td:hover{background-color:transparent}.addroundkey-step .matrix.previous-matrix .matrix-table td,.addroundkey-step .matrix.roundkey-matrix .matrix-table td{pointer-events:none;cursor:default}.addroundkey-step .matrix.previous-matrix .matrix-table td:hover,.addroundkey-step .matrix.roundkey-matrix .matrix-table td:hover{background-color:transparent}.floating-info-button{position:fixed;right:28px;bottom:-8px;width:160px;height:160px;border-radius:50%;background:transparent;color:#fff;border:none;cursor:pointer;z-index:1200;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:transform .12s ease}@media (max-width: 600px){.floating-info-button{width:100px;height:100px;right:16px;bottom:-8px}.floating-info-img{width:90px!important;height:90px!important}}.floating-info-button:hover{transform:translateY(-3px)}.floating-info-button:hover .floating-info-button.open-panel{transform:translateY(8px);opacity:.75;transition:transform .12s ease,opacity .12s ease}.floating-info-panel{position:fixed;right:28px;bottom:140px;width:480px;max-width:calc(100% - 56px);max-height:64vh;overflow:auto;background:#fff;border-radius:12px;padding:14px;box-shadow:0 18px 50px #00000024;z-index:1200;border:1px solid rgba(91,44,217,.08)}@media (max-width: 600px){.floating-info-panel{right:12px;bottom:90px;width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:60vh;padding:12px;border-radius:8px}}.floating-info-close{position:absolute;right:10px;top:8px;background:transparent;border:none;cursor:pointer;font-size:14px;color:#666}.floating-info-img{width:140px;height:140px;object-fit:contain;display:block;border-radius:0}.floating-info-body{display:flex;flex-direction:column;gap:12px}.floating-info-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}.floating-info-tab{background:transparent;border:1px solid transparent;padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;font-size:.95rem;color:#333;margin-right:6px;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.floating-info-tab:not(.active){background:#00000005;color:#333;border-color:transparent}.floating-info-tab.active{background:#643fdc;color:#fff;border-color:#643fdc;box-shadow:none}.floating-info-tab:focus{outline:none;box-shadow:0 0 0 3px #643fdc14}.floating-info-section{margin-top:6px}.floating-info-section-title{margin:0 0 6px;font-size:18px;color:#2e2e2e;font-weight:600;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.floating-info-section-content{margin:0;color:#333;font-size:16px;line-height:1.5;font-family:Arial,Helvetica,sans-serif}@media (max-width: 600px){.floating-info-section-title{font-size:15px}.floating-info-section-content{font-size:13px;line-height:1.4}.floating-info-tab{font-size:.8rem;padding:6px 10px}}body,html{margin:0;padding:0;width:100%;height:100%}html,body{height:100%;margin:0;overflow:auto}#root{height:100vh;display:flex;flex-direction:column}.stepbystep-container{display:flex;height:100%;overflow:hidden}.sidebar{height:100%;overflow-y:auto}.content{flex-grow:1;overflow-y:auto}