.clarify-chat-approve-container{display:flex;justify-content:center;padding:16px 24px;background:linear-gradient(to bottom,transparent 0%,var(--color-bg-main) 20%)}.clarify-chat-approve-button{display:flex;align-items:center;gap:8px}.approve-icon{font-size:16px;font-weight:700}.approve-hint{font-size:12px;opacity:.8;margin-left:4px}:root[data-theme=dark] .clarify-chat-approve-container{background:linear-gradient(to bottom,transparent 0%,var(--color-bg-main) 20%)}.clarify-chat-fullscreen{width:100%;max-width:var(--content-main-width);margin:0 auto;padding-bottom:100px;position:relative}.clarify-chat-messages-full{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.clarify-chat-input-fixed{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;padding:1rem 2rem;background:var(--color-bg-input-floating);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);z-index:var(--z-float)}.clarify-chat-input-fixed .chat-input-box{width:100%;max-width:var(--content-main-width)}[data-theme=dark] .clarify-chat-input-fixed{background:var(--color-bg-input-floating);border-top-color:var(--color-border)}.animated-paper-wrapper{position:relative}.paper-remove-button{position:absolute;top:0;right:0;z-index:var(--z-local);width:28px;height:28px;padding:0;border:none;background:transparent;color:transparent;font-size:12px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .15s;border-radius:0 8px 0 0;overflow:hidden;clip-path:polygon(100% 0,0 0,100% 100%)}.paper-remove-button:before{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:var(--color-shadow-soft);clip-path:polygon(100% 0,0 0,100% 100%);border-radius:0 8px 0 0;transition:background .15s}.paper-remove-button:after{content:"×";position:absolute;top:0;right:3px;font-size:12px;font-weight:700;color:var(--color-text-tertiary);transition:color .15s}.animated-paper-wrapper:hover .paper-remove-button{opacity:1}.paper-remove-button:hover:before{background:var(--color-bg-danger-emphasis)}.paper-remove-button:hover:after{color:#fff}.paper-remove-button:focus{opacity:1;outline:none}.paper-remove-button:focus:before{background:var(--color-bg-accent-emphasis)}.paper-remove-button:focus:after{color:#fff}[data-theme=dark] .paper-remove-button:before{background:var(--color-overlay-white-015)}[data-theme=dark] .paper-remove-button:after{color:var(--color-text-muted)}[data-theme=dark] .paper-remove-button:hover:before{background:var(--color-bg-danger-emphasis)}[data-theme=dark] .paper-remove-button:hover:after{color:var(--color-text-on-accent)}.changelog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-secondary)}.changelog-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:changelog-spin 1s linear infinite;margin-bottom:1rem}@keyframes changelog-spin{to{transform:rotate(360deg)}}.changelog-error{text-align:center;padding:2rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error)}.changelog-error button{margin-top:1rem;padding:.5rem 1rem;background:var(--color-error);color:var(--color-text-on-accent);border:none;border-radius:4px;cursor:pointer}.changelog-error button:hover{background:var(--color-error-strong)}.changelog-markdown{background:var(--color-bg-card);padding:2rem;border-radius:8px;box-shadow:var(--shadow-md)}.changelog-markdown h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border)}.changelog-markdown h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.changelog-markdown h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.changelog-markdown p{color:var(--color-text-primary);line-height:1.7;margin:.75rem 0}.changelog-markdown ul{margin:.75rem 0;padding-left:1.5rem}.changelog-markdown li{color:var(--color-text-primary);line-height:1.7;margin:.5rem 0}.changelog-markdown strong{color:var(--color-text-primary);font-weight:600}.changelog-markdown hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.changelog-markdown code{background:var(--color-bg-hover);padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:var(--color-error)}.changelog-markdown pre{background:var(--color-text-primary);color:var(--color-bg-main);padding:1rem;border-radius:8px;overflow-x:auto}.changelog-markdown pre code{background:none;color:inherit;padding:0}.undo-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:var(--z-modal-overlay);background:var(--color-bg-undo-toast);color:#fff;border-radius:8px;box-shadow:0 4px 12px var(--color-shadow-toast);overflow:hidden;min-width:300px;max-width:500px}.undo-toast-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:16px}.undo-toast-message{font-size:14px;line-height:1.4;flex:1}.undo-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.undo-toast-button{background:transparent;border:none;color:var(--color-accent-undo-toast);font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.undo-toast-button:hover{background:var(--color-bg-undo-toast-hover)}.undo-toast-button:active{background:var(--color-bg-undo-toast-active)}.undo-toast-close{background:transparent;border:none;color:var(--color-text-undo-toast-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:color .15s}.undo-toast-close:hover{color:#fff}.undo-toast-progress{height:3px;background:var(--color-accent-undo-toast);transform-origin:left}[data-theme=dark] .undo-toast{background:var(--color-bg-elevated)}body.conversation-pane-open .undo-toast{left:calc((100% - var(--pane-initial-width)) / 2)}.proposal-fullscreen{width:100%;max-width:var(--content-main-width);margin:0 auto;padding:6rem 1rem 2rem;min-height:calc(100vh - 60px)}.proposal-messages{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.proposal-messages .chat-message-row.assistant{justify-content:center}.proposal-buttons-container{display:flex;justify-content:center;padding:2rem 0}.proposal-buttons{display:flex;flex-direction:row;gap:1rem;width:100%;max-width:500px}.proposal-button{flex:1 1 0;width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 20px;font-size:15px;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease;border:none;min-height:58px}.proposal-button.primary{color:var(--color-text-on-accent);background:var(--color-accent);border:2px solid var(--color-accent)}.proposal-button.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.proposal-button.primary:active{opacity:.9}.proposal-button.secondary{color:var(--color-text-secondary);background:var(--color-bg-sub);border:1px solid var(--color-border)}.proposal-button.secondary:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}.proposal-button.secondary:active{opacity:.9}.button-icon{font-size:16px;font-weight:700}.button-subtext{font-size:13px;opacity:.8}@media(max-width:40em){.proposal-fullscreen{padding:1rem}.proposal-buttons{flex-direction:column;max-width:100%}.proposal-button{padding:12px 20px;font-size:14px}}.dev-error-toast-container{position:fixed;top:16px;right:16px;z-index:var(--z-modal-overlay);display:flex;flex-direction:column;gap:8px;pointer-events:none}.dev-error-toast{pointer-events:auto;background:var(--toast-network-bg);border:1px solid var(--color-dev-error-border);border-left:4px solid var(--color-error-strong);border-radius:6px;box-shadow:0 4px 12px var(--color-shadow-soft);max-width:400px;overflow:hidden}.dev-error-toast-content{display:flex;align-items:flex-start;gap:10px;padding:12px 14px}.dev-error-toast-icon{flex-shrink:0;font-size:16px}.dev-error-toast-message{flex:1;font-size:13px;line-height:1.5;color:var(--color-dev-error-text);word-break:break-word}.dev-error-toast-close{flex-shrink:0;background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .15s,color .15s}.dev-error-toast-close:hover{background:var(--color-error-bg);color:var(--color-error)}.onboarding-overlay{position:fixed;inset:0;background:var(--color-overlay-dark-60);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay);animation:onboarding-fade-in .3s ease}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}.onboarding-popup{background:#fff;border-radius:16px;box-shadow:0 20px 60px var(--color-shadow-button);max-width:520px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:onboarding-slide-up .3s ease}@keyframes onboarding-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.onboarding-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.onboarding-header{text-align:center;padding:32px 32px 24px;border-bottom:1px solid var(--color-border)}.onboarding-header h2{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.onboarding-subtitle{margin:0;color:var(--color-text-secondary);font-size:.95rem}.onboarding-content{padding:24px 32px}.onboarding-section{margin-bottom:24px}.onboarding-section:last-child{margin-bottom:0}.onboarding-section h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.onboarding-section h3:before{content:"";display:inline-block;width:4px;height:20px;background:var(--color-accent);border-radius:2px}.onboarding-score-example{display:flex;align-items:center;gap:16px;background:var(--color-bg-sub);padding:16px;border-radius:12px;margin-bottom:16px}.score-badge-example{width:48px;height:48px;background:var(--gradient-badge-success);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-number{color:#fff;font-size:1.5rem;font-weight:700}.score-explanation p{margin:0;color:var(--color-text-primary);font-weight:500}.onboarding-list{margin:0;padding:0;list-style:none}.onboarding-list li{position:relative;padding-left:24px;margin-bottom:10px;color:var(--color-text-secondary);line-height:1.6}.onboarding-list li:last-child{margin-bottom:0}.onboarding-list li:before{content:"•";position:absolute;left:8px;color:var(--color-accent);font-weight:700}.onboarding-list li strong{color:var(--color-text-primary)}.features-list li{display:flex;align-items:flex-start;gap:12px;padding-left:0}.features-list li:before{display:none}.feature-icon{font-size:1.25rem;flex-shrink:0}.onboarding-footer{padding:20px 32px 28px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:16px}.onboarding-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-secondary);font-size:.9rem}.onboarding-checkbox input{width:16px;height:16px;cursor:pointer}.onboarding-start-button{background:var(--gradient-button);color:#fff;border:none;padding:14px 48px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--color-shadow-button-blue-hover-2)}.onboarding-start-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow-button-blue-active-hover)}.onboarding-start-button:active{transform:translateY(0)}[data-theme=dark] .onboarding-popup{background:var(--color-bg-card)}[data-theme=dark] .onboarding-header{border-bottom-color:var(--color-border)}[data-theme=dark] .onboarding-header h2{color:var(--color-text-primary)}[data-theme=dark] .onboarding-subtitle,[data-theme=dark] .onboarding-close{color:var(--color-text-muted)}[data-theme=dark] .onboarding-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}[data-theme=dark] .onboarding-section h3{color:var(--color-text-primary)}[data-theme=dark] .onboarding-score-example{background:var(--color-bg-hover)}[data-theme=dark] .score-explanation p{color:var(--color-text-primary)}[data-theme=dark] .onboarding-list li{color:var(--color-text-muted)}[data-theme=dark] .onboarding-list li strong{color:var(--color-text-primary)}[data-theme=dark] .onboarding-footer{border-top-color:var(--color-border)}[data-theme=dark] .onboarding-checkbox{color:var(--color-text-muted)}@media(max-width:40em){.onboarding-popup{max-width:95%;margin:16px}.onboarding-header{padding:24px 20px 20px}.onboarding-header h2{font-size:1.5rem}.onboarding-content{padding:20px}.onboarding-footer{padding:16px 20px 24px}.onboarding-start-button{width:100%;padding:14px 24px}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;background:var(--color-bg-main)}.login-container{max-width:400px;width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:40px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-align:center;margin-bottom:24px}.free-credits-banner{background:var(--gradient-free-credit);border:1px solid var(--color-banner-highlight-border);border-radius:8px;padding:12px 16px;text-align:center;color:var(--color-accent);font-size:.9rem;margin-bottom:24px}.free-credits-banner strong{color:var(--color-accent-hover)}:root[data-theme=dark] .free-credits-banner{background:var(--color-bg-hover);border:1px solid var(--color-accent)}.login-error{background:var(--color-input-error-bg);border:1px solid var(--color-status-error-border);border-radius:8px;padding:12px 16px;color:var(--color-error-strong);font-size:.9rem;margin-bottom:20px;text-align:center}.in-app-browser-banner{display:flex;align-items:flex-start;gap:8px;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:8px;padding:12px 16px;margin-bottom:20px}.in-app-browser-banner-content{flex:1}.in-app-browser-app-name{font-size:.85rem;font-weight:600;color:var(--color-warning);margin-bottom:4px}.in-app-browser-message{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.in-app-browser-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-muted);transition:color .15s ease}.in-app-browser-close:hover{color:var(--color-text-secondary)}.google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:var(--color-bg-sub);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.google-login-button:hover:not(:disabled){background:var(--color-bg-hover);box-shadow:0 2px 8px var(--color-shadow-soft)}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:24px 0;color:var(--color-text-muted);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{padding:0 16px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:var(--color-text-secondary)}.form-group input{padding:12px 16px;background:var(--color-bg-sub);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;transition:all .2s}.form-group input::placeholder{color:var(--color-placeholder)}.form-group input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-hover)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.password-input-wrapper.input-error input{border-color:var(--color-error-strong);background:var(--color-input-error-bg)}.password-input-wrapper.input-error input:focus{border-color:var(--color-error-strong);box-shadow:0 0 0 2px var(--color-input-error-focus-ring)}.field-error{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-error-strong);margin-top:6px}.field-error svg{flex-shrink:0}.login-submit-button{width:100%;margin-top:8px}.mode-switch{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin-top:20px}.link-button{background:none;border:none;color:var(--color-accent);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0}.link-button:hover{color:var(--color-accent-hover)}.invite-code-toggle{background:none;border:none;color:var(--color-accent);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.invite-code-toggle:hover{color:var(--color-accent-hover)}.beta-verified-banner{background-color:var(--color-bg-card);border:1px solid var(--color-link);color:var(--color-text-primary);padding:12px 16px;border-radius:8px;text-align:center;font-size:.9rem;max-width:400px;width:100%}.free-credits-note{text-align:center;color:var(--color-text-muted);font-size:.85rem;margin-top:16px}.verification-sent-message{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:16px;text-align:center}.verification-sent-message strong{color:var(--color-text-primary)}.verification-sent-note{color:var(--color-text-muted);font-size:.85rem;margin-bottom:24px;text-align:center}.verification-sent-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.verification-resend-message{font-size:.85rem;text-align:center}.resend-success{color:var(--color-status-success-text)}.resend-error{color:var(--color-error-strong)}.forgot-password-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:20px;text-align:center}.forgot-password-link{text-align:center;margin-top:12px}.login-success{background:var(--color-input-success-bg);border-color:var(--color-status-success-border);color:var(--color-status-success-text)}.session-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay-dark-60);display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown);padding:20px}.session-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.session-modal-title{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.session-modal-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.5}.session-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.session-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-bg-sub);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s}.session-item:hover{background:var(--color-bg-hover)}.session-item.selected{border-color:var(--color-accent);background:var(--color-bg-selected-light)}.session-item input[type=radio]{margin-top:4px;accent-color:var(--color-accent)}.session-item-info{display:flex;flex-direction:column;gap:4px;min-width:0}.session-device-name{font-size:.95rem;font-weight:500;color:var(--color-text-primary)}.session-meta{font-size:.8rem;color:var(--color-text-muted)}.session-modal-actions{display:flex;flex-direction:column;gap:12px}.session-revoke-button{width:100%;padding:12px 20px;background:var(--gradient-button);color:var(--color-text-on-accent);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-button-glow)}.session-revoke-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-button-glow-hover)}.session-revoke-button:disabled{opacity:.5;cursor:not-allowed}.session-cancel-button{width:100%;padding:10px 20px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .15s}.session-cancel-button:hover{background:var(--color-bg-hover)}.session-upgrade-link{text-align:center;color:var(--color-accent);font-size:.85rem;text-decoration:none}.session-upgrade-link:hover{text-decoration:underline}@media(max-width:29.99em){.login-container{padding:32px 24px}.login-title{font-size:1.3rem}.google-login-button{padding:12px 16px;font-size:.95rem}.session-modal{padding:24px;margin:16px}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-muted);transition:color .15s ease,background .15s ease}.password-toggle-button:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.password-toggle-button:focus{outline:none}.password-toggle-button svg{flex-shrink:0}.password-strength-indicator{display:flex;align-items:center;gap:12px;margin-top:8px}.strength-bar-container{flex:1;height:4px;background:var(--color-border-light);border-radius:2px;overflow:hidden}.strength-bar{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.strength-label{font-size:.75rem;font-weight:500;min-width:80px;text-align:right}.strength-very-weak{background-color:var(--color-strength-very-weak)}.strength-label.strength-very-weak{color:var(--color-strength-very-weak);background-color:transparent}.strength-weak{background-color:var(--color-strength-weak)}.strength-label.strength-weak{color:var(--color-strength-weak);background-color:transparent}.strength-fair{background-color:var(--color-strength-fair)}.strength-label.strength-fair{color:var(--color-strength-fair);background-color:transparent}.strength-strong{background-color:var(--color-strength-strong)}.strength-label.strength-strong{color:var(--color-strength-strong);background-color:transparent}.strength-very-strong{background-color:var(--color-strength-very-strong)}.strength-label.strength-very-strong{color:var(--color-strength-very-strong);background-color:transparent}.checkout-page{display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:var(--color-bg-main)}.checkout-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary);font-size:1rem}.checkout-container{max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.checkout-summary{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px}.summary-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.plan-card{background:var(--color-bg-sub);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px}.plan-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.plan-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.recommended-badge{background:var(--gradient-accent-90);color:var(--color-text-on-accent);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.price-amount{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.price-period{font-size:1rem;color:var(--color-text-secondary)}.yearly-billing-note{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:4px}.yearly-savings{color:var(--color-status-success-text);font-size:.85rem;margin-bottom:16px}.plan-credits{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-selected-light);border:1px solid var(--color-border-accent-light);border-radius:8px;color:var(--color-accent);font-size:.95rem;margin-bottom:20px}.credits-icon{font-size:1.2rem}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--color-text-primary);font-size:.9rem;border-bottom:1px solid var(--color-border-light)}.plan-features li:last-child{border-bottom:none}.feature-check{color:var(--color-status-success-text);font-weight:600}.summary-notes{background:var(--color-bg-sub);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:20px}.summary-notes p{color:var(--color-text-primary);font-size:.9rem;margin:0 0 12px}.summary-notes ul{list-style:none;padding:0;margin:0}.summary-notes li{color:var(--color-text-secondary);font-size:.85rem;padding:4px 0 4px 16px;position:relative}.summary-notes li:before{content:"•";position:absolute;left:0;color:var(--color-text-muted)}.change-plan-button{width:100%;padding:12px 20px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.change-plan-button:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted);color:var(--color-text-primary)}.checkout-form-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px}.form-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.checkout-error{background:var(--color-bg-danger-subtle);border:1px solid var(--color-status-error-border);border-radius:8px;padding:12px 16px;color:var(--color-error-strong);font-size:.9rem;margin-bottom:20px;text-align:center}.stripe-checkout-wrapper{min-height:400px}.secure-note{text-align:center;color:var(--color-text-muted);font-size:.85rem;margin-top:20px}.checkout-error-wrapper{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.checkout-error-message{margin-bottom:16px;color:var(--color-error);font-size:15px}[data-theme=dark] .checkout-form-container{background:var(--color-bg-input);border-color:var(--color-border-strong)}[data-theme=dark] .form-title{color:var(--color-text-primary)}[data-theme=dark] .secure-note{color:var(--color-text-secondary)}@media(max-width:56.25em){.checkout-container{grid-template-columns:1fr;gap:24px}.checkout-summary{order:2}.checkout-form-container{order:1}}@media(max-width:29.99em){.checkout-page{padding:20px 12px}.checkout-summary,.checkout-form-container{padding:24px 20px}.summary-title,.form-title,.plan-name{font-size:1.1rem}.price-amount{font-size:1.75rem}}.survey-modal-overlay{position:fixed;inset:0;background:var(--color-overlay-dark-60);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay);animation:survey-fade-in .3s ease}@keyframes survey-fade-in{0%{opacity:0}to{opacity:1}}.survey-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px var(--color-shadow-button);max-width:520px;width:90%;position:relative;animation:survey-slide-up .3s ease}@keyframes survey-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.survey-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1;transition:all .2s;z-index:1}.survey-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.survey-modal-back{position:absolute;top:12px;left:12px;background:none;border:none;cursor:pointer;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:1}.survey-modal-back:hover{background:var(--color-bg-hover)}.survey-back-arrow{display:block;width:10px;height:10px;border-left:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);margin-left:3px}.survey-modal-back:hover .survey-back-arrow{border-color:var(--color-text-primary)}[data-theme=dark] .survey-modal-back:hover{background:var(--color-bg-hover)}[data-theme=dark] .survey-back-arrow{border-color:var(--color-text-muted)}[data-theme=dark] .survey-modal-back:hover .survey-back-arrow{border-color:var(--color-text-primary)}.survey-step-indicator{display:flex;justify-content:center;gap:8px;padding:20px 0 0}.survey-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-emphasis);transition:all .3s ease}.survey-dot.active{background:var(--color-accent);transform:scale(1.25)}.survey-dot.completed{background:var(--color-accent)}.survey-step-container{animation:survey-step-fade .25s ease}@keyframes survey-step-fade{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.survey-step-content{padding:24px 32px 16px;text-align:center}.survey-title{margin:0 0 12px;font-size:1.4rem;font-weight:700;color:var(--color-text-primary)}.survey-description{margin:0 0 16px;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.survey-primary-button{background:var(--gradient-button);color:#fff;border:none;padding:12px 32px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--color-shadow-button-blue-hover-2);margin-top:8px}.survey-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow-button-blue-active-hover)}.survey-primary-button:active:not(:disabled){transform:translateY(0)}.survey-primary-button:disabled{opacity:.5;cursor:not-allowed}.survey-skip-button{display:block;margin:0 auto 16px;background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;padding:4px 8px;transition:color .2s}.survey-skip-button:hover{color:var(--color-text-secondary)}.survey-options-horizontal{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.survey-option-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border:2px solid var(--color-border);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;min-width:100px;flex:1 1 0}.survey-option-card:hover{border-color:var(--color-preview-accent);background:var(--color-bg-paper-tree-source)}.survey-option-card.selected{border-color:var(--color-accent);background:var(--color-bg-paper-tree-source)}.theme-preview{width:80px;height:52px;border-radius:6px;overflow:hidden;position:relative;display:flex;flex-direction:column}.theme-preview--light{background:var(--color-preview-bg-light);border:1px solid var(--color-preview-border-light)}.theme-preview--light .theme-preview__header{height:12px;background:var(--color-preview-bg-light-sub);border-bottom:1px solid var(--color-preview-border-light)}.theme-preview--light .theme-preview__body{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.theme-preview--light .theme-preview__line{height:3px;border-radius:1px;background:var(--color-preview-line-1)}.theme-preview--light .theme-preview__line:first-child{width:70%;background:var(--color-preview-line-2)}.theme-preview--light .theme-preview__line:nth-child(2){width:50%}.theme-preview--dark{background:var(--color-preview-bg-dark);border:1px solid var(--color-preview-border-dark)}.theme-preview--dark .theme-preview__header{height:12px;background:var(--color-preview-bg-dark-sub);border-bottom:1px solid var(--color-preview-border-dark)}.theme-preview--dark .theme-preview__body{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.theme-preview--dark .theme-preview__line{height:3px;border-radius:1px;background:var(--color-preview-line-3)}.theme-preview--dark .theme-preview__line:first-child{width:70%;background:var(--color-preview-line-4)}.theme-preview--dark .theme-preview__line:nth-child(2){width:50%}.theme-preview--system{border:1px solid var(--color-preview-border-light);flex-direction:row}.theme-preview__half{flex:1;display:flex;flex-direction:column}.theme-preview__half--light{background:var(--color-preview-bg-light)}.theme-preview__half--dark{background:var(--color-preview-bg-dark)}.theme-preview__half-header{height:12px}.theme-preview__half--light .theme-preview__half-header{background:var(--color-preview-bg-light-sub);border-bottom:1px solid var(--color-preview-border-light)}.theme-preview__half--dark .theme-preview__half-header{background:var(--color-preview-bg-dark-sub);border-bottom:1px solid var(--color-preview-border-dark)}.theme-preview__half-body{flex:1;padding:5px 6px;display:flex;flex-direction:column;gap:4px}.theme-preview__half--light .theme-preview__half-line{height:3px;border-radius:1px;background:var(--color-preview-line-1)}.theme-preview__half--light .theme-preview__half-line:first-child{width:80%;background:var(--color-preview-line-2)}.theme-preview__half--dark .theme-preview__half-line{height:3px;border-radius:1px;background:var(--color-preview-line-3)}.theme-preview__half--dark .theme-preview__half-line:first-child{width:80%;background:var(--color-preview-line-4)}.survey-option-label{font-size:.85rem;font-weight:500;color:var(--color-text-primary)}.survey-radio-group{display:flex;flex-direction:column;gap:2px;text-align:left;margin-bottom:8px}.survey-radio-label{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.survey-radio-label:hover{background:var(--color-bg-hover)}.survey-radio-input{accent-color:var(--color-accent);width:16px;height:16px;flex-shrink:0}.survey-radio-text{font-size:.9rem;color:var(--color-text-primary)}.survey-text-input{width:100%;padding:10px 14px;border:1px solid var(--color-border-emphasis);border-radius:8px;font-size:.9rem;color:var(--color-text-primary);margin-bottom:8px;outline:none;transition:border-color .2s;box-sizing:border-box}.survey-text-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-shadow-button-blue-active)}[data-theme=dark] .survey-modal{background:var(--color-bg-card)}[data-theme=dark] .survey-modal-close{color:var(--color-text-muted)}[data-theme=dark] .survey-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}[data-theme=dark] .survey-title{color:var(--color-text-primary)}[data-theme=dark] .survey-description{color:var(--color-text-muted)}[data-theme=dark] .survey-dot{background:var(--color-border)}[data-theme=dark] .survey-option-card{background:var(--color-bg-hover);border-color:var(--color-border)}[data-theme=dark] .survey-option-card:hover,[data-theme=dark] .survey-option-card.selected{border-color:var(--color-accent);background:var(--color-selected-accent-bg)}[data-theme=dark] .survey-option-label{color:var(--color-text-primary)}[data-theme=dark] .survey-radio-label:hover{background:var(--color-bg-hover)}[data-theme=dark] .survey-radio-text{color:var(--color-text-primary)}[data-theme=dark] .survey-text-input{background:var(--color-bg-input);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .survey-text-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-shadow-button-blue-subtle)}[data-theme=dark] .survey-skip-button,[data-theme=dark] .survey-skip-button:hover{color:var(--color-text-muted)}@media(max-width:29.99em){.survey-modal{max-width:95%;margin:16px}.survey-step-content{padding:20px 20px 12px}.survey-title{font-size:1.2rem}.survey-primary-button{width:100%;padding:12px 24px}.survey-options-horizontal{flex-direction:column}.survey-option-card{flex-direction:row;min-width:unset;padding:12px 16px}}.pricing-page{padding-top:80px}
