@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.logo{gap:8px;padding:0 16px;margin-bottom:12px}.logo img{width:2em;height:2em;cursor:pointer}.logo img:hover{filter:brightness(.9);transform:scale(1.05)}.logo h1{margin:0;font-size:1.4em}.menu{gap:2px}.nav-link{gap:12px;width:84.5%;border-left:5px solid transparent;padding:12px 14px 12px 22px;text-decoration:none;color:var(--text-color);font-size:1.05em;font-weight:600}.nav-link.router-link-active,.nav-link.router-link-exact-active,.nav-link:focus-visible,.nav-link:hover{border-left-color:#42b983;background:rgba(93,129,115,.07);cursor:pointer;transition:.1s}[data-theme=dark] .nav-link.router-link-active,[data-theme=dark] .nav-link.router-link-exact-active,[data-theme=dark] .nav-link:focus-visible,[data-theme=dark] .nav-link:hover{background:rgba(143,197,175,.07);border-left-color:#339268}.icon{display:none;width:24px;text-align:center;font-size:1.2em}.label{white-space:nowrap}.sidebar{width:270px;min-width:270px;max-width:270px;flex-shrink:0;align-self:flex-start;transition:.15s;background:#42b9832f;padding:12px 0;position:sticky;top:0;height:100vh;max-height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04);z-index:10}.arrow{font-size:1.2em;cursor:pointer}.arrow-btn{position:absolute;top:12px;right:12px}.collapsed-arrow{justify-content:center;margin:4px 8px 8px;border-radius:6px;rotate:180deg}.arrow-btn:hover,.collapsed-arrow:hover{transform:scale(1.05)}[data-theme=dark] .arrow img,[data-theme=dark] .nav-link img{filter:invert(1) brightness(.82)}.sidebar.collapsed{transition:.15s;width:80px;min-width:80px;max-width:80px;overflow:visible}.sidebar.collapsed .arrow-btn,.sidebar.collapsed .logo h1,.sidebar.collapsed .logo img{display:none}.sidebar.collapsed .icon{display:inline-block;padding-bottom:3px;margin-top:2px}.sidebar.collapsed .nav-link{justify-content:center;padding-left:0;padding-right:0;width:93%;position:relative}.sidebar.collapsed .nav-link .label{position:absolute;top:0;left:100%;height:100%;background:#42b9832f;display:flex;align-items:center;color:var(--text-color);padding:0 18px;white-space:nowrap;font-size:1.05em;font-weight:600;z-index:100;pointer-events:none;opacity:0;transform:translateX(-8px);border-radius:0 6px 6px 0}.sidebar.collapsed .nav-link:focus-visible .label,.sidebar.collapsed .nav-link:hover .label{opacity:1;transform:translateX(0)}.sidebar.collapsed .nav-link.router-link-exact-active .label,.sidebar.collapsed .nav-link:hover .label{background:#dfe7e1da;transition:.3s}[data-theme=dark] .sidebar.collapsed .nav-link.router-link-exact-active .label,[data-theme=dark] .sidebar.collapsed .nav-link:hover .label{background:#3d4d45ee;transition:.3s}@media (max-width:1399px){#sidebar,.sidebar{width:80px}.arrow-btn,.collapsed-arrow,.sidebar .arrow{display:none}}@media (max-width:1200px){#sidebar,.sidebar{height:100vh;max-height:100vh}}.theme-toggle{position:fixed;top:18px;right:18px;background:var(--viz-bg);border-radius:50%;width:42px;height:42px;font-size:1.5em;cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,.04);z-index:1000}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle img{width:18px;height:18px;opacity:75%;padding-top:5px}[data-theme=dark] .theme-toggle img{filter:invert(1)}:root{--primary-bg:#f5f3f5;--input-bg:#f5f4f1;--info-bg:#eaedee;--viz-bg:#fff;--text-color:#2c3e50;--light-text-color:#666;--highlight-color:#42b983;--text-muted:#888;--border-color:#d1d5db;--viz-border:#000;--viz-grid-border:#d1d5db;--primary-btn-bg:#42b983;--primary-btn-bg-hover:#369870;--view-btn-bg:#6e6a587b;--view-btn-bg-hover:#6e6a58d0;--delete-btn-bg:#f17c6f;--delete-btn-bg-hover:#d95f5a}[data-theme=dark]{--primary-bg:#303030;--input-bg:#282828;--info-bg:#555;--viz-bg:#212121;--text-color:#d3dadf;--light-text-color:#cecece;--text-muted:silver;--border-color:#3d453d;--viz-border:#585858;--viz-grid-border:#585858;--primary-btn-bg:#2a7555;--primary-btn-bg-hover:#25634a;--view-btn-bg:#4d493e98;--view-btn-bg-hover:#3f3b34d0;--delete-btn-bg:#974d45;--delete-btn-bg-hover:#8d3e3c}#app{display:flex;min-height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}h1{font-size:2.5rem}body{background-color:var(--primary-bg);color:var(--text-color);font-family:Inter;margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}code{font-family:Courier New,Courier,monospace;font-size:.69em}.container{max-width:1200px;margin:0 auto;padding-top:5em;gap:4em}.content{flex-direction:column;gap:.5em;width:24.56em}.secondary-content{gap:2em;width:40em;position:relative;overflow:hidden}.secondary-content-info{gap:1em;max-width:300px}.flex{display:flex}.column{flex-direction:column}.row{flex-direction:row}.center{align-items:center}.without-underline{text-decoration:none}.zero-gap{gap:0}.bold{font-weight:700}.courier-new{font-family:Courier New,Courier,monospace}.primary-color{color:#42b983}a.primary-color:hover{text-decoration:underline}.primary-background{background:#42b983}.primary-btn-bg{background:var(--primary-btn-bg)}.secondary-background{background:#2d3e50}.tertiary-color{color:#0f8bddb7}.tertiary-background{background:#0f8bddb7}.quaternary-color{color:var(--light-text-color)}.neutral-color{color:#fff}.neutral-background{background:#fff}.delete-color{color:#f17c6f}.delete-background{background:#f17c6f}.warning-color{color:#d32f2f}.invalid-background{background-color:#d32f2f26}.invalid-border{border:1px solid #d32f2f}.params{gap:.75em;padding-bottom:.25em;margin-top:-.8em}input,select{border:1px solid var(--border-color);border-radius:6px;padding:.3em .3em;font-size:.95em;background:var(--input-bg);color:var(--text-color);text-align:center;width:60px}input:focus,select:focus{outline:none;border:1px solid var(--text-color)}.viz-step{background-color:var(--viz-bg);border-radius:6px;padding:20px;padding-top:5px;margin-bottom:11.5px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.no-params{font-size:14px}.input-type-selector{display:flex;align-items:center;gap:6px;margin:0 0 0 -20px;border:none;padding:0}.input-type-selector input[type=radio]{accent-color:var(--text-color);cursor:pointer;width:16px;height:16px;flex-shrink:0;margin:0}.input-type-selector label{margin:0;cursor:pointer}@media (max-width:1200px){.container{padding-left:1rem;padding-right:1rem;flex-direction:column;align-items:center;gap:2em}.content,.secondary-content{max-width:90%}.secondary-content{flex:1 1;max-width:100%}}.info-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:none}.info-article{border-radius:6px;padding:0 2em 1em 2em;background-color:var(--info-bg);box-shadow:0 1px 3px rgba(0,0,0,.04);border-right:none;width:398px;max-width:90vw;max-height:80vh;min-width:280px;min-height:120px;position:fixed;overflow:auto;resize:both;pointer-events:auto}.info-drag-handle{cursor:grab;display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 -2em .75em -2em;padding:.6em .5em .5em .75em;border-bottom:1px solid var(--border-color,#e0e0e0);position:sticky;top:0;background-color:#e1e4e3;background-image:none;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-image .1s}[data-theme=dark] .info-drag-handle{background-color:#3e3e3e}.info-drag-handle:hover{background-image:linear-gradient(rgba(109,149,134,.07),rgba(109,149,115,.07))}.info-drag-handle:active{cursor:grabbing;background-image:linear-gradient(rgba(109,149,134,.1),rgba(109,149,134,.1))}[data-theme=dark] .info-drag-handle:hover{background-image:linear-gradient(hsla(51,3%,46%,.07),hsla(51,3%,46%,.07))}[data-theme=dark] .info-drag-handle:active{background-image:linear-gradient(hsla(51,3%,46%,.1),hsla(51,3%,46%,.1))}.drag-handle-spacer{width:1.75em;flex-shrink:0}.drag-info-icon{width:1.3em;height:1.3em;pointer-events:none;opacity:.7}.close-btn{background:var(--delete-btn-bg);width:1.75em;height:1.75em;border:none;border-radius:6px;font-size:1em;cursor:pointer;z-index:3;display:block;flex-shrink:0}.close-btn:hover{background:var(--delete-btn-bg-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.info-article .info-tabs{display:flex;gap:.5em;margin-bottom:1em;border-bottom:2px solid var(--border-color,#e0e0e0);padding-bottom:0}.info-article .info-tab-btn{background:none;border:none;padding:.4em 1em;cursor:pointer;font-size:.95em;color:var(--text-color,#333);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.info-article .info-tab-btn:hover{color:#42b983}.info-article .info-tab-btn.active{color:#42b983;border-bottom:2px solid #42b983;font-weight:700}.info-article .formula{white-space:pre-wrap;font-size:1.4em;font-weight:700;color:#42b983;margin:.3em 0 .5em 0}.home.content{width:92%;margin:0 auto;margin-top:-2.3em}.home.content section{gap:22px}.home header{flex:15%}h1{position:relative;font-size:2.5em}h1 p{font-size:13.5px;margin-top:-1rem;color:var(--text-color)}.home-h2{font-size:18.5px}.timeline-content h3{font-size:15px;margin:.2rem 0 .1rem 0}.home.viz-step h3{font-size:15px}.z-two{z-index:2}.logo-inline{position:absolute;left:6%;top:42%;transform:translateY(-50%);height:12rem;opacity:.29;z-index:1}.lead{flex:68%;margin-top:4.47rem;position:relative;font-size:16.5px;text-align:justify}.home.viz-step{margin-top:1rem}.home.viz-step:last-child{margin-bottom:3rem}.home.viz-step p{margin-top:-.7rem;font-size:14.6px;text-align:justify}.timeline{position:relative;padding-left:.5rem}.timeline:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#42b98350,#42b983)}.timeline-item{position:relative;margin-bottom:.8rem;padding-left:.7rem}.timeline-dot{position:absolute;left:-.7rem;top:.82rem;width:12px;height:12px;border-radius:50%;background:#42b983;border:2px solid var(--primary-bg);transition:transform .3s ease}.timeline-item:hover .timeline-dot{transform:scale(1.3)}.timeline-content{justify-content:space-between;align-items:flex-start;gap:1rem;background:var(--viz-bg);padding:.45rem 1rem;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:transform .3s ease;height:90px}.timeline-content:hover{transform:translateX(5px)}.timeline-year{display:inline-block;font-size:.7rem;font-weight:700;color:#42b983;background:rgba(66,185,131,.1);padding:.13rem .5rem;border-radius:6px;margin-bottom:.2rem}.timeline-content h4{margin:.2rem 0 .1rem 0;font-size:.95rem;color:var(--text-color)}.timeline-content p{margin:0;font-size:.8rem;color:var(--light-text-color);line-height:1.4}.timeline-img{margin-right:1.5rem;max-width:200px;width:100%;-o-object-fit:contain;object-fit:contain}.timeline-content.force-hover{transform:translateX(5px)}.timeline-content.force-hover .timeline-dot{transform:scale(1.3)}.home.info-icon{width:17px;height:17px;margin:0}@media (max-width:1200px){.header-column.flex{flex-direction:column;align-items:center}.logo-inline{position:absolute;left:6%;top:42%;transform:translateY(-50%);height:12rem;opacity:.29;z-index:1}.lead{margin-top:1em}.home.content{margin-top:0}}.form-range{accent-color:#42b983;width:41%;margin:0;cursor:pointer}.secondary-content{overflow:invisible;min-height:38em}.wheel{position:absolute;display:block;left:0;top:-35px;width:38em;height:38em;z-index:1;transition:transform .3s}.wheel.inner{content:url(/sifrovac/img/inner-wheel.ede7642a.webp);width:28em;height:27.8em;left:81px;top:48px;z-index:2}.wheel.outer{content:url(/sifrovac/img/outer-wheel.48264060.webp);transform:rotate(75deg)}[data-theme=dark] .wheel.outer{content:url(/sifrovac/img/outer-wheel-dark.070d3410.webp)}[data-theme=dark] .wheel.inner{content:url(/sifrovac/img/inner-wheel-dark.1fb7bcd4.webp)}@media (max-width:1200px){.wheel{left:26px}.wheel.inner{left:106px}}.afinne.input{padding-top:5px}.afinne.secondary-content{margin-top:-20px;margin-bottom:0}.affine-table{flex:1 1 0;height:-moz-fit-content;height:fit-content;width:100%;max-width:440px;overflow-x:auto;margin-left:40px;background:var(--viz-bg);border-radius:6px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.affine-table tbody,.affine-table thead{border:2px solid var(--viz-grid-border)}.affine-table table{width:100%;border-collapse:collapse;font-size:.85em;background:var(--viz-bg);table-layout:fixed}.affine-table td{padding:.5em;text-align:center}.affine-table td,.affine-table th{padding:.01em 1.5em;text-align:center;border:1.5px solid var(--viz-grid-border);border-right:2px solid var(--viz-grid-border)}@media (max-width:1200px){.afinne.secondary-content{margin-left:0;margin-top:-9px}.affine-table{margin-left:94px}}.input-permutation{width:100%;letter-spacing:1px;width:310px}.substitution.secondary-content{align-items:flex-start}.substitution.secondary-content>section{margin-top:7.7em;background:var(--viz-bg);border-radius:6px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.substitution-table{width:-moz-fit-content;width:fit-content;max-width:100%;border-collapse:collapse;table-layout:fixed;background:var(--viz-bg)}.substitution-table td,.substitution-table th{border:2px solid var(--viz-grid-border);box-sizing:border-box;padding:0;font-size:15px;text-align:center;width:23.3px;overflow:hidden;vertical-align:middle}.substitution-table .alphabet-cell{line-height:34px;font-weight:400}.substitution-table .mapped-cell{line-height:34px}.substitution-table .arrow-row td{border-top:none;border-bottom:none;height:32px;min-height:20px}.mapping-arrow{width:13px;height:12px;opacity:.8}.mapping-arrow-up{transform:rotate(180deg)}[data-theme=dark] .mapping-arrow{filter:invert(1) brightness(.82)}@media (max-width:1200px){.substitution.substitution.secondary-content{margin-top:-10px;margin-left:17px}.substitution.secondary-content>section{margin-top:0}}.vigenere.secondary-content{margin-top:-28px;align-items:flex-start}.vigenere-table-wrapper{background:var(--viz-bg);border-radius:6px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.vigenere-table{border-collapse:collapse;font-size:.61em;border:2px solid var(--viz-grid-border);background:var(--viz-bg)}.vigenere-table td,.vigenere-table th{border:1px solid var(--viz-grid-border);padding:.3em .6em;text-align:center}.vigenere-table th:first-child{border-right:2px solid var(--viz-grid-border)}.vigenere-table thead tr th{border-bottom:2px solid var(--viz-grid-border)}.key-repetition{margin-top:1em;font-size:.9em;color:var(--primary-color);gap:2px;overflow-wrap:anywhere;max-height:130px;overflow-y:auto;padding-right:6px}.table-legend{font-size:12px;color:var(--light-text-color)}.low-highlight{opacity:.5}@media (max-width:1200px){.vigenere.secondary-content{margin-top:-9px;margin-left:18px}}.stream-params{gap:8px;width:415px}.stream-params .row{gap:15px;border:none;padding:0}.input-pv{margin-left:1px}.input-m{margin-left:14px}.input.wide{width:76px}.stream.input-type-selector{margin-left:98px}.char-breakdown{gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.char-label{color:var(--text-color)}.char-binary{font-size:.9em}.lfsr-register{margin-top:5px;list-style:none;padding:0}.register-bit{width:25px;height:25px;justify-content:center;border:2px solid var(--viz-grid-border);border-left:0}.register-bit:first-child{border-left:2px solid var(--viz-grid-border)}.register-bit.feedback-bit{background-color:#42b9832f;border-color:var(--viz-grid-border)}.viz-stream{margin-right:80px;margin-bottom:0}.stream.secondary-content{margin-top:-6px}.xor-visualization{width:100%;border-collapse:collapse}.xor-row td,.xor-row th{text-align:left;padding:4px 10px;min-height:24px}.xor-label{width:80px;font-weight:400}.xor-divider{margin:5px 0}@media (max-width:1200px){.stream.secondary-content{margin-left:20px}}.tab-buttons{padding-top:0}.tab-btn{flex:1;padding:10px;margin:0;background:#8e8e8237;color:var(--text-color);border:none;cursor:pointer}.tab-btn:first-child{border-top-left-radius:6px}.tab-btn:last-child{border-top-right-radius:6px}.tab-btn:hover{background:#91918352}.tab-btn.active{background:#9090854e}.rsa.secondary-content{margin-top:-7px}.rsa.viz-step{padding:0;margin:0;padding-bottom:15px;width:100%;max-width:40em;align-self:flex-start}.steps{gap:12px;margin-top:15px}.step{background:hsla(53,6%,49%,.108);padding:12px;border-radius:6px;border-left:3px solid #6e6a580d}.step:last-child,.step:nth-last-child(2){border-left:3px solid #42b983}.step p{margin:0}.no-params{text-align:center;font-style:italic;opacity:75%}@media (max-width:1200px){.rsa.secondary-content{margin-left:17px;margin-top:-15px}}.sbox-modal-wrapper{position:relative;background:var(--viz-bg);border-radius:6px;padding-left:17px;padding-right:17px;padding-bottom:0;padding-top:0;max-width:70vw;max-height:65vh;display:block;border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);left:-11%;transform:translateY(-80px)}.sbox-modal-content{max-width:70vw;max-height:62vh;overflow:auto;cursor:inherit;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.sbox-table-scroll{min-width:-moz-max-content;min-width:max-content}[data-theme=dark] .sbox-modal-wrapper{background:#000}.ip-image-container.sbox .ip-close-button{right:4px;top:-1px}.sbox-modal-content h3{text-align:center;margin:0;color:var(--primary-color);font-size:1.1em}.sbox-table{width:-moz-max-content;width:max-content;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;margin-bottom:20px;background:#f9f9f9}[data-theme=dark] .sbox-table{background:#141312}.sbox-table td,.sbox-table th{padding:3px;text-align:center}.sbox-table td,.sbox-table th,[data-theme=dark] .sbox-table td,[data-theme=dark] .sbox-table th{border:1px solid var(--border-color)}.corner-cell{border:none}[data-theme=dark] .corner-cell{background:#141312}.col-header,.row-header{background:var(--primary-color);font-weight:600;font-size:11px}.cell-content{display:flex;flex-direction:column;gap:4px;opacity:.9}.decimal-value{font-size:16px;color:var(--text-color)}.binary-value{font-size:10px;color:var(--text-color)}.selected-cell{background-color:#42b98342}.sbox-legend{font-size:12px;color:var(--light-text-color);margin-bottom:5px;gap:5px}.des.secondary-content{gap:0;margin-top:-6px}.des.viz-step{width:600px}.bin-visualization{font-size:.85em;gap:2.5em}.binary{margin-top:-.7em}.binary-display{letter-spacing:2px;font-family:Inter,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.next{margin-top:.5em;padding-left:119px;padding-right:139px}.ip-image-container{position:absolute;transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px)));z-index:1000}.ip-image{max-height:400px;max-width:800px;border-radius:6px;border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;cursor:inherit}[data-theme=dark] .ip-image{filter:invert(1)}.ip-image-wrapper{position:relative;display:inline-block}.ip-scrollable{max-width:88vw;max-height:78vh;overflow:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.ip-draggable-handle{cursor:grab}.ip-image-container.is-dragging .ip-draggable-handle{cursor:grabbing}.ip-close-button{position:absolute;top:-1px;right:7px;width:1em;height:1em;background:hsla(0,0%,100%,0);color:var(--delete-btn-bg);border:none;cursor:pointer;font-size:18px;z-index:1003}.binary-half{transition:.3s ease}.binary-half.clickable{cursor:pointer}.binary-half.clickable:hover{transform:translateX(3px)}.step-description{font-size:14px;opacity:85%}.step-description h4{margin:5px}.left.step-description{margin:.7em}.expansion-result{display:flex;justify-content:center;align-items:center;gap:21px}.expansion-result .binary-display{text-align:center}.sbox-result{display:flex;gap:39.8px;padding-left:2px}.step-description{margin:0}.sbox-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:24px}.sbox-item{background:#8e8e8237;color:var(--text-color);border-radius:6px;padding:5px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.04)}.sbox-item:hover{transform:translateY(-.5px);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.sbox-label{font-weight:700}.arrow-down,.sbox-io small,.sbox-label{font-size:11px}.rund-key{background:#8e8e8237;color:var(--text-color);padding:4px;width:585px;border-radius:6px;border:none;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rund-key:hover{cursor:pointer;transform:translateY(-.5px)}.gen.rund-key{width:599px}.ip-image-container.sbox{top:88%;left:60%}.sbox.ip-close-button{top:-3px;right:0}.clickable-highlight{cursor:pointer}.highlight-left{font-size:11px;font-weight:700;font-style:italic;transform:translateX(4px)}.e.ip-image-container{top:72%;left:calc(50% - 200px)}.ip-image-container.p{left:64%;top:79%}.ip-image-container.ip{left:77%;top:72%}.ip-image-container.pc2{top:31.5%;left:24%}.ip-image-container.pc1{left:50%;top:69%}.binary-display.result{font-size:11px;padding-left:13px;padding-right:13px;margin-top:10px}.ip-image-container.ip-inv{left:64%;top:38.5%}sub{font-size:9px}.des.input-type-selector{margin-left:auto;margin-right:-19px}@media (max-width:1200px){.des.secondary-content{margin-left:25px}}.content-404{text-align:center;max-width:500px}.content-404 h1{font-size:4em;margin:-.2em}.content-404 h2{font-size:1.5em;margin:0 0 -.2em 0}.content-404 p{font-size:1.1em;color:var(--light-text-color);margin:0 0 .8em 0}.btn-view{display:inline-flex;gap:8px;padding:8px 16px;text-decoration:none;font-size:.8em}.btn-view img{width:20px;height:20px;filter:invert(1)}.toast{position:fixed;bottom:20px;right:20px;background:#42b983;color:#fff;padding:8px 16px;border-radius:6px;opacity:0;transition:opacity .3s;z-index:1010}.toast.show{opacity:1}h2{font-size:2em}.info-icon{margin:.5em;margin-top:-8px;width:17px;height:17px;cursor:pointer}.info-icon:hover{transform:scale(1.125)}textarea{width:100%;min-height:105px;border-radius:6px;border:1px solid var(--border-color);padding:.75em;font-family:inherit;background:var(--input-bg);color:var(--text-color);margin-bottom:.5em}textarea:focus{border:1.5px solid var(--text-color);outline:none}.textarea-wrap{position:relative}.copy-btn{background:var(--input-bg);color:var(--text-color);padding:.3em;border-radius:4px}.copy-btn:hover{transform:scale(1.05)}.copy-btn svg{color:var(--text-color);background:var(--input-bg)}.copy-btn{position:absolute;bottom:16px;left:3px;height:28px;width:28px;border:none;background:#f7f6f0;align-items:center;justify-content:center;cursor:pointer;padding:0}.button-group{display:flex;flex-wrap:nowrap;gap:.5em;padding-left:1em;margin-top:-.4em}.button-group button{color:#fff;border-radius:6px;border:none;padding:.5em 1.2em;font-size:1em;cursor:pointer;width:120px}.button-group .btn-decrypt,.button-group .btn-encrypt{background:var(--primary-btn-bg)}.button-group .btn-delete{background:var(--delete-btn-bg)}.button-group .btn-decrypt:hover,.button-group .btn-encrypt:hover{background:var(--primary-btn-bg-hover)}.button-group .btn-delete:hover{background:var(--delete-btn-bg-hover)}.btn-decrypt:disabled,.btn-encrypt:disabled{cursor:default;opacity:.6}.btn-view{background:var(--view-btn-bg);border-radius:6px;border:none;padding:.4em 1.2em;cursor:pointer;margin-right:5px}.btn-view:hover{background:var(--view-btn-bg-hover)}.btn-view:disabled,.btn-view:disabled:hover{background:#6e6a5837;cursor:default}