:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1200px;width:150vw;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1;margin-bottom:1rem}h2{font-size:1.5em;line-height:1.2;margin-bottom:1rem;color:#646cff}#url-section{margin:2rem 0;padding:1.5rem;border:1px solid #333;border-radius:12px;background-color:#0000001a;width:100%;box-sizing:border-box}.policy-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;justify-content:flex-start}.policy-container label{font-weight:500;font-size:.9em;color:#646cff}#policy-select{padding:.5rem;border:1px solid #333;border-radius:6px;background-color:#1a1a1a;color:#fff;font-size:.9em;min-width:120px;cursor:pointer}#policy-select:focus{outline:2px solid #646cff;border-color:#646cff}.url-input-container{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}#url-textbox{width:100%;max-width:100%;min-height:150px;padding:.8rem;border:1px solid #333;border-radius:6px;background-color:#1a1a1a;color:#fff;font-family:monospace;font-size:.9em;resize:vertical;box-sizing:border-box}#url-textbox:focus{outline:2px solid #646cff;border-color:#646cff}.button-container{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap}#copy-button,#regenerate-button{min-width:100px;flex:0 0 auto;max-width:150px;height:40px}#counter-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #333}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#copy-button{background-color:#646cff;border-color:#646cff}#copy-button:hover{background-color:#535bf2}#regenerate-button{background-color:#f39c12;border-color:#f39c12;position:relative;min-height:40px;overflow:hidden}#regenerate-button:hover{background-color:#e67e22}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#regenerate-button.loading{position:relative}#regenerate-button.loading .button-text{visibility:hidden}#regenerate-button.loading .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}#url-section{border-color:#e0e0e0;background-color:#00000005}#url-textbox{background-color:#f5f5f5;color:#213547;border-color:#e0e0e0}.policy-container label{color:#646cff}#policy-select{background-color:#f5f5f5;color:#213547;border-color:#e0e0e0}#counter-section{border-top-color:#e0e0e0}button{background-color:#f9f9f9;color:#213547}#copy-button{background-color:#646cff;color:#fff}#copy-button:hover{background-color:#535bf2}#regenerate-button{background-color:#f39c12;color:#fff}#regenerate-button:hover{background-color:#e67e22}.rate-btn{background-color:#f39c12;color:#fff}.rate-btn:hover{background-color:#e67e22}.spinner{border:2px solid rgba(33,53,71,.3);border-top:2px solid #213547}.logout-section{border-top-color:#e0e0e0}.logout-btn{background-color:#dc3545;color:#fff}.logout-btn:hover{background-color:#c82333}.rating-modal-content{background-color:#fff;border-color:#e0e0e0}.rating-header{border-bottom-color:#e0e0e0}.rating-header h3{color:#646cff}.rating-close{color:#21354799}.rating-close:hover{background-color:#2135471a;color:#213547e6}.rating-label,.comment-label{color:#213547}.rating-option{background-color:#f5f5f5;border-color:#e0e0e0}.rating-option:hover{border-color:#646cff;background-color:#646cff1a}.rating-option:has(input[type=radio]:checked){border-color:#646cff;background-color:#646cff33}.rating-option span:last-child{color:#213547}.rating-comment{background-color:#f5f5f5;color:#213547;border-color:#e0e0e0}.rating-comment::placeholder{color:#21354780}.rating-submit-btn{background-color:#646cff;color:#fff}.rating-submit-btn:hover{background-color:#535bf2}.rating-cancel-btn{background-color:#6c757d;color:#fff}.rating-cancel-btn:hover{background-color:#5a6268}}.login-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.login-form{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;width:100%;max-width:400px;box-shadow:0 4px 6px #0000001a}.login-form h2{color:#646cff;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffde;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #333;border-radius:8px;background-color:#2a2a2a;color:#ffffffde;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff1a}.form-group input::placeholder{color:#ffffff80}.login-btn{width:100%;padding:.75rem;border:none;border-radius:8px;background-color:#646cff;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .25s;margin-top:.5rem}.login-btn:hover{background-color:#535bf2}.login-btn:disabled{background-color:#333;cursor:not-allowed;opacity:.6}.app-container{margin:2rem 0;padding:1.5rem;border:1px solid #333;border-radius:12px;background-color:#1a1a1a}.app-container h2{color:#646cff;margin-bottom:1.5rem}.app-container .form-group{margin-bottom:1.5rem;text-align:left}.app-container .form-group label{display:block;margin-bottom:.5rem;color:#ffffffde;font-weight:500}.app-container textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid #333;border-radius:8px;background-color:#2a2a2a;color:#ffffffde;font-size:1rem;resize:vertical;box-sizing:border-box;font-family:inherit}.app-container textarea:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff1a}.app-container select{width:100%;padding:.75rem;border:1px solid #333;border-radius:8px;background-color:#2a2a2a;color:#ffffffde;font-size:1rem;box-sizing:border-box}.app-container select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff1a}.button-group{margin-top:1.5rem}.copy-btn-full{width:100%!important;display:block!important;margin-bottom:1rem!important}.secondary-buttons{display:flex!important;gap:1rem!important}#regenerate-button,#rate-button{width:calc(50% - .5rem)!important;flex:none!important}.copy-btn,.regenerate-btn,.rate-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .25s}.copy-btn{background-color:#47d147;color:#fff}.copy-btn:hover{background-color:#3cb83c}.regenerate-btn{background-color:#646cff;color:#fff}.regenerate-btn:hover{background-color:#535bf2}.rate-btn{background-color:#f39c12;color:#fff}.rate-btn:hover{background-color:#e67e22}.copy-btn:disabled,.regenerate-btn:disabled,.rate-btn:disabled{background-color:#333;cursor:not-allowed;opacity:.6}.logout-section{border-top:1px solid #333;margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:center}.logout-link{color:#666;text-decoration:none;font-size:.85rem;font-weight:400;cursor:pointer;transition:color .2s ease}.logout-link:hover{color:#999;text-decoration:underline}@media (max-width: 480px){.secondary-buttons{flex-direction:column}}