:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fa;color:#333}#root{min-height:100vh}a{font-weight:500;color:#ed8936;text-decoration:inherit}a:hover{color:#dd6b20}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin:1em 0}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f6d55c,#ed8936)}.app-header{text-align:center;padding:2rem 1rem 1rem;color:#fff}.app-header h1{margin:0;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header p{margin:.5rem 0 0;font-size:1.1rem;opacity:.9}.app-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem}.app-footer{text-align:center;padding:1rem;color:#ffffffb3;font-size:.9rem}.create-secret-container,.view-secret-container{width:100%;max-width:600px}.create-secret-card,.view-secret-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003;margin:0 auto}.create-secret-card h1,.view-secret-card h1{margin:0 0 1rem;color:#333;font-size:2rem;text-align:center}.subtitle{text-align:center;color:#666;margin-bottom:2rem;line-height:1.5}.secret-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.secret-textarea{width:100%;padding:1rem;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s ease;box-sizing:border-box}.secret-textarea:focus{outline:none;border-color:#f6d55c}.secret-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.character-count{text-align:right;font-size:.9rem;color:#666;margin-top:.5rem}.create-button,.copy-button,.back-button,.create-new-button{background:linear-gradient(135deg,#f6d55c,#ed8936);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;display:inline-block;text-align:center}.create-button:hover,.copy-button:hover,.back-button:hover,.create-new-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.create-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.create-button{width:100%}.result-section .copy-button{position:static;width:100%;margin-top:1rem;padding:.75rem 1rem;display:block}.result-section{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:2rem}.result-section h2{margin:0 0 1rem;color:#38a169;text-align:center}.result-details{margin-top:1rem}.url-section{margin:1.5rem 0;display:block}.url-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.url-input{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:6px;font-family:monospace;font-size:.9rem;background:#fff;box-sizing:border-box;display:block;margin-bottom:.75rem}.warning{background:#fff8dc;border:1px solid #f6d55c;border-radius:6px;padding:1rem;margin:1rem 0;color:#744210}.warning.destructive{background:#fed7d7;border-color:#fc8181;color:#742a2a}.secret-info{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.secret-content-section{margin:2rem 0}.secret-content-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.secret-content{position:relative;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;padding:1rem}.content-text{font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.5;margin-bottom:1rem;min-height:3rem}.secret-content .copy-button{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;font-size:.9rem;width:auto;margin:0}.loading{text-align:center;padding:3rem 1rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #f6d55c;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;padding:2rem 1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;border-radius:6px;margin:1rem 0}.error-help{text-align:left;margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:6px}.error-help ul{margin:.5rem 0 0 1rem}.actions{text-align:center;margin-top:2rem}@media (max-width: 768px){.app-header h1{font-size:2rem}.create-secret-card,.view-secret-card{padding:1.5rem;margin:0 1rem}.url-container{flex-direction:column}.url-input{margin-bottom:.5rem}.result-section .copy-button{width:auto;padding:.5rem 1.5rem;display:inline-block;margin:0;position:static!important}.secret-content .copy-button{position:static;width:100%;margin-top:1rem}}