body{display:flex;justify-content:space-evenly;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif}.app{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;gap:100px}.main-content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:100px}.enigma{border-radius:20px;padding:20px;width:800px}h1{margin-top:0;display:flex;justify-content:space-between;align-items:center}textarea,input,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}textarea{height:100px;resize:none}.options{display:flex;justify-content:space-between;margin-bottom:15px}.option{width:48%}label{display:block;margin-bottom:5px;color:#666;font-size:14px}button{width:100%;padding:10px;background-color:#fce4ec;color:#f11313;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#89b4ca}.result-container{text-align:center}.generated-link{word-break:break-all;background-color:#857e7e;padding:10px;border-radius:5px;margin:20px 0}.qr-code{display:flex;justify-content:center;margin:20px 0}.home-icon{cursor:pointer}@media screen and (max-width: 768px){.enigma{width:90%;max-width:300px}}.secret-retrieval,.secret-display{background-color:var(--card-bg-color);border-radius:20px;padding:20px;width:400px;box-shadow:0 4px 6px #0000001a}.secret-retrieval form{display:flex;flex-direction:column;gap:10px}.secret-retrieval input,.secret-retrieval button{padding:10px;border-radius:5px;border:1px solid var(--input-border-color)}.secret-retrieval button{background-color:var(--button-bg-color);color:var(--button-text-color);cursor:pointer}.error{color:red;margin-top:10px}.dark-mode-toggle{position:fixed;top:20px;right:20px;cursor:pointer;transition:background-color .3s,color .3s}.dark-mode-toggle:hover{opacity:.8}.footer{padding:10px;text-align:center;border-radius:10px}.footer p{margin-bottom:10px}.footer a{color:#337ab7;text-decoration:none}.footer a:hover{color:#23527c}.fa-github{font-size:18px;margin-right:5px}:root{--bg-color: #90b9e2;--card-bg-color: white;--text-color: #333;--input-border-color: #ddd;--button-bg-color: #fce4ec;--button-text-color: #141212}.dark-mode{--bg-color: #121212;--card-bg-color: #1e1e1e;--text-color: #e0e0e0;--input-border-color: #444;--button-bg-color: #c51111;--button-text-color: #0e1010}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.enigma{background-color:var(--card-bg-color);box-shadow:0 4px 10px #0000001a}textarea,input,select{background-color:var(--card-bg-color);color:var(--text-color);border-color:var(--input-border-color)}button{background-color:var(--button-bg-color);color:var(--button-text-color)}