/* Arcadia component classes — consumed by the JSX primitives */
/* Actions */
.arc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-chrome);font-size:15px;font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;padding:12px 20px;color:var(--starlight-100);transition:background var(--dur-16th) var(--ease-settle),box-shadow var(--dur-16th) var(--ease-settle)}
.arc-btn--sm{padding:8px 14px;font-size:13px}
.arc-btn--primary{background:var(--brand-primary)}
.arc-btn--primary::after{content:"";position:absolute;inset:2px;border:1px solid var(--border-keyline);border-radius:6px;clip-path:inset(0 100% 0 0);transition:clip-path var(--dur-8th) var(--ease-conducted);pointer-events:none}
.arc-btn--primary:hover{background:var(--brand-hover);box-shadow:var(--glow-thread)}
.arc-btn--primary:hover::after{clip-path:inset(0 0 0 0)}
.arc-btn--secondary{background:var(--bg-surface-raised);border:1px solid var(--border-hairline)}
.arc-btn--secondary:hover{background:var(--bg-surface-overlay)}
.arc-btn--ghost{background:transparent;color:var(--accent-link)}
.arc-btn--ghost:hover{color:var(--accent-link-hover);background:rgba(167,139,212,.08)}
.arc-btn--danger{background:var(--ember-500)}
.arc-btn--danger:hover{background:var(--ember-400)}
.arc-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.arc-btn:disabled::after{display:none}
.arc-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-hairline);color:var(--starlight-100);cursor:pointer;transition:background var(--dur-16th) var(--ease-settle)}
.arc-iconbtn:hover{background:var(--bg-surface-raised)}
/* Forms */
.arc-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-chrome)}
.arc-field-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-tertiary)}
.arc-input,.arc-select{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-chrome);font-size:15px;padding:10px 12px;width:100%;box-sizing:border-box;transition:box-shadow var(--dur-16th) var(--ease-settle),border-color var(--dur-16th) var(--ease-settle)}
.arc-input:focus,.arc-select:focus{outline:none;border-color:var(--lilac-400);box-shadow:var(--glow-focus)}
.arc-input::placeholder{color:var(--text-tertiary)}
.arc-input--error{border-color:var(--ember-400)}
.arc-field-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ember-400)}
.arc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C9C1AE' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.arc-check{appearance:none;width:18px;height:18px;margin:0;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;transition:background var(--dur-16th) var(--ease-settle)}
.arc-check:checked{background:var(--hat-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10'%3E%3Cpath d='M1.5 5.5l3 3 6-7' stroke='%23F2ECDB' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;border-color:var(--hat-500)}
.arc-radio{appearance:none;width:18px;height:18px;margin:0;border:1px solid var(--border-hairline);border-radius:var(--radius-full);background:var(--bg-surface);cursor:pointer;transition:background var(--dur-16th) var(--ease-settle)}
.arc-radio:checked{border-color:var(--hat-500);background:radial-gradient(circle,var(--starlight-100) 0 3.5px,var(--hat-500) 3.5px)}
.arc-choice{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-chrome);font-size:15px;color:var(--text-primary);cursor:pointer}
.arc-switch{position:relative;width:40px;height:22px;appearance:none;margin:0;border-radius:var(--radius-full);background:var(--night-600);cursor:pointer;transition:background var(--dur-16th) var(--ease-settle)}
.arc-switch::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--starlight-300);transition:transform var(--dur-16th) var(--ease-settle),background var(--dur-16th) var(--ease-settle)}
.arc-switch:checked{background:var(--hat-500)}
.arc-switch:checked::before{transform:translateX(18px);background:var(--starlight-100)}
/* Display */
.arc-card{background:var(--bg-surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-5)}
.arc-card--focal{border-color:var(--border-keyline)}
.arc-window{display:block;background:var(--media-letterbox);border-radius:var(--radius-sharp);overflow:hidden}
.arc-window img{display:block;width:100%;height:100%;object-fit:contain}
.arc-window-plate{width:100%;height:100%;background:var(--media-plate);display:flex;align-items:center;justify-content:center}
.arc-window-plate span{font-family:var(--font-chrome);font-size:12px;letter-spacing:.04em;color:var(--slate-600)}
.arc-window-caption{font-family:var(--font-chrome);font-size:13px;color:var(--text-tertiary);margin-top:8px}
.arc-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-sm);background:var(--bg-surface-overlay);font-family:var(--font-chrome);font-size:12px;letter-spacing:.04em;font-weight:600;color:var(--text-secondary)}
.arc-tag-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--text-tertiary)}
.arc-tag--positive{color:var(--arcady-400)}.arc-tag--positive .arc-tag-dot{background:var(--arcady-400)}
.arc-tag--caution{color:var(--ochre-400)}.arc-tag--caution .arc-tag-dot{background:var(--ochre-400)}
.arc-tag--danger{color:var(--ember-400)}.arc-tag--danger .arc-tag-dot{background:var(--ember-400)}
/* The Transit */
.arc-transit-l,.arc-transit-r,.arc-transit-b{transform-box:fill-box;transform-origin:center}
.arc-transit--animate .arc-transit-l{animation:arc-transit-l 2s var(--ease-conducted) infinite}
.arc-transit--animate .arc-transit-r{animation:arc-transit-r 2s var(--ease-conducted) infinite}
.arc-transit--animate .arc-transit-b{animation:arc-transit-b 2s var(--ease-conducted) infinite}
@keyframes arc-transit-l{0%,100%{transform:translateX(0)}50%{transform:translateX(33px)}}
@keyframes arc-transit-r{0%,100%{transform:translateX(0)}50%{transform:translateX(-33px)}}
@keyframes arc-transit-b{0%,100%{opacity:1}35%,65%{opacity:0}}
@media (prefers-reduced-motion:reduce){.arc-transit--animate .arc-transit-l,.arc-transit--animate .arc-transit-r,.arc-transit--animate .arc-transit-b{animation:none}}
/* Feedback */
.arc-scrim{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:100}
.arc-dialog{background:var(--bg-surface-overlay);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);padding:28px;max-width:440px;width:calc(100% - 48px)}
.arc-dialog-title{font-family:var(--font-display);font-variation-settings:var(--heading-variation);font-weight:600;font-size:22px;color:var(--text-primary);margin:0 0 10px}
.arc-dialog-body{font-family:var(--font-chrome);font-size:15px;line-height:1.5;color:var(--text-secondary);margin:0 0 22px}
.arc-dialog-actions{display:flex;gap:10px;justify-content:flex-end}
.arc-toast{display:inline-flex;gap:10px;align-items:center;background:var(--bg-surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:12px 16px;font-family:var(--font-chrome);font-size:14px;color:var(--text-primary)}
.arc-stitch{position:relative;height:2px;background:var(--night-600);width:100%}
.arc-stitch-fill{position:absolute;left:0;top:0;height:2px;background:repeating-linear-gradient(90deg,var(--thread-500) 0 7px,transparent 7px 11px);transition:width var(--dur-8th) var(--ease-conducted)}
.arc-stitch-label{font-family:var(--font-chrome);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-top:8px}
/* Navigation */
.arc-masthead{display:flex;align-items:center;justify-content:space-between;padding:24px 0;background:transparent}
.arc-masthead-nav{display:flex;gap:24px;align-items:center}
.arc-masthead-link{font-family:var(--font-chrome);font-size:15px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--dur-16th) var(--ease-settle)}
.arc-masthead-link:hover{color:var(--text-primary)}
.arc-masthead-link--active{color:var(--text-primary)}
.arc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-hairline)}
.arc-tab{padding:10px 14px;font-family:var(--font-chrome);font-size:14px;font-weight:600;color:var(--text-tertiary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--dur-16th) var(--ease-settle)}
.arc-tab:hover{color:var(--text-secondary)}
.arc-tab--active{color:var(--text-primary);border-bottom-color:var(--hat-400)}