:root{--bluestem-700: #1f3d4a;--bluestem-600: #2b5262;--bluestem-50: #e9f0f3;--caliche-900: #1d1d1b;--caliche-600: #5d5b55;--caliche-200: #d9d6cd;--caliche-50: #f6f5f1;--white: #ffffff;--red-700: #a32a1d;--color-bg: var(--caliche-50);--color-surface: var(--white);--color-text: var(--caliche-900);--color-muted: var(--caliche-600);--color-border: var(--caliche-200);--color-accent: var(--bluestem-600);--color-accent-hover: var(--bluestem-700);--color-accent-soft: var(--bluestem-50);--color-error: var(--red-700)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:720px;margin:0 auto;padding:16px}.app-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.app-title{margin:0;font-size:1.1rem}.app-header-meta{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--color-muted)}.badge{background:var(--color-accent-soft);color:var(--color-accent-hover);padding:2px 8px;border-radius:999px;font-size:.8rem}.screen{display:flex;flex-direction:column;gap:12px}.screen-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.screen-title{margin:0;font-size:1.5rem}.screen-subtitle{margin:0;color:var(--color-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.card-title,.card-subtitle{margin:0;font-size:1.05rem}.card-subtitle{font-size:.95rem;color:var(--color-muted)}.form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;flex:1;min-width:0}input,select{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);min-width:0}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.hint,.muted-text{color:var(--color-muted);font-size:.85rem;font-weight:400;margin:0}.error-text{color:var(--color-error);margin:0}.notice{background:var(--color-accent-soft);padding:8px 10px;border-radius:6px;margin:0;overflow-wrap:anywhere}.button-primary,.button-secondary{font:inherit;font-weight:600;padding:8px 14px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block}.button-primary{background:var(--color-accent);color:var(--white);border:1px solid var(--color-accent)}.button-primary:hover{background:var(--color-accent-hover)}.button-primary:disabled{opacity:.6;cursor:default}.button-secondary{background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border);align-self:flex-start}.list,.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-item{width:100%;text-align:left;font:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;color:inherit}.list-item:hover{border-color:var(--color-accent)}.list-main{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.list-meta{color:var(--color-muted);font-size:.85rem}.invite{display:flex;flex-direction:column;gap:4px}.url,code{overflow-wrap:anywhere;font-size:.8rem}.url{flex:1;min-width:0}