*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#06c;--color-primary-hover:#0052a3;--color-secondary:#5a6268;--color-success:#198754;--color-danger:#dc3545;--color-warning:#d97706;--color-info:#0dcaf0;--color-bg:#fff;--color-surface:#f8f9fa;--color-border:#dee2e6;--color-text:#212529;--color-text-muted:#5a6268;--focus-outline:3px solid #06c;--focus-offset:2px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Courier New",Courier,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out}[data-theme=dark]{--color-primary:#4da6ff;--color-primary-hover:#6eb8ff;--color-secondary:#a8a8a8;--color-success:#30d158;--color-danger:#ff453a;--color-warning:#ffd60a;--color-info:#64d2ff;--color-bg:#1c1c1e;--color-surface:#2c2c2e;--color-border:#48484a;--color-text:#f5f5f7;--color-text-muted:#c7c7cc;--focus-outline:3px solid #4da6ff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#4da6ff;--color-primary-hover:#6eb8ff;--color-secondary:#a8a8a8;--color-success:#30d158;--color-danger:#ff453a;--color-warning:#ffd60a;--color-info:#64d2ff;--color-bg:#1c1c1e;--color-surface:#2c2c2e;--color-border:#48484a;--color-text:#f5f5f7;--color-text-muted:#c7c7cc;--focus-outline:3px solid #4da6ff}:root:not([data-theme=light]) .upgrade-cta .btn{color:var(--color-bg)}}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-base);font-size:var(--font-size-base);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-md)}:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-outline);outline-offset:var(--focus-offset)}:focus:not(:focus-visible){outline:none}.skip-link{background:var(--color-primary);color:#fff;height:50px;left:1%;padding:var(--space-sm) var(--space-md);position:absolute;transform:translateY(-100%);transition:transform .3s}.skip-link:focus{transform:translateY(15%)}@media(prefers-color-scheme:dark){.skip-link{background-color:#133598}}[data-theme=dark] .skip-link{background-color:#133598}.container{margin-inline:auto;max-width:100vw;padding-inline:var(--space-md);width:65vw}.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding-block:var(--space-lg)}.header-content{align-items:center;display:flex;gap:var(--space-xl);justify-content:space-between}.header-brand h1{font-size:var(--font-size-2xl);margin:0}.header-brand p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.header-nav{align-items:center;display:flex;gap:var(--space-lg)}.nav-link{border-radius:var(--radius-sm);color:var(--color-text);font-weight:500;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-bg);color:var(--color-primary)}.nav-link.router-link-active{color:var(--color-primary);font-weight:600}.theme-toggle{align-items:center;background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;line-height:1;padding:var(--space-sm);transition:all var(--transition-fast);width:2.5rem}.theme-toggle:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.theme-toggle:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}@media(max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.header-nav{justify-content:center;width:100%}}.main-content{min-height:calc(100vh - 200px);padding-block:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}label{color:var(--color-text);display:block;font-weight:600;margin-bottom:var(--space-sm)}.label-required:after{color:var(--color-danger);content:" *"}input[type=datetime-local],input[type=email],input[type=file],input[type=password],input[type=text],input[type=url],select,textarea{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:.75rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input[type=email]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:var(--color-secondary)}input[type=datetime-local]:focus,input[type=email]:focus,input[type=file]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6efd1a;outline:none}input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=text]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{background-color:var(--color-surface);cursor:not-allowed;opacity:.6}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-muted);opacity:.7}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.7}textarea{min-height:120px;padding:.75rem 1rem;resize:vertical}.char-counter{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-top:var(--space-sm)}.char-counter.warning{color:var(--color-warning);font-weight:600}.char-counter.danger{color:var(--color-danger);font-weight:600}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-md)}.checkbox-item{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-fast)}.checkbox-item:hover{background-color:#f1f3f5;border-color:var(--color-secondary)}.checkbox-item:has(input:checked){background-color:#e7f3ff;border-color:var(--color-primary)}.checkbox-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:1.25rem;width:1.25rem}.checkbox-item label{cursor:pointer;flex:1;font-weight:500;margin:0}.platform-info{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs)}fieldset.socials{border:none;margin:0;padding-top:1rem}legend{margin-bottom:var(--space-md);padding:0}.btn,legend{font-size:var(--font-size-base);font-weight:600}.btn{border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-family:inherit;line-height:1.5;padding:var(--space-sm) var(--space-lg);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#545b62}.btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-group{align-content:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-lg)}@media(prefers-color-scheme:dark){.btn-primary{background-color:#133598;border-color:#133598}.btn-primary:hover:not(:disabled){background-color:#3b9eff;border-color:#3b9eff}}[data-theme=dark] .btn-primary{background-color:#133598;border-color:#133598}[data-theme=dark] .btn-primary:hover:not(:disabled){background-color:#3b9eff;border-color:#3b9eff}.tags-input-wrapper{position:relative}.tags-container{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-sm);min-height:3rem;padding:var(--space-sm)}.tags-container:focus-within{border-color:var(--color-primary)}.tag{background-color:var(--color-primary);border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:1rem;justify-content:center;padding:0;transition:background-color var(--transition-fast);width:1rem}.tag-remove:hover{background-color:#fff3}.tag-input{border:none;flex:1;font-size:var(--font-size-base);min-width:150px;outline:none;padding:var(--space-xs)}.image-previews{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-md)}.image-preview-item{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm)}.preview-image{border-radius:var(--radius-sm);height:150px;margin-bottom:var(--space-sm);-o-object-fit:cover;object-fit:cover;width:100%}.image-details{display:flex;flex-direction:column;gap:var(--space-sm)}.image-details label{margin:0}.btn-sm,.image-details input,.image-details label{font-size:var(--font-size-sm)}.btn-sm{padding:var(--space-xs) var(--space-sm)}.scheduling-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.toggle-switch{cursor:pointer;display:inline-block;height:1.75rem;position:relative;width:3rem}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border);border-radius:2rem;cursor:pointer;inset:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-base)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:.25rem;content:"";height:1.25rem;left:.25rem;width:1.25rem}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(1.25rem)}input:focus+.toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.scheduling-controls{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.upgrade-notice{background-color:#0dcaf01a;border-left:4px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-md)}.upgrade-notice p{color:var(--color-text);margin:0}.upgrade-notice a{color:var(--color-primary);font-weight:600;text-decoration:none}.upgrade-notice a:hover{text-decoration:underline}.alert{border-left:4px solid;border-radius:var(--radius-md);margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg)}.alert-success{background-color:#d1e7dd;border-color:var(--color-success);color:#0f5132}.alert-error{background-color:#f8d7da;border-color:var(--color-danger);color:#842029}.alert-info{background-color:#cff4fc;border-color:var(--color-info);color:#055160}.preview-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.preview-card h3{margin-top:0}.preview-content{background-color:var(--color-bg);border-radius:var(--radius-md);font-family:var(--font-base);line-height:1.6;padding:var(--space-md);white-space:pre-wrap;word-wrap:break-word}.platforms-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.platform-button{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;min-height:100px;padding:var(--space-lg);position:relative;transition:all var(--transition-base)}.platform-button:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.platform-button:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6efd1a;outline:none}.platform-selected{background-color:#0d6efd0d;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.platform-selected:hover{background-color:#0d6efd1a}.platform-icon{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text);display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.platform-selected .platform-icon{background-color:var(--color-primary);color:#fff}.platform-icon svg{height:20px;width:20px}.platform-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;text-align:center}.platform-check{align-items:center;background-color:var(--color-success);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:var(--space-xs);top:var(--space-xs);transform:scale(0);transition:all var(--transition-base);width:24px}.platform-selected .platform-check{opacity:1;transform:scale(1)}@media(max-width:768px){.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.platform-button{min-height:80px;padding:var(--space-md)}.platform-icon{height:32px;width:32px}.platform-icon svg{height:16px;width:16px}}@media(prefers-color-scheme:dark){.platform-button:hover{box-shadow:0 4px 12px #0000004d}}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:var(--space-2xl);padding-block:var(--space-lg);text-align:center}@media(max-width:768px){:root{--font-size-3xl:1.75rem;--font-size-2xl:1.5rem}.container{padding-inline:var(--space-sm)}.btn-group{flex-direction:column}.btn{width:100%}.checkbox-group{gap:var(--space-sm)}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.loading{opacity:.6;pointer-events:none}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:inline-block;height:1.25rem;width:1.25rem}