@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap";body{margin:0;padding:0;background-color:#fffdf5;font-family:Nunito,sans-serif;color:#444;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;max-width:420px;padding:2rem;box-sizing:border-box}h1,h2{text-align:center;color:#444;margin:.5rem 0}h1{font-size:2rem}h2{font-size:1.1rem;font-weight:400;color:#666}p{text-align:center;font-size:1rem;margin:1.5rem 0 1rem;color:#555}.card{display:flex;justify-content:center;margin-bottom:1rem}input[type=password]{padding:.75rem 1rem;border:2px solid #ddd;border-radius:1rem;font-size:1rem;width:100%;background-color:#fff;box-shadow:0 2px 5px #0000000d;transition:border .2s}input[type=password]:focus{border-color:#a5c9a1;outline:none}button{display:block;margin:0 auto;padding:.7rem 1.5rem;font-size:1rem;background-color:#a5c9a1;color:#fff;border:none;border-radius:1rem;cursor:pointer;box-shadow:0 4px 6px #00000014;transition:all .2s ease}button:hover{background-color:#91b98c;transform:translateY(-2px)}button:active{transform:scale(.98)}p[style]{text-align:center;font-weight:700;margin-top:1rem;color:#c23b22}img{display:block;margin:1rem auto;max-width:100%;height:auto;border-radius:12px}.note-wrapper{max-width:400px;margin:2rem auto;font-family:Arial,sans-serif}.note{max-height:0;overflow:hidden;transition:max-height 4.5s ease;border:1px solid #ccc;border-radius:.5rem;padding:0 1rem;background:#fffef0;position:relative;box-sizing:border-box;color:#333;text-align:left;background-image:linear-gradient(to bottom,#d3d3d3 1px,transparent 1px);background-size:100% 24px;font-family:Reenie Beanie,cursive}.note.open{max-height:800px;padding:1rem}.note p{margin:0;line-height:24px;padding-top:10px;font-size:1.4rem;text-align:left}