.add-dir-btn{place-self:flex-start start;width:auto;margin-top:16px}.add-dir-btn svg{width:16px;height:16px}dialog.add-dir-dialog{background:var(--surface);width:min(560px,100vw - 24px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow-lg);border:0;border-radius:22px;padding:0;overflow:auto}dialog.add-dir-dialog[open]{animation:rise .35s var(--ease)}dialog.add-dir-dialog::backdrop{-webkit-backdrop-filter:blur(3px);background:#060b158c}.add-dir{gap:16px;padding:clamp(20px,4vw,28px);display:grid}.add-dir-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.add-dir-head .eyebrow{margin:0 0 6px}.add-dir-head h2{margin:0;font-size:clamp(1.4rem,3vw,1.7rem);line-height:1.15}.add-dir-head p:not(.eyebrow){color:var(--ink-2);margin:8px 0 0;font-size:.94rem;line-height:1.55}.add-dir-close{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink-2);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.add-dir-close svg{width:18px;height:18px}.add-dir .field-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.add-dir textarea{resize:vertical;min-height:104px;line-height:1.5}.add-dir .has-error .field-control{border-color:var(--magenta)}.add-dir-error{color:var(--magenta);margin:6px 0 0;font-size:.84rem}.add-dir-count{color:var(--muted);font:600 .72rem/1 var(--font-mono)}.add-dir-perks{border:1px dashed var(--line);background:var(--paper);border-radius:14px;gap:8px;margin:0;padding:14px 16px;list-style:none;display:grid}.add-dir-perks li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.45;display:flex}.add-dir-perks svg{width:17px;height:17px;color:var(--magenta);flex:none;margin-top:1px}.add-dir-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.add-dir-actions .btn svg{width:16px;height:16px}.add-dir-account{background:var(--magenta-soft);border-radius:14px;gap:12px;padding:14px 16px;display:grid}.add-dir-account p{color:var(--ink);margin:0;font-size:.9rem;line-height:1.5}.add-dir-account .add-dir-actions{justify-content:flex-start}@media (max-width:520px){.add-dir-actions .btn{flex:100%;justify-content:center}}