:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4c7bf3;text-decoration:inherit}a:hover{color:#6c63ff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1;margin:0}h2{font-size:1.75em;margin-bottom:1rem}h3{font-size:1.4em;margin-bottom:.75rem}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#4c7bf3;color:#fff;cursor:pointer;transition:background-color .3s}button:hover{background-color:#6c63ff}button:focus,button:focus-visible{outline:2px solid #4c7bf3;outline-offset:2px}p{margin-bottom:1rem}@media (max-width: 768px){body{font-size:14px}}:root{--primary-color: #4c7bf3;--secondary-color: #6c63ff;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--max-width: 1200px;--text-color: #333;--background-color: #f4f4f9;--surface-color: white;--surface-color-secondary: #f5f5f5;--border-color: #ddd;--subtle-text-color: #666;--box-shadow-color: rgba(0, 0, 0, .1);--callout-bg-color: #e8f4fd;--callout-text-color: #555;--warning-bg-color: #fff8e1;--warning-text-color: #856404;--danger-bg-color: #f8d7da}@media (prefers-color-scheme: dark){:root{--text-color: #f4f4f9;--background-color: #121212;--surface-color: #1e1e1e;--surface-color-secondary: #2a2a2a;--border-color: #444;--subtle-text-color: #aaa;--box-shadow-color: rgba(255, 255, 255, .1);--callout-bg-color: rgba(76, 123, 243, .2);--callout-text-color: #cde1f9;--warning-bg-color: rgba(255, 193, 7, .2);--warning-text-color: #ffdead;--danger-bg-color: rgba(220, 53, 69, .2)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);transition:color .3s,background-color .3s}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--surface-color);box-shadow:0 2px 5px var(--box-shadow-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s}.app-content{flex:1;padding:2rem;max-width:var(--max-width);margin:0 auto;width:100%}.app-footer{background-color:var(--surface-color);color:var(--text-color);text-align:center;padding:1rem;margin-top:auto;transition:background-color .3s,color .3s;border-top:1px solid var(--border-color)}.logo-container{display:flex;flex-direction:column}.logo{display:flex;align-items:center}.app-logo{width:32px;height:32px;margin-right:10px}.logo-container h1{color:var(--primary-color);font-size:1.8rem;margin-bottom:0}.tagline{font-size:.9rem;color:var(--subtle-text-color);margin-bottom:0}nav{display:flex;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;margin-left:1.5rem;font-weight:500;transition:color .3s}.nav-link:hover{color:var(--primary-color)}form{background-color:var(--surface-color);padding:2rem;border-radius:8px;box-shadow:0 2px 10px var(--box-shadow-color);margin-bottom:2rem;transition:background-color .3s}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}textarea,select,input[type=text]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:inherit;background-color:var(--surface-color-secondary);color:var(--text-color);transition:border-color .3s,box-shadow .3s,background-color .3s,color .3s}textarea:focus,select:focus,input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4c7bf333}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s}button:hover{background-color:var(--secondary-color)}button:disabled{background-color:#ccc;cursor:not-allowed}.submit-button{width:100%;padding:.75rem;font-weight:500}.copy-button{margin-left:.5rem;padding:.5rem 1rem}.create-new-button{margin-top:1rem}.create-secret,.view-secret{max-width:800px;margin:0 auto}h2{margin-bottom:1.5rem;color:var(--text-color)}.success-message,.secret-container{background-color:var(--surface-color);padding:2rem;border-radius:8px;box-shadow:0 2px 10px var(--box-shadow-color);transition:background-color .3s}.secret-url-container{display:flex;margin:1.5rem 0}.secret-url{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px 0 0 4px;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;background-color:var(--surface-color-secondary);color:var(--text-color)}.warning{background-color:var(--warning-bg-color);padding:.75rem;border-left:4px solid var(--warning-color);margin:1rem 0;font-size:1rem;color:var(--warning-text-color);transition:background-color .3s,color .3s}.error-message{color:var(--danger-color);background-color:var(--danger-bg-color);padding:.75rem;border-radius:4px;margin-bottom:1rem;transition:background-color .3s,color .3s}.error-container{text-align:center;padding:2rem;background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 10px var(--box-shadow-color);transition:background-color .3s}.button{display:inline-block;background-color:var(--primary-color);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:4px;margin-top:1rem}.button:hover{background-color:var(--secondary-color);color:#fff}.loading{text-align:center;padding:2rem;font-style:italic;color:var(--subtle-text-color)}.security-callout{background-color:var(--callout-bg-color);border-left:4px solid var(--primary-color);padding:1rem;margin:1.5rem 0;border-radius:4px;transition:background-color .3s}.callout-content h4{color:var(--primary-color);margin-top:0;margin-bottom:.5rem;display:flex;align-items:center}.callout-content p{margin-bottom:.5rem;color:var(--callout-text-color)}.callout-content p:last-child{margin-bottom:0}.secret-content{margin:1.5rem 0}.content-box{background-color:var(--surface-color-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin-top:.5rem;display:flex;align-items:flex-start;justify-content:space-between}.content-box pre{white-space:pre-wrap;word-break:break-word;text-align:left;flex:1}.secret-meta{color:var(--subtle-text-color);font-size:.8rem;float:right;text-align:right;padding:1rem;border-radius:4px;margin-bottom:1rem;font-style:italic}.secret-meta p{margin-bottom:0}.character-count{font-size:.85rem;color:var(--subtle-text-color);text-align:right;margin-top:.25rem}.error-text{color:var(--danger-color);font-weight:500}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.not-found-container{background-color:var(--surface-color);padding:2rem;border-radius:8px;box-shadow:0 2px 10px var(--box-shadow-color);text-align:center;max-width:500px;width:100%;transition:background-color .3s}.not-found-icon{font-size:3rem;margin-bottom:1rem}.not-found h2{color:var(--text-color);margin-bottom:1rem}.not-found p{color:var(--subtle-text-color);margin-bottom:.5rem}.not-found .actions{margin-top:1.5rem}@media (max-width: 768px){.app-header{flex-direction:column;text-align:center;padding:1rem}nav{margin-top:1rem}.secret-url-container{flex-direction:column}.secret-url{border-radius:4px;margin-bottom:.5rem}.copy-button{margin-left:0;width:100%}.content-box{flex-direction:column}.content-box .copy-button{margin-top:1rem}}