:root{--purple:#D2A1FF;--slate-200:#f7fafff5;--slate-300:#cbd5e1;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--black:#222222;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--white:#ffffff;--yellow-400:#facc15;--green-400:#4ade80;--red-400:#f87171}.restore-container{min-height:100vh;display:flex;flex-direction:column}@media (min-width:768px){.restore-container{flex-direction:row}}.sidebar{width:100%;background:var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;position:relative;min-height:200px}.sidebar img{width:40%}@media (min-width:768px){.sidebar{width:33.333333%;padding:2rem;min-height:100vh}}.logo{color:var(--black);background-image:linear-gradient(to right,var(--black) 0,var(--black) 100%),linear-gradient(to bottom,var(--black) 0,var(--black) 100%),linear-gradient(to left,var(--black) 0,var(--black) 100%),linear-gradient(to bottom,var(--black) 0,var(--black) 100%),linear-gradient(to right,var(--black) 0,var(--black) 100%),linear-gradient(to top,var(--black) 0,var(--black) 100%),linear-gradient(to left,var(--black) 0,var(--black) 100%),linear-gradient(to top,var(--black) 0,var(--black) 100%)}.loga,.logo{position:relative;font-family:monospace;font-size:1rem;padding:.75rem 1.25rem;background-size:10px 2px,2px 10px,10px 2px,2px 10px,10px 2px,2px 10px,10px 2px,2px 10px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat}.loga{color:var(--slate-200);background-image:linear-gradient(to right,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to bottom,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to left,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to bottom,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to right,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to top,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to left,var(--slate-200) 0,var(--slate-200) 100%),linear-gradient(to top,var(--slate-200) 0,var(--slate-200) 100%)}@media (min-width:768px){.logo{font-size:1.3rem;padding:.25rem .75rem}}.main-content{flex:1 1;background:var(--black);display:flex;flex-direction:column}.window-controls{display:none;justify-content:flex-end;padding:1rem;gap:.5rem}@media (min-width:768px){.window-controls{display:flex}}.window-control{width:.75rem;height:.75rem;border-radius:50%}.window-control-yellow{background-color:var(--yellow-400)}.window-control-green{background-color:var(--green-400)}.window-control-red{background-color:var(--red-400)}.content-wrapper{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}@media (min-width:768px){.content-wrapper{padding:0 4rem 4rem}}.content-inner{max-width:42rem;width:100%;margin:0 auto}.main-title{font-size:1.6rem;font-weight:700;color:var(--white);margin-bottom:1rem;letter-spacing:.05em;text-align:center}@media (min-width:768px){.main-title{font-size:2.5rem;margin-bottom:2rem;text-align:left}}.description{color:var(--white);font-size:.875rem;margin-bottom:1.5rem;line-height:1.625;text-align:center}@media (min-width:768px){.description{font-size:1rem;margin-bottom:2rem;text-align:left}}.description-break{display:none}@media (min-width:768px){.description-break{display:block}}.description-span{display:block}@media (min-width:768px){.description-span{display:inline}}.textarea-container{position:relative;margin-bottom:1.5rem}@media (min-width:768px){.textarea-container{margin-bottom:2rem}}.recovery-textarea{min-height:200px;background-color:var(--stone-200);border:none;color:var(--slate-700);font-size:.875rem;padding:1rem;resize:none;width:100%;border-radius:.375rem}.recovery-textarea::placeholder{color:var(--slate-500)}.recovery-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--purple-400)}@media (min-width:768px){.recovery-textarea{min-height:300px;font-size:1rem;padding:1.5rem}}.button-container{display:flex;justify-content:center}@media (min-width:768px){.button-container{justify-content:flex-end}}.restore-button{background-color:var(--stone-300);color:var(--slate-800);padding:.5rem 1.5rem;font-size:1rem;font-weight:500;border-radius:9999px;border:none;cursor:pointer;width:100%;transition:background-color .2s}.restore-button:hover:not(:disabled){background-color:var(--stone-200)}.restore-button:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.restore-button{padding:.75rem 2rem;font-size:1.125rem;width:auto}}.popup-overlay{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup,.popup-overlay{display:flex;justify-content:center;align-items:center}.popup{position:relative;flex-direction:column;background-color:var(--black);padding:1rem 1.5rem;border-radius:.5rem;color:rgb(255,255,255);gap:1rem}.popup button{width:-moz-fit-content;width:fit-content;background-color:var(--purple);border-radius:5rem;padding:.5rem 1rem;border:none;cursor:pointer}