.note-form{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:0 auto}.note-input{width:100%;min-height:200px;padding:15px;border:1px solid #444;border-radius:8px;background:#2b2b2b;color:#fff;resize:vertical;font-size:16px}.button{padding:15px 25px;border-radius:8px;border:none;background:#2ecc71;color:#fff;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;flex:1;margin:0 10px;position:relative;top:0}.button:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 2px 8px #2ecc7166}.button:active{transform:translateY(1px);box-shadow:0 1px 4px #2ecc7133;background:#219a52}.button:disabled{background:#1f8b4c;cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:#f44;font-size:20px;text-align:center;display:flex;justify-content:center;align-items:center;min-height:150px}.success-message{color:#2ecc71;text-align:center;margin:10px 0;font-size:16px}.loading{text-align:center;padding:20px;font-size:16px}.view-note{max-width:800px;margin:0 auto;padding:20px}.note-content{white-space:pre-wrap;word-break:break-word;background:#2b2b2b;color:#fff;padding:20px;border-radius:8px;margin-top:20px;box-shadow:0 2px 4px #0003;font-size:16px}.button-group{display:flex;gap:15px;justify-content:center;margin-top:20px}h2{text-align:center;margin-bottom:25px;font-size:24px}.char-counter{text-align:right;color:#888;font-size:14px;margin-top:5px}.char-counter.near-limit{color:#f39c12}.char-counter.at-limit{color:#e74c3c}.share-button{width:100%;max-width:200px;display:flex;align-items:center;justify-content:center;gap:8px}.share-button svg{transition:transform .2s}.share-button:hover svg{transform:scale(1.1)}.share-button:active svg{transform:scale(.9)}.warning{color:#ffe300;font-size:24px}.notice{color:#ffe300;font-size:16px;text-align:center;margin:10px 0}.ttl-field{margin-top:5px}.ttl-label{color:#ccc;font-size:14px;display:block;margin-bottom:8px}.ttl-options{display:flex;gap:8px}.ttl-button{flex:1;padding:10px;border:1px solid #444;border-radius:8px;background:#2b2b2b;color:#ccc;cursor:pointer;font-size:14px;transition:all .2s}.ttl-button:hover{border-color:#2ecc71;color:#fff}.ttl-active{background:#2ecc71;border-color:#2ecc71;color:#fff;font-weight:500}.auto-destroy-timer{text-align:center;color:#e74c3c;font-size:14px;margin:10px 0;font-weight:500}.blurred{filter:blur(10px);-webkit-user-select:none;user-select:none;transition:filter .3s}.clipboard-msg{text-align:center;color:#2ecc71;font-size:13px;margin-top:10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}