.btn{font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;position:relative;transition:all .15s ease;text-transform:lowercase;text-decoration:none;display:inline-block;border-style:solid;text-align:center}.btn:hover{transform:translate(-2px,-2px)}.btn:active{transform:translate(2px,2px)}.btn-primary-orange{background:var(--color-primary);color:#fff;border:var(--btn-border-width) solid color-mix(in srgb,var(--base-orange) 70%,black 30%);box-shadow:2px 2px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-primary-orange:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:3px 3px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-primary-orange:active:not(:disabled){box-shadow:1px 1px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-primary-green{background:var(--color-success);color:#fff;border:var(--btn-border-width) solid color-mix(in srgb,var(--base-green) 70%,black 30%);box-shadow:2px 2px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-primary-green:hover:not(:disabled){background:var(--color-success-hover);box-shadow:3px 3px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-primary-green:active:not(:disabled){box-shadow:1px 1px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-secondary-orange{background:#fff;color:var(--color-primary);border:var(--btn-border-width) solid var(--color-primary);box-shadow:2px 2px 0 var(--color-primary)}.btn-secondary-orange:hover:not(:disabled){background:var(--color-primary-light);box-shadow:3px 3px 0 var(--color-primary)}.btn-secondary-orange:active:not(:disabled){box-shadow:1px 1px 0 var(--color-primary)}.btn-secondary-green{background:#fff;color:var(--color-success);border:var(--btn-border-width) solid var(--color-success);box-shadow:2px 2px 0 var(--color-success)}.btn-secondary-green:hover:not(:disabled){background:var(--color-success-light);box-shadow:3px 3px 0 var(--color-success)}.btn-secondary-green:active:not(:disabled){box-shadow:1px 1px 0 var(--color-success)}.btn-queuing-orange{background:color-mix(in srgb,var(--color-primary) 60%,white 40%);color:#fff;border:var(--btn-border-width) solid color-mix(in srgb,var(--base-orange) 50%,white 50%);box-shadow:2px 2px color-mix(in srgb,var(--base-orange) 50%,white 50%)}.btn-queuing-orange:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 60%,white 40%);box-shadow:2px 2px color-mix(in srgb,var(--base-orange) 50%,white 50%)}.btn-queuing-orange:active:not(:disabled){box-shadow:2px 2px color-mix(in srgb,var(--base-orange) 50%,white 50%)}.btn-success-pale{background:color-mix(in srgb,var(--color-success) 40%,white 60%);color:#fff;border:var(--btn-border-width) solid color-mix(in srgb,var(--base-green) 40%,white 60%);box-shadow:none}.btn-success-pale:hover:not(:disabled){background:color-mix(in srgb,var(--color-success) 40%,white 60%);box-shadow:none}.btn-success-pale:active:not(:disabled){box-shadow:none}.btn-ghost-orange{background:transparent;color:var(--color-primary);border:var(--btn-border-width-sm) solid var(--color-border);box-shadow:none}.btn-ghost-orange:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-primary);transform:translate(0)}.btn-ghost-orange:active:not(:disabled){transform:translate(0);background:var(--color-primary-light)}.btn-ghost-green{background:transparent;color:var(--color-success);border:var(--btn-border-width-sm) solid var(--color-border);box-shadow:none}.btn-ghost-green:hover:not(:disabled){background:var(--color-success-light);border-color:var(--color-success);transform:translate(0)}.btn-ghost-green:active:not(:disabled){transform:translate(0);background:color-mix(in srgb,var(--color-success-light) 150%,white 0%)}.btn-ghost-muted{background:transparent;color:var(--color-border);border:var(--btn-border-width-sm) solid var(--color-border);box-shadow:none}.btn-ghost-muted:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-primary);border-color:var(--color-primary);transform:translate(0)}.btn-ghost-muted:active:not(:disabled){transform:translate(0);background:var(--color-primary-light)}.btn-sm{font-size:.875rem;padding:.5rem 1rem;border-width:var(--btn-border-width-sm);border-radius:6px}.btn-sm.btn-primary-orange{box-shadow:1.5px 1.5px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-sm.btn-primary-orange:hover:not(:disabled){box-shadow:2px 2px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-sm.btn-primary-orange:active:not(:disabled){box-shadow:1px 1px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-sm.btn-primary-green{box-shadow:1.5px 1.5px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-sm.btn-primary-green:hover:not(:disabled){box-shadow:2px 2px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-sm.btn-primary-green:active:not(:disabled){box-shadow:1px 1px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-sm.btn-secondary-orange{box-shadow:1.5px 1.5px 0 var(--color-primary)}.btn-sm.btn-secondary-orange:hover:not(:disabled){box-shadow:2px 2px 0 var(--color-primary)}.btn-sm.btn-secondary-orange:active:not(:disabled){box-shadow:1px 1px 0 var(--color-primary)}.btn-sm.btn-secondary-green{box-shadow:1.5px 1.5px 0 var(--color-success)}.btn-sm.btn-secondary-green:hover:not(:disabled){box-shadow:2px 2px 0 var(--color-success)}.btn-sm.btn-secondary-green:active:not(:disabled){box-shadow:1px 1px 0 var(--color-success)}.btn-lg{font-size:1.25rem;padding:1rem 2rem;border-width:var(--btn-border-width-lg);border-radius:8px}.btn-lg.btn-primary-orange{box-shadow:3px 3px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-lg.btn-primary-orange:hover:not(:disabled){box-shadow:4px 4px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-lg.btn-primary-orange:active:not(:disabled){box-shadow:1.5px 1.5px color-mix(in srgb,var(--base-orange) 70%,black 30%)}.btn-lg.btn-primary-green{box-shadow:3px 3px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-lg.btn-primary-green:hover:not(:disabled){box-shadow:4px 4px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-lg.btn-primary-green:active:not(:disabled){box-shadow:1.5px 1.5px color-mix(in srgb,var(--base-green) 70%,black 30%)}.btn-lg.btn-secondary-orange{box-shadow:3px 3px 0 var(--color-primary)}.btn-lg.btn-secondary-orange:hover:not(:disabled){box-shadow:4px 4px 0 var(--color-primary)}.btn-lg.btn-secondary-orange:active:not(:disabled){box-shadow:1.5px 1.5px 0 var(--color-primary)}.btn-lg.btn-secondary-green{box-shadow:3px 3px 0 var(--color-success)}.btn-lg.btn-secondary-green:hover:not(:disabled){box-shadow:4px 4px 0 var(--color-success)}.btn-lg.btn-secondary-green:active:not(:disabled){box-shadow:1.5px 1.5px 0 var(--color-success)}.btn-icon{display:inline-flex;align-items:center;gap:8px}.btn-icon .icon{font-size:1.1em;display:inline-flex;align-items:center;justify-content:center}.btn-full-width{width:100%;display:flex;justify-content:center;align-items:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:hover{transform:none!important;box-shadow:none!important}.btn-queuing-orange:disabled,.btn-success-pale:disabled{opacity:1}@media(max-width:768px){.btn{padding:.625rem 1.25rem;font-size:.95rem}.btn-sm{font-size:.8rem;padding:.375rem .875rem}.btn-lg{font-size:1.125rem;padding:.875rem 1.75rem}}.container{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.hero{text-align:left;padding:var(--spacing-xl) 0}.subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.content{text-align:left;margin:var(--spacing-xl) auto;max-width:600px}.how-it-works{text-align:left;margin:var(--spacing-xl) 0;width:100%}.steps-list{display:flex;flex-direction:row;gap:var(--spacing-md)}.step-item{background-color:#fff;padding:var(--spacing-md);padding-top:4.5rem;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px #2d241614;position:relative;transition:transform .2s ease,box-shadow .2s ease;flex:1;text-align:left;font-size:1.125rem;line-height:1.6}.step-item:before{content:attr(data-number);position:absolute;left:50%;top:var(--spacing-md);transform:translate(-50%);width:32px;height:32px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;line-height:1;text-align:center}.page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.page-header h1{font-size:2rem}.page-header p{color:var(--color-text-secondary);margin-bottom:0}.repo-list{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.repo-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background-color .2s}.repo-item:hover{background-color:var(--color-hover-bg)}.repo-item input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer}.repo-info{flex:1}.repo-info h3{margin-bottom:var(--spacing-xs)}.repo-info p{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:0}.actions{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.success-message{color:var(--color-success);font-weight:500}.error{padding:var(--spacing-lg);border:1px solid var(--color-error);border-radius:6px;background-color:var(--color-error-light)}.error h2{color:var(--color-error)}.info-text{color:var(--color-text-secondary);font-size:.875rem}.newsletter-preview{margin:var(--spacing-xl) 0;text-align:left}.newsletter-preview h2{margin-bottom:var(--spacing-sm)}.iframe-container{border:2px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #2d24161a;background-color:#fff}.newsletter-iframe{width:100%;height:600px;border:none;display:block}@media(max-width:768px){.newsletter-iframe{height:500px}}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-info{text-align:right}.header-controls{display:flex;justify-content:space-between;align-items:flex-start}.newsletter-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.newsletter-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-label{font-weight:600;color:var(--color-text);text-transform:lowercase}.toggle-group{display:inline-flex;position:relative;background:#fff;border:var(--btn-border-width) solid;border-radius:8px;padding:4px;gap:4px;transition:all .15s ease}.toggle-group.toggle-enabled{border-color:color-mix(in srgb,var(--base-green) 70%,black 30%);box-shadow:2px 2px color-mix(in srgb,var(--base-green) 70%,black 30%)}.toggle-group.toggle-paused{border-color:var(--color-text-secondary);box-shadow:2px 2px 0 var(--color-text-secondary)}.toggle-option{font-family:inherit;font-size:1rem;font-weight:600;padding:.6rem 1.25rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;text-transform:lowercase;transition:all .15s ease;border-radius:4px;position:relative;z-index:1}.toggle-option:hover:not(.active){color:var(--color-text)}.toggle-option.active{color:#fff}.toggle-option:first-child.active{background:var(--color-success)}.toggle-option:last-child.active{background:var(--color-text-secondary)}.subscription-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:var(--btn-border-width) solid var(--color-border);border-radius:8px;box-shadow:2px 2px 0 var(--color-border)}.newsletter-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);gap:var(--spacing-md)}.search-wrapper{position:relative;margin-bottom:2rem}.search-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-bg);color:var(--color-text)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:10}.autocomplete-message{padding:.75rem;text-align:center}.autocomplete-message.searching{color:var(--color-text-secondary)}.autocomplete-message.error{color:var(--color-error)}.autocomplete-message.no-results{color:var(--color-text-secondary)}.autocomplete-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--color-border)}.autocomplete-item:hover{background-color:var(--color-hover-bg)}.autocomplete-item-header{display:flex;align-items:center;gap:.5rem}.autocomplete-item-description{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem;margin-left:1.75rem}.label-badge{font-size:.75rem;padding:.125rem .375rem;border-radius:3px;background-color:var(--label-bg);color:var(--label-text);font-weight:700}.item-name{font-weight:700}.user-name{font-weight:700;font-size:1rem}.user-email{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.loading-state{text-align:center;padding:2rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.empty-state-link{color:var(--color-primary);cursor:pointer;text-decoration:underline}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text);text-transform:lowercase}.subscription-list{display:flex;flex-direction:column;gap:1rem}.subscription-item-header{display:flex;align-items:center;gap:.5rem}.subscription-link{font-weight:700;color:var(--color-text);text-decoration:none}.message-success{margin-top:2rem;padding:1rem;background-color:var(--color-success-light);color:var(--color-success-text);border:1px solid var(--color-success);border-radius:4px}.message-error{margin-top:2rem;padding:1rem;background-color:var(--color-error-light);color:var(--color-error-text);border:1px solid var(--color-error-border);border-radius:4px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-bg);padding:2rem;border-radius:8px;max-width:500px;width:90%}.modal-header{margin-top:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.logo{max-width:300px}.logo-small{max-width:300px;margin-bottom:1rem;align-self:flex-start}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.button-container-centered{display:flex;justify-content:center;margin:2rem 0}.info-text-spaced{margin-bottom:1rem}@media(max-width:750px){.container{padding:var(--spacing-md) var(--spacing-sm)}.page-header h1{font-size:1.5rem}.steps-list{flex-direction:column}.step-item{padding-left:4rem;padding-top:var(--spacing-md);text-align:left;font-size:1rem}.step-item:before{left:var(--spacing-md);top:50%;transform:translateY(-50%)}.header-top{flex-direction:column;align-items:stretch}.user-info{text-align:left;margin-top:var(--spacing-md)}.newsletter-controls{flex-direction:column;align-items:stretch;gap:.75rem}.newsletter-toggle{width:100%;justify-content:space-between}.subscription-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.subscription-item>div{justify-content:center}.remove-btn{width:100%}}:root{--base-bg: #fefcfa;--base-text: #2d2416;--base-orange: #f69005;--base-green: #2da44e;--base-red: #cf222e;--color-bg: var(--base-bg);--color-text: var(--base-text);--color-text-secondary: color-mix(in srgb, var(--base-text) 60%, var(--base-bg) 40%);--color-border: color-mix(in srgb, var(--base-text) 15%, var(--base-bg) 85%);--color-border-light: color-mix(in srgb, var(--base-text) 8%, var(--base-bg) 92%);--color-primary: var(--base-orange);--color-primary-hover: color-mix(in srgb, var(--base-orange) 90%, white 10%);--color-primary-light: color-mix(in srgb, var(--base-orange) 20%, white 80%);--color-success: var(--base-green);--color-success-hover: color-mix(in srgb, var(--base-green) 85%, black 15%);--color-success-light: color-mix(in srgb, var(--base-green) 25%, white 75%);--color-success-text: color-mix(in srgb, var(--base-green) 100%, black 50%);--color-error: var(--base-red);--color-error-light: color-mix(in srgb, var(--base-red) 15%, white 85%);--color-error-text: color-mix(in srgb, var(--base-red) 90%, black 10%);--color-error-border: color-mix(in srgb, var(--base-red) 25%, white 75%);--color-hover-bg: color-mix(in srgb, var(--base-orange) 10%, var(--base-bg) 90%);--label-bg: var(--color-primary-light);--label-text: var(--base-orange);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--btn-border-width: 2px;--btn-border-width-sm: 1px;--btn-border-width-lg: 2px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background:transparent}h1{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}h3{font-size:1.125rem;font-weight:600}p{margin-bottom:var(--spacing-sm)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-xs)}