*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;margin:0;padding:2rem;text-align:left;background:radial-gradient(circle at top left,#1e293b,#020617);color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-root{max-width:1120px;margin:0 auto}.app-header{margin-bottom:1.5rem}.app-subtitle{margin:0;color:#9ca3af;font-size:.9rem}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.brand-mark{width:26px;height:26px;border-radius:999px;background:transparent;border:1px solid rgba(253,127,65,.7);display:flex;align-items:center;justify-content:center}.brand-text h1{font-size:1.35rem;margin:0}.brand-logo{width:18px;height:18px;display:block}.instructions-card{margin-bottom:1.25rem}.instructions-list{padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.instructions-list ul{margin-top:.3rem;padding-left:1.1rem}.layout-main{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1rem;align-items:flex-start}.stack{display:flex;flex-direction:column;gap:1rem}.card{background:#0f172ae6;border-radius:.75rem;padding:1rem;box-shadow:0 20px 40px #0f172ab3;border:1px solid rgba(148,163,184,.2)}.card h2{margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.card h3{margin-top:0;margin-bottom:.6rem;font-size:.95rem;font-weight:500;color:#e5e7eb}.form{margin-bottom:.75rem}.field-row{display:flex;gap:.5rem;flex-wrap:wrap}.field-column{display:flex;flex-direction:column;gap:.5rem}input,select,button{border-radius:.4rem;border:1px solid rgba(148,163,184,.4);padding:.4rem .6rem;font-size:.9rem;background:#0f172ae6;color:#e5e7eb}input::placeholder{color:#6b7280}button{background:#fd7f41;border-color:#fd7f41;cursor:pointer;white-space:nowrap}button:hover{background:#ff945f}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.list-item.active{background:#fd7f412e;border-radius:.5rem}.list-item{position:relative}.list-title{font-size:.95rem}.list-subtitle{font-size:.8rem;color:#9ca3af}.muted{font-size:.85rem;color:#9ca3af}.section-loading{margin-top:.25rem}.list-main{width:100%;text-align:left;display:flex;flex-direction:column;gap:.15rem;background:transparent;border-color:transparent;padding:.35rem .4rem}.list-main:hover{background:#fd7f4114}.list-icon-button{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:#9ca3af;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .12s ease-out,border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out}.list-item:hover .list-icon-button{opacity:.95}.list-icon-button:hover{border-color:#f87171cc;color:#fecaca}.alert{padding:.5rem .75rem;border-radius:.5rem;margin-bottom:.75rem;font-size:.85rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.4)}.alert-info{background:#fd7f411f;border:1px solid rgba(253,127,65,.4)}.checkbox-label{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem}.checkbox-label input{width:auto}