/* Notes Stage 1 — scoped verbatim assembly.
 * Source blocks are copied from the approved Notes package; only selector scopes change.
 */
.phone-shell[data-unified-shell].notes-stage1-active { position: relative; }
.phone-shell[data-unified-shell].notes-stage1-active > .unified-hotbar { display:none; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-root { position: absolute; z-index: 40; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; pointer-events: none; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-root:not(:empty) { pointer-events: auto; }


/* ===== ВЕРБАТИМ: главный экран Заметок =====
   Источник: FRAME_NOTES_B64 → <style>. Скопировано без изменений. */

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-root{
    --ink: #23262B;
    --ink-soft: #66707B;
    --ink-faint: #98A1AB;
    --line: rgba(140,155,150,.18);
    --glass: rgba(255,255,255,.55);
    --accent: #3E9B5F;
    --accent-soft: rgba(62,155,95,.10);
    --accent-line: rgba(62,155,95,.35);
    --cat-sport: #4CAF7D;   --cat-sport-soft: rgba(76,175,125,.10);
    --cat-home:  #5B8DEF;   --cat-home-soft:  rgba(91,141,239,.10);
    --cat-agents:#E3B23C;   --cat-agents-soft:rgba(227,178,60,.12);
    --cat-agents-ink:#C29222;
    --user-c:#3E9B5F; --tanya-c:#6C63D2; --borya-c:#D2704A;
    --r-lg: 20px; --r-md: 14px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home *{box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home,.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home{height:100%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home{
    font-family:'Golos Text',system-ui,sans-serif;
    color:var(--ink);
    display:flex; justify-content:center;
    background:#DFE5E2;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .phone{
    width:100%; max-width:400px; min-height:100dvh;
    position:relative; overflow:hidden;
    display:flex; flex-direction:column;
    background:
      radial-gradient(ellipse 90% 55% at 85% -5%, rgba(122,178,255,.28), transparent 60%),
      radial-gradient(ellipse 80% 50% at -10% 25%, rgba(126,214,165,.25), transparent 60%),
      radial-gradient(ellipse 70% 45% at 100% 75%, rgba(255,214,140,.20), transparent 60%),
      linear-gradient(180deg,#F7FAF8 0%, #F2F6F4 100%);
  }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .topbar{display:flex; align-items:center; gap:10px; padding:0 0 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .icon-btn{
    width:42px; height:42px; flex:none;
    border-radius:50%;
    background:var(--glass);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.7);
    box-shadow:0 2px 10px rgba(60,80,70,.06);
    display:flex; align-items:center; justify-content:center;
    font-size:19px; cursor:pointer;
    transition:transform .15s ease;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .icon-btn:active{transform:scale(.94);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .search{
    flex:1; height:42px;
    background:var(--glass);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.7);
    box-shadow:0 2px 10px rgba(60,80,70,.06);
    border-radius:22px;
    display:flex; align-items:center; gap:8px;
    padding:0 14px;
    color:var(--ink-faint); font-size:14.5px;
    cursor:text;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .avatar{
    width:42px; height:42px; flex:none;
    border-radius:50%;
    background:linear-gradient(135deg,#7FC8A9,#4E9F6E);
    color:#fff; font-weight:600; font-size:15px;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; border:2px solid rgba(255,255,255,.85);
    box-shadow:0 2px 10px rgba(60,80,70,.10);
  }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .swipe-nav{
    display:flex; justify-content:center; align-items:center; gap:18px;
    padding:6px 0 2px; user-select:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .swipe-tab{
    font-size:12.5px; color:var(--ink-faint); font-weight:500;
    display:flex; flex-direction:column; align-items:center; gap:4px;
    cursor:pointer; transition:color .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .swipe-tab .dot{
    width:6px; height:6px; border-radius:50%;
    background:rgba(140,155,150,.35); transition:all .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .swipe-tab.active{color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .swipe-tab.active .dot{background:var(--accent); width:18px; border-radius:3px;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .content{flex:1; overflow-y:auto; padding:8px 16px 130px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .top-sticky{
    position:sticky; top:0; z-index:25;
    margin:0 -16px; padding:14px 16px 10px;
    background:rgba(247,250,248,.68);
    backdrop-filter:blur(18px) saturate(1.3);
    -webkit-backdrop-filter:blur(18px) saturate(1.3);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .top-sticky::after{
    content:''; position:absolute; left:0; right:0; bottom:-16px; height:16px;
    background:linear-gradient(180deg, rgba(247,250,248,.55), transparent);
    pointer-events:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .greeting-row{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:8px 2px 14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .greeting h1{font-family:'Unbounded',sans-serif; font-size:19px; font-weight:600; letter-spacing:-.01em;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .greeting h1 span{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .greeting .date{font-size:12px; color:var(--ink-faint); margin-top:3px;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .section-label{
    font-size:12px; font-weight:600; letter-spacing:.06em;
    text-transform:uppercase; color:var(--ink-soft);
    margin:0 2px 8px;
    display:flex; align-items:center; gap:6px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .section-label .count{font-weight:500; color:var(--ink-faint); letter-spacing:0; text-transform:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .gear-btn{
    margin-left:auto;
    width:26px; height:26px;
    border:none; border-radius:8px;
    background:transparent;
    color:var(--ink-faint); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .gear-btn:active{background:rgba(140,155,150,.15); color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .gear-btn svg{width:16px; height:16px;}

  /* ===== аватарка автора ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .ava{
    width:18px; height:18px; flex:none;
    border-radius:50%;
    color:#fff; font-size:9.5px; font-weight:700;
    display:inline-flex; align-items:center; justify-content:center;
    border:1.5px solid rgba(255,255,255,.9);
    box-shadow:0 1px 3px rgba(60,80,70,.15);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .ava-user{background:var(--user-c);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .ava-tanya{background:var(--tanya-c);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .ava-borya{background:var(--borya-c);}

  /* ===== единая карточка заметки ===== */
  /* полуобводка-скобка (по эскизу): рисуется псевдоэлементом, занимает только
     левую 1/4 ширины карточки — скруглённые левые углы, правый край открыт.
     Между заметками зазор, чтобы скобки не сливались и не пересекались. */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card{
    position:relative;
    display:flex; gap:9px;
    padding:11px 8px 12px 15px;
    background:transparent;
    border:none;
    border-bottom:1px solid var(--line);
    cursor:pointer;
    margin-bottom:0;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card:last-child{border-bottom:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card::before{
    content:'';
    position:absolute; left:0; top:0; bottom:0;
    width:25%;
    border:1.5px solid var(--line);
    border-right:none;
    border-bottom:none;
    border-radius:14px 0 0 0;
    pointer-events:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card.nc-sport::before{border-color:var(--cat-sport);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card.nc-home::before{border-color:var(--cat-home);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card.nc-agents::before{border-color:var(--cat-agents);}

  /* эмодзи — опционально, только у части заметок; для узнавания глазом */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-emoji{
    flex:none; width:24px;
    font-size:18px; line-height:1.4;
    text-align:center;
  }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card .body{flex:1; min-width:0;}
  /* верхний правый угол: категория·подкатегория + тип (текстом) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner{
    position:absolute; top:8px; right:10px;
    display:flex; align-items:center; gap:5px;
    font-size:9px;
    max-width:55%;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner .cat-path{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    font-weight:600; color:var(--ink-faint);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner .cat-path.cp-sport{color:var(--cat-sport);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner .cat-path.cp-home{color:var(--cat-home);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner .cat-path.cp-agents{color:var(--cat-agents-ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner .type-text{
    flex:none; color:var(--ink-faint); opacity:.9;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-corner .type-text::before{content:'· ';}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card h4{
    font-size:13px; font-weight:600; margin-bottom:2px;
    padding-right:58px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card p{
    font-size:11.5px; color:var(--ink-soft); line-height:1.35;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    margin-bottom:5px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .meta{display:flex; flex-wrap:wrap; gap:5px; align-items:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .tag{
    font-size:9.5px; font-weight:500;
    padding:2px 7px; border-radius:20px;
    background:rgba(140,155,150,.12); color:var(--ink-soft);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .tag.cat-sport{background:var(--cat-sport-soft); color:var(--cat-sport); font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .tag.cat-home{background:var(--cat-home-soft); color:var(--cat-home); font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .tag.cat-agents{background:var(--cat-agents-soft); color:var(--cat-agents-ink); font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .attach-ico{
    font-size:11px; color:var(--ink-faint);
    display:inline-flex; align-items:center; gap:2px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .date{font-size:9.5px; color:var(--ink-faint); margin-left:auto; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-actions{display:flex; flex-direction:column; gap:4px; align-items:center; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .mini-btn{
    width:24px; height:24px; border-radius:7px;
    border:none; background:transparent;
    color:var(--ink-faint); font-size:12px;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .mini-btn:active{background:rgba(140,155,150,.15);}

  /* ===== закреплённые ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-wrap{
    background:rgba(76,175,125,.08);
    border:1px solid rgba(76,175,125,.18);
    border-radius:var(--r-lg);
    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
    padding:12px 10px 10px;
    margin-bottom:16px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-row{
    display:flex; gap:10px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card{
    flex:1 1 0; min-width:0;
    background:var(--glass);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border:1.5px solid var(--line);
    box-shadow:0 2px 12px rgba(60,80,70,.07);
    border-radius:var(--r-md);
    padding:10px 11px;
    position:relative; cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card.nc-home{border-color:rgba(91,141,239,.5);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card.nc-agents{border-color:rgba(227,178,60,.55);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card.nc-sport{border-color:rgba(76,175,125,.55);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-nav{display:flex; align-items:center; justify-content:center; gap:10px; padding-top:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-arrow{
    width:28px; height:28px; border-radius:50%; flex:none;
    background:#fff; border:none; box-shadow:0 1px 4px rgba(60,80,70,.12);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    color:var(--ink-soft);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-arrow svg{width:14px; height:14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-arrow:disabled{opacity:.35; cursor:default;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-arrow:not(:disabled):active{transform:scale(.9);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-dots{display:flex; align-items:center; gap:5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-dot{width:5px; height:5px; border-radius:50%; background:rgba(140,155,150,.4); transition:.2s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pn-dot.on{width:16px; border-radius:3px; background:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card .pin{position:absolute; top:8px; left:8px; width:13px; height:13px; color:var(--accent); opacity:.85;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card .pin svg{width:100%; height:100%; display:block;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card .pinned-kebab{position:absolute; top:2px; right:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card h4{font-size:12.5px; font-weight:600; margin-bottom:3px; padding-right:14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card p{font-size:10.5px; color:var(--ink-soft); line-height:1.35;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    margin-bottom:5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card .meta{gap:3px;}

  /* ===== блок недавних ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block{
    margin-bottom:18px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card{
    background:var(--glass); backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px);
    border:1.5px solid var(--line); border-radius:var(--r-md);
    box-shadow:0 1px 5px rgba(60,80,70,.05);
    margin-bottom:8px;
    padding:11px 10px 11px 13px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card::before{display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card.nc-sport{border-color:rgba(76,175,125,.5);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card.nc-home{border-color:rgba(91,141,239,.5);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card.nc-agents{border-color:rgba(227,178,60,.55);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card:last-child{margin-bottom:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card.hidden-by-filter{display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .empty-state{text-align:center; padding:60px 20px 20px; color:var(--ink-faint); font-size:13px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .empty-state .eico{font-size:34px; margin-bottom:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .expand-btn{
    width:calc(100% + 16px); margin:0 -8px;
    padding:8px;
    background:transparent; border:none;
    border-top:1px solid var(--line);
    color:var(--accent); font-size:12px; font-weight:600;
    font-family:inherit;
    display:flex; align-items:center; justify-content:center; gap:5px;
    cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .expand-btn:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-collapsed{
    display:none;
    padding:11px 14px; margin-bottom:18px;
    background:var(--glass);
    border:1.5px dashed var(--line);
    border-radius:var(--r-md);
    font-size:12px; color:var(--ink-soft); text-align:center;
    cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-collapsed:active{background:var(--accent-soft); color:var(--accent);}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .dashed{
    border:none;
    border-top:1.5px dashed rgba(120,135,130,.35);
    margin:2px 6px 16px;
  }

  /* ===== категории ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
    margin:0 -16px 14px; padding:0 10px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card{
    position:relative;
    background:rgba(255,255,255,.42);
    backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px);
    border-radius:var(--r-lg);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 1px 5px rgba(60,80,70,.045);
    overflow:hidden;
    padding:0 8px;
    margin-bottom:0;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.wide{grid-column:1 / -1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.c-sport{border-color:rgba(76,175,125,.35);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.c-home{border-color:rgba(91,141,239,.32);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.c-agents{border-color:rgba(227,178,60,.35);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-head{display:flex; align-items:center; gap:8px; padding:11px 3px 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-head .cat-emoji{font-size:16px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-head h3{flex:1; font-size:14.5px; font-weight:700;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-head .cat-count{font-size:12px; font-weight:600; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .c-sport .cat-head h3{color:var(--cat-sport);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .c-home .cat-head h3{color:var(--cat-home);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .c-agents .cat-head h3{color:var(--cat-agents-ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-sub-pills{display:flex; flex-wrap:wrap; gap:6px; padding:8px 3px 10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-sub-pill{font-size:11px; font-weight:600; color:var(--ink-soft); background:var(--glass);
    border:1px solid var(--line); padding:5px 10px; border-radius:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-sub-pill b{color:var(--accent); margin-left:2px;}
  /* заметки внутри категории — снова со своей скобкой (единый вид заметки во всех контекстах) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card .notes-wrap .note-card{padding:10px 6px 10px 13px; margin-bottom:8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card .notes-wrap .note-card h4{font-size:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card .notes-wrap .note-card p{font-size:10.5px; margin-bottom:4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-wrap{display:block; margin-bottom:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-wrap .note-card.hidden-by-count{display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-more{
    margin:0 -8px;
    font-size:10.5px; color:var(--ink-faint);
    padding:7px 11px 9px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; align-items:center;
    cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-more b{color:var(--ink-soft); font-weight:600;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.ghost{
    border:1.5px dashed var(--accent-line);
    background:rgba(255,255,255,.30);
    box-shadow:none;
    align-items:center; justify-content:center;
    min-height:110px;
    color:var(--accent); font-weight:600; font-size:12.5px;
    gap:6px; cursor:pointer;
    display:flex; flex-direction:column;
    transition:background .15s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.ghost:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.ghost .plus{
    width:34px; height:34px; border-radius:50%;
    background:var(--glass);
    border:1px solid var(--accent-line);
    display:flex; align-items:center; justify-content:center;
    font-size:19px; font-weight:400;
  }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .fab{
    position:fixed; right:18px; bottom:calc(96px + env(safe-area-inset-bottom,0px));
    width:56px; height:56px;
    border-radius:16px;
    background:rgba(62,155,95,.88);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    color:#fff; font-size:27px; font-weight:300;
    border:1px solid rgba(255,255,255,.5);
    cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 22px rgba(62,155,95,.35);
    transition:transform .15s ease;
    z-index:20;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .fab:active{transform:scale(.92);}
  @media (min-width:401px){ .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .fab{position:absolute;} }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hotbar-wrap{
    position:fixed; left:0; right:0; bottom:0;
    display:flex; justify-content:center;
    padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));
    pointer-events:none; z-index:15;
  }
  @media (min-width:401px){ .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hotbar-wrap{position:absolute;} }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hotbar{
    pointer-events:auto;
    width:100%; max-width:368px;
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(20px) saturate(1.4);
    -webkit-backdrop-filter:blur(20px) saturate(1.4);
    border:1px solid rgba(255,255,255,.8);
    border-radius:28px;
    display:flex; justify-content:space-around; align-items:center;
    padding:8px 10px;
    box-shadow:0 4px 24px rgba(60,80,70,.10), inset 0 1px 0 rgba(255,255,255,.9);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hot-btn{
    flex:1; border:none; background:transparent;
    display:flex; flex-direction:column; align-items:center; gap:3px;
    padding:6px 4px; cursor:pointer;
    color:var(--ink-soft); font-family:inherit;
    border-radius:16px;
    transition:background .15s, color .15s, box-shadow .15s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hot-btn span{font-size:10px; font-weight:500;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hot-btn svg{width:21px; height:21px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hot-btn:active,.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .hot-btn.menu-open{
    background:rgba(255,255,255,.75);
    color:var(--accent);
    box-shadow:0 0 0 1px var(--accent-line), 0 2px 10px rgba(62,155,95,.18);
  }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-backdrop{
    position:fixed; inset:0; background:rgba(35,38,43,.25);
    backdrop-filter:blur(2px);
    opacity:0; pointer-events:none; transition:opacity .25s;
    z-index:30;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-backdrop.show{opacity:1; pointer-events:auto;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet{
    position:fixed; left:0; right:0; bottom:0;
    max-width:400px; margin:0 auto;
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.9);
    border-radius:20px 20px 0 0;
    padding:10px 20px 28px;
    transform:translateY(105%);
    transition:transform .3s cubic-bezier(.3,.9,.3,1);
    z-index:31;
    max-height:75dvh; overflow-y:auto;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet.show{transform:translateY(0);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet .grip{width:38px; height:4px; border-radius:2px; background:rgba(140,155,150,.3); margin:0 auto 16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet h3{font-size:15px; font-weight:700; margin-bottom:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-item{
    display:flex; align-items:center; gap:10px;
    padding:12px 4px; font-size:14px;
    border-bottom:1px solid var(--line);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-item.clickable{cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-item:last-child{border-bottom:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-item .sw{width:10px; height:10px; border-radius:3px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-item small{margin-left:auto; color:var(--ink-faint); font-size:11.5px;}

  /* контролы настроек */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .layout-toggle{
    display:flex; gap:4px;
    background:rgba(140,155,150,.10);
    border-radius:10px; padding:3px;
    flex:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .layout-toggle button{
    border:none; background:transparent;
    font-family:inherit; font-size:10px; font-weight:600;
    padding:4px 6px; border-radius:8px;
    color:var(--ink-faint); cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .layout-toggle button.on{
    background:#fff; color:var(--accent);
    box-shadow:0 1px 4px rgba(60,80,70,.12);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .order-btns{display:flex; gap:2px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact{padding:11px 13px; display:flex; align-items:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact::before{display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact{background:var(--glass); border:1px solid var(--line); border-radius:var(--r-md);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact .cat-sub-pills,.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact .notes-wrap,.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact .cat-more{display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact .cat-head{padding:0; flex:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact .cat-head h3{font-size:13.5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact{cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-card.compact::after{
    content:'›'; color:var(--ink-faint); font-size:16px; flex:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .order-btns button{
    width:24px; height:24px;
    border:none; border-radius:7px;
    background:rgba(140,155,150,.10);
    color:var(--ink-soft); cursor:pointer;
    font-size:11px;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .order-btns button:active{background:var(--accent-soft); color:var(--accent);}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .slider-row{padding:12px 4px; border-bottom:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .slider-row .lbl{
    display:flex; justify-content:space-between;
    font-size:13.5px; margin-bottom:8px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .slider-row .lbl b{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home input[type=range]{
    width:100%; -webkit-appearance:none; appearance:none;
    height:5px; border-radius:3px;
    background:rgba(140,155,150,.2);
    outline:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none; appearance:none;
    width:20px; height:20px; border-radius:50%;
    background:#fff;
    border:2px solid var(--accent);
    box-shadow:0 2px 6px rgba(60,80,70,.2);
    cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .switch{
    margin-left:auto; flex:none;
    width:42px; height:24px; border-radius:12px;
    background:rgba(140,155,150,.25);
    border:none; cursor:pointer;
    position:relative; transition:background .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .switch::after{
    content:''; position:absolute;
    top:2.5px; left:3px;
    width:19px; height:19px; border-radius:50%;
    background:#fff;
    box-shadow:0 1px 4px rgba(60,80,70,.25);
    transition:left .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .switch.on{background:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .switch.on::after{left:20px;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .menu-action-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .menu-action-card{
    display:flex; flex-direction:column; align-items:center; gap:7px;
    padding:16px 6px; border-radius:var(--r-md);
    background:var(--glass); border:1px solid var(--line);
    cursor:pointer; text-align:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .menu-action-card:active{transform:scale(.94); background:rgba(140,155,150,.12);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .menu-action-card svg{width:22px; height:22px; color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .menu-action-card span{font-size:11.5px; font-weight:600; color:var(--ink);}

  /* ===== меню заметки: центрированная модалка (эталон — попап чатов) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .modal-backdrop-g{position:fixed; inset:0; background:rgba(20,28,24,.10);
    z-index:60; display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .modal-backdrop-g.show{display:block;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-menu-modal{
    position:fixed; z-index:61;
    width:260px; max-width:calc(100vw - 24px);
    background:rgba(255,255,255,.97); backdrop-filter:blur(24px);
    border-radius:16px; padding:6px; box-shadow:0 12px 30px rgba(20,30,25,.2);
    max-height:70dvh; overflow-y:auto; display:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-menu-modal.show{display:block;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-head{display:flex; align-items:center; gap:8px; padding:10px 8px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-back{width:30px; height:30px; border-radius:50%; border:none; background:rgba(140,155,150,.12);
    display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-back svg{width:16px; height:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-title{font-size:14.5px; font-weight:700; flex:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-search{margin:0 6px 8px; padding:9px 12px; border-radius:12px; background:rgba(140,155,150,.10);
    display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-search svg{width:15px; height:15px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-search input{border:none; background:transparent; outline:none; font-family:inherit; font-size:13px; color:var(--ink); flex:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item{display:flex; align-items:center; gap:10px; padding:11px 10px; border-radius:12px; font-size:13.5px;
    font-weight:500; color:var(--ink); cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item:active{background:rgba(140,155,150,.12);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item.danger{color:#E5484D;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item svg{width:17px; height:17px; flex:none; color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item.danger svg{color:#E5484D;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item .chev{margin-left:auto; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item .chev svg{width:14px; height:14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item.checked{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item.checked .nm-check{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-check{width:16px; height:16px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-divider{height:1px; background:var(--line); margin:5px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-group-label{font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
    color:var(--ink-faint); padding:8px 10px 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-row-meta{display:flex; flex-direction:column; flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-row-meta .t{font-size:13.5px; font-weight:600; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-row-meta .s{font-size:11px; color:var(--ink-faint); margin-top:1px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-empty{text-align:center; padding:30px 16px; color:var(--ink-faint); font-size:12.5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-msg-preview{margin:6px 8px 4px; padding:10px 12px; border-radius:12px; background:var(--accent-soft);
    border:1px solid var(--accent-line); font-size:12px; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-msg-preview b{display:block; font-size:11.5px; color:var(--accent); margin-bottom:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-actions{display:flex; gap:8px; padding:10px 6px 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-actions button{flex:1; padding:11px; border-radius:12px; border:none; font-family:inherit;
    font-size:13px; font-weight:600; cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-actions .nm-cancel{background:rgba(140,155,150,.12); color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-actions .nm-confirm{background:var(--accent); color:#fff;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-actions .nm-confirm:disabled{opacity:.4; cursor:default;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card.menu-active,.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .pinned-card.menu-active{outline:2px solid var(--accent-line); outline-offset:-1px; background:rgba(62,155,95,.05);}

  /* ===== экран «Напоминания» ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .reminders-screen{
    position:fixed; inset:0; z-index:55; display:none; flex-direction:column;
    background:
      radial-gradient(ellipse 90% 55% at 85% -5%, rgba(122,178,255,.28), transparent 60%),
      radial-gradient(ellipse 80% 50% at -10% 25%, rgba(126,214,165,.25), transparent 60%),
      radial-gradient(ellipse 70% 45% at 100% 75%, rgba(255,214,140,.20), transparent 60%),
      linear-gradient(180deg,#F7FAF8 0%, #F2F6F4 100%);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .reminders-screen.show{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-head{display:flex; align-items:center; gap:12px; padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-back{width:38px; height:38px; border-radius:50%; flex:none; cursor:pointer;
    background:var(--glass); border:1px solid rgba(255,255,255,.6);
    display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-back svg{width:19px; height:19px; color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-titles h1{font-family:'Unbounded',sans-serif; font-size:17px; font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-titles p{font-size:12px; color:var(--ink-faint); margin-top:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-body{flex:1; overflow-y:auto; padding:6px 16px calc(24px + env(safe-area-inset-bottom,0px));}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-item{
    display:flex; align-items:flex-start; gap:10px; padding:12px 4px;
    border-bottom:1px solid var(--line); cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-item:last-child{border-bottom:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-check{width:22px; height:22px; border-radius:50%; border:1.5px solid var(--line); flex:none; margin-top:1px;
    display:flex; align-items:center; justify-content:center; background:#fff; cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-check svg{width:13px; height:13px; color:#fff; opacity:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-item.done .rem-check{background:var(--accent); border-color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-item.done .rem-check svg{opacity:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-item.done .rem-title{text-decoration:line-through; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-content{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-title{font-size:13.5px; font-weight:600; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-meta{display:flex; align-items:center; gap:6px; margin-top:3px; font-size:11px; color:var(--ink-faint); flex-wrap:wrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-src{padding:2px 8px; border-radius:8px; background:rgba(140,155,150,.10); font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-pin{flex:none; width:26px; height:26px; border-radius:8px; display:flex; align-items:center; justify-content:center;
    color:var(--ink-faint); cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-pin.on{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-pin svg{width:15px; height:15px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .rem-add{width:100%; margin-top:8px; padding:12px; border-radius:14px; border:1.5px dashed var(--accent-line);
    background:transparent; color:var(--accent); font-family:inherit; font-size:13px; font-weight:600; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:6px;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-group{position:relative; padding:2px 0 2px 15px; margin-bottom:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-group::before{content:''; position:absolute; left:0; top:0; bottom:0; width:25%;
    border:1.5px solid var(--line); border-right:none; border-bottom:none; border-radius:14px 0 0 0; pointer-events:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-group.cs-sport::before{border-color:var(--cat-sport);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-group.cs-home::before{border-color:var(--cat-home);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-group.cs-agents::before{border-color:var(--cat-agents);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-name{font-size:14px; font-weight:700; padding:8px 4px 10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-nums{display:flex; gap:8px; padding:0 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-num{flex:1; text-align:center; background:var(--glass); border:1px solid var(--line); border-radius:12px; padding:10px 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-num b{display:block; font-size:17px; font-family:'Unbounded',sans-serif;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cs-num span{font-size:10px; color:var(--ink-faint);}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-add-cat{
    margin-top:14px;
    width:100%;
    padding:11px;
    border:1.5px dashed var(--accent-line);
    border-radius:14px;
    background:transparent;
    color:var(--accent); font-family:inherit;
    font-size:13px; font-weight:600;
    cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:6px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-add-cat:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .sheet-hint{font-size:11px; color:var(--ink-faint); margin-top:10px; line-height:1.4;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .toast{
    position:fixed; left:50%; bottom:100px;
    transform:translateX(-50%) translateY(10px);
    background:rgba(35,38,43,.9);
    backdrop-filter:blur(6px);
    color:#fff;
    font-size:12.5px; padding:9px 16px; border-radius:20px;
    opacity:0; pointer-events:none;
    transition:opacity .25s, transform .25s;
    z-index:40; white-space:nowrap;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

  @media (prefers-reduced-motion:reduce){ .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home *{transition:none !important;} }

  /* --- unified overrides: compact recent activity --- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .stat-chip{
    display:flex; align-items:center; gap:5px; flex:none;
    padding:5px 10px 5px 8px; border-radius:12px;
    background:var(--glass); border:1px solid var(--line);
    font-family:inherit; font-size:11px; font-weight:600; color:var(--ink-soft);
    cursor:pointer; margin-top:23px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .stat-chip:active{transform:scale(.94); background:rgba(140,155,150,.14);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .stat-chip svg{width:13px; height:13px; color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card p{
    display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
    overflow:hidden; margin-bottom:4px; max-width:270px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card h4{margin-bottom:2px; font-size:13px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .recent-block .note-card .meta{flex-wrap:wrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .note-card{cursor:pointer;}


/* ===== ВЕРБАТИМ: редактор/просмотр заметки =====
   Источник: FRAME_NOTE_VIEW_B64 → <style> (надмножество FRAME_NOTE_CREATE:
   добавлен блок .note-meta/.ava-btn и .img-block.touched). Без изменений. */

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor{
    --ink:#23262B; --ink-soft:#66707B; --ink-faint:#98A1AB;
    --line:rgba(140,155,150,.20);
    --glass:rgba(255,255,255,.55);
    --accent:#3E9B5F; --accent-soft:rgba(62,155,95,.10); --accent-line:rgba(62,155,95,.35);
    --cat-sport:#4CAF7D; --cat-home:#5B8DEF; --cat-agents:#E3B23C;
    --r-lg:20px; --r-md:14px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor *{box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor,.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor{height:100%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor{font-family:'Golos Text',system-ui,sans-serif; color:var(--ink);
    display:flex; justify-content:center; background:#DFE5E2;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .phone{
    width:100%; max-width:400px; min-height:100dvh;
    position:relative; overflow:hidden; display:flex; flex-direction:column;
    background:
      radial-gradient(ellipse 90% 55% at 85% -5%, rgba(122,178,255,.26), transparent 60%),
      radial-gradient(ellipse 80% 50% at -10% 25%, rgba(126,214,165,.22), transparent 60%),
      radial-gradient(ellipse 70% 45% at 100% 85%, rgba(255,214,140,.18), transparent 60%),
      linear-gradient(180deg,#F7FAF8 0%, #F2F6F4 100%);
  }

  /* ===== ШАПКА: одна компактная строка ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .head{
    position:sticky; top:0; z-index:20;
    display:flex; align-items:center; gap:9px;
    padding:12px 12px;
    background:rgba(247,250,248,.72);
    backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3);
    border-bottom:1px solid var(--line);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .hbtn{width:38px; height:38px; border-radius:50%; flex:none;
    border:1px solid rgba(255,255,255,.8); background:var(--glass);
    backdrop-filter:blur(14px); color:var(--ink-soft);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:background .15s, transform .15s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .hbtn:active{background:rgba(140,155,150,.16); transform:scale(.94);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .hbtn svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .hbtn.on{background:#FFF4D6; border-color:#F0C94D; color:#C9971F;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .head-actions{display:flex; gap:7px; flex:none;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-plate{flex:1; min-width:0; display:flex; align-items:center; gap:9px;
    background:var(--glass); border:1px solid rgba(255,255,255,.8);
    backdrop-filter:blur(14px); border-radius:20px; padding:6px 12px 6px 6px;
    cursor:pointer; transition:background .15s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-plate:active{background:rgba(140,155,150,.10);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-plate .tp-ic{width:32px; height:32px; border-radius:11px; flex:none;
    background:var(--accent-soft); display:flex; align-items:center; justify-content:center; font-size:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-plate .tp-info{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-plate .tp-info h3{font-size:13.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-plate .tp-info .tp-sub{font-size:10.5px; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

  /* редактор: название сверху, текст растягивается и скроллится */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .editor{flex:1 1 auto; min-height:0; display:flex; flex-direction:column; padding:14px 16px 0;}

  /* мета-строка открытой заметки: автор · дата · номер */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-meta{
    display:flex; align-items:center; gap:6px; flex-wrap:wrap;
    padding:10px 16px 0; font-size:11.5px; color:var(--ink-faint); line-height:1.5;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-meta .dot{opacity:.5;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-meta .meta-id{opacity:.55; font-variant-numeric:tabular-nums;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .ava{
    width:18px; height:18px; flex:none; border-radius:50%;
    color:#fff; font-size:9.5px; font-weight:700;
    display:inline-flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .ava-user{background:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .ava-tanya{background:#6C63D2;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .ava-borya{background:#D2704A;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .ava-btn{border:none; cursor:pointer; padding:0; font-family:inherit;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .ava-btn:active{transform:scale(.94);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .editor-scroll{flex:1 1 auto; min-height:0; overflow-y:auto; display:flex; flex-direction:column;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text{flex:1 1 auto;}

  /* свёрнутая строка разметки — прижата над нижним баром, всегда видна */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip{
    flex:none;
    display:flex; align-items:center; gap:9px;
    margin:0 12px 8px; padding:11px 14px;
    background:var(--glass); border:1.5px solid var(--line); border-radius:var(--r-md);
    cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip .s-ico{flex:none; color:var(--ink-soft); display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip .s-ico svg{width:17px; height:17px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip .s-sum{flex:1; min-width:0; font-size:12.5px; color:var(--ink-soft);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip .s-sum b{color:var(--ink); font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip .s-edit{flex:none; color:var(--accent); display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip .s-edit svg{width:15px; height:15px; transition:transform .2s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip.open .s-edit svg{transform:rotate(180deg);}

  /* аккордеон разметки — разворачивается вверх над строкой */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-accordion{
    flex:none;
    max-height:0; overflow:hidden;
    margin:0 12px; border-radius:var(--r-md);
    transition:max-height .3s ease, margin .3s ease, padding .3s ease;
    background:rgba(255,255,255,.4); border:0 solid var(--line);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-accordion.open{
    max-height:60dvh; overflow-y:auto;
    margin:0 12px 8px; padding:14px;
    border-width:1.5px;
  }

  /* ===== название / текст — без рамок, как Google Keep ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-field{
    width:100%; border:none; background:transparent; outline:none;
    font-family:inherit; color:var(--ink); resize:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-field::placeholder{color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-title{font-size:17px; font-weight:700; padding:4px 2px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text{font-size:14.5px; line-height:1.55; min-height:130px; padding:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text.fmt-h1{font-size:20px; font-weight:700;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text.fmt-h2{font-size:17px; font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text.fmt-b{font-weight:700;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text.fmt-i{font-style:italic;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .plain-text.fmt-u{text-decoration:underline;}

  /* ===== голосовое сообщение (телеграм-стиль) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .voice-bubble{
    display:none; align-items:center; gap:10px;
    background:var(--glass); border:1px solid var(--line); border-radius:22px;
    padding:8px 14px 8px 8px; margin:4px 2px 10px; max-width:230px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .voice-bubble.show{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .voice-play{
    width:32px; height:32px; border-radius:50%; flex:none;
    background:var(--accent); color:#fff; border:none; font-size:12px;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .voice-wave{display:flex; align-items:center; gap:2px; flex:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .voice-wave span{width:2.5px; background:var(--accent); border-radius:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .voice-dur{font-size:11px; color:var(--ink-faint); flex:none;}

  /* ===== разделитель ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .divider{border:none; border-top:1.5px dashed rgba(120,135,130,.32); margin:10px 2px 18px;}

  /* ===== категория / подкатегория — две колонки ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .cat-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .cat-col{display:flex; flex-direction:column; gap:6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .field-label{
    font-size:10.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
    color:var(--ink-soft);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor select.select{
    width:100%; font-family:inherit; font-size:13.5px; color:var(--ink);
    background:var(--glass); border:1.5px solid var(--line); border-radius:var(--r-md);
    padding:10px 30px 10px 12px; outline:none;
    appearance:none; -webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398A1AB' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 10px center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor select.select:disabled{opacity:.5;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .inline-add{display:none; gap:6px; margin-top:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .inline-add.show{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .inline-add input{
    flex:1; font-family:inherit; font-size:12.5px;
    border:1.5px solid var(--accent-line); border-radius:10px; padding:7px 10px;
    background:#fff; outline:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .inline-add button{
    width:32px; flex:none; border:none; border-radius:10px;
    background:var(--accent); color:#fff; font-size:14px; cursor:pointer;
  }

  /* общие теги — между колонками, во всю ширину */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .general-tags-block{margin:14px 0;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .chips{display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .chip{
    padding:6px 12px; border-radius:20px; border:1.5px solid var(--line);
    background:var(--glass); font-family:inherit; font-size:12px; color:var(--ink-soft);
    cursor:pointer; transition:all .12s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .chip.on{background:var(--accent); color:#fff; border-color:transparent; font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .chip-plus{
    width:26px; height:26px; border-radius:50%; flex:none;
    border:1.5px dashed var(--accent-line); background:transparent;
    color:var(--accent); font-size:14px; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .cascade-col{display:none; flex-direction:column; gap:6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .cascade-col.show{display:flex;}

  /* ===== нижний бар (в потоке, без линии и отступа) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bottom-bar{
    flex:none;
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 16px calc(12px + env(safe-area-inset-bottom));
    background:transparent;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-left{display:flex; gap:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-btn{
    width:38px; height:38px; border-radius:50%;
    border:1px solid var(--line); background:var(--glass);
    color:var(--ink-soft); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-btn:active{transform:scale(.94);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-btn svg{width:19px; height:19px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-right{display:flex; gap:10px; align-items:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-mic{
    width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
    background:var(--glass); color:var(--ink-soft); cursor:pointer;
    display:flex; align-items:center; justify-content:center; transition:all .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-mic svg{width:19px; height:19px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-mic.recording{background:#FDECEA; border-color:#E8746A; color:#D2483C; animation:pulse 1.1s infinite;}
  @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(232,116,106,.35);} 50%{box-shadow:0 0 0 7px rgba(232,116,106,0);}}
  /* крупная галочка сохранения — скруглённый квадрат, акцент */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-save{
    width:46px; height:40px; border-radius:13px; border:none;
    background:var(--accent); color:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 4px 14px rgba(62,155,95,.3);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-save:active{transform:scale(.94);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-save svg{width:22px; height:22px;}
  /* ===== связи (задача/чат/сообщение) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-btn{position:relative;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-btn.has-links::after{
    content:''; position:absolute; top:3px; right:3px;
    width:7px; height:7px; border-radius:50%;
    background:var(--accent); border:1.5px solid #F7FAF8;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .links-strip{display:none; flex-wrap:wrap; gap:6px; margin:0 12px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .links-strip.show{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .link-pill{
    display:flex; align-items:center; gap:5px;
    padding:6px 7px 6px 10px; border-radius:16px;
    background:var(--glass); border:1px solid var(--line);
    font-size:11px; color:var(--ink-soft); cursor:pointer; max-width:100%;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .link-pill .lp-ico{flex:none; display:flex; color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .link-pill .lp-ico svg{width:12px; height:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .link-pill .lp-text{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:170px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .link-pill .lp-x{flex:none; color:var(--ink-faint); font-size:12px; padding:0 1px; margin-left:1px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .link-pill .lp-x:active{color:#D2483C;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rec-timer{
    position:fixed; bottom:64px; right:20px;
    font-size:11px; color:#D2483C; font-weight:600;
    background:#fff; padding:3px 9px; border-radius:12px; display:none; z-index:16;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rec-timer.show{display:block;}

  /* форматирование toolbar — мягкое появление, без резкого выезда */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .fmt-toolbar{
    position:fixed; left:50%; bottom:70px; transform:translateX(-50%) translateY(8px);
    max-width:calc(100vw - 24px);
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(22px) saturate(1.4); -webkit-backdrop-filter:blur(22px) saturate(1.4);
    border:1px solid rgba(255,255,255,.72); border-radius:16px;
    box-shadow:0 14px 36px rgba(30,42,38,.20), 0 2px 8px rgba(30,42,38,.10);
    display:flex; align-items:center; gap:2px; padding:6px;
    opacity:0; pointer-events:none; transition:opacity .16s ease, transform .16s ease; z-index:34;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .fmt-toolbar.show{opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .fmt-btn{
    border:none; background:transparent; font-family:inherit;
    min-width:38px; height:34px; font-size:13px; font-weight:700; color:var(--ink-soft); cursor:pointer;
    padding:0 10px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .fmt-btn.on{background:var(--accent-soft); color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .fmt-sep{width:1px; height:18px; background:var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .fmt-x{color:var(--ink-faint); font-size:15px;}

  /* ===== шторки ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-backdrop{position:fixed; inset:0; background:rgba(35,38,43,.28); backdrop-filter:blur(2px);
    opacity:0; pointer-events:none; transition:opacity .25s; z-index:30;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-backdrop.show{opacity:1; pointer-events:auto;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet{
    position:fixed; left:0; right:0; bottom:0; max-width:400px; margin:0 auto;
    background:rgba(255,255,255,.93); backdrop-filter:blur(24px);
    border-radius:20px 20px 0 0; padding:12px 20px 26px;
    transform:translateY(105%); transition:transform .3s cubic-bezier(.3,.9,.3,1);
    z-index:31; max-height:78dvh; overflow-y:auto;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet.show{transform:translateY(0);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet .grip{width:36px; height:4px; border-radius:2px; background:rgba(140,155,150,.3); margin:0 auto 14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet h3{font-size:15px; font-weight:700; margin-bottom:4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet p.desc{font-size:12px; color:var(--ink-faint); margin-bottom:12px; line-height:1.4;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item{
    display:flex; align-items:center; gap:10px;
    padding:12px 2px; font-size:14px;
    border-bottom:1px solid var(--line); cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item:last-child{border-bottom:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item .ic{width:22px; text-align:center; flex:none; color:var(--ink-soft); display:inline-flex; align-items:center; justify-content:center;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item .ic svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item.danger{color:#D2483C;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item small{margin-left:auto; color:var(--ink-faint); font-size:11px;}

  /* сетка карточек доп.действий (стиль Craft) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:9px; margin-top:4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-card{
    border:1.5px solid var(--line); border-radius:var(--r-md);
    background:var(--glass); cursor:pointer;
    padding:14px 6px 10px; text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:7px;
    transition:all .15s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-card:active{background:var(--accent-soft); border-color:var(--accent-line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-card svg{width:22px; height:22px; color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-card span{font-size:11.5px; color:var(--ink); font-weight:500;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-card.danger svg{color:#D2483C;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .action-card.danger span{color:#D2483C;}

  /* тип-настройки: список с переключателем/порядком/удалением */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting{
    display:flex; align-items:center; gap:8px;
    padding:9px 6px; border-bottom:1px solid var(--line);
    border-radius:12px; cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting:active{background:rgba(140,155,150,.08);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting.sel{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting .em{font-size:16px; width:22px; text-align:center; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting .nm{flex:1; min-width:0; font-size:13.5px; font-weight:500; display:flex; flex-direction:column;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting .nm-hint{font-size:10.5px; font-weight:400; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .order-btns{display:flex; gap:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .order-btns button{
    width:22px; height:22px; border:none; border-radius:6px;
    background:rgba(140,155,150,.12); color:var(--ink-soft); font-size:10px; cursor:pointer;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .vis-switch{
    width:36px; height:20px; border-radius:10px; border:none; cursor:pointer;
    background:rgba(140,155,150,.25); position:relative; flex:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .vis-switch.on{background:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .vis-switch::after{content:''; position:absolute; top:2px; left:2px; width:16px; height:16px;
    border-radius:50%; background:#fff; transition:left .2s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .vis-switch.on::after{left:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .del-type{background:none; border:none; color:#D2483C; font-size:14px; cursor:pointer; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .add-type-form{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; align-items:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .add-type-form select{width:56px; flex:none; padding:8px 4px; text-align:center;
    border:1.5px solid var(--line); border-radius:10px; background:var(--glass); font-size:15px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .add-type-form input{flex:1; font-family:inherit; font-size:13px; padding:9px 11px;
    border:1.5px solid var(--line); border-radius:10px; background:var(--glass); outline:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .add-type-form input#newTypeHint{flex:1 1 100%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .add-type-form button{
    margin-left:auto;
    padding:0 14px; height:36px; border:none; border-radius:10px;
    background:var(--accent); color:#fff; font-family:inherit; font-size:12.5px; font-weight:600; cursor:pointer;
  }

  /* картинка + ресайз (перенесено из v1) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-block{margin:6px 0 14px; display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-block.show{display:block;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-preview{
    border-radius:var(--r-md); overflow:hidden; border:1px solid var(--line);
    margin:0 auto 8px; transition:max-width .2s;
    background:linear-gradient(135deg,#cfe8d8,#a9c9ef); aspect-ratio:16/10;
    display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-preview.sm{max-width:110px;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-preview.md{max-width:210px;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-preview.lg{max-width:100%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-sizes{display:none; gap:6px; justify-content:center; flex-wrap:wrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-block.touched .img-sizes{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-preview{cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .size-btn{padding:6px 12px; border-radius:20px; border:1.5px solid var(--line);
    background:var(--glass); font-family:inherit; font-size:11.5px; color:var(--ink-soft); cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .size-btn.on{border-color:var(--accent); color:var(--accent); background:var(--accent-soft); font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .size-btn.del{color:#D2704A; border-color:rgba(210,112,74,.3);}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-current{
    width:46px; height:46px; border-radius:var(--r-md);
    border:1.5px solid var(--line); background:var(--glass);
    display:flex; align-items:center; justify-content:center; font-size:21px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-current.empty{color:var(--ink-faint); font-size:10px; text-align:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-opt{
    width:40px; height:40px; border-radius:11px; border:1.5px solid var(--line);
    background:#fff; font-size:18px; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-opt.on{border-color:var(--accent); background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-clear{font-size:11px; color:var(--ink-faint); cursor:pointer; text-decoration:underline; margin-top:8px; display:inline-block;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .toast{position:fixed; left:50%; bottom:100px; transform:translateX(-50%) translateY(10px);
    background:rgba(35,38,43,.92); color:#fff; font-size:12.5px; padding:9px 16px; border-radius:20px;
    opacity:0; pointer-events:none; transition:opacity .25s, transform .25s; z-index:40; white-space:nowrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .toast.show{opacity:1; transform:translateX(-50%) translateY(0);}
  @media (prefers-reduced-motion:reduce){.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor *{transition:none !important;}}

  /* ============================================================
     ДОБАВЛЕНО: единая система компактных popover / modal,
     изображения в потоке, emoji-picker, Aa-кнопка
     ============================================================ */

  /* кнопка форматирования "Aa" в нижнем баре */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-aa .aa-label{font-size:16px; font-weight:700; letter-spacing:-.01em; color:var(--ink-soft); line-height:1;}

  /* эмодзи-бейдж заметки в строке названия */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .title-row{display:flex; align-items:center; gap:9px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .title-row .plain-title{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-emoji-badge{
    flex:none; width:36px; height:36px; border-radius:11px;
    border:1.5px solid var(--line); background:var(--glass); font-size:20px; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-emoji-badge:active{transform:scale(.93);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-emoji-badge.empty{display:none;}

  /* ===== компактный popover (референс — поповер из чата) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-scrim{position:fixed; inset:0; z-index:33; display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-scrim.show{display:block;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop{
    position:fixed; z-index:34; min-width:196px;
    max-width:min(244px, calc(100vw - 24px));
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(22px) saturate(1.4); -webkit-backdrop-filter:blur(22px) saturate(1.4);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 14px 36px rgba(30,42,38,.20), 0 2px 8px rgba(30,42,38,.10);
    border-radius:16px; padding:6px;
    opacity:0; transform:translateY(6px) scale(.97); transform-origin:bottom left;
    transition:opacity .16s ease, transform .16s ease; pointer-events:none;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop.show{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item{
    display:flex; align-items:center; gap:11px; width:100%;
    padding:10px 11px; border:none; background:transparent; cursor:pointer;
    font-family:inherit; font-size:14px; color:var(--ink); text-align:left; border-radius:11px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item .pi-ic{flex:none; width:20px; height:20px; color:var(--ink-soft);
    display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item .pi-ic svg{width:20px; height:20px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item.on{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item.on .pi-ic{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-check{margin-left:auto; color:var(--accent); display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-check svg{width:17px; height:17px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item.on .pop-check{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-sep{height:1px; background:var(--line); margin:5px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item.danger{color:#D2483C;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-item.danger .pi-ic{color:#D2483C;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .pop-title{font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
    color:var(--ink-faint); padding:8px 11px 4px;}

  /* ===== изображения внутри содержимого заметки ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .img-flow{display:flex; flex-direction:column; gap:12px; margin:8px 0 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img{position:relative; align-self:flex-start; max-width:100%; transition:max-width .2s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img.sm{max-width:122px;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img.md{max-width:220px;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img.lg{max-width:100%; align-self:stretch;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img .ni-media{
    width:100%; border-radius:var(--r-md); overflow:hidden; border:1px solid var(--line);
    background:linear-gradient(135deg,#cfe8d8,#a9c9ef); aspect-ratio:16/10;
    display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img .ni-kebab{
    position:absolute; top:6px; right:6px; width:28px; height:28px; border-radius:9px;
    border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
    background:rgba(20,26,24,.44); color:#fff;
    backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img .ni-kebab:active{transform:scale(.9);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .note-img .ni-kebab svg{width:16px; height:16px;}

  /* ===== центральное модальное окно (напоминание) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-wrap{
    position:fixed; inset:0; z-index:36; display:flex; align-items:center; justify-content:center;
    padding:24px; background:rgba(35,38,43,.34);
    backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
    opacity:0; pointer-events:none; transition:opacity .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-wrap.show{opacity:1; pointer-events:auto;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal{
    width:100%; max-width:322px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(26px) saturate(1.4); -webkit-backdrop-filter:blur(26px) saturate(1.4);
    border:1px solid rgba(255,255,255,.72); border-radius:20px; padding:18px 16px 16px;
    box-shadow:0 22px 54px rgba(30,42,38,.26); transform:scale(.96); transition:transform .2s;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-wrap.show .modal{transform:scale(1);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-head h3{font-size:16px; font-weight:700;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-x{width:30px; height:30px; border-radius:9px; border:none; cursor:pointer;
    background:rgba(140,155,150,.14); color:var(--ink-soft);
    display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-x:active{transform:scale(.92);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .modal-x svg{width:16px; height:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt{
    display:flex; align-items:center; gap:12px; width:100%; text-align:left;
    padding:12px; margin-top:8px; border-radius:14px; cursor:pointer;
    border:1.5px solid var(--line); background:var(--glass); font-family:inherit;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt:active{background:var(--accent-soft); border-color:var(--accent-line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt .ro-ic{flex:none; width:40px; height:40px; border-radius:12px;
    background:var(--accent-soft); color:var(--accent);
    display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt .ro-ic svg{width:21px; height:21px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt .ro-tx{display:flex; flex-direction:column; gap:1px; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt .ro-tx b{font-size:14px; font-weight:600; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rem-opt .ro-tx small{font-size:11.5px; color:var(--ink-faint);}

  /* ===== шапка шторки со SVG-кнопкой назад (справка) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-head{display:flex; align-items:center; gap:8px; margin-bottom:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-head h3{flex:1; text-align:center; margin:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-rnd{
    flex:none; width:34px; height:34px; border-radius:11px;
    border:1px solid var(--line); background:var(--glass); color:var(--ink-soft); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-rnd:active{transform:scale(.93);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-rnd svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-rnd.ghost{border-color:transparent; background:transparent; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .info-row{display:flex; align-items:center; gap:11px; padding:12px 2px; border-bottom:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .info-row:last-child{border-bottom:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .info-row .info-ic{flex:none; color:var(--ink-soft); display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .info-row .info-ic svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .info-row .info-tx{font-size:14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .info-row small{margin-left:auto; color:var(--ink-faint); font-size:11.5px;}

  /* ===== emoji picker (по логике «Настроек пространства») ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-search{
    display:flex; align-items:center; gap:8px; margin:6px 0 4px;
    padding:10px 12px; border-radius:12px; background:var(--glass); border:1.5px solid var(--line);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-search svg{width:16px; height:16px; color:var(--ink-faint); flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-search input{flex:1; min-width:0; border:none; background:transparent; outline:none;
    font-family:inherit; font-size:13.5px; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-scroll{max-height:44dvh; overflow-y:auto; overflow-x:hidden; margin:0 -2px; padding:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-group-label{font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
    color:var(--ink-faint); margin:12px 2px 7px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-cell{
    aspect-ratio:1; border-radius:11px; border:1.5px solid transparent;
    background:rgba(140,155,150,.09); font-size:20px; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-cell:active{transform:scale(.9);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-cell.on{border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 2px var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-empty{font-size:12.5px; color:var(--ink-faint); text-align:center; padding:18px 0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-remove{
    display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
    margin-top:14px; height:44px; border-radius:13px; cursor:pointer;
    border:1.5px solid var(--line); background:var(--glass); color:var(--ink-soft);
    font-family:inherit; font-size:13px; font-weight:600;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-remove:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .emoji-remove svg{width:16px; height:16px;}


  /* ===== КОНТЕКСТ И СВЯЗИ: компактный сворачиваемый блок (кусок 1, демо) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-block{margin:14px 2px 6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head{display:flex; align-items:center; gap:7px; cursor:pointer; user-select:none;
    padding:7px 9px; border-radius:11px; background:rgba(255,255,255,.4); border:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head .rh-t{font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head .rh-count{font-size:10.5px; font-weight:700; color:var(--accent); background:var(--accent-soft); border-radius:20px; padding:1px 7px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head .rh-chev{margin-left:auto; color:var(--ink-faint); display:flex; transition:transform .2s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head .rh-chev svg{width:16px; height:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-block.open .rel-head .rh-chev{transform:rotate(180deg);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-list{display:none; flex-direction:column; gap:7px; margin-top:7px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-block.open .rel-list{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-card{
    position:relative; display:flex; align-items:center; gap:8px;
    background:rgba(255,255,255,.5); border:1px solid var(--line); border-radius:13px;
    padding:8px 5px 8px 18px; cursor:pointer;
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-card:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-card::before{content:''; position:absolute; left:9px; top:9px; bottom:9px; width:2.5px; border-radius:2px; background:var(--rc,var(--accent));}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-card::after{content:''; position:absolute; left:9px; top:9px; width:7px; height:2.5px; border-radius:2px; background:var(--rc,var(--accent));}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-label{font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--rc,var(--accent)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-title{font-size:13px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-meta{font-size:10.5px; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-kebab{flex:none; width:28px; height:28px; border-radius:9px; border:none; background:transparent; color:var(--ink-faint); cursor:pointer; display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-kebab:active{background:rgba(140,155,150,.14);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-kebab svg{width:16px; height:16px;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-confirm{max-width:302px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-confirm h3{font-size:16px; font-weight:700; margin-bottom:8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-confirm p{font-size:13px; color:var(--ink-soft); line-height:1.45; margin-bottom:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rc-btns{display:flex; gap:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rc-btns button{flex:1; height:42px; border-radius:13px; border:none; font-family:inherit; font-size:13.5px; font-weight:600; cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rc-cancel{background:rgba(140,155,150,.14); color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rc-ok{background:var(--accent); color:#fff;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rc-ok.danger{background:#D2483C;}


  /* ===== selector выбора сущностей (кусок 3, демо) ===== */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-wrap{position:fixed; inset:0; z-index:40; display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-wrap.show{display:block;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-scrim{position:absolute; inset:0; background:rgba(35,38,43,.30); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-panel{position:absolute; left:0; right:0; bottom:0; max-width:400px; margin:0 auto;
    height:min(88dvh,760px); background:rgba(255,255,255,.97);
    backdrop-filter:blur(24px) saturate(1.4); -webkit-backdrop-filter:blur(24px) saturate(1.4);
    border-radius:22px 22px 0 0; display:flex; flex-direction:column; overflow:hidden;
    transform:translateY(8%); opacity:0; transition:transform .25s ease, opacity .25s ease;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-wrap.show .sel-panel{transform:none; opacity:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-head{display:flex; align-items:center; gap:8px; padding:14px 14px 10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-head h3{flex:1; text-align:center; font-size:15px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-rnd{flex:none; width:34px; height:34px; border-radius:11px; border:1px solid var(--line); background:var(--glass); color:var(--ink-soft); cursor:pointer; display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-rnd:active{transform:scale(.93);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-rnd.ghost{border-color:transparent; background:transparent; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-rnd svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-search{margin:0 14px 8px; display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:var(--glass); border:1.5px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-search svg{width:16px; height:16px; color:var(--ink-faint); flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-search input{flex:1; min-width:0; border:none; background:transparent; outline:none; font-family:inherit; font-size:13.5px; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-list{flex:1; overflow-y:auto; overflow-x:hidden; padding:0 14px calc(16px + env(safe-area-inset-bottom));}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-group{font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-faint); margin:12px 2px 6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-row{display:flex; align-items:center; gap:11px; padding:11px 10px; border-radius:12px; cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-row:active{background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-row.linked{opacity:.7;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-ic{flex:none; width:34px; height:34px; border-radius:11px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-ic svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-b{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-t{font-size:13.5px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-m{font-size:11px; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-chk{flex:none; color:var(--accent); display:none;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-row.linked .sel-chk{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-chk svg{width:18px; height:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-chev{flex:none; color:var(--ink-faint); display:flex;} .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-chev svg{width:16px; height:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sel-empty{text-align:center; color:var(--ink-faint); font-size:12.5px; padding:26px 0;}



/* ===== ВЕРБАТИМ: экраны заметок (.ns-*) и календарь (.cal-*, .tg-*) =====
   Источник: <style> родительской оболочки zametki-unified-mockup-v11.html,
   от селектора .notes-screen до конца блока. Скопировано без изменений. */

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .notes-screen{
    position:absolute; inset:0; z-index:55; display:none; flex-direction:column;
    background:
      radial-gradient(ellipse 90% 55% at 85% -5%, rgba(122,178,255,.28), transparent 60%),
      radial-gradient(ellipse 80% 50% at -10% 25%, rgba(126,214,165,.25), transparent 60%),
      radial-gradient(ellipse 70% 45% at 100% 75%, rgba(255,214,140,.20), transparent 60%),
      linear-gradient(180deg,#F7FAF8 0%, #F2F6F4 100%);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .notes-screen.show{display:flex;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-head{
    flex:none; display:flex; align-items:center; gap:11px;
    padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px;
    background:rgba(247,250,248,.72);
    backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3);
    border-bottom:1px solid var(--line);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-back{
    flex:none; width:38px; height:38px; border-radius:50%; cursor:pointer;
    background:var(--glass); border:1px solid rgba(255,255,255,.6);
    display:flex; align-items:center; justify-content:center; color:var(--ink-soft);
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-back:active{transform:scale(.93);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-back svg{width:20px; height:20px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-titles{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-titles h1{font-family:'Unbounded',sans-serif; font-size:16.5px; font-weight:600; letter-spacing:-.01em;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-titles p{font-size:11.5px; color:var(--ink-faint); margin-top:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-body{flex:1; overflow-y:auto; padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));}

  /* ---- группа по времени (Все недавние) ---- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-group{font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
    color:var(--ink-soft); margin:0 2px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-group:not(:first-child){margin-top:16px;}

  /* ---- КАРТОЧКА-ПЛАШКА (как в «Недавних» на главной) ---- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate{
    position:relative; display:flex; gap:9px; cursor:pointer;
    background:var(--glass); backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px);
    border:1.5px solid var(--line); border-radius:var(--r-md);
    box-shadow:0 1px 5px rgba(60,80,70,.05);
    margin-bottom:8px; padding:11px 10px 11px 13px;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate:last-child{margin-bottom:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate:active{background:rgba(255,255,255,.7);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate.c-sport{border-color:rgba(76,175,125,.5);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate.c-home{border-color:rgba(91,141,239,.5);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate.c-agents{border-color:rgba(227,178,60,.55);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-emoji{flex:none; width:24px; font-size:18px; line-height:1.4; text-align:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .body{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner{position:absolute; top:9px; right:10px; display:flex; align-items:center; gap:5px;
    font-size:9px; max-width:52%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate.has-act .note-corner{right:40px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner .cat-path{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    font-weight:600; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner .cat-path.cp-sport{color:var(--cat-sport);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner .cat-path.cp-home{color:var(--cat-home);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner .cat-path.cp-agents{color:var(--cat-agents-ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner .type-text{flex:none; color:var(--ink-faint); opacity:.9;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .note-corner .type-text::before{content:'· ';}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate h4{font-size:13px; font-weight:600; margin-bottom:2px; padding-right:66px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate p{font-size:11.5px; color:var(--ink-soft); line-height:1.35;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .meta{display:flex; flex-wrap:wrap; gap:5px; align-items:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .ava{width:18px; height:18px; flex:none; border-radius:50%; color:#fff; font-size:9.5px; font-weight:700;
    display:inline-flex; align-items:center; justify-content:center;
    border:1.5px solid rgba(255,255,255,.9); box-shadow:0 1px 3px rgba(60,80,70,.15);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .ava-user{background:var(--user-c);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .ava-tanya{background:var(--tanya-c);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .ava-borya{background:var(--borya-c);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .tag{font-size:9.5px; font-weight:500; padding:2px 7px; border-radius:20px;
    background:rgba(140,155,150,.12); color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate .date{font-size:9.5px; color:var(--ink-faint); margin-left:auto; flex:none;}

  /* активность снизу карточки (Все недавние) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-actline{display:flex; align-items:center; gap:5px; font-size:10.5px; color:var(--ink-faint);
    margin-top:6px; white-space:nowrap; overflow:hidden;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-actline + .ns-actline{margin-top:3px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-actline svg{width:12px; height:12px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-actline span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

  /* угловое действие (звезда / назначить категорию) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-corner-act{position:absolute; top:8px; right:8px; width:28px; height:28px; border-radius:9px;
    border:none; background:transparent; color:var(--ink-faint); cursor:pointer;
    display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-corner-act:active{background:rgba(140,155,150,.18);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-corner-act svg{width:17px; height:17px;}

  /* избранное: жёлтый оттенок плашки + залитая звезда */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate.fav-tint{background:rgba(227,178,60,.10); border-color:rgba(227,178,60,.45);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-plate.fav-tint:active{background:rgba(227,178,60,.16);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-corner-act.fav-on{color:var(--cat-agents-ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-corner-act.fav-on svg{fill:var(--cat-agents); stroke:var(--cat-agents);}

  /* ---- hero-шапка категории (прямоугольник) ---- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-cat-hero{
    display:flex; align-items:center; gap:13px; padding:15px 15px;
    border-radius:var(--r-lg); margin-bottom:16px; color:#fff; position:relative; overflow:hidden;
  }
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-cat-hero .hero-glow{position:absolute; inset:0;
    background:radial-gradient(ellipse 70% 90% at 90% 0%, rgba(255,255,255,.28), transparent 65%);
    pointer-events:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-cat-hero .hero-emoji{width:52px; height:52px; border-radius:16px; flex:none;
    background:rgba(255,255,255,.22); display:flex; align-items:center; justify-content:center; font-size:26px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-cat-hero .hero-info{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-cat-hero .hero-info h2{font-family:'Unbounded',sans-serif; font-size:18px; font-weight:600;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-cat-hero .hero-info .hero-sub{font-size:12px; opacity:.92; margin-top:3px;}

  /* ---- аккордеон: заметки категории + подкатегории ---- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc{margin-bottom:10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head{display:flex; align-items:center; gap:10px; padding:12px 12px; cursor:pointer;
    background:var(--glass); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border:1px solid var(--line); border-radius:var(--r-md);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head:active{background:rgba(255,255,255,.7);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head .acc-marker{width:11px; height:11px; border-radius:4px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head .acc-name{font-size:14px; font-weight:700; flex:1; min-width:0;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head .acc-count{font-size:12px; font-weight:600; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head .acc-chev{width:22px; height:22px; flex:none; color:var(--ink-faint);
    display:flex; align-items:center; justify-content:center; transition:transform .2s;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-head .acc-chev svg{width:16px; height:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc.open .acc-chev{transform:rotate(180deg);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc-body{display:none; padding:8px 2px 2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-acc.open .ns-acc-body{display:block;}

  /* ---- строка секции с кнопкой создания + подкатегории-карточки ---- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-sec-row{display:flex; align-items:center; gap:10px; margin:2px 2px 10px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-sec-row .sec-title{font-size:13.5px; font-weight:700; flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-sec-row .sec-title .sec-count{font-size:12px; font-weight:600; color:var(--ink-faint); margin-left:4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-catsec{margin-bottom:6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-hint{font-size:12px; color:var(--ink-faint); padding:11px 12px; background:var(--glass);
    border:1.5px dashed var(--line); border-radius:var(--r-md);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-add{width:34px; height:34px; border-radius:50%; flex:none; cursor:pointer;
    background:rgba(62,155,95,.92); color:#fff; border:1px solid rgba(255,255,255,.5);
    font-size:20px; font-weight:300; line-height:1; padding-bottom:2px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 4px 12px rgba(62,155,95,.30);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-add:active{transform:scale(.9);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-add.sm{width:30px; height:30px; font-size:18px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard{display:flex; align-items:center; gap:11px; padding:12px 10px 12px 13px; margin-bottom:8px;
    cursor:pointer; background:var(--glass); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border:1px solid var(--line); border-radius:var(--r-md); box-shadow:0 1px 5px rgba(60,80,70,.05);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard:active{background:rgba(255,255,255,.7);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-marker{width:11px; height:11px; border-radius:4px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-info{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-name{font-size:13.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-name .sub-count{font-size:11.5px; font-weight:600; color:var(--ink-faint); margin-left:5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-prev{font-size:11px; color:var(--ink-faint); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-chev{width:20px; height:20px; flex:none; color:var(--ink-faint);
    display:flex; align-items:center; justify-content:center; transform:rotate(-90deg);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subcard .sub-chev svg{width:15px; height:15px;}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-gear{flex:none; width:40px; height:40px; border-radius:50%; cursor:pointer;
    background:var(--accent-soft); border:1.5px solid var(--accent-line);
    display:flex; align-items:center; justify-content:center; color:var(--accent);
    box-shadow:0 2px 8px rgba(62,155,95,.18);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-gear:active{transform:scale(.93);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-gear svg{width:21px; height:21px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-gear.cal-seg-tasks{color:#5B8DEF; background:rgba(91,141,239,.10); border-color:rgba(91,141,239,.35);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-gear.cal-seg-all{color:var(--ink); background:var(--glass); border-color:var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .sheet-g .cal-picklist button{flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subblock{margin-bottom:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subprev{margin-top:8px; padding-left:6px;
    border-left:2px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subprev.pl-sport{border-left-color:rgba(76,175,125,.35);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subprev.pl-home{border-left-color:rgba(91,141,239,.35);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-subprev.pl-agents{border-left-color:rgba(227,178,60,.4);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-hint.sm{padding:8px 11px; font-size:11.5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-more{display:inline-flex; align-items:center; gap:5px; margin-top:2px; cursor:pointer;
    background:none; border:none; color:var(--accent); font-size:12px; font-weight:600; padding:6px 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-more:active{opacity:.6;}
  /* слайдер предпросмотра */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-prevset{display:flex; align-items:center; gap:12px; margin:6px 0 4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-prevset span{font-size:12px; color:var(--ink-faint); flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-prevset input[type=range]{flex:1; accent-color:var(--accent); height:4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-prevval{text-align:center; font-size:13px; color:var(--ink-soft); margin-bottom:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-prevval b{font-family:'Unbounded',sans-serif; font-size:16px; color:var(--ink); margin-right:4px;}

  /* ================= КАЛЕНДАРЬ ================= */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-top{position:sticky; top:0; z-index:6; margin:-14px -16px 10px; padding:8px 14px 8px;
    background:rgba(247,250,248,.9); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-bar{display:flex; align-items:center; gap:6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-bar .navbtn{width:30px; height:30px; border-radius:50%; border:1px solid var(--line);
    background:var(--glass); color:var(--ink-soft); cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-bar .navbtn:active{transform:scale(.92);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-bar .navbtn svg{width:15px; height:15px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-range{font-family:'Unbounded',sans-serif; font-size:14.5px; font-weight:600; text-transform:capitalize; flex:1; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-bar .sp{display:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-bar .sp{flex:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-today-btn{flex:none; font-size:11px; font-weight:600; color:var(--accent);
    background:var(--accent-soft); border:1px solid var(--accent-line); border-radius:14px; padding:5px 9px; cursor:pointer;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pick{width:34px; height:34px; border-radius:11px; border:1px solid var(--line); background:var(--glass);
    color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pick:active{transform:scale(.92);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pick svg{width:19px; height:19px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pick.seg-notes{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pick.seg-tasks{color:#5B8DEF;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pick.seg-all{color:var(--ink);}

  /* строка-неделя */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-strip{display:grid; grid-template-columns:repeat(7,1fr); gap:4px; margin-bottom:12px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd{border:1px solid var(--line); background:var(--glass); border-radius:12px; padding:6px 0 5px; cursor:pointer;
    display:flex; flex-direction:column; align-items:center; gap:1px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd .sl{font-size:9.5px; font-weight:600; color:var(--ink-faint); text-transform:uppercase;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd .sn{font-size:15px; font-weight:700; color:var(--ink); width:26px; height:26px; line-height:26px; text-align:center; border-radius:50%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd.today .sn{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd.sel .sn{background:var(--accent); color:#fff;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd .sdots{display:flex; gap:2px; min-height:5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sd .sdots i{width:4px; height:4px; border-radius:50%;}

  /* агенда-строки (Список) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-daysec{margin-bottom:14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-dhead{display:flex; align-items:baseline; gap:8px; margin:0 2px 8px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-dhead .dh-name{font-size:13px; font-weight:700;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-dhead.today .dh-name{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-dhead .dh-count{font-size:11.5px; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-row{display:flex; align-items:flex-start; gap:10px; padding:11px 11px; cursor:pointer;
    background:var(--glass); border:1px solid var(--line); border-radius:var(--r-md);
    box-shadow:0 1px 5px rgba(60,80,70,.05); margin-bottom:7px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-row:last-child{margin-bottom:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-row:active{background:rgba(255,255,255,.7);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-dot{width:9px; height:9px; border-radius:50%; flex:none; margin-top:4px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-rbody{flex:1; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-rbody h4{font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sub{display:flex; align-items:center; gap:5px; font-size:11px; color:var(--ink-faint); margin-top:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-sub svg{width:13px; height:13px; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-badge{flex:none; font-size:10px; color:var(--ink-faint); padding-top:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-badge.done{color:var(--accent);}

  /* сетка по часам (День / 3 дня / Неделя) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-tg{border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; background:var(--glass);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-head{display:grid; grid-template-columns:34px 1fr; border-bottom:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-head .tg-cols-h{display:grid; grid-template-columns:repeat(var(--cols),1fr);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-dhead{padding:7px 2px; text-align:center; border-left:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-dhead .tgl{display:block; font-size:9.5px; font-weight:600; color:var(--ink-faint); text-transform:uppercase;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-dhead .tgn{display:inline-block; font-size:14px; font-weight:700; margin-top:1px; width:24px; height:24px; line-height:24px; border-radius:50%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-dhead.today .tgn{background:var(--accent); color:#fff;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-corner{width:34px; flex:none; font-size:8.5px; color:var(--ink-faint); display:flex; align-items:center; justify-content:center; text-align:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-allday{display:grid; grid-template-columns:34px 1fr; border-bottom:1px solid var(--line); background:rgba(255,255,255,.35); min-height:26px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-allday .tg-adcols{display:grid; grid-template-columns:repeat(var(--cols),1fr);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-adcol{border-left:1px solid var(--line); padding:3px; display:flex; flex-direction:column; gap:3px; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-adchip{display:flex; align-items:center; gap:4px; font-size:9.5px; padding:2px 5px; border-radius:6px; border:1px solid; cursor:pointer; min-width:0;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-adchip i{width:5px; height:5px; border-radius:50%; flex:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-adchip span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-body{display:grid; grid-template-columns:34px 1fr;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-hours{display:flex; flex-direction:column;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-hr{display:flex; justify-content:center; border-bottom:1px solid var(--line); position:relative;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-hr span{font-size:9.5px; color:var(--ink-faint); transform:translateY(-6px);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-cols{display:grid; grid-template-columns:repeat(var(--cols),1fr);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-col{position:relative; border-left:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-hline{border-bottom:1px solid var(--line);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-ev{position:absolute; left:3px; right:3px; border-radius:7px; border-left:3px solid; padding:4px 6px; overflow:hidden; cursor:pointer;
    box-shadow:0 1px 4px rgba(60,80,70,.10);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-ev .tg-evt{font-size:10.5px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-ev .tg-evtime{font-size:9px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-now{position:absolute; left:0; right:0; height:0; border-top:2px solid #E5484D; z-index:4; pointer-events:none;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .tg-now-dot{position:absolute; left:-3px; top:-4px; width:7px; height:7px; border-radius:50%; background:#E5484D;}

  /* месяц с полосками */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:3px; margin-bottom:14px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-wd{text-align:center; font-size:10px; font-weight:600; color:var(--ink-faint); padding:2px 0; text-transform:uppercase;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-cell{min-height:52px; border-radius:9px; cursor:pointer; padding:4px 3px 3px; background:var(--glass); border:1px solid transparent;
    display:flex; flex-direction:column; align-items:stretch; gap:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-cell.blank{background:none; cursor:default;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-cell .cnum{font-size:12px; font-weight:600; color:var(--ink); align-self:center; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-cell.dim .cnum{color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-cell.today .cnum{border:1.5px solid var(--accent); color:var(--accent); line-height:19px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-cell.sel .cnum{background:var(--accent); color:#fff;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mbars{display:flex; flex-direction:column; gap:2px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mbars i{height:3px; border-radius:2px; display:block;}

  /* квартал */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-quarter{display:flex; flex-direction:column; gap:16px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mini h3{font-family:'Unbounded',sans-serif; font-size:13px; font-weight:600; margin-bottom:8px; text-transform:capitalize;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mini .mini-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:3px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mini .mini-cell{aspect-ratio:1/1; border-radius:7px; display:flex; align-items:center; justify-content:center;
    position:relative; font-size:10px; color:var(--ink-soft); cursor:pointer; background:var(--glass);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mini .mini-cell.blank{background:none; cursor:default;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mini .mini-cell.today{background:var(--accent-soft); color:var(--accent); font-weight:700;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-mini .mini-cell.has::after{content:''; position:absolute; bottom:2px; left:50%; transform:translateX(-50%);
    width:4px; height:4px; border-radius:50%; background:var(--accent);}

  /* пикеры (лист выбора) */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-picklist{display:flex; flex-direction:column; gap:4px; margin-top:6px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pickrow{display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid var(--line);
    background:var(--glass); border-radius:var(--r-md); cursor:pointer; font-size:13.5px; font-weight:600; color:var(--ink);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pickrow.on{border-color:var(--accent-line); background:var(--accent-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pickrow svg{width:19px; height:19px; flex:none; color:var(--ink-soft);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pickrow.on svg:first-child{color:var(--accent);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pickrow .pk-label{flex:1;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-pickrow .pk-check{width:18px; height:18px; color:var(--accent);}

  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .cal-empty{text-align:center; padding:22px 16px; color:var(--ink-faint); font-size:12.5px;}


  /* ---- пустое состояние ---- */
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-empty{text-align:center; padding:56px 24px; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-empty .eico{width:52px; height:52px; margin:0 auto 12px; border-radius:16px;
    background:var(--glass); border:1px solid var(--line); display:flex; align-items:center; justify-content:center;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-empty .eico svg{width:24px; height:24px; color:var(--ink-faint);}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-empty h3{font-size:14.5px; font-weight:600; color:var(--ink-soft); margin-bottom:5px;}
  .phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen .ns-empty p{font-size:12.5px; line-height:1.45; max-width:260px; margin:0 auto;}

/* Stage integration around the scoped verbatim blocks. */
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .phone { min-height:0; height:100%; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-state {
  min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; color:var(--ink-faint); text-align:center; font-size:13px;
}

/* ===== SETTINGS SPACE · scoped verbatim port ===== */
.phone-shell.notes-space-settings-open { overflow: hidden; }
.notes-space-settings-root {
  position: absolute; inset: 0; z-index: 120; overflow: hidden;
  color: var(--ink); font-family: 'Golos Text', sans-serif;
  --ink:#23262B; --ink-soft:#66707B; --ink-faint:#98A1AB;
  --line:rgba(140,155,150,.18); --glass:rgba(255,255,255,.55);
  --accent:#3E9B5F; --accent-soft:rgba(62,155,95,.10); --accent-line:rgba(62,155,95,.35);
}
.notes-space-settings-root button,
.notes-space-settings-root input { font: inherit; }
.notes-space-settings-root button { border: 0; }
.notes-space-settings-root .notes-space-settings {
  position:absolute; inset:0; z-index:70; display:none; flex-direction:column;
  background:
    radial-gradient(ellipse 90% 55% at 85% -5%, rgba(122,178,255,.28), transparent 60%),
    radial-gradient(ellipse 80% 50% at -10% 25%, rgba(126,214,165,.25), transparent 60%),
    radial-gradient(ellipse 70% 45% at 100% 75%, rgba(255,214,140,.20), transparent 60%),
    linear-gradient(180deg,#F7FAF8 0%, #F2F6F4 100%);
}
.notes-space-settings-root .notes-space-settings.show{display:flex;}
.notes-space-settings-root .set-head{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 4px; flex:none;}
.notes-space-settings-root .set-head-row{display:flex; align-items:center; gap:12px;}
.notes-space-settings-root .set-back{
  width:38px; height:38px; border-radius:50%; flex:none; cursor:pointer;
  background:var(--glass); border:1px solid rgba(255,255,255,.6);
  display:flex; align-items:center; justify-content:center;
}
.notes-space-settings-root .set-back svg{width:19px; height:19px; color:var(--ink-soft);}
.notes-space-settings-root .set-titles h1{font-family:'Unbounded',sans-serif; font-size:17px; font-weight:600; margin:0;}
.notes-space-settings-root .set-titles p{font-size:12px; color:var(--ink-faint); margin:2px 0 0;}
.notes-space-settings-root .set-tabs{display:flex; gap:6px; margin:14px 16px 4px; padding:4px; border-radius:16px; background:var(--glass); border:1px solid rgba(255,255,255,.6);}
.notes-space-settings-root .set-tab{flex:1; text-align:center; padding:9px 4px; border-radius:12px; font-size:12.5px; font-weight:600; color:var(--ink-soft); cursor:pointer; background:transparent;}
.notes-space-settings-root .set-tab.active{background:#fff; color:var(--ink); box-shadow:0 2px 8px -3px rgba(60,80,70,.2);}
.notes-space-settings-root .set-body{flex:1; overflow-y:auto; padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));}
.notes-space-settings-root .set-section-label{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.notes-space-settings-root .set-section-label h3{font-size:13px; font-weight:700; margin:0;}
.notes-space-settings-root .set-section-label span.sub{display:block; font-size:11px; font-weight:500; color:var(--ink-faint); margin-top:1px;}
.notes-space-settings-root .set-add-btn{width:32px; height:32px; border-radius:10px; flex:none; cursor:pointer; background:var(--accent-soft); color:var(--accent); border:1px solid var(--accent-line); display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:600;}
.notes-space-settings-root .cat-row{display:flex; align-items:center; gap:10px; padding:11px 8px; border-radius:14px; cursor:pointer; position:relative; margin-bottom:4px;}
.notes-space-settings-root .cat-row:active{background:rgba(255,255,255,.4);}
.notes-space-settings-root .cat-bracket{width:4px; align-self:stretch; border-radius:3px; flex:none;}
.notes-space-settings-root .cat-emoji{width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:16px; flex:none;}
.notes-space-settings-root .cat-info{flex:1; min-width:0;}
.notes-space-settings-root .cat-info .name{font-size:13.5px; font-weight:600;}
.notes-space-settings-root .cat-info .counts{font-size:11px; color:var(--ink-faint); margin-top:2px;}
.notes-space-settings-root .cat-chevron,
.notes-space-settings-root .cat-kebab{width:26px; height:26px; flex:none; display:flex; align-items:center; justify-content:center; color:var(--ink-faint); background:transparent; cursor:pointer;}
.notes-space-settings-root .cat-chevron{transition:transform .2s;}
.notes-space-settings-root .cat-chevron svg{width:16px; height:16px;}
.notes-space-settings-root .cat-chevron.open{transform:rotate(90deg);}
.notes-space-settings-root .sub-list{margin:2px 0 8px 30px; border-left:1.5px solid var(--line); padding-left:12px; display:none;}
.notes-space-settings-root .sub-list.open{display:block;}
.notes-space-settings-root .sub-row{display:flex; align-items:center; gap:8px; padding:8px 4px; font-size:12.5px; cursor:pointer;}
.notes-space-settings-root .sub-row .sub-emoji{font-size:13px;}
.notes-space-settings-root .sub-kebab{margin-left:auto; color:var(--ink-faint); background:transparent; cursor:pointer; font-size:18px;}
.notes-space-settings-root .tag-row{display:flex; align-items:center; gap:10px; padding:11px 6px; border-bottom:1px solid var(--line);}
.notes-space-settings-root .tag-dot{width:10px; height:10px; border-radius:50%; flex:none;}
.notes-space-settings-root .tag-name{font-size:13.5px; font-weight:600; flex:1;}
.notes-space-settings-root .tag-counts{font-size:11px; color:var(--ink-faint);}
.notes-space-settings-root .archive-item{display:flex; align-items:center; gap:10px; padding:11px 6px; border-bottom:1px solid var(--line);}
.notes-space-settings-root .archive-info{flex:1;}
.notes-space-settings-root .archive-info .name{font-size:13.5px; font-weight:600;}
.notes-space-settings-root .archive-info .meta{font-size:11px; color:var(--ink-faint); margin-top:2px;}
.notes-space-settings-root .restore-btn{padding:7px 12px; border-radius:11px; background:var(--accent-soft); color:var(--accent); border:1px solid var(--accent-line); font-size:12px; font-weight:600; cursor:pointer;}
.notes-space-settings-root .archive-toggle{display:flex; gap:6px; margin-bottom:12px;}
.notes-space-settings-root .archive-toggle button{flex:1; padding:8px; border-radius:11px; border:1px solid var(--line); background:var(--glass); font-size:12px; font-weight:600; color:var(--ink-soft); cursor:pointer;}
.notes-space-settings-root .archive-toggle button.on{background:#fff; color:var(--ink); border-color:rgba(255,255,255,.7);}
.notes-space-settings-root .archive-empty{text-align:center; color:var(--ink-faint); font-size:13px; padding:60px 20px 20px;}
.notes-space-settings-root .archive-empty .eico{font-size:34px; margin-bottom:10px; display:block;}
.notes-space-settings-root .backup-row{display:flex; align-items:center; gap:12px; padding:13px 12px; border-radius:16px; margin-top:18px; background:var(--glass); border:1px solid rgba(255,255,255,.6); cursor:pointer;}
.notes-space-settings-root .backup-row svg{width:22px; height:22px; color:var(--ink-soft); flex:none;}
.notes-space-settings-root .backup-row .bl{flex:1;}
.notes-space-settings-root .backup-row .bl .t{font-size:13.5px; font-weight:600;}
.notes-space-settings-root .backup-row .bl .s{font-size:11.5px; color:var(--ink-faint); margin-top:1px;}
.notes-space-settings-root .badge-soon{font-size:10.5px; font-weight:700; color:var(--ink-soft); background:rgba(140,155,150,.15); padding:4px 8px; border-radius:8px;}
.notes-space-settings-root .pop{position:absolute; z-index:90; min-width:206px; max-width:260px; background:rgba(255,255,255,.97); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.8); border-radius:16px; box-shadow:0 12px 30px rgba(20,30,25,.2); padding:6px; display:none;}
.notes-space-settings-root .pop.show{display:block;}
.notes-space-settings-root .pop-item{width:100%; display:flex; align-items:center; gap:9px; padding:10px; border-radius:11px; font-size:13px; font-weight:500; color:var(--ink); cursor:pointer; background:transparent; text-align:left;}
.notes-space-settings-root .pop-item:active{background:rgba(140,155,150,.12);}
.notes-space-settings-root .pop-item.danger{color:#E5484D;}
.notes-space-settings-root .pop-divider{height:1px; background:var(--line); margin:4px 6px;}
.notes-space-settings-root .sheet-backdrop-g{position:absolute; inset:0; z-index:80; background:rgba(20,30,26,.32); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .2s;}
.notes-space-settings-root .sheet-backdrop-g.show{opacity:1; pointer-events:auto;}
.notes-space-settings-root .sheet-g{position:absolute; left:0; right:0; bottom:0; z-index:81; transform:translateY(100%); background:rgba(250,252,251,.94); backdrop-filter:blur(26px) saturate(1.4); border-top-left-radius:20px; border-top-right-radius:20px; border-top:1.5px solid rgba(255,255,255,.7); box-shadow:0 -16px 50px -18px rgba(30,45,40,.35); padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px)); transition:transform .28s cubic-bezier(.32,.72,0,1);}
.notes-space-settings-root .sheet-g.show{transform:translateY(0);}
.notes-space-settings-root .sheet-g .grip{width:36px; height:5px; border-radius:3px; background:rgba(35,38,43,.18); margin:0 auto 14px;}
.notes-space-settings-root .sheet-g h3{font-size:15px; font-weight:700; margin:0 0 4px;}
.notes-space-settings-root .sheet-g p{font-size:13px; color:var(--ink-soft); line-height:1.4; margin:0 0 16px;}
.notes-space-settings-root .sheet-g .row{display:flex; gap:10px;}
.notes-space-settings-root .sheet-g .row.column{flex-direction:column; gap:8px;}
.notes-space-settings-root .sheet-g button{flex:1; padding:12px; border-radius:14px; font-weight:600; font-size:13.5px; cursor:pointer;}
.notes-space-settings-root .sheet-g .btn-neutral{background:var(--glass); border:1px solid var(--line); color:var(--ink);}
.notes-space-settings-root .sheet-g .btn-danger{background:#E5484D; color:#fff;}
.notes-space-settings-root .sheet-g .btn-primary{background:var(--accent); color:#fff;}
.notes-space-settings-root .notes-space-cat-editor{position:absolute; inset:0; z-index:75; display:none; flex-direction:column; background:linear-gradient(180deg,#F7FAF8 0%, #F2F6F4 100%);}
.notes-space-settings-root .notes-space-cat-editor.show{display:flex;}
.notes-space-settings-root .ce-field{margin-bottom:16px;}
.notes-space-settings-root .ce-label{font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-faint); margin-bottom:8px;}
.notes-space-settings-root .ce-input{width:100%; padding:12px 14px; border-radius:14px; border:1px solid var(--line); background:var(--glass); font-size:14.5px; color:var(--ink); outline:none; box-sizing:border-box;}
.notes-space-settings-root .emoji-grid{display:flex; flex-wrap:wrap; gap:8px;}
.notes-space-settings-root .emoji-opt{width:40px; height:40px; border-radius:11px; background:#fff; border:1.5px solid var(--line); font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.notes-space-settings-root .emoji-opt.sel{border-color:var(--accent); background:var(--accent-soft);}
.notes-space-settings-root .color-grid{display:flex; flex-wrap:wrap; gap:10px;}
.notes-space-settings-root .color-opt{width:34px; height:34px; border-radius:50%; cursor:pointer; border:2.5px solid transparent; box-shadow:0 1px 4px rgba(0,0,0,.15);}
.notes-space-settings-root .color-opt.sel{border-color:#fff; outline:2px solid var(--ink);}
.notes-space-settings-root .ce-hint{font-size:11px; color:var(--ink-faint); margin-top:8px; line-height:1.4;}
.notes-space-settings-root .ce-cover{margin:0 0 4px; height:110px; border-radius:20px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.notes-space-settings-root .ce-cover-glow{position:absolute; inset:0; background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.5), rgba(255,255,255,0) 60%);}
.notes-space-settings-root .ce-cover-emoji{font-size:40px; position:relative; z-index:1; filter:drop-shadow(0 3px 8px rgba(0,0,0,.12));}
.notes-space-settings-root .ce-stats{display:flex; gap:8px; margin-top:2px;}
.notes-space-settings-root .ce-stat{flex:1; text-align:center; background:var(--glass); border:1px solid var(--line); border-radius:12px; padding:10px 4px;}
.notes-space-settings-root .ce-stat b{display:block; font-size:16px; font-family:'Unbounded',sans-serif;}
.notes-space-settings-root .ce-stat span{font-size:10.5px; color:var(--ink-faint);}
.notes-space-settings-root .ce-danger-row{display:flex; gap:10px; margin-top:20px;}
.notes-space-settings-root .ce-danger-btn{flex:1; padding:12px; border-radius:14px; font-weight:600; font-size:13px; cursor:pointer; border:1px solid var(--line); background:var(--glass); color:var(--ink);}
.notes-space-settings-root .ce-danger-btn.arch{color:var(--ink-soft);}
.notes-space-settings-root .ce-danger-btn.del{color:#E5484D; border-color:rgba(229,72,77,.3); background:rgba(229,72,77,.06);}
.notes-space-settings-root .space-state{min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--ink-soft); text-align:center;}
.notes-space-settings-root .space-state i{font-size:24px;}
.notes-space-settings-root .space-state button{padding:9px 14px; border-radius:12px; background:var(--accent); color:#fff; font-weight:600;}
.notes-space-settings-root .space-muted{font-size:12px; color:var(--ink-faint);}
.notes-space-settings-root .space-toast{position:absolute; left:50%; bottom:calc(22px + env(safe-area-inset-bottom,0px)); z-index:100; transform:translate(-50%,14px); max-width:calc(100% - 36px); padding:10px 14px; border-radius:12px; background:rgba(32,42,37,.92); color:#fff; font-size:12.5px; opacity:0; pointer-events:none; transition:.2s; text-align:center;}
.notes-space-settings-root .space-toast.show{opacity:1; transform:translate(-50%,0);}
@media (prefers-reduced-motion:reduce){
  .notes-space-settings-root *{transition:none !important;}
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-state strong { color:var(--ink-soft); font-size:14px; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-inline-empty {
  width:100%; padding:18px 12px; color:var(--ink-faint); text-align:center; font-size:12px;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-feedback {
  position:absolute; z-index:80; left:50%; bottom:92px; max-width:calc(100% - 40px); padding:8px 12px;
  border-radius:12px; background:rgba(35,38,43,.88); color:#fff; font-size:11.5px; line-height:1.3;
  text-align:center; opacity:0; pointer-events:none; transform:translate(-50%,8px); transition:.18s ease;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-feedback.show { opacity:1; transform:translate(-50%,0); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home [hidden] { display:none !important; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .menu-action-card { font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-category-setting-actions {
  margin-left:auto; display:flex; gap:8px; align-items:center;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-sheet-category-name {
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .order-btns button:disabled {
  opacity:.3; cursor:default;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-disabled-setting > span {
  display:flex; min-width:0; flex-direction:column; color:var(--ink-soft);
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-disabled-setting > span small {
  margin:2px 0 0; color:var(--ink-faint); font-size:10px;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home [data-notes-stage-setting-unavailable] {
  opacity:.55; cursor:not-allowed;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-screen { height:100%; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home.notes-stage-overlays-only {
  display:contents; height:auto; background:none;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .nm-item {
  width:100%; border:0; background:transparent; color:inherit; font-family:inherit; text-align:left;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-tone-dot {
  width:11px; height:11px; border-radius:50%; flex:none;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-tone-dot.c-sport { background:var(--cat-sport); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-tone-dot.c-home { background:var(--cat-home); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-tone-dot.c-agents { background:var(--cat-agents); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-danger-button { background:#E5484D !important; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-sub-pill { font-family:inherit; cursor:pointer; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .cat-head[role=button] { cursor:pointer; }

/* Step 6 integration around the scoped verbatim editor block. */
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-editor-open > .unified-header,
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-editor-open > .unified-tabs,
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-editor-open > .unified-hotbar { visibility:hidden; pointer-events:none; }
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-editor-open .notes-stage-root { top:0 !important; z-index:90; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .phone { min-height:0; height:100%; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor button,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor input,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor textarea,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor select { font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .markup-strip,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .sheet-item { width:100%; color:inherit; text-align:left; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .rel-head { font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .type-row-setting { border-left:0; border-right:0; border-top:0; font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-inline-add,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-sheet-action {
  border:1.5px dashed var(--accent-line); border-radius:11px; background:transparent; color:var(--accent);
  min-height:34px; padding:7px 9px; font-size:11.5px; cursor:pointer;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-sheet-action { width:100%; margin-top:12px; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-primary {
  width:100%; height:42px; margin-top:12px; border:0; border-radius:14px; background:var(--accent);
  color:#fff; font-size:13px; font-weight:600; cursor:pointer;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-clean {
  min-height:120px; margin-top:10px; padding:12px; border:1.5px solid var(--line); border-radius:14px; background:var(--glass);
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-muted,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-empty { color:var(--ink-faint); font-size:12px; line-height:1.4; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-empty { padding:18px 8px; text-align:center; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-empty.compact { padding:10px; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-chev { margin-left:auto; display:flex; color:var(--ink-faint); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-chev svg { width:15px; height:15px; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-check { margin-left:auto; color:var(--accent); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .notes-stage-editor-attach-pop { left:12px; bottom:62px; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-editor .bb-save:disabled { opacity:.55; cursor:wait; }

/* Steps 7–8 integration around the scoped verbatim screens. */
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-fullscreen-open > .unified-header,
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-fullscreen-open > .unified-tabs,
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-fullscreen-open > .unified-hotbar { visibility:hidden; pointer-events:none; }
.phone-shell[data-unified-shell].notes-stage1-active.notes-stage-fullscreen-open .notes-stage-root { top:0 !important; z-index:85; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-fullscreen-home .reminders-screen { position:absolute; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-fullscreen-home .rem-back,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-fullscreen-home .rem-add { font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-reminders-empty {
  padding:62px 22px 28px; text-align:center; color:var(--ink-faint);
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-reminders-empty .eico {
  width:58px; height:58px; margin:0 auto 13px; border-radius:18px; display:flex; align-items:center;
  justify-content:center; background:var(--glass); border:1px solid var(--line); font-size:28px;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-reminders-empty h3 {
  color:var(--ink-soft); font-size:15px; font-weight:600; margin-bottom:5px;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-reminders-empty p {
  max-width:270px; margin:0 auto; font-size:12.5px; line-height:1.45;
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-stat-unavailable { color:var(--ink-faint); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-home .notes-stage-stat-unavailable b { color:var(--ink-faint); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen { position:relative; font-family:'Golos Text',system-ui,sans-serif; color:var(--ink); }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen button { font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .notes-stage-calendar-pop {
  position:absolute; z-index:30; top:66px; right:14px; width:min(250px,calc(100% - 28px)); padding:8px;
  border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.97);
  box-shadow:0 14px 34px rgba(45,65,55,.16); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
}
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .notes-stage-calendar-pop .cal-picklist { margin:0; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .cal-pickrow { width:100%; text-align:left; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .cal-pickrow .pk-check { display:flex; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .cal-cell,
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .mini-cell { font-family:inherit; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen button.mini-cell { border:0; padding:0; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .notes-stage-calendar-range-empty { margin-top:34px; }
.phone-shell[data-unified-shell].notes-stage1-active .notes-stage-calendar-screen .tg-adchip { width:100%; }