/* UI/Pages/New/Style.css */
#new-overlay { visibility:hidden;pointer-events:none;background-color:rgba(0,0,0,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);
    transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease,visibility 0s linear .5s; }
#new-overlay.open { visibility:visible;pointer-events:auto;background-color:rgba(0,0,0,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
    transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease,visibility 0s; }
#new-sheet { transform:translateY(100vh);transition:transform .5s var(--ease); }
#new-overlay.open #new-sheet { transform:none; }
/* высота окна подгоняется под содержимое текущего экрана (см. fit() в new.js) */
#new-panel { height:200px;transition:height .45s var(--ease); }
#new-panel.no-anim { transition:none; }
.new-back { transition:opacity .25s ease,width .3s var(--ease),margin .3s var(--ease),padding .3s var(--ease); overflow:hidden; }
.new-back.off { width:0;padding:0;margin:0 0 0 -4px;opacity:0;pointer-events:none; }
.new-pad { padding:16px; }

.new-opt { width:100%;display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;text-align:left;background:#050505;border:1px solid #1a1a1a;margin-bottom:10px; }
.new-opt:hover { background:#121212;border-color:#262626; }
.new-ic { width:44px;height:44px;border-radius:14px;background:#1a1a1a;border:1px solid #262626;display:flex;align-items:center;justify-content:center;color:#e5e5e5;flex-shrink:0; }
.new-ic svg { width:22px;height:22px; }
.new-opt-t { display:block;font-size:15px;font-weight:500;color:#e5e5e5; }
.new-opt-d { display:block;font-size:13px;color:#737373;margin-top:2px; }
.new-opt .chev { margin-left:auto;color:#404040; }

.new-search { position:relative; }
.new-search .at { position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#737373;font-size:14px;pointer-events:none; }
.new-search .fld { padding-left:28px; }
.new-hint { font-size:12px;color:#404040;margin:8px 2px 14px; }
.new-msg { margin-top:12px;padding:12px;border-radius:14px;font-size:13px;text-align:center;color:#a3a3a3;background:#050505;border:1px solid #1a1a1a; }
.new-card { width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;text-align:left;background:#050505;border:1px solid #1a1a1a;margin-top:12px; }
.new-card:hover { background:#121212;border-color:#404040; }
.new-card-av { width:52px;height:52px;border-radius:50%;background:#1a1a1a;border:1px solid #262626;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#a3a3a3;flex-shrink:0; }
.new-card-name { font-size:15px;font-weight:500;color:#e5e5e5;display:flex;align-items:center;gap:4px;overflow-wrap:anywhere; }
.new-card-handle { font-size:13px;color:#737373; }
.new-card-about { margin-top:4px;font-size:12px;color:#737373;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere; }
.new-card .chev { margin-left:auto;color:#404040;flex-shrink:0; }

.g-chips { display:flex;flex-wrap:wrap;gap:6px;margin-top:8px; }
.g-chip { display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border-radius:99px;background:#1a1a1a;border:1px solid #262626;font-size:13px;color:#e5e5e5; }
.g-chip button { width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#737373;background:transparent; }
.g-chip button:hover { background:#262626;color:#e5e5e5; }
.g-preview { display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#050505;border:1px solid #1a1a1a; }
.g-preview-av { width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5);flex-shrink:0; }
.g-primary { width:100%;margin-top:18px;padding:12px;border-radius:12px;font-size:14px;font-weight:500;background:#e5e5e5;color:#050505; }
.g-primary:hover { background:#fff; }
.g-primary:disabled { opacity:.6;pointer-events:none; }
.g-result-row { display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#050505;border:1px solid #1a1a1a;font-size:13px;color:#e5e5e5;margin-top:8px; }
.g-result-row span:last-child { color:#737373; }
.g-err { margin-top:12px;padding:10px 12px;border-radius:12px;font-size:13px;text-align:center;color:#e5e5e5;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.28); }

/* shared: sliding pages (no opacity) */
.slide-page { position:absolute;inset:0;overflow-y:auto;transition:transform .45s var(--ease);will-change:transform; }