*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(96.5% .007 75);--surface: oklch(99% .004 75);--surface2: oklch(96% .006 75);--surface3: oklch(93% .009 75);--border: oklch(90% .008 75);--text: oklch(18% .008 280);--muted: oklch(55% .007 280);--accent: oklch(22% .01 260);--accent-hover: oklch(14% .008 260);--error: oklch(50% .18 25);--ok: oklch(52% .14 155);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius: 10px;--radius-md: 8px;--radius-sm: 6px}[data-theme=dark]{--bg: oklch(14% .006 260);--surface: oklch(18% .006 260);--surface2: oklch(21% .006 260);--surface3: oklch(25% .006 260);--border: oklch(32% .006 260);--text: oklch(84% .006 75);--muted: oklch(58% .007 280);--accent: oklch(68% .01 75);--accent-hover: oklch(75% .01 75);--error: oklch(65% .18 25);--ok: oklch(65% .14 155)}[data-theme=dark] button[type=submit]{color:#08090c}[data-theme=dark] .brand-logo,[data-theme=dark] .login-logo,[data-theme=dark] .dest-icon{filter:invert(.68) sepia(.15)}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1.5rem}#app{width:100%;max-width:500px;margin:auto 0}.card{background:var(--surface);border-radius:var(--radius);padding:1.75rem;box-shadow:0 0 0 1px var(--border),0 2px 8px #0000000d}h1{font-size:1.2rem;font-weight:700;letter-spacing:-.025em}.subtitle{color:var(--muted);font-size:1rem;margin-bottom:1.5rem}.field{margin-bottom:1rem}.field>label{display:block;font-size:.75rem;font-weight:500;color:var(--muted);margin-bottom:.4rem}.opt{font-weight:400;font-size:.75rem}input[type=text],input[type=url],textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font);font-size:.9rem;padding:.65rem .85rem;outline:none;transition:border-color .15s,background .15s}actor-typeahead{--color-background: var(--surface);--color-border: var(--border);--color-shadow: oklch(0% 0 0);--color-hover: var(--surface2);--color-avatar-fallback: var(--surface3)}@media(hover:none)and (pointer:coarse){input[type=text],input[type=url],textarea,.placeholder-display{font-size:1rem}}input:focus,textarea:focus{border-color:var(--accent);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--muted)}.input-placeholder-wrapper{position:relative}.input-placeholder-wrapper input{width:100%}.placeholder-display{position:absolute;inset:0;display:flex;align-items:center;padding:.65rem .85rem;font-size:.9rem;color:var(--muted);pointer-events:none;user-select:none}.placeholder-display.hidden{display:none}#rotating-suffix{display:inline-block;overflow:hidden;transition:opacity .25s ease,transform .25s ease}#rotating-suffix.fade-out{opacity:0;transform:translateY(-4px)}#rotating-suffix.fade-in{opacity:1;transform:translateY(0)}textarea{resize:vertical}.destinations{margin-bottom:1.25rem;background:var(--surface2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.dest-row{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;cursor:pointer;transition:background .1s;user-select:none;font-size:.875rem;font-weight:500;border-top:1px solid var(--border)}.dest-row:first-child{border-top:none}.dest-row:hover{background:var(--surface3)}.dest-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;margin-left:.1em}.dest-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:65%;background-repeat:no-repeat;background-position:center}.dest-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;letter-spacing:-.02em}.dest-name{flex:1}.dest-chevron{color:var(--muted);margin-left:.5em;transition:transform .2s}.dest-chevron.open{transform:rotate(180deg)}button[type=submit]{width:100%;padding:.7rem;background:var(--accent);color:#faf8f5;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;letter-spacing:-.01em}button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}button[type=submit]:active:not(:disabled){transform:scale(.99)}button[type=submit]:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-family:var(--font);font-size:.75rem;font-weight:500;padding:.35rem .75rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn-ghost:hover{color:var(--text);border-color:var(--border);background:var(--surface2)}.status{margin-top:1rem;font-size:.825rem;min-height:1.2em}.status.ok{color:var(--ok)}.status.error{color:var(--error)}.result{margin-top:.5rem}.result details{margin-top:.25rem}.result summary{cursor:pointer;font-size:.78rem;color:var(--muted)}.result code{font-family:monospace;font-size:.72rem;color:var(--text);word-break:break-all;display:block;margin-top:.2rem}.accordion{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.accordion.open{grid-template-rows:1fr}.accordion-inner{overflow:hidden}.accordion-item{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem .65rem 2rem;font-size:.85rem;cursor:pointer;transition:background .1s;user-select:none;border-top:1px solid var(--border)}.accordion-item:hover{background:var(--surface3)}.accordion-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.accordion-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:65%;background-repeat:no-repeat;background-position:center}.accordion-item .item-name{flex:1}.accordion-msg{padding:.75rem 1rem .75rem 3.4rem;font-size:.85rem;color:var(--muted);border-top:1px solid var(--border)}.accordion-filter{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-top:1px solid var(--border);color:var(--muted)}.accordion-filter input[type=text]{flex:1;width:auto;border:none;background:transparent;padding:0;font-size:1rem;min-width:0}.accordion-filter input[type=text]:focus{border-color:transparent;background:transparent}.accordion-filter-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:var(--muted);border-radius:50%;flex-shrink:0;transition:color .15s}.accordion-filter-clear:hover{color:var(--text)}.accordion-scroll{max-height:11.25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.accordion-scroll::-webkit-scrollbar{width:4px}.accordion-scroll::-webkit-scrollbar-track{background:transparent}.accordion-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
