@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap";:root{--primary-red: #D52F3F;--secondary-pink: #F5D9DE;--background-white: #FDFDFD;--accent-skin-tone: #F0D5C5;--text-dark-brown: #362727;--accent-blue: #385A82;--accent-purple: #F5DDF2}body{margin:0;font-family:"M PLUS Rounded 1c",sans-serif;background:url(/background.png) no-repeat center center fixed;background-size:cover;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}.container{width:100%;max-width:2000px;margin:50px auto;background:#ffffffb3;border:2px solid var(--accent-skin-tone);border-radius:16px;padding:40px;box-shadow:0 8px 24px #0000001a;position:relative;overflow:visible;animation:fadeScale .7s ease forwards;box-sizing:border-box}.container:before{content:"";position:absolute;bottom:0;right:0;width:clamp(100px,30%,300px);aspect-ratio:1 / 1;background:url(/assets/katou.png) bottom right no-repeat;background-size:contain;opacity:.07;pointer-events:none}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}h2{text-align:center;color:var(--primary-red);margin-bottom:20px;font-size:clamp(1.2rem,2.5vw,1.8rem)}button{background-color:var(--primary-red);border:none;border-radius:8px;color:#fff;font-size:clamp(.9rem,1.8vw,1rem);padding:10px 18px;cursor:pointer;transition:all .2s ease;margin-top:10px}button:hover{background-color:var(--secondary-pink);transform:translateY(-2px)}button:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #0000001a}.note-selector{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap;justify-content:center}.note-button{background-color:var(--background-white);border:2px solid var(--primary-red);color:var(--primary-red);padding:6px 12px;border-radius:8px;font-size:clamp(.85rem,1.5vw,.95rem);cursor:pointer;box-shadow:0 1px 3px #0000000d;transition:all .3s ease,box-shadow .2s ease-in-out;flex-shrink:0}.note-button:hover{background-color:var(--secondary-pink);box-shadow:0 2px 6px #0000001a}.note-button.active{background-color:var(--primary-red);color:#fff;box-shadow:0 2px 6px #00000026}label{color:var(--primary-red);font-weight:700;font-size:clamp(.9rem,3vw,1rem)}textarea{width:100%;height:clamp(400px,70vh,800px);padding:12px;font-size:clamp(.9rem,2vw,1rem);border-radius:10px;border:1px solid var(--accent-skin-tone);background:url(/megumi.png) no-repeat bottom left / clamp(100px,20vw,150px) auto,url(/chibi.png) no-repeat bottom right / clamp(100px,20vw,150px) auto,#fffc;color:var(--text-dark-brown);resize:vertical;margin-top:10px;box-sizing:border-box;font-family:"M PLUS Rounded 1c",sans-serif}textarea:focus{color:var(--text-dark-brown);outline:2px solid var(--primary-red);border-color:var(--primary-red)}.copied-message{position:absolute;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8em;opacity:0;animation:fadeInOut 2s forwards;z-index:1001;pointer-events:none;white-space:nowrap;bottom:calc(100% + 5px)}.button-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;position:relative}.copy-button{position:relative;animation:bounce 2s infinite 3s}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.2)}}.textarea.note-transition{animation:fadeInTextarea .5s ease-out}@keyframes fadeInTextarea{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-button{background-color:var(--accent-skin-tone);color:var(--text-dark-brown);font-size:.85rem;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;opacity:.8;box-shadow:0 1px 3px #0000000d;transition:all .3s ease,box-shadow .2s ease-in-out;z-index:1000}.auth-button:hover{opacity:1;background-color:var(--secondary-pink);transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}textarea::-webkit-scrollbar{display:none}textarea{-ms-overflow-style:none;scrollbar-width:none}.side-image{position:absolute;right:0;top:20vh;bottom:0;width:20%;max-width:180px;z-index:1;opacity:.85;pointer-events:none;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) scaleX(-1)}50%{transform:translateY(-10px) scaleX(-1)}to{transform:translateY(0) scaleX(-1)}}.container p[style*="color: rgb(213, 47, 63)"]{animation:textPulse 2s infinite ease-in-out;-webkit-animation:textPulse 2s infinite ease-in-out}@keyframes textPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}@media (max-width: 768px){.container{padding:25px;margin:30px auto}}@media (max-width: 480px){body{padding:10px}.container{padding:15px;margin:20px auto}.button-row{justify-content:space-between;flex-wrap:nowrap;gap:10px}.copy-button,.auth-button{margin-top:0;width:48%;max-width:130px;font-size:.8rem;padding:8px 15px;flex-grow:0;flex-shrink:1}.copied-message{bottom:unset;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.side-image{width:100px}}