@font-face{font-family:'Fredoka';font-style:normal;font-weight:400 700;font-display:swap;src:url('/demo/fonts/fredoka-latin-wght-normal.woff2') format('woff2')}
@font-face{font-family:'Dela Gothic One';font-style:normal;font-weight:400;font-display:swap;src:url('/demo/fonts/dela-gothic-one-latin-400-normal.woff2') format('woff2')}


:root{
    --coffee:#3A1F0B; --coffee-soft:#3A1F0B;
    --cream:#FFF3D7; --cream-2:#FFFAF0; --cream-3:#fdeed8;
    --tan:#f3d7ad; --tan-soft:#f7e6cd;
    --yolk:#FDBA4E; --orange:#FF8C42; --orange-deep:#d97a26;
    --rooster:#c0432b; --green:#1f9d6b;
    --shadow:2px 2px 0 var(--coffee);
    --radius:25px;
    --chick:url("/demo/img/chirpy.svg");
  }
*{box-sizing:border-box;margin:0;padding:0}
body{
    font-family:'Fredoka',system-ui,sans-serif;color:var(--coffee);
    background:#fff;
    min-height:100vh;
  }
.shell{position:fixed;top:0;right:0;bottom:0;height:100vh;display:flex;gap:10px;align-items:flex-start;z-index:50}
.rail-wrap{position:relative;top:90px;display:none;flex-direction:column;align-items:center;gap:8px}
.shell.closed .rail-wrap{display:flex}
.shell.closed .panel{display:none}
.rail-grip{width:34px;height:24px;border:none;background:transparent;border-radius:8px;
    display:grid;place-items:center;cursor:grab;color:var(--coffee-soft);transition:.15s;touch-action:none;padding:0}
.rail-grip:hover{color:var(--coffee);background:var(--cream-2)}
.rail-grip:active{cursor:grabbing}
.rail-grip svg{width:18px;height:18px;pointer-events:none}
.tophead{display:flex;align-items:center;gap:8px;margin:12px 12px 12px}
.topnav{flex:1;min-width:0;padding:5px 8px;background:var(--cream-2);border:1px solid var(--coffee);
    border-radius:999px;box-shadow:2px 2px 0 var(--coffee);display:flex;align-items:center;justify-content:center;gap:5px}
.rail-btn{flex:1 1 0;min-width:32px;max-width:38px;aspect-ratio:1/1;height:auto;border:1px solid transparent;background:transparent;border-radius:50%;
    box-shadow:none;display:grid;place-items:center;cursor:pointer;color:var(--coffee);transition:.16s;padding:0}
.rail-btn svg{width:19px;height:19px}
.rail-btn:hover,.rail-btn:focus-visible{background:#FFF4E1;outline:none}
.rail-btn.active{background:var(--yolk);border-color:var(--coffee);box-shadow:1px 1px 0 var(--coffee)}
.rail-btn.active svg{stroke-width:2.6}
.rail-chick{
    position:relative;width:48px;height:48px;flex:none;border-radius:50%;border:1px solid var(--coffee);
    background:var(--chick) center/80% no-repeat, var(--cream-2);box-shadow:var(--shadow);cursor:pointer;transition:.16s;padding:0;touch-action:none;
  }
.rail-chick:hover{transform:translateY(-1px);box-shadow:2px 2px 0 var(--coffee)}
.chick-badge{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;
    background:var(--yolk);border:1px solid var(--coffee);display:grid;place-items:center;color:var(--coffee);pointer-events:none}
.chick-badge svg{width:10px;height:10px}
.notif-dot{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 3px;border-radius:999px;
    background:var(--rooster);color:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);
    font-size:10px;font-weight:700;line-height:1;display:grid;place-items:center;pointer-events:none;z-index:2}
.rail-btn{position:relative}
#chickFloat .notif-dot{right:auto;left:-3px}
body.notif-off .notif-dot{display:none}
.q-ring{position:absolute;inset:-2px;display:none;pointer-events:none}
body.q-run .q-ring{display:block}
.q-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.q-ring circle{fill:none;stroke-width:3;stroke-linecap:round}
.q-ring-bg{stroke:var(--tan)}
.q-ring-fg{stroke:var(--rooster);stroke-dasharray:103.7;stroke-dashoffset:103.7;transition:stroke-dashoffset .3s}
.panel{position:relative;width:392px;min-width:340px;max-width:560px;height:100vh;background:var(--cream);border:none;border-left:1px solid var(--coffee);
    border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}
.panel-resizer{position:absolute;left:0;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:25;touch-action:none}
.panel-resizer:hover::after,.panel-resizer.on::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--yolk)}
.titlebar{display:flex;align-items:center;gap:10px;margin:0 12px 10px;min-height:34px}
.screen-name{font-family:'Dela Gothic One','Fredoka',sans-serif;font-size:17px;font-weight:400;letter-spacing:.2px;white-space:nowrap;
    color:#FF8C42}
.topbar-right{margin-left:auto;display:flex;align-items:center}
.topbar-right:empty{display:none}
.pf-tabs{display:none;flex:1;min-width:0;align-items:stretch;height:36px;background:var(--cream-2);border:1px solid var(--coffee);
    box-shadow:2px 2px 0 var(--coffee);border-radius:999px;overflow:hidden}
.pf-tabs button{flex:1;min-width:0;border:none;background:transparent;height:100%;padding:0 6px;font-family:inherit;font-size:12.5px;
    font-weight:600;color:#3A1F0B;cursor:pointer;transition:.15s;border-radius:0;white-space:nowrap}
.pf-tabs button:hover{background:#FFF4E1}
.pf-tabs button.on{background:var(--rooster);color:#fff}
.pf-tabs button[disabled]{color:#cdbfa8;cursor:default;background:transparent}
.pf-tabs button{transition:color .25s ease,background .18s ease}
.pf-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pf-tabs .seg-count{background:#FFFAF0;border:1px solid var(--coffee);border-radius:999px;font-size:9.5px;font-weight:700;padding:1px 7px;color:#3A1F0B;line-height:1.5}
.acc-head.static{cursor:default}
.hd-acts{display:none;gap:6px;align-items:center;margin-left:auto;flex:none}
.acc.open .hd-acts{display:flex;animation:fade .2s ease}
.acc.open .hd-acts+.chev{margin-left:6px}
.hd-btn[disabled]{opacity:.4;cursor:default;pointer-events:none}
.tab-foot.ld .ebtn,.tab-foot.ld .seq-btn{opacity:.5;pointer-events:none}
.hd-btn{width:28px;height:28px;flex:none;display:grid;place-items:center;background:var(--cream-2);
    border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:50%;color:var(--coffee);
    cursor:pointer;padding:0;transition:.15s;text-decoration:none}
.hd-btn:hover,.hd-btn:focus-visible{background:var(--yolk);outline:none}
.hd-btn svg{width:13px;height:13px}
.hd-btn.arm{background:var(--yolk)}
.hd-btn .in-mark{font-size:10px;font-weight:800;letter-spacing:.2px;line-height:1}
.seg{display:inline-flex;background:var(--cream-2);border:1px solid var(--coffee);border-radius:999px;padding:2px}
.seg button{border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;
    color:var(--coffee-soft);padding:5px 11px;border-radius:999px;transition:.15s;white-space:nowrap}
.seg button.on{background:var(--yolk);color:#3A1F0B;font-weight:600;box-shadow:2px 2px 0 var(--coffee)}
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--cream-2);border:1px solid var(--coffee);
    color:#3A1F0B;font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:999px;cursor:pointer;font-family:inherit;transition:.15s;white-space:nowrap}
.pill:hover{background:var(--yolk);color:#3A1F0B}
.pill svg{width:15px;height:15px}
.body{flex:1;overflow-y:auto;padding:0 12px 0;scrollbar-width:thin;scrollbar-color:var(--tan) transparent}
.body::-webkit-scrollbar{width:6px}
.body::-webkit-scrollbar-track{background:transparent}
.body::-webkit-scrollbar-thumb{background:var(--tan);border-radius:999px;border:1px solid var(--cream-2)}
.body::-webkit-scrollbar-thumb:hover{background:var(--coffee-soft)}
.screen>:last-child:not(.tab-foot):not(.pf-tabpane),.pf-tabpane>:last-child:not(.tab-foot){margin-bottom:12px}
.body::-webkit-scrollbar{width:8px}
.body::-webkit-scrollbar-thumb{background:var(--tan);border-radius:8px}
.screen{display:none;animation:fadeFlat .22s ease}
.screen.active{display:block}
.screen[data-screen="support"]{height:100%}
.screen[data-screen="support"].active{display:flex;flex-direction:column}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ldr-av{width:28px;height:28px;border:1px solid transparent;border-radius:50%;background:var(--tan);flex:none}
.ldr-bar{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--tan) 25%,#F6E8CD 45%,var(--tan) 65%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.ldr-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
.ldv{display:inline-block;height:11px;border-radius:999px;background:linear-gradient(90deg,#F2E4C8 25%,#FBF3DD 45%,#F2E4C8 65%);background-size:200% 100%;animation:shimmer 1.1s linear infinite;margin-left:auto}
.pf-row .vr .ldv{margin-right:4px}
.pf-row .v .ldv{vertical-align:middle}
.ldv-tag{height:22px}
.ld-dim{opacity:.6;pointer-events:none}
@keyframes fadeFlat{from{opacity:0}to{opacity:1}}
.card{background:var(--cream-2);border:1px solid var(--coffee);border-radius:var(--radius);box-shadow:2px 2px 0 var(--coffee);padding:16px;margin-bottom:14px}
.empty{text-align:center;padding:34px 18px;color:var(--coffee-soft)}
.empty .ic{width:54px;height:54px;margin:0 auto 14px;color:#3A1F0B;display:grid;place-items:center}
.empty .ic svg{width:46px;height:46px}
.empty h4{font-size:18px;font-weight:600;color:var(--coffee);margin-bottom:6px}
.empty p{font-size:13px;line-height:1.45;max-width:230px;margin:0 auto}
.screen[data-screen="home"] .card{padding:12px 14px;margin-bottom:10px}
.screen[data-screen="home"] .eff-label{margin-bottom:8px}
.screen[data-screen="home"] .eff-row{margin-bottom:7px}
.screen[data-screen="home"] .legend{margin-top:8px;gap:10px}
.screen[data-screen="home"] .tpl-row{padding:5px 7px 5px 13px;margin-bottom:6px}
.screen[data-screen="home"] #tplNewBtn{margin-top:8px!important}
.nba-help{margin-top:8px;padding-top:8px;border-top:1px dashed var(--tan);font-size:11.5px;color:var(--coffee-soft)}
.nba-help span{color:#3A1F0B;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.seq-drop.enr-drop{padding:16px;box-shadow:2px 2px 0 var(--coffee)}
.enr-head{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}
.enr-ttl{font-size:13.5px;font-weight:700;color:#3A1F0B;flex:1}
.enr-count{font-size:10.5px;font-weight:500;color:var(--coffee-soft)}
.enr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.enr-col-h{display:flex;align-items:baseline;font-size:10.5px;font-weight:700;color:var(--coffee-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.enr-col-n{margin-left:auto;font-size:9.5px;font-weight:600;letter-spacing:0;text-transform:none}
.enr-src{display:flex;align-items:center;gap:7px;padding:4px 0;transition:transform .35s}
.enr-src .enr-ic{flex:none;width:16px;height:16px;border-radius:50%;border:1px solid var(--coffee);display:grid;place-items:center;background:#FFFAF0;color:#3A1F0B;font-size:9px;font-weight:700}
.enr-src.q{opacity:.45}
.enr-src.run .enr-ic{border-color:var(--rooster)}
.enr-src.run .enr-spin{width:9px;height:9px;border:2px solid var(--tan);border-top-color:var(--rooster);border-radius:50%;animation:spin .8s linear infinite}
.enr-src.hit .enr-ic{background:#dff5e8;border-color:#2e7d4f;color:#2e7d4f}
.enr-src.miss{opacity:.55}
.enr-src.miss .enr-ic{color:var(--coffee-soft)}
.enr-src.skip{opacity:.35}
.enr-nm{flex:0 1 auto;min-width:0;font-size:11.5px;font-weight:600;color:#3A1F0B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enr-tag{flex:none;font-size:8px;font-weight:700;letter-spacing:.3px;color:var(--coffee-soft);border:1px solid var(--coffee);border-radius:999px;padding:1px 5px;margin-left:-1px}
.enr-st{margin-left:auto}
.fld-enr{display:inline-flex;align-items:center;gap:6px}
.fld-spin{width:12px;height:12px;border:2px solid var(--tan);border-top-color:var(--rooster);border-radius:50%;animation:spin .8s linear infinite;flex:none}
.enr-st{flex:none;font-size:9.5px;font-weight:500;color:var(--coffee-soft);padding-left:6px}
.enr-src.hit .enr-st{color:#2e7d4f;font-weight:700}
.enr-src.pre{opacity:.4}
.enr-src.flagged{opacity:.75}
.enr-src.flagged .enr-ic{border-color:var(--rooster);color:var(--rooster)}
.enr-src.flagged .enr-st{color:#7A3010;font-weight:700}
.enr-src.same .enr-ic{background:#FFF1E0;border-color:var(--rooster);color:#7A3010}
.enr-src.same .enr-st{color:#7A3010;font-weight:700}
.enr-src.crm .enr-ic{background:#FFF4E1}
.enr-src.crm .enr-st{font-weight:700}
.enr-out{margin-top:10px;border-top:1px dashed var(--tan);padding-top:9px;font-size:11.5px;line-height:1.5;color:#3A1F0B}
.enr-out.warn #enrOutMsg b{color:#7A3010}
.enr-out .diag-actions{margin-top:8px}
.ra.dis{opacity:.35;cursor:default}
.ra.dis:hover{background:transparent}
.screen[data-screen="tasks"]{height:100%}
.screen[data-screen="tasks"].active{display:flex;flex-direction:column}
#taskList{display:flex;flex-direction:column;flex:1;min-height:0}
.tq-pane{flex:1;min-height:0;display:flex;flex-direction:column}
.tq-pane>.card{max-height:100%;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--tan) transparent;margin-bottom:6px}
.tq-pane>.card::-webkit-scrollbar{width:7px}
.tq-pane>.card::-webkit-scrollbar-track{background:transparent}
.tq-pane>.card::-webkit-scrollbar-thumb{background:var(--tan);border-radius:999px;border:1px solid var(--coffee)}
.screen[data-screen="bulk"]{height:100%}
.screen[data-screen="bulk"].active{display:flex;flex-direction:column}
.screen[data-screen="bulk"] .tab-foot{margin-top:auto}
.blk-card{display:flex;flex-direction:column;flex:1;min-height:0;
    
    margin-bottom:6px}
.screen[data-screen="bulk"] .tab-foot .footer-actions{margin-top:0}
.blk-list{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:1px 8px 1px 1px;scrollbar-width:thin;scrollbar-color:var(--tan) transparent}
.blk-list::-webkit-scrollbar{width:7px}
.blk-list::-webkit-scrollbar-track{background:transparent}
.blk-list::-webkit-scrollbar-thumb{background:var(--tan);border-radius:999px;border:1px solid var(--coffee)}
.blk-head{padding:2px 2px 10px}
.blk-ctx{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#3A1F0B}
.blk-ctx b{font-weight:700}
.blk-sub{font-size:11px;color:var(--coffee-soft);margin-top:3px}
.blk-all{display:flex;align-items:center;gap:9px;padding:2px 2px 9px;border-bottom:1px dashed var(--tan);margin-bottom:8px;cursor:pointer}
.blk-all-l{font-size:12px;font-weight:600;color:#3A1F0B}
.blk-count{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--coffee-soft)}
.blk-chk{flex:none;width:18px;height:18px;border-radius:6px;border:1px solid var(--coffee);background:#FFFAF0;box-shadow:1px 1px 0 var(--coffee);display:grid;place-items:center;font-size:11px;font-weight:800;color:#3A1F0B;transition:.12s}
.blk-chk.on{background:var(--yolk)}
.blk-chk.on::after{content:'\2713'}
.blk-chk.dis{opacity:.35;box-shadow:none;cursor:default}
.blk-chk.ask{background:#FFF1E0;border-style:dashed;border-color:var(--rooster)}
.blk-chk.ask::after{content:'?';color:#7A3010}
.blk-roles{flex-basis:100%;display:none;margin-top:8px;padding-top:8px;border-top:1px dashed var(--tan)}
.blk-roles-h{font-size:11px;font-weight:600;color:#3A1F0B;margin-bottom:6px}
.blk-roles-h b{font-weight:700}
.blk-role+.blk-role{margin-top:6px}
.blk-row.run{background:#FFF4E1}
.blk-chk .fld-spin{width:10px;height:10px;border-width:2px}
.blk-safe{display:flex;align-items:center;gap:9px;padding:9px 2px 2px;border-top:1px dashed var(--tan);margin-top:8px;cursor:pointer}
.blk-safe .blk-chk{width:16px;height:16px;font-size:10px}
.blk-safe-l{font-size:12px;font-weight:600;color:#3A1F0B}
.blk-safe-i{width:13px;height:13px;color:var(--coffee-soft);flex:none}
.blk-row{cursor:pointer;transition:.15s}
.blk-row:hover{background:#FFF4E1}
.blk-row.incrm,.blk-row.added{cursor:default;opacity:.8}
.blk-row.incrm:hover,.blk-row.added:hover{background:#FFFAF0}
.blk-tag{flex:none;font-size:9.5px;font-weight:700;color:#2e7d4f;background:#dff5e8;border:1px solid #2e7d4f;border-radius:999px;padding:3px 9px}
.seq-wrap.open .btn .chev{transform:rotate(180deg)}
.btn .chev{transition:.2s}
.cp-pick{cursor:pointer;transition:.15s}
.cp-pick:hover{background:#FFF4E1}
.cp-warn{background:#FFF1E0;border:1px dashed var(--rooster);color:#7A3010;border-radius:14px;padding:8px 11px;font-size:11.5px;line-height:1.45;margin-bottom:8px}
.cp-warn b{font-weight:700}
.cp-tag-nopage{flex:none;font-size:9.5px;font-weight:700;color:#7A3010;background:#FFF1E0;border:1px dashed var(--rooster);border-radius:999px;padding:2px 8px;margin-left:6px}
.kpi-row{display:flex;align-items:baseline;gap:10px;padding:4px 0}
.kpi-row+.kpi-row{border-top:1px dashed var(--tan)}
.kpi-row span{flex:1;font-size:12px;font-weight:500;color:var(--coffee-soft)}
.kpi-row b{font-size:13.5px;font-weight:700;color:#3A1F0B}
.kpi-row .kpi-sep{font-style:normal;font-weight:500;color:var(--coffee-soft)}
.home-hero{display:flex;gap:12px;align-items:flex-start}
.home-hero .spark{width:34px;height:34px;flex:none;border-radius:50%;background:#FFFAF0;display:grid;place-items:center;color:#3A1F0B;box-shadow:1px 1px 0 var(--coffee)}
.home-hero h3{font-size:18px;font-weight:600;line-height:1.25}
.home-hero p{font-size:13px;color:var(--coffee-soft);margin-top:8px;line-height:1.45}
.home-cta{margin-top:14px;display:inline-flex;align-items:center;gap:7px;color:#3A1F0B;font-weight:600;font-size:13.5px;cursor:pointer}
.home-cta svg{width:16px;height:16px}
.eff-label{font-size:13px;font-weight:600;margin-bottom:12px}
.eff-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.eff-row span{width:36px;font-size:12px;color:var(--coffee-soft)}
.bar{flex:1;height:13px;border-radius:7px;background:#FFFAF0;overflow:hidden;border:1px solid var(--tan-soft);display:flex}
.bar i{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11.5px;color:var(--coffee-soft)}
.legend b{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}
.task{border-bottom:1px dashed var(--tan);padding:13px 2px}
.task:last-child,.task:has(+ :not(.task)){border-bottom:none}
.task-head{display:flex;gap:10px;align-items:flex-start}
.check{width:18px;height:18px;border:1px solid var(--coffee);border-radius:50%;flex:none;margin-top:2px;cursor:pointer}
.check.on{background:#dff5e8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231f9d6b" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>') center/11px no-repeat}
.task.done .task-title{text-decoration:line-through;color:var(--coffee-soft)}
.task-title{font-size:13.5px;font-weight:600}
.task-sub{font-size:12.5px;color:var(--coffee-soft);margin-top:3px;line-height:1.4}
.task-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--coffee-soft)}
.task-meta .who{display:flex;align-items:center;gap:6px}
.task-meta .who .av{width:18px;height:18px;border-radius:50%;background:var(--cream-3);border:1px solid var(--tan)}
.section-head{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:600;padding:4px 2px 2px}
.footer-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin-top:14px;align-items:stretch}
.footer-actions>*{min-width:0;box-sizing:border-box}
.footer-actions .btn{box-sizing:border-box;width:100%}
.screen[data-screen="tasks"].active, .screen[data-screen="chirps"].active, .screen[data-screen="profile"].active, .screen[data-screen="streak"].active, .screen[data-screen="home"].active, .screen[data-screen="settings"].active, .screen[data-screen="companyProfile"].active{display:flex;flex-direction:column;min-height:100%}
#pfPaneContact,#pfPaneCompany,#pfPaneTasks,#pfPaneNotes,#cpPaneCompany,#cpPaneContacts,#cpPaneTasks,#cpPaneNotes{flex:1;display:flex;flex-direction:column}
#pfPaneContact .tab-foot,#pfPaneTasks .tab-foot,#pfPaneNotes .tab-foot,#cpPaneCompany .tab-foot,#cpPaneTasks .tab-foot,#cpPaneNotes .tab-foot{margin-top:auto}
.tab-foot .footer-actions{align-items:stretch}
.tab-foot .enrich-wrap,.tab-foot .seq-wrap{flex:1;min-width:0;margin:0}
.tab-foot .ebtn,.tab-foot .seq-btn,.tab-foot .seq-wrap>.btn,.tab-foot .nk-wrap>.btn{height:100%}
.tab-foot .seq-wrap,.tab-foot .enrich-wrap{position:static}
.tab-foot .seq-drop{position:absolute;bottom:calc(100% - 8px);left:12px;right:12px;margin-top:0;z-index:12}
.tab-foot .nk-wrap{position:static;min-width:0;margin:0}
.tab-foot .lk-box{position:absolute;bottom:calc(100% - 8px);left:12px;right:12px;margin:0;z-index:12}
.tab-foot .enrich-tip{bottom:calc(100% - 8px);left:12px;right:12px;z-index:12}
.tab-foot .enrich-wrap.tipready{position:static!important}
.ct-back{width:28px;height:28px;border:none;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#3A1F0B}
.ct-back:hover{background:var(--cream-3)}
.ct-back svg{width:17px;height:17px}
.ct-in{width:100%;background:#FFFDF8;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:999px;padding:9px 13px;font-family:inherit;font-size:12.5px;color:var(--coffee);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}
.ct-in.ph{color:var(--coffee-soft)}
.ct-in svg{width:14px;height:14px;flex:none}
textarea.ct-in{border-radius:16px;min-height:84px;resize:none;cursor:text;display:block}
.ct-row{display:flex;gap:10px}
.ct-row>div{flex:1;min-width:0}
.cal{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:var(--shadow);border-radius:16px;padding:10px 12px}
.cal-h{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.cal-h .mo{font-size:12.5px;font-weight:700;color:#3A1F0B}
.cal-h .nav{margin-left:auto;display:flex;gap:4px}
.cal-h .nav button{width:24px;height:24px;border:1px solid var(--coffee);background:#FFFAF0;border-radius:50%;cursor:pointer;font-family:inherit;color:#3A1F0B;display:grid;place-items:center;font-size:12px}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.cal-g .dw{font-size:9.5px;font-weight:700;color:var(--coffee-soft);padding:3px 0}
.cal-g .d{font-size:11.5px;color:#3A1F0B;padding:6px 0;border-radius:10px;cursor:pointer}
.cal-g .d:hover{background:var(--cream-3)}
.cal-g .d.dim{color:var(--tan)}
.cal-g .d.sel{background:var(--yolk);font-weight:700;box-shadow:1px 1px 0 var(--coffee)}
.cal-g .d.off{color:var(--tan);cursor:default;pointer-events:none}
.cal-g .d.tod{border:1px dashed var(--coffee)}
.qp-row{display:flex;gap:8px;margin:2px 0 12px}
.qp{flex:1;background:#FFFDF8;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:999px;padding:8px 6px;font-family:inherit;font-size:12px;font-weight:600;color:#3A1F0B;cursor:pointer;transition:.15s;white-space:nowrap}
.qp:hover{background:var(--cream-3)}
.qp.on{background:var(--yolk);box-shadow:1px 1px 0 var(--coffee)}
.rs-cal{background:#FFFDF8;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:16px;padding:10px 12px;margin-bottom:12px}
.rs-time{display:flex;align-items:center;gap:9px}
.rs-time .tl{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#3A1F0B;flex:none}
.rs-time .tl svg{width:14px;height:14px;color:var(--orange-deep)}
.rs-hint{text-align:center;font-size:11px;color:var(--orange-deep);margin-top:9px}
.screen[data-screen="tasks"].active>#taskList,.screen[data-screen="tasks"].active>#queueRun{flex:1;display:flex;flex-direction:column}
.tab-foot{margin:auto -12px 0;position:sticky;bottom:0;z-index:4;background:var(--cream);padding:8px 12px 12px}
.tab-foot .footer-actions{margin-top:8px}
.tab-foot .queue-hint{margin-bottom:0}
.btn{flex:1;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer;border-radius:999px;padding:11px 14px;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);transition:.15s}
.btn.primary{background:var(--rooster);color:#FFFAF0}
.btn.primary:hover{background:#9E3317}
.btn.ghost{background:var(--cream-2);color:#3A1F0B}
.btn.ghost:hover{background:var(--cream-3)}
.btn[disabled],.pill[disabled],.pill[aria-disabled="true"]{background:#FFF4E1;color:#3A1F0B;opacity:1;cursor:default;box-shadow:none;transform:none;border-style:dashed}
.btn.primary[disabled]:hover,.pill[disabled]:hover,.pill[aria-disabled="true"]:hover{background:#FFF4E1}
.pf-row{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px dashed var(--tan);font-size:13px}
.pf-row:last-child,.pf-row:has(+ :not(.pf-row)){border-bottom:none}
.pf-row .k{display:flex;align-items:center;gap:8px;color:var(--coffee-soft)}
.pf-row .k svg{width:15px;height:15px}
.pf-row .v{font-weight:600;color:var(--coffee)}
.pf-row .vr{display:flex;align-items:center;gap:2px;min-width:0}
.pf-row .vr .v{margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra{width:22px;height:22px;flex:none;display:grid;place-items:center;background:transparent;border:none;border-radius:50%;color:var(--coffee-soft);cursor:pointer;padding:0;transition:.15s;text-decoration:none}
.ra:hover{background:var(--yolk);color:var(--coffee)}
.ra svg{width:13px;height:13px}
.pf-row a.v{color:var(--coffee);text-decoration:none}
.pf-row a.v:hover{text-decoration:underline}
.tag-lead{background:#dff5e8;color:#3A1F0B;font-weight:600;font-size:11.5px;padding:3px 9px;border-radius:999px}
.pf-group{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--coffee-soft);font-weight:600;padding:4px 2px 4px}
.fb-wrap{border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:var(--radius);overflow:hidden;background:var(--cream-2);display:flex;flex-direction:column;flex:1;min-height:0;margin:2px 2px 4px 0}
.fb-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}
.fb-hero{background:linear-gradient(180deg,#F6BE55 0%,#FBDA9C 70%,#FDEBC4 100%);padding:14px 16px 22px}
.fb-hero-top{display:flex;align-items:center;margin-bottom:22px}
.fb-hero-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.fb-av{width:34px;height:34px;border-radius:50%;background:var(--chick) center/78% no-repeat,#FFF7E6;border:1px solid rgba(58,31,11,.25)}
.fb-x{width:34px;height:34px;border:none;border-radius:9px;background:rgba(58,31,11,.28);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}
.fb-x:hover{background:rgba(58,31,11,.42)}
.fb-x svg{width:15px;height:15px}
.fb-hi{font-size:23px;font-weight:600;color:#3A1F0B;text-align:center}
.fb-q{font-size:23px;font-weight:700;color:#3A1F0B;text-align:center;line-height:1.25;margin:4px auto 18px;max-width:280px}
.fb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#fff;border:none;border-radius:10px;box-shadow:0 1px 3px rgba(58,31,11,.12);padding:15px 16px;font-family:inherit;font-size:14px;font-weight:600;color:#3A1F0B;cursor:pointer;text-align:left;transition:.15s}
.fb-row:hover{transform:translateY(-1px);box-shadow:0 3px 7px rgba(58,31,11,.16)}
.fb-row+.fb-row{margin-top:10px}
.fb-row svg{width:16px;height:16px;flex:none;color:#8a7a66}
.fb-fill{flex:1}
.fb-pad{padding:14px 16px}
.fb-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(58,31,11,.12);padding:11px 13px;font-size:13px;color:#8a7a66;margin-bottom:12px}
.fb-search svg{width:15px;height:15px}
.fb-art{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(58,31,11,.1);padding:12px 14px;cursor:pointer}
.fb-art+.fb-art{margin-top:8px}
.fb-art b{display:block;font-size:13px;font-weight:600;color:#3A1F0B}
.fb-art span{display:block;font-size:11.5px;color:#8a7a66;margin-top:2px;line-height:1.4}
.fb-head{background:var(--rooster);color:#fff;font-weight:600;font-size:15px;text-align:center;padding:13px 16px;position:relative}
.fb-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px}
.fb-ic{width:44px;height:44px;color:#c9beb0}
.fb-ic svg{width:44px;height:44px}
.fb-empty{font-size:14.5px;color:var(--coffee)}
.fb-cta{margin-top:14px;display:inline-flex;align-items:center;gap:7px;background:var(--rooster);color:#FFFAF0;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer}
.fb-nav{display:flex;border-top:1px solid var(--coffee);background:var(--cream)}
.fb-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 6px;font-size:11px;color:var(--coffee-soft);cursor:pointer}
.fb-tab svg{width:19px;height:19px;color:#b3a794}
.fb-tab.on{color:#3A1F0B}
.fb-tab.on svg{color:#3A1F0B}
.fb-foot{text-align:center;font-size:10.5px;color:var(--coffee-soft);padding:2px 0 8px;background:var(--cream)}
.streak-card{position:relative;background:var(--cream-2);border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}
.streak-head{display:flex;align-items:center;gap:8px}
.streak-head h3{font-size:16px;font-weight:600}
.streak-stats{display:flex;gap:8px;margin:12px 0;position:relative}
.sstat{flex:1;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:var(--radius);padding:8px 6px;text-align:center}
.sstat .n{font-size:17px;font-weight:700;color:#3A1F0B}
.sstat.pro .n{color:#3A1F0B}
.sstat.cr .n{color:#3A1F0B}
.sstat .l{font-size:10px;color:var(--coffee-soft);margin-top:2px}
.sdays{display:flex;justify-content:space-between;gap:4px;margin:4px 0 2px}
.sday{flex:1;text-align:center}
.sday .dot{width:32px;height:32px;margin:0 auto;border-radius:50%;border:1px solid var(--coffee);display:grid;place-items:center;font-size:12.5px;background:#FFFAF0;color:var(--coffee-soft);font-weight:600;transition:.3s}
.sday.done .dot{background:var(--green);border-color:#3A1F0B;color:#fff}
.sday.missed .dot{background:#fbeae6;border-color:#3A1F0B;color:#3A1F0B}
.sday.today .dot{border-color:#3A1F0B;box-shadow:2px 2px 0 var(--coffee);color:#3A1F0B;transform:scale(1.08)}
.sday.frozen .dot{background:var(--cream-3);border-style:dashed;color:#3A1F0B}
.sday .lb{font-size:9.5px;color:var(--coffee-soft);margin-top:4px}
.sday.today .lb{color:#3A1F0B;font-weight:700}
.stoday{background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:var(--radius);padding:11px 13px;margin-top:12px;animation:fade .3s ease}
.stoday .dh{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}
.stoday .dh .tag{font-size:10px;background:var(--orange-deep);color:#fff;border-radius:999px;padding:2px 8px}
.stoday .tk{font-size:12.5px;color:var(--coffee-soft);margin-top:4px}
.sbar{height:8px;background:var(--cream-3);border-radius:999px;margin-top:8px;overflow:hidden;border:1px solid var(--tan-soft)}
.sbar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-deep));border-radius:999px;transition:width .5s}
.sbar-n{font-size:11px;color:var(--coffee-soft);margin-top:5px;text-align:right}
.soutcome{border-radius:var(--radius);padding:10px 12px;font-size:12.5px;font-weight:600;margin-top:9px;animation:fade .3s ease}
.soutcome.reward{background:#fff4e0;border:1px solid var(--coffee);color:#3A1F0B}
.soutcome.credit{background:#e6f6ee;border:1px solid var(--coffee);color:#3A1F0B}
.soutcome.none{background:#fbeae6;border:1px solid var(--coffee);color:#3A1F0B}
.sfoot{font-size:11px;color:var(--coffee-soft);margin-top:10px;border-top:1px dashed var(--tan);padding-top:9px;line-height:1.5}
.sfoot b{color:var(--coffee)}
.acc{padding:0;overflow:hidden;border-radius:999px}
.acc.open{border-radius:var(--radius)}
.acc-head{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;padding:13px 18px;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--coffee);cursor:pointer;text-align:left}
.acc-head .ah-ic{width:28px;height:28px;border-radius:50%;background:var(--cream-3);border:1px solid var(--coffee);display:grid;place-items:center;flex:none}
.acc-head .ah-ic svg{width:15px;height:15px}
.acc-head .chev{width:16px;height:16px;margin-left:auto;transition:transform .2s;color:var(--coffee-soft)}
.acc.open .acc-head .chev{transform:rotate(180deg)}
.acc-count{font-size:11px;font-weight:600;color:var(--coffee-soft);background:var(--cream-2);border:1px solid var(--coffee);border-radius:999px;padding:1px 8px;margin-left:2px}
.acc-ttl{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-body{display:none;padding:2px 18px 15px;border-top:1px dashed var(--coffee)}
.acc.open .acc-body{display:block}
.empty.sm{padding:14px 6px 6px}
.empty.sm h4{font-size:13.5px}
.empty.sm p{font-size:12px}
.q-top{display:flex;align-items:center;gap:10px;margin:2px 2px 10px}
.q-count{font-size:14px;font-weight:600;color:#3A1F0B;white-space:nowrap}
.q-bar{flex:1;height:9px;border-radius:999px;background:#FFFAF0;border:1px solid var(--coffee);overflow:hidden}
.q-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--yolk),var(--orange));transition:width .3s}
.q-stop{flex:none;font-family:inherit;font-size:11.5px;font-weight:600;color:#3A1F0B;background:var(--cream-2);border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:5px 11px;cursor:pointer}
.q-stop:hover{background:var(--cream-3)}
.qc-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.qc-label b{font-size:13.5px;font-weight:600;color:#3A1F0B}
.qc-src{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#3A1F0B;background:#FFF4E1;border:1px solid var(--coffee);border-radius:999px;padding:2px 8px}
.qc-person{display:flex;align-items:center;gap:11px}
.qc-av{width:40px;height:40px;flex:none;border-radius:50%;background:#FFF4E1;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);display:grid;place-items:center;font-size:13px;font-weight:700;color:#3A1F0B}
.qc-av.ghost{background:var(--cream-3);border-style:dashed;box-shadow:none;color:var(--coffee-soft);font-size:17px}
.qc-nm{font-size:14px;font-weight:600;color:#3A1F0B}
.qc-sub{font-size:11.5px;color:var(--coffee-soft);margin-top:2px}
.diag{display:flex;gap:9px;align-items:flex-start;border-radius:14px;padding:9px 11px;font-size:12px;line-height:1.45;margin-top:11px;border:1px solid var(--coffee)}
.diag .di{flex:none;width:17px;height:17px;margin-top:1px}
.diag.ok{background:#e6f6ee;color:#1b5e40}
.diag.warn{background:#fff4e0;color:#7a4a12}
.diag.err{background:#fbeae6;color:#8c2f1b}
.diag b{color:inherit}
.qc-acts{display:flex;gap:8px;margin-top:10px}
.qc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#FFFAF0;color:#3A1F0B;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:8px 10px;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;transition:.15s}
.qc-btn:hover{background:#FFF4E1}
.qc-btn svg{width:12px;height:12px}
.screen-name{font-family:'Dela Gothic One','Fredoka',sans-serif;font-weight:400;color:var(--orange)}
.card h3,.streak-head h3,.empty h4{font-family:'Fredoka',sans-serif;font-weight:600;color:#3A1F0B}
.seq-wrap{margin:12px 2px 4px;position:relative}
.seq-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--rooster);color:#FFFAF0;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:999px;padding:11px 16px;font-family:inherit;font-weight:600;font-size:14.5px;cursor:pointer;transition:.15s}
.seq-btn .chev{transition:transform .2s}
.seq-wrap.open .seq-btn{background:var(--orange)}
.seq-wrap.open>.btn.primary{background:var(--orange)}
.nk-wrap.open>.btn.ghost{background:var(--yolk)}
.seq-wrap.enrolled .seq-btn{background:#dff5e8;color:#3A1F0B}
.seq-btn.enrolled{background:#dff5e8;color:#3A1F0B}
.seq-wrap.open .seq-btn .chev{transform:rotate(180deg)}
.seq-drop{display:none;margin-top:8px;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:var(--radius);padding:8px;animation:fade .2s ease}
.seq-wrap.open .seq-drop{display:block}
.seq-search{display:flex;align-items:center;gap:7px;background:#FFF4E1;border:1px solid var(--coffee);border-radius:999px;padding:8px 12px;font-size:12.5px;color:var(--coffee-soft);margin-bottom:8px}
.seq-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font:inherit;color:#3A1F0B}
.seq-search input::placeholder{color:var(--coffee-soft)}
.seq-wrap.open #seqDrop{display:flex;flex-direction:column}
#seqHas{display:flex;flex-direction:column;min-height:0}
.seq-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tan) transparent;padding:1px}
.seq-item{background:var(--yolk);border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:600;color:#3A1F0B;cursor:pointer}
.seq-item:hover{background:var(--orange)}
.seq-empty{text-align:center;padding:12px 10px 10px}
.seq-empty .chirpy{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);background:var(--chick) center/80% no-repeat,var(--cream-3)}
.seq-empty h4{font-size:13.5px;font-weight:600;color:#3A1F0B}
.seq-empty p{font-size:11.5px;color:var(--coffee-soft);line-height:1.5;margin:5px auto 12px;max-width:250px}
.seq-create{display:inline-flex;align-items:center;gap:7px;background:#FFFAF0;color:#3A1F0B;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:9px 16px;font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer;text-decoration:none;transition:.15s}
.seq-create:hover{background:var(--yolk)}
.seq-create svg{width:13px;height:13px}
.co-none-line{display:flex;align-items:center;gap:9px;font-size:13px;color:#3A1F0B;margin:2px 0 12px}
.co-none-line .ic{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid var(--coffee);background:var(--cream-3);display:grid;place-items:center}
.co-none-line .ic svg{width:15px;height:15px}
.btn-stack{display:flex;flex-direction:column;gap:8px}
.btn-stack .seq-wrap{margin:0}
.btn-stack .btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.co-hint{font-size:11px;color:var(--coffee-soft);text-align:center;line-height:1.45;margin:10px 4px 2px}
.pin-note{display:flex;gap:9px;align-items:flex-start;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.45;color:#3A1F0B;margin-bottom:8px}
.pin-note svg{flex:none;width:15px;height:15px;margin-top:2px;color:var(--coffee-soft)}
.pin-note.warn{background:#FFF4E1}
.pin-note.warn svg{color:var(--orange-deep)}
.pin-note.err{background:#fbeae6}
.pin-note.err svg{color:#8c2f1b}
.pick-intro{font-size:11px;color:var(--coffee-soft);margin:2px 2px 4px;line-height:1.45}
.pick-row{display:flex;align-items:center;gap:10px;padding:10px 2px}
.pick-row+.pick-row{border-top:1px dashed var(--tan)}
.pick-av{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--coffee);background:var(--cream-3);display:grid;place-items:center;font-size:11px;font-weight:800;color:#3A1F0B}
.pick-nm{flex:1;min-width:0}
.pick-nm b{display:block;font-size:13px;font-weight:700;color:#3A1F0B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-nm span{display:block;font-size:11px;font-weight:500;color:var(--coffee-soft);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-go{flex:none;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:6px 14px;font-family:inherit;font-size:11.5px;font-weight:600;color:#3A1F0B;cursor:pointer;transition:.15s}
.pick-go:hover{background:var(--yolk)}
.pick-go.done{background:#dff5e8;cursor:default}
.pick-empty{padding:14px 4px;text-align:center;font-size:11.5px;color:#b3a794;line-height:1.4}
.np-month{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--coffee-soft);margin:2px 4px 8px}
.note-pill .np-head{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;color:var(--coffee-soft)}
.note-pill .np-head b{color:#3A1F0B;font-weight:700}
.np-chev{width:14px;height:14px;flex:none;color:var(--coffee);transition:transform .15s}
.note-pill.open .np-chev{transform:rotate(90deg)}
.np-date{margin-left:auto;flex:none;font-size:11px;color:var(--coffee-soft);white-space:nowrap}
.np-body{margin:7px 0 0 22px;font-size:13px;color:#3A1F0B;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.note-pill:not(.open) .np-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--coffee-soft)}
.lk-clear{display:none;flex:none;width:18px;height:18px;border:none;background:transparent;padding:0;color:var(--coffee-soft);cursor:pointer;transition:.15s}
.lk-clear:hover{color:var(--coffee)}
.lk-clear svg{width:11px;height:11px}
.lk-in .lk-clear.show{display:grid;place-items:center}
.chirp-note{font-size:12.5px;color:var(--coffee-soft);margin:2px 4px 10px}
.chirp-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.ctitle{font-size:14px;font-weight:600;color:#3A1F0B}
.cage{font-size:11.5px;color:var(--coffee-soft);white-space:nowrap}
.cstep{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.cstep .st{font-size:10.5px;font-weight:600;color:var(--coffee-soft);padding:2px 9px;border:1px solid transparent;border-radius:999px}
.cstep .st.done{color:#3A1F0B}
.cstep .st.now{border-color:var(--coffee);color:#3A1F0B}
.cstep i{flex:1;height:2px;background:#e8d8c2;border-radius:2px}
.cstep i.on{background:var(--coffee)}
.cdata{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:11.5px;color:var(--coffee-soft);margin-bottom:11px}
.cacts{display:flex;gap:8px}
.cbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#FFFAF0;color:#3A1F0B;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:8px 10px;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;transition:.15s}
.cbtn:hover{background:#FFF4E1}
.cbtn.open{background:var(--yolk);color:#3A1F0B}
.cbtn.open:hover{background:var(--orange)}
.cbtn.copied{background:#dff5e8;color:#3A1F0B}
.diag.info{background:#FFF4E1;color:#3A1F0B}
.cwho{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--coffee-soft);margin:-4px 0 10px}
.cwho .cav{width:22px;height:22px;flex:none;border-radius:50%;background:#FFF4E1;border:1px solid var(--coffee);display:grid;place-items:center;font-size:9px;font-weight:700;color:#3A1F0B}
.cwho b{color:#3A1F0B;font-weight:600}
.empty .chirpy{width:62px;height:62px;margin:0 auto 12px;border-radius:50%;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);background:var(--chick) center/80% no-repeat,var(--cream-2)}
.chirp-sub{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--coffee-soft);font-weight:600;margin:2px 4px 8px}
.queue-hint{font-size:11.5px;color:var(--coffee-soft);text-align:center;margin:2px 8px 8px}
.tpl-row{display:flex;align-items:center;gap:8px;background:#FFF4E1;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:7px 8px 7px 14px;margin-bottom:8px}
.tpl-name{flex:1;font-size:12.5px;font-weight:500;color:#3A1F0B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-rate{flex:none;font-size:11px;font-weight:600;color:#3A1F0B;background:#dff5e8;border:1px solid var(--coffee);border-radius:999px;padding:2px 9px}
.tplform{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease}
.tplform.open{max-height:560px;opacity:1;margin-top:12px}
.tpl-lb{display:block;font-size:11.5px;font-weight:600;color:#3A1F0B;margin:8px 2px 4px}
.tpl-in{width:100%;background:#FFF4E1;border:1px solid var(--coffee);border-radius:999px;padding:9px 13px;font-family:inherit;font-size:12.5px;color:#3A1F0B}
.tpl-in::placeholder{color:var(--coffee-soft)}
.tpl-2col{display:flex;gap:8px}
.tpl-2col>div{flex:1}
.tpl-body{border-radius:var(--radius);resize:vertical;min-height:84px;line-height:1.45}
.tpl-vars{display:flex;flex-wrap:wrap;gap:6px}
.tpl-var{font-size:10.5px;font-weight:600;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:3px 9px;cursor:pointer;color:#3A1F0B}
.tpl-var:hover{background:var(--yolk)}
.tpl-acts{display:flex;gap:8px;margin-top:14px}
.set-h{display:flex;align-items:center;justify-content:flex-start;font-size:15px;font-weight:600;color:#3A1F0B;margin-bottom:12px;gap:8px}
.set-h .cbtn,.set-h>.pill{margin-left:auto}
.set-row{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.set-av{width:38px;height:38px;border-radius:50%;background:#FFF4E1;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);display:grid;place-items:center;font-size:13px;font-weight:600;flex:none}
.set-nm{font-size:13.5px;font-weight:600}
.set-sub{font-size:11.5px;color:var(--coffee-soft)}
.set-kv{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--coffee-soft);padding:11px 2px;border-bottom:1px dashed var(--tan)}
.set-kv:last-child{border-bottom:none}
.set-kv span:last-child{font-weight:600;color:#3A1F0B}
.set-row+.set-kv{border-top:1px dashed var(--tan);margin-top:2px}
.sw-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.sw{width:38px;height:21px;flex:none;border-radius:999px;background:#FFF4E1;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);position:relative;cursor:pointer;transition:.18s;margin-top:1px}
.sw::after{content:"";position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#FFFAF0;border:1px solid var(--coffee);transition:.18s}
.sw.on{background:var(--rooster)}
.sw.on::after{left:18px}
.sw-t{font-size:13px;font-weight:600;color:#3A1F0B}
.sw-d{font-size:11.5px;color:var(--coffee-soft);line-height:1.4;margin-top:2px}
a.pill{text-decoration:none}
.qi{width:19px;height:19px;flex:none;border-radius:50%;border:1px solid var(--coffee);background:#FFF4E1;color:#3A1F0B;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;display:grid;place-items:center;margin-left:6px}
.qi:hover{background:var(--yolk)}
.sday.shield .dot{background:var(--cream-3);border-style:dashed;color:#3A1F0B}
.sday.shield .dot svg{width:13px;height:13px}
.sstat.mult .n{color:var(--rooster)}
.sstat .l svg{width:11px;height:11px;vertical-align:-1px}
.we-tip{display:none;position:absolute;top:46px;left:12px;right:12px;z-index:8;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:var(--shadow);border-radius:16px;padding:11px 13px;font-size:11.5px;line-height:1.5;color:var(--coffee);text-align:left}
.we-tip.show{display:block;animation:fade .2s ease}
.ch-wrap{flex:1;display:flex}
.ch-wrap .btn{flex:1}
.ch-tip{top:auto;bottom:calc(100% - 8px);left:12px;right:12px;width:auto}
.ch-wrap:has(.btn[disabled]):hover .ch-tip,.ch-wrap:has(.btn[disabled]):focus-within .ch-tip{display:block;animation:fade .2s ease}
.we-row{display:flex;gap:8px;align-items:flex-start}
.we-row+.we-row{margin-top:7px}
.we-row b{color:#3A1F0B}
.we-ic{flex:none;width:15px;height:15px;margin-top:2px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:700}
.we-ic.shield{background:transparent}
.we-ic.shield svg{width:14px;height:14px}
.we-ic.sting{background:#f3c6d3;border:1px solid var(--coffee);color:#8c2f5b}
.we-ic.reset{background:#bfe8d8;border:1px solid var(--coffee);color:#1b5e40}
.we-ic.mult{background:var(--yolk);border:1px solid var(--coffee);color:#3A1F0B;font-size:9px}
.we-ic.target{background:var(--yolk);border:1px solid var(--coffee);color:#3A1F0B}
.we-ic.trial{background:#bfe8d8;border:1px solid var(--coffee);color:#1b5e40;font-size:8px}
.we-ic.credit{background:var(--orange);border:1px solid var(--coffee);color:#FFFAF0}
.we-reps{background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:var(--radius);padding:11px 13px;margin-top:12px}
.we-reps .rh{font-size:13px;font-weight:600;margin-bottom:8px}
.rep-row+.rep-row{margin-top:9px}
.rep-hd{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;color:#3A1F0B}
.rep-hd .rn{font-weight:700}
.rep-row .sbar{margin-top:5px}
.qg{background:#FFF4E1;border:1px solid var(--coffee);border-radius:12px;padding:7px 10px;font-size:10.5px;line-height:1.45;color:var(--coffee-soft);margin-top:10px}
.qg b{color:#3A1F0B}
.arena-locked{text-align:center;padding:24px 16px}
.al-chick{width:64px;height:64px;border-radius:50%;border:2px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);background:var(--chick) center/78% no-repeat, var(--yolk);margin:0 auto 14px}
.al-msg{font-size:13.5px;font-weight:600;color:#3A1F0B}
.al-prog{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:21px}
.al-prog .ar{font-size:14px;color:var(--coffee-soft)}
.op-row{display:flex;align-items:center;gap:14px}
.op-n{font-size:30px;font-weight:700;color:var(--rooster)}
.op-bar{display:flex;gap:3px;margin-bottom:6px}
.op-bar .t{flex:1;height:7px;border-radius:999px;background:#FFF4E1;border:1px solid var(--coffee)}
.op-bar .t.done{background:var(--yolk)}
.op-bar .t.half{background:linear-gradient(90deg,var(--rooster) 60%,#FFF4E1 60%)}
.op-sub{font-size:11px;color:var(--coffee-soft)}
.ch-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ch-side{text-align:center;flex:1}
.ch-side .set-av{margin:0 auto}
.ch-nm{font-size:11px;color:var(--coffee-soft);margin-top:4px}
.ch-sc{font-size:21px;font-weight:700;color:#3A1F0B}
.ch-vs{font-size:11px;font-weight:600;color:var(--coffee-soft)}
.lb-row{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:7px 10px;border-radius:999px;border:1px solid transparent}
.lb-row.me{background:#FFF4E1;border-color:var(--coffee);box-shadow:1px 1px 0 var(--coffee)}
.lb-r{width:20px;text-align:right;font-weight:600;color:var(--coffee-soft);flex:none}
.lb-row.me .lb-r{color:#3A1F0B}
.lb-n{flex:1;font-weight:500;color:#3A1F0B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-you{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--yolk);border:1px solid var(--coffee);border-radius:999px;padding:1px 7px;margin-left:5px}
.lb-s{font-weight:700;color:var(--rooster);flex:none}
.co-head{display:flex;align-items:center;gap:11px;padding:4px 2px 11px;border-bottom:1px dashed var(--tan);margin-bottom:2px}
.co-logo{width:40px;height:40px;flex:none;border-radius:50%;background:#FFF4E1;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);display:grid;place-items:center;font-size:15px;font-weight:700;color:#3A1F0B}
.co-nm{font-size:14.5px;font-weight:600;color:#3A1F0B}
.co-dm{font-size:11.5px;color:var(--coffee-soft);margin-top:2px}
.ct-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px dashed var(--tan)}
.ct-row:last-of-type,.ct-row:has(+ :not(.ct-row)){border-bottom:none}
.ct-scroll{max-height:296px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;
    scrollbar-width:thin;scrollbar-color:var(--tan) transparent}
.ct-scroll::-webkit-scrollbar{width:6px}
.ct-scroll::-webkit-scrollbar-track{background:transparent}
.ct-scroll::-webkit-scrollbar-thumb{background:var(--tan);border-radius:999px;border:1px solid var(--cream-2)}
.ct-scroll::-webkit-scrollbar-thumb:hover{background:var(--coffee-soft)}
.screen[data-screen="profile"].active.cap,.screen[data-screen="companyProfile"].active.cap{height:100%;min-height:0}
.screen[data-screen="profile"].active.cap #coContactsCard.open,.screen[data-screen="companyProfile"].active.cap #cpContactsCard.open{margin-bottom:12px}
#pfPaneCompany,#cpPaneContacts{display:flex;flex-direction:column;min-height:0}
#coContactsCard.open{flex:1;display:flex;flex-direction:column;min-height:0}
#cpContactsCard.open{flex:0 1 auto;display:flex;flex-direction:column;min-height:0}
#coContactsCard.open .acc-body,#cpContactsCard.open .acc-body{display:flex;flex-direction:column;flex:1;min-height:0}
#coContactsCard.open .ct-scroll,#cpContactsCard.open .ct-scroll{flex:1;min-height:0;max-height:none}
#cpContactsCard .acc-body{border-top:none;padding-top:12px}
.ct-av{width:36px;height:36px;flex:none;border-radius:50%;background:#FFF4E1;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);display:grid;place-items:center;font-size:12px;font-weight:700;color:#3A1F0B}
.ct-main{flex:1;min-width:0}
.ct-nm{font-size:13px;font-weight:600;color:#3A1F0B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-sub{font-size:11px;color:var(--coffee-soft);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-row>.ct-acts{display:flex;gap:6px;flex:0 0 auto;margin-left:auto;justify-content:flex-end}
.ico-btn{width:30px;height:30px;display:grid;place-items:center;background:#FFFAF0;color:#3A1F0B;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:50%;cursor:pointer;transition:.15s;text-decoration:none}
.ico-btn:hover{background:var(--yolk)}
.ico-btn svg{width:14px;height:14px}
.ico-btn.off{background:#FFF4E1;color:#b3a794;box-shadow:none;border-style:dashed;cursor:default}
.ico-btn.off:hover{background:#FFF4E1}
.pf-row .v.ghost{color:#b3a794;font-weight:500}
.tag-nk{background:#fbeae6;border:1px dashed var(--coffee);color:#3A1F0B;font-weight:600;font-size:11.5px;padding:3px 9px;border-radius:999px}
.seq-item.cp-item{border-radius:16px;padding:8px 14px;text-align:left}
.cp-top{display:flex;align-items:baseline;gap:8px}
.cp-co{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:#3A1F0B;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-dates{flex:none;font-weight:500;font-size:10.5px;color:var(--coffee-soft)}
.cp-sub{display:block;font-weight:500;font-size:11px;color:var(--coffee-soft);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seq-item + .seq-item{margin-top:6px}
.cp-note{font-size:10.5px;color:var(--coffee-soft);text-align:center;margin:2px 0 8px}
.cp-note.cp-head{font-size:13.5px;color:#3A1F0B;text-align:left;margin:2px 2px 9px}
.cp-note.cp-head b{font-weight:700}
.nk-link{display:flex;align-items:center;gap:6px;margin:11px auto 0;width:fit-content;background:var(--cream-2);border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:7px 15px;font-family:inherit;font-size:12px;font-weight:600;color:#3A1F0B;cursor:pointer;transition:.15s}
.nk-link:hover{background:var(--yolk)}
.nk-link svg{width:13px;height:13px}
.nk-pill{cursor:default}
.nk-wrap.open .nk-link{background:var(--yolk)}
.lk-box{display:none;margin:10px 2px 2px;background:var(--cream-2);border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:20px;padding:12px;animation:fade .2s ease;text-align:left}
.nk-wrap.open .lk-box{display:block}
.lk-sub{font-size:11.5px;color:var(--coffee-soft);margin:0 2px 9px;line-height:1.4}
.lk-bar{display:flex;align-items:center;gap:10px;margin:6px 0 12px}
.lk-in{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:inset 1px 1px 0 rgba(58,31,11,.08);border-radius:999px;padding:10px 13px}
.lk-in svg{width:13px;height:13px;flex:none;color:var(--coffee-soft)}
.lk-in input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--coffee);outline:none}
.lk-in input::placeholder{color:#b3a794}
.lk-count{flex:none;font-size:10.5px;font-weight:600;color:var(--coffee-soft);white-space:nowrap}
.lk-list{margin-top:9px}
.lk-empty{padding:18px 10px;text-align:center;color:#b3a794}
.lk-empty svg{width:26px;height:26px;margin-bottom:6px}
.lk-empty p{font-size:11.5px;font-weight:500;line-height:1.4}
.lk-item{display:flex;align-items:center;gap:9px;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:16px;padding:8px 10px}
.lk-item + .lk-item{margin-top:6px}
.lk-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--tan);border:1px solid var(--coffee);display:grid;place-items:center;font-size:11px;font-weight:700}
.lk-nm{flex:1;min-width:0}
.lk-nm b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-nm b .lk-co{display:inline;font-weight:500}
.lk-nm b .cp-co{display:inline;font-size:12.5px;font-weight:700;color:#3A1F0B}
.lk-nm b .cp-tag-nopage{display:inline-block;font-size:9.5px;color:#7A3010;vertical-align:1px}
.lk-nm b .cp-date{display:inline;font-size:10.5px;font-weight:500;color:var(--coffee-soft)}
.lk-nm .cp-nopage-note{white-space:normal;overflow:visible;text-overflow:clip;display:block;background:#FFF1E0;border:1px dashed var(--rooster);border-radius:12px;padding:5px 9px;font-size:10px;font-weight:500;color:#7A3010;margin-top:5px;line-height:1.45}
.cp-nopage-note b{font-weight:700;color:#7A3010}
.lk-av{position:relative;overflow:hidden}
.lk-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#FFFAF0}
.lk-av i{font-style:normal}
.lk-nm span{display:block;font-size:10.5px;font-weight:500;color:var(--coffee-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-exp{flex:none;width:26px;height:26px;border-radius:50%;background:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);display:grid;place-items:center;color:var(--coffee);cursor:pointer;transition:.15s;padding:0}
.lk-exp svg{width:13px;height:13px;transition:.2s}
.lk-exp:hover{background:var(--yolk)}
.lk-item.exp .lk-exp svg{transform:rotate(180deg)}
.lk-item{flex-wrap:wrap}
.lk-det{flex-basis:100%;display:none;margin-top:7px;padding-top:6px;border-top:1px dashed var(--tan)}
.lk-item.exp .lk-det{display:block}
.lk-prop{display:flex;align-items:baseline;gap:10px;padding:2.5px 0}
.lk-prop span{flex:1;font-size:10.5px;font-weight:500;color:var(--coffee-soft)}
.lk-prop b{font-size:11px;font-weight:700;color:#3A1F0B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.lk-go{flex:none;background:var(--rooster);color:#FFFAF0;border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:6px 13px;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:.15s}
.lk-go:hover{background:var(--orange)}
.lk-go.done{background:#dff5e8;color:#3A1F0B;cursor:default}
.lk-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--coffee);font-size:11px;color:var(--coffee-soft)}
.lk-new{background:var(--cream-3);border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:600;color:#3A1F0B;cursor:pointer;transition:.15s}
.lk-new:hover{background:var(--yolk)}
.ra.free{color:#1f9d6b}
.ra.free:hover{background:#dff5e8;color:#1f9d6b}
.enrich-wrap{margin:12px 2px 0;position:relative}
.ebtn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--cream-2);
    color:#3A1F0B;border:1px solid var(--coffee);box-shadow:2px 2px 0 var(--coffee);border-radius:999px;
    padding:11px 16px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:.15s}
.ebtn:hover{background:var(--cream-3)}
.ebtn svg{width:15px;height:15px;flex:none}
.ebtn[disabled]{background:#FFF4E1;color:var(--coffee-soft);cursor:default;box-shadow:none}
.ebtn .spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ebtn.done,.ebtn.done[disabled]{background:#dff5e8;color:#3A1F0B;box-shadow:none;cursor:default;pointer-events:none}
.ebtn.done svg{color:#1f9d6b}
.ebtn.done-warn,.ebtn.done-warn[disabled]{background:#FEDCA3;color:#3A1F0B;box-shadow:none;cursor:default;pointer-events:none}
.ebtn.done-warn svg{color:#3A1F0B}
.ebtn.done-err,.ebtn.done-err[disabled]{background:#fbeae6;color:#8c2f1b;box-shadow:none;cursor:default;pointer-events:none}
.ebtn.done-err svg{color:#8c2f1b}
.enrich-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:8;
    background:var(--cream-2);border:1px solid var(--coffee);box-shadow:1px 1px 0 var(--coffee);border-radius:14px;
    padding:9px 11px;font-size:11.5px;line-height:1.45;color:var(--coffee);text-align:left;gap:8px;align-items:flex-start}
.enrich-tip svg{flex:none;width:14px;height:14px;margin-top:1px;color:var(--coffee-soft)}
.enrich-wrap.tipready{cursor:default}
.enrich-wrap.tipready .btn{cursor:pointer}
.enrich-wrap.tipready:hover .enrich-tip,.enrich-wrap.tipready:focus-within .enrich-tip{display:flex;animation:fade .2s ease}
.diag.dyn{display:none}
.diag.dyn.show{display:flex;animation:fade .25s ease}
.diag.info{background:#FFF4E1;color:#3A1F0B}
.diag .diag-actions,.enr-out .diag-actions{flex-basis:100%;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.diag{flex-wrap:wrap}
.diag .diag-act,.enr-out .diag-act{flex:none;background:#FFFAF0;border:1px solid var(--coffee);
    box-shadow:1px 1px 0 var(--coffee);border-radius:999px;padding:5px 12px;font-family:inherit;font-size:11.5px;
    font-weight:600;color:#3A1F0B;cursor:pointer;white-space:nowrap;transition:.15s}
.diag .diag-act:hover,.diag .diag-act:focus-visible,.enr-out .diag-act:hover,.enr-out .diag-act:focus-visible{background:var(--yolk);outline:none}



:root{
  
  --rooster-red: #C14425;
  --sunrise-orange: #FF8C42;
  --golden-yolk: #FDBA4E;
  --warm-eggshell: #FFF4E1;
  --light-eggshell: #FFFAF0;
  --charcoal: #3A1F0B;
  --fresh-clover: #7BB661;
  --hayfield-moss: #558C3F;

  
  --li-border: #e8e6e3;
  --li-text: rgba(0,0,0,.9);
  --li-text-low: rgba(0,0,0,.6);
  --li-hover: #f3f2ef;
  --li-link: #0a66c2;
  --li-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.dm-window{
  width: 400px;
  height: 700px;
  background: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--li-text);
}
.dm-window .dm-header, .hz-srpop .dm-header{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 8px 12px;
  border-bottom: 1px solid var(--li-border);
  flex-shrink: 0;
}
.dm-window .avatar, .hz-srpop .avatar{
  border-radius: 50%;
  background: repeating-linear-gradient(45deg, #d5d1cb, #d5d1cb 4px, #e6e2dc 4px, #e6e2dc 8px);
  flex-shrink: 0;
}
.dm-window .avatar.a32, .hz-srpop .avatar.a32{ width: 32px; height: 32px; }
.dm-window .avatar.a40, .hz-srpop .avatar.a40{ width: 40px; height: 40px; }
.dm-window .dm-header .dm-name, .hz-srpop .dm-header .dm-name{ flex: 1; font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dm-window .li-icon-btn, .hz-srpop .li-icon-btn{
  width: 32px; height: 32px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--li-text-low);
  font-size: 15px;
  cursor: pointer;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.dm-window .li-icon-btn:hover, .hz-srpop .li-icon-btn:hover{ background: var(--li-hover); }
.dm-window .dm-thread, .hz-srpop .dm-thread{
  flex: 1;
  overflow-y: auto;
  padding: 8px 16px 4px;
}
.dm-window .time-heading, .hz-srpop .time-heading{
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--li-text-low);
  padding: 14px 0 6px;
}
.dm-window .msg-group, .hz-srpop .msg-group{ display: flex; gap: 8px; margin-bottom: 2px; }
.dm-window .msg-group .avatar, .hz-srpop .msg-group .avatar{ margin-top: 2px; }
.dm-window .msg-col, .hz-srpop .msg-col{ flex: 1; min-width: 0; }
.dm-window .msg-meta, .hz-srpop .msg-meta{ display: flex; align-items: baseline; gap: 6px; }
.dm-window .msg-author, .hz-srpop .msg-author{ font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dm-window .badge, .hz-srpop .badge{ font-size: 10px; color: var(--li-text-low); flex-shrink: 0; }
.dm-window .msg-time, .hz-srpop .msg-time{ font-size: 12px; color: var(--li-text-low); font-weight: 400; flex-shrink: 0; }
.dm-window .msg-row, .hz-srpop .msg-row{ display: flex; align-items: flex-end; gap: 4px; }
.dm-window .msg-body, .hz-srpop .msg-body{ font-size: 14px; line-height: 1.45; color: var(--li-text-low); padding: 2px 0 6px; flex: 1; min-width: 0; }
.dm-window .msg-body a, .hz-srpop .msg-body a{ color: var(--li-link); font-weight: 600; text-decoration: none; word-break: break-all; }
.dm-window .msg-body a:hover, .hz-srpop .msg-body a:hover{ text-decoration: underline; }
.dm-window .sent-check, .hz-srpop .sent-check{
  width: 16px; height: 16px;
  flex-shrink: 0;
  margin-bottom: 8px;
}
.dm-window .sent-check circle, .hz-srpop .sent-check circle{ fill: none; stroke: var(--li-text-low); stroke-width: 1; }
.dm-window .sent-check path, .hz-srpop .sent-check path{ fill: var(--li-text-low); }
.dm-window .img-attachment, .hz-srpop .img-attachment{
  width: 200px;
  aspect-ratio: 4/3;
  border-radius: 8px;
  background: repeating-linear-gradient(45deg, #e9e4dc, #e9e4dc 8px, #f2eee7 8px, #f2eee7 16px);
  margin: 2px 0 8px;
}
.dm-window .preview-card, .hz-srpop .preview-card{
  border: 1px solid var(--li-border);
  border-radius: 8px;
  overflow: hidden;
  margin: 2px 0 8px;
  background: #fff;
}
.dm-window .preview-video, .hz-srpop .preview-video{
  width: 100%;
  aspect-ratio: 16/9;
  background:
    radial-gradient(circle at 30% 40%, rgba(193,68,37,.18), transparent 60%),
    radial-gradient(circle at 75% 70%, rgba(101,81,243,.15), transparent 55%),
    repeating-linear-gradient(45deg, #efe9df, #efe9df 8px, #f7f3ec 8px, #f7f3ec 16px);
  display: grid;
  place-items: center;
}
.dm-window .play-badge, .hz-srpop .play-badge{
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(0,0,0,.65);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 16px;
}
.dm-window .preview-meta, .hz-srpop .preview-meta{ padding: 8px 12px; }
.dm-window .preview-title, .hz-srpop .preview-title{ font-size: 14px; font-weight: 600; color: var(--li-text); }
.dm-window .preview-byline, .hz-srpop .preview-byline{ font-size: 12px; color: var(--li-text-low); margin-top: 2px; }
.dm-window .artdeco-divider, .hz-srpop .artdeco-divider{ border-top: 1px solid var(--li-border); flex-shrink: 0; }
.dm-window .dm-composer, .hz-srpop .dm-composer{ flex-shrink: 0; }
.dm-window .compose-wrap, .hz-srpop .compose-wrap{ position: relative; display: flex; }
.dm-window .compose-field, .hz-srpop .compose-field{
  flex: 1;
  min-height: 100px;
  border: none;
  resize: none;
  font-family: var(--li-font);
  font-size: 14px;
  line-height: 1.45;
  color: var(--li-text);
  padding: 8px 12px;
  background: transparent;
  position: relative;
  z-index: 11; 
}
.dm-window .compose-field:focus, .hz-srpop .compose-field:focus{ outline: none; }
.dm-window .compose-expand, .hz-srpop .compose-expand{
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 12;
}
.dm-window .compose-field::placeholder, .hz-srpop .compose-field::placeholder{ color: var(--li-text-low); }
.dm-window .compose-footer, .hz-srpop .compose-footer{
  display: flex;
  align-items: center;
  padding: 6px 8px 8px 4px;
  gap: 0;
}
.dm-window .compose-footer .li-icon-btn, .hz-srpop .compose-footer .li-icon-btn{ width: 30px; height: 30px; font-size: 14px; }
.dm-window .gif-chip, .hz-srpop .gif-chip{
  font-size: 9px;
  font-weight: 700;
  border: 1.5px solid var(--li-text-low);
  border-radius: 3px;
  padding: 0 2px;
  color: var(--li-text-low);
}
.dm-window .sr-footer-cluster, .hz-srpop .sr-footer-cluster{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 4px;
}
.dm-window .sr-circle, .hz-srpop .sr-circle{
  position: relative;
  width: 26px; height: 26px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--charcoal);
  background: var(--light-eggshell);
  box-shadow: 1px 1px 0 var(--charcoal);
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition: transform .06s ease, box-shadow .06s ease, background .06s ease;
}
.dm-window .sr-circle:hover, .hz-srpop .sr-circle:hover{ background: var(--warm-eggshell); }
.dm-window .sr-circle:active, .hz-srpop .sr-circle:active{ transform: translate(1px,1px); box-shadow: none; }
.dm-window .sr-circle svg, .hz-srpop .sr-circle svg{ width: 13px; height: 13px; stroke: var(--charcoal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dm-window .sr-hs-pill, .hz-srpop .sr-hs-pill{ position: relative; }
.dm-window .sr-circle::after, .hz-srpop .sr-circle::after, .dm-window .sr-hs-pill::after, .hz-srpop .sr-hs-pill::after{
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--rooster-red);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  padding: 5px 10px;
  border-radius: 12px;
  white-space: pre-line;
  text-align: center;
  min-width: max-content;
  max-width: 220px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .1s ease;
  z-index: 30;
}
.dm-window .sr-circle:hover::after, .hz-srpop .sr-circle:hover::after, .dm-window .sr-hs-pill:hover::after, .hz-srpop .sr-hs-pill:hover::after{ opacity: 1; }
.dm-window .sr-circle[aria-expanded="true"]::after, .hz-srpop .sr-circle[aria-expanded="true"]::after{ display: none; }
.dm-window .sr-circle.is-disabled, .hz-srpop .sr-circle.is-disabled{
  background: var(--light-eggshell);
  border-color: #c3b399;
  box-shadow: none;
  cursor: not-allowed;
}
.dm-window .sr-circle.is-disabled svg, .hz-srpop .sr-circle.is-disabled svg{ stroke: #c3b399; }
.dm-window .sr-circle.is-disabled:hover, .hz-srpop .sr-circle.is-disabled:hover{ background: var(--light-eggshell); }
.dm-window .sr-circle.is-disabled:active, .hz-srpop .sr-circle.is-disabled:active{ transform: none; box-shadow: none; }
.dm-window .sr-circle--sync.is-on, .hz-srpop .sr-circle--sync.is-on{ background: var(--fresh-clover); }
.dm-window .sr-circle--sync.is-on:hover, .hz-srpop .sr-circle--sync.is-on:hover{ background: var(--hayfield-moss); }
.dm-window .sr-circle--sync.is-off, .hz-srpop .sr-circle--sync.is-off{ background: var(--rooster-red); }
.dm-window .sr-circle--sync.is-off:hover, .hz-srpop .sr-circle--sync.is-off:hover{ background: #A8381E; }
.dm-window .sr-circle--sync.is-on svg, .hz-srpop .sr-circle--sync.is-on svg, .dm-window .sr-circle--sync.is-off svg, .hz-srpop .sr-circle--sync.is-off svg{ stroke: #fff; }
.dm-window .sr-hs-pill, .hz-srpop .sr-hs-pill{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 10px;
  border: 1.5px solid var(--charcoal);
  border-radius: 9999px;
  box-shadow: 1px 1px 0 var(--charcoal);
  font-family: 'Fredoka', var(--li-font);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: transform .06s ease, box-shadow .06s ease, background .06s ease;
}
.dm-window .sr-hs-pill:active, .hz-srpop .sr-hs-pill:active{ transform: translate(1px,1px); box-shadow: none; }
.dm-window .sr-hs-pill svg, .hz-srpop .sr-hs-pill svg{ width: 12px; height: 12px; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.dm-window .sr-hs-pill--link, .hz-srpop .sr-hs-pill--link{ background: var(--light-eggshell); color: var(--charcoal); }
.dm-window .sr-hs-pill--link:hover, .hz-srpop .sr-hs-pill--link:hover{ background: var(--warm-eggshell); }
.dm-window .sr-hs-pill--link svg, .hz-srpop .sr-hs-pill--link svg{ stroke: var(--charcoal); }
.dm-window .sr-hs-pill--add, .hz-srpop .sr-hs-pill--add{ background: var(--rooster-red); color: #fff; }
.dm-window .sr-hs-pill--add:hover, .hz-srpop .sr-hs-pill--add:hover{ background: #A8381E; }
.dm-window .sr-hs-pill--add svg, .hz-srpop .sr-hs-pill--add svg{ stroke: #fff; }
.dm-window .sr-hidden, .hz-srpop .sr-hidden{ display: none !important; }
.dm-window .dm-header .sr-hs-pill::after, .hz-srpop .dm-header .sr-hs-pill::after{
  bottom: auto;
  top: calc(100% + 8px);
}
.dm-window .dm-header, .hz-srpop .dm-header{ position: relative; }
.dm-window .sr-dd-pill, .hz-srpop .sr-dd-pill{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 9px;
  border: 1.5px solid var(--charcoal);
  border-radius: 9999px;
  background: var(--warm-eggshell);
  box-shadow: 1px 1px 0 var(--charcoal);
  font-family: 'Fredoka', var(--li-font);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--charcoal);
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: transform .06s ease, box-shadow .06s ease, background .06s ease;
}
.dm-window .sr-dd-pill:hover, .hz-srpop .sr-dd-pill:hover{ background: var(--light-eggshell); }
.dm-window .sr-dd-pill:active, .hz-srpop .sr-dd-pill:active{ transform: translate(1px,1px); box-shadow: none; }
.dm-window .sr-dd-pill .chev, .hz-srpop .sr-dd-pill .chev{
  display: inline-flex;
  transition: transform .12s ease;
}
.dm-window .sr-dd-pill .chev svg, .hz-srpop .sr-dd-pill .chev svg{
  width: 10px; height: 10px;
  stroke: var(--charcoal);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.dm-window .sr-dd-pill[aria-expanded="true"] .chev, .hz-srpop .sr-dd-pill[aria-expanded="true"] .chev{ transform: rotate(180deg); }
.dm-window .sr-dd-menu, .hz-srpop .sr-dd-menu{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 195px;
  max-height: 190px;
  overflow-y: auto;
  background: var(--light-eggshell);
  border: 2px solid var(--charcoal);
  border-radius: 14px;
  box-shadow: 2px 2px 0 var(--charcoal);
  padding: 6px;
  font-family: 'Fredoka', var(--li-font);
  color: var(--charcoal);
  z-index: 50;
  display: none;
}
.dm-window .sr-dd-menu.open, .hz-srpop .sr-dd-menu.open{ display: block; }
.dm-window .sr-dd-menu::-webkit-scrollbar, .hz-srpop .sr-dd-menu::-webkit-scrollbar{ width: 6px; }
.dm-window .sr-dd-menu::-webkit-scrollbar-track, .hz-srpop .sr-dd-menu::-webkit-scrollbar-track{ background: transparent; margin: 6px 0; }
.dm-window .sr-dd-menu::-webkit-scrollbar-thumb, .hz-srpop .sr-dd-menu::-webkit-scrollbar-thumb{ background: var(--golden-yolk); border-radius: 9999px; }
.dm-window .compose-footer, .hz-srpop .compose-footer{ position: relative; }
.dm-window .sr-sync-popover, .hz-srpop .sr-sync-popover{
  position: absolute;
  bottom: calc(100% + 12px);
  left: 12px;
  width: 300px;
  background: var(--warm-eggshell);
  border: 2px solid var(--charcoal);
  border-radius: 16px;
  box-shadow: 2px 2px 0 var(--charcoal);
  padding: 16px;
  font-family: 'Fredoka', var(--li-font);
  color: var(--charcoal);
  z-index: 40;
  display: none;
}
.dm-window .sr-sync-popover.open, .hz-srpop .sr-sync-popover.open{ display: block; }
.dm-window .sr-sync-popover::after, .hz-srpop .sr-sync-popover::after{
  content: '';
  position: absolute;
  top: 100%;
  left: var(--caret-x, 121px);
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: var(--charcoal);
}
.dm-window .sr-template-popover, .hz-srpop .sr-template-popover{
  position: absolute;
  bottom: calc(100% + 12px);
  left: 12px;
  width: 240px;
  background: var(--light-eggshell);
  border: 2px solid var(--charcoal);
  border-radius: 16px;
  box-shadow: 2px 2px 0 var(--charcoal);
  padding: 6px;
  font-family: 'Fredoka', var(--li-font);
  color: var(--charcoal);
  z-index: 40;
  display: none;
}
.dm-window .sr-template-popover.open, .hz-srpop .sr-template-popover.open{ display: block; }
.dm-window .sr-template-popover::after, .hz-srpop .sr-template-popover::after{
  content: '';
  position: absolute;
  top: 100%;
  left: var(--caret-x, 214px);
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: var(--charcoal);
}
.dm-window .sr-template-header, .hz-srpop .sr-template-header{
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .08em;
  color: #8a7a64;
  padding: 8px 12px 6px;
  border-bottom: 1.5px dashed #e5d9c3;
  margin-bottom: 4px;
}
.dm-window .sr-template-item, .hz-srpop .sr-template-item{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: none;
  background: none;
  border-radius: 10px;
  padding: 9px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--charcoal);
  cursor: pointer;
  text-align: left;
  transition: background .06s ease;
}
.dm-window .sr-template-item:hover, .hz-srpop .sr-template-item:hover{ background: var(--warm-eggshell); }
.dm-window .sr-template-item .check, .hz-srpop .sr-template-item .check{
  width: 14px;
  flex-shrink: 0;
  color: var(--fresh-clover);
  font-weight: 700;
  visibility: hidden;
}
.dm-window .sr-template-item.selected, .hz-srpop .sr-template-item.selected{ font-weight: 700; }
.dm-window .sr-template-item.selected .check, .hz-srpop .sr-template-item.selected .check{ visibility: visible; }
.dm-window .sr-template-item .t-muted, .hz-srpop .sr-template-item .t-muted{ font-size: 11px; font-weight: 500; color: #9a8a74; }
.dm-window .sr-sync-popover h3, .hz-srpop .sr-sync-popover h3{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 6px;
}
.dm-window .sr-sync-popover p, .hz-srpop .sr-sync-popover p{
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 12px;
}
.dm-window .sr-popover-btn, .hz-srpop .sr-popover-btn{
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 2px solid var(--charcoal);
  border-radius: 9999px;
  box-shadow: 1px 1px 0 var(--charcoal);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 8px;
  transition: transform .06s ease, box-shadow .06s ease;
}
.dm-window .sr-popover-btn:active, .hz-srpop .sr-popover-btn:active{ transform: translate(1px,1px); box-shadow: none; }
.dm-window .sr-popover-btn--remove, .hz-srpop .sr-popover-btn--remove{ background: var(--rooster-red); color: #fff; }
.dm-window .sr-popover-btn--keep, .hz-srpop .sr-popover-btn--keep{ background: var(--golden-yolk); color: var(--charcoal); }
.dm-window .sr-popover-cancel, .hz-srpop .sr-popover-cancel{
  display: block;
  width: 100%;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--charcoal);
  cursor: pointer;
  padding: 4px;
  text-align: center;
}
.dm-window .sr-popover-cancel:hover, .hz-srpop .sr-popover-cancel:hover{ text-decoration: underline; }
.dm-window .wf-bar, .hz-srpop .wf-bar{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  font-family: 'Fredoka', sans-serif;
  color: var(--charcoal);
}
.dm-window .wf-label, .hz-srpop .wf-label{
  font-size: 12px;
  font-weight: 500;
  color: #8a7a64;
}
.dm-window .wf-group, .hz-srpop .wf-group{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  background: #fff;
  border: 1.5px solid var(--charcoal);
  border-radius: 9999px;
}
.dm-window .wf-opt, .hz-srpop .wf-opt{
  border: 1.5px solid transparent;
  background: transparent;
  border-radius: 9999px;
  padding: 3px 11px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  color: var(--charcoal);
  cursor: pointer;
  white-space: nowrap;
}
.dm-window .wf-opt.active, .hz-srpop .wf-opt.active{
  background: var(--golden-yolk);
  border-color: var(--charcoal);
}
.dm-window .spacer, .hz-srpop .spacer{ flex: 1; }
.dm-window .btn-send, .hz-srpop .btn-send{
  padding: 5px 16px;
  border: none;
  border-radius: 9999px;
  background: #e8e6e3;
  color: rgba(0,0,0,.35);
  font-family: var(--li-font);
  font-size: 14px;
  font-weight: 600;
  cursor: not-allowed;
}
.dm-window .btn-send.enabled, .hz-srpop .btn-send.enabled{ background: var(--li-link); color: #fff; cursor: pointer; }



:root {
  color-scheme: light;
  --hz-red: #C14425;
  --hz-orange: #FF8C42;
  --hz-yolk: #FDBA4E;
  --hz-eggshell: #FFF4E1;
  --hz-eggshell-light: #FFFAF0;
  --hz-coffee: #3A1F0B;
  --hz-clover: #7BB661;
  --hz-trust: #6551F3;
  --hz-li-blue: #0A66C2;
  --hz-li-bg: #F4F2EE;
  --hz-li-border: #E0DFDC;
  --hz-li-text: rgba(0,0,0,.9);
  --hz-li-muted: rgba(0,0,0,.6);
  --hz-li-font: -apple-system, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --hz-display: 'Dela Gothic One', 'Fredoka', system-ui, sans-serif;
  --hz-body: 'Fredoka', system-ui, sans-serif;
  --hz-W: 1400px;
  --hz-H: 780px;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
html { scroll-padding-top: env(safe-area-inset-top, 0px); }

body {
  font-family: var(--hz-body);
  color: var(--hz-coffee);
  background: var(--hz-eggshell);
  min-height: 100%;
  display: block;
  padding: 0;
}

.hz-hero { padding: 56px 16px 40px; }
.embedded .hz-hero { padding: 40px 8px 10px; }
body.embedded { overflow: hidden; background: transparent; }  
.hz-wrap { position: relative; max-width: var(--hz-W); margin: 0 auto; height: var(--hz-H); }
@media (max-width: 759px) { .hz-sticker { font-size: 15px; padding: 10px 16px; top: -18px; white-space: normal; text-align: center; max-width: 90%; } }
.hz-frame {
  position: absolute; left: 0; top: 0;
  width: var(--hz-W); height: var(--hz-H);
  transform-origin: 0 0;
  border: 2px solid var(--hz-coffee);
  border-radius: 14px;
  box-shadow: 6px 6px 0 var(--hz-coffee);
  background: var(--hz-li-bg);
  overflow: hidden;
  display: flex; flex-direction: column;
}
.hz-bar {
  height: 44px; flex: none;
  display: flex; align-items: center; gap: 12px;
  padding: 0 14px;
  background: #fff; border-bottom: 1px solid var(--hz-coffee);
  font-family: var(--hz-li-font); font-size: 13px; color: var(--hz-li-muted);
}
.hz-bar .dots { display: flex; gap: 6px; }
.hz-bar .dots i { width: 10px; height: 10px; border-radius: 50%; background: var(--hz-coffee); opacity: .22; display: block; }
.hz-bar .url {
  flex: 1; max-width: 520px; background: var(--hz-li-bg); border-radius: 999px; padding: 5px 14px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hz-bar .live { display: inline-flex; align-items: center; gap: 7px; font-family: var(--hz-body); font-weight: 600; color: var(--hz-coffee); font-size: 12.5px; }
.hz-bar .live i { width: 8px; height: 8px; border-radius: 50%; background: var(--hz-clover); display: block; box-shadow: 0 0 0 3px #7BB66133; }
.hz-bar .replay {
  margin-left: auto; font-family: var(--hz-body); font-weight: 600; font-size: 12.5px;
  background: var(--hz-eggshell-light); color: var(--hz-coffee); border: 1px solid var(--hz-coffee);
  border-radius: 999px; padding: 5px 12px; box-shadow: 2px 2px 0 var(--hz-coffee); cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
}
.hz-bar .replay:active { transform: translate(2px,2px); box-shadow: none; }
.hz-bar .replay svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.hz-bar .ext { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--hz-coffee); background: var(--chick) center/80% no-repeat, var(--hz-eggshell-light); }

.hz-stage { position: relative; flex: 1; min-height: 0; display: flex; }
.hz-li { position: relative; flex: 1; min-width: 0; overflow: hidden; display: flex; flex-direction: column; }

.hz-stage .shell { position: absolute; top: 0; right: 0; bottom: 0; height: auto; z-index: 30; }
.hz-stage .shell.closed { right: 18px; pointer-events: none; }  
.hz-stage .shell.closed .rail-wrap { pointer-events: auto; }
.hz-stage .panel { height: 100%; }
.hz-gone { display: none !important; }  

.hz-stage #coContactsCard.open { flex: 0 0 auto; }

.hz-stage .btn[aria-disabled="true"] { background: #FFF4E1; color: #3A1F0B; opacity: 1; cursor: default; box-shadow: none; transform: none; border-style: dashed; pointer-events: none; }

.hz-stage .hd-btn[disabled] { background: #FFF4E1; color: #3A1F0B; opacity: 1; cursor: default; box-shadow: none; transform: none; border-style: dashed; pointer-events: none; }
.hz-stage .screen[data-screen="profile"].active.cap #coContactsCard.open { margin-bottom: 12px; }

.lk { font-family: var(--hz-li-font); color: var(--hz-li-text); display: flex; flex-direction: column; height: 100%; }
.lk-nav {
  display: flex; align-items: center; gap: 12px; flex: none;
  background: #fff; padding: 0 20px; height: 52px; border-bottom: 1px solid var(--hz-li-border);
}
.lk-logo { width: 34px; height: 34px; border-radius: 4px; background: var(--hz-li-blue); color: #fff; font-weight: 800; font-size: 20px; display: grid; place-items: center; letter-spacing: -1px; }
.lk-search { flex: 0 1 260px; height: 34px; border-radius: 4px; background: #EDF3F8; display: flex; align-items: center; padding: 0 12px; color: var(--hz-li-muted); font-size: 14px; gap: 8px; }
.lk-search svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.lk-nav-items { margin-left: auto; display: flex; gap: 26px; }
.lk-nav-item { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 12px; color: var(--hz-li-muted); position: relative; }
.lk-nav-item svg { width: 22px; height: 22px; fill: currentColor; }
.lk-nav-item.on { color: var(--hz-li-text); }
.lk-nav-item.on::after { content: ""; position: absolute; left: -6px; right: -6px; bottom: -11px; height: 2px; background: var(--hz-li-text); }
.lk-nav-item .n { position: absolute; top: -4px; right: -8px; background: #CC1016; color: #fff; font-size: 10px; font-weight: 700; border-radius: 999px; padding: 0 5px; line-height: 15px; }
.lk-nav-item .me { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, #FDBA4E, #FF8C42); }

.lk-scroll { flex: 1; min-height: 0; overflow-y: auto; }
.lk-body { display: grid; grid-template-columns: 1fr 300px; gap: 24px; padding: 24px 24px 60px; max-width: 1128px; margin: 0 auto; width: 100%; }
.lk-card { background: #fff; border: 1px solid var(--hz-li-border); border-radius: 8px; overflow: hidden; }
.lk-card + .lk-card { margin-top: 12px; }
.lk-banner { height: 150px; background: url("/demo/img/linkedin-banner.webp") center / cover no-repeat, #FFF4E1; }
.lk-profile { padding: 0 24px 24px; position: relative; }
.lk-avatar { width: 152px; height: 152px; border-radius: 50%; border: 4px solid #fff; margin-top: -88px; background: #eee; }
.lk-avatar--photo { background: url("/demo/img/timy-avatar.webp") center / cover no-repeat; }
.av-timy { background-image: url("/demo/img/timy-avatar.webp") !important; background-size: cover !important; background-position: center !important; }
.lk-name .emoji { font-size: 18px; }
.lk-name .shield svg { width: 18px; height: 18px; fill: none; stroke: var(--hz-li-text); stroke-width: 1.6; }
.lk-name .shield .tick { stroke-width: 2; }
.lk-mutual { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--hz-li-muted); margin-top: 8px; }
.lk-mutual b { color: var(--hz-li-text); font-weight: 600; }
.lk-mutual .avs { display: inline-flex; }
.lk-mutual .avs i { width: 24px; height: 24px; border-radius: 50%; background: #CFD8DC; border: 2px solid #fff; display: block; }
.lk-mutual .avs i + i { margin-left: -8px; background: #B0BEC5; }
.lk-company i.chick { background: var(--chick) center / 80% no-repeat, #fff; border-radius: 50%; }
.lk-section p .more { color: var(--hz-li-muted); font-weight: 600; text-decoration: none; }
.lk-feat { border: 1px solid var(--hz-li-border); border-radius: 8px; overflow: hidden; }
.lk-feat-k { display: block; font-size: 12px; color: var(--hz-li-muted); padding: 10px 12px 6px; }
.lk-feat-row { display: flex; gap: 0; border-top: 1px solid var(--hz-li-border); }
.lk-feat-thumb { width: 42%; min-height: 72px; background: url("/demo/img/linkedin-banner.webp") left center / cover no-repeat; flex: none; }
.lk-feat-txt { padding: 10px 12px; }
.lk-feat-txt b { display: block; font-size: 14px; line-height: 1.3; }
.lk-feat-txt span { font-size: 12px; color: var(--hz-li-muted); }
.lk-ad { display: flex; background: var(--hz-li-blue); color: #fff; border-color: var(--hz-li-blue); min-height: 180px; }
.lk-ad-l { flex: 1; padding: 16px; }
.lk-ad-l b { font-size: 14px; display: block; margin-bottom: 18px; }
.lk-ad-l b span { background: #fff; color: var(--hz-li-blue); border-radius: 3px; padding: 0 3px; margin-left: 2px; font-weight: 800; }
.lk-ad-l p { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.15; }
.lk-ad-r { width: 42%; background: linear-gradient(160deg, #C9A77A, #8E6B47); }
.lk-person b small { font-weight: 400; color: var(--hz-li-muted); font-size: 12px; }
.lk-msgbar .av-you { background: linear-gradient(135deg, #B0BEC5, #78909C); }
.lk-name { font-size: 24px; font-weight: 600; margin: 14px 0 0; display: flex; align-items: center; gap: 8px; }
.lk-name .deg { font-size: 14px; font-weight: 400; color: var(--hz-li-muted); }
.lk-headline { font-size: 16px; margin: 2px 0 6px; line-height: 1.35; }
.lk-meta { font-size: 14px; color: var(--hz-li-muted); }
.lk-meta a { color: var(--hz-li-blue); font-weight: 600; text-decoration: none; }
.lk-conn { font-size: 14px; color: var(--hz-li-blue); font-weight: 600; margin-top: 6px; }
.lk-actions { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.lk-btn { border-radius: 999px; padding: 6px 16px; font-size: 16px; font-weight: 600; line-height: 20px; border: 1px solid var(--hz-li-blue); background: #fff; color: var(--hz-li-blue); cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; }
.lk-btn svg { width: 16px; height: 16px; fill: currentColor; }
.lk-btn.primary { background: var(--hz-li-blue); color: #fff; }
.lk-btn.primary:hover { background: #004182; }
.lk-btn.ghost { border-color: var(--hz-li-muted); color: var(--hz-li-muted); }
.lk-btn.sm { font-size: 14px; padding: 3px 12px; margin-top: 6px; }
.lk-company { position: absolute; right: 24px; top: 78px; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.lk-company i { width: 32px; height: 32px; border-radius: 4px; background: #1B2A41; color: #fff; display: grid; place-items: center; font-style: normal; font-weight: 800; }

.lk-section { padding: 20px 24px; }
.lk-section h3 { margin: 0 0 8px; font-size: 20px; font-weight: 600; }
.lk-section p { margin: 0; font-size: 14px; line-height: 1.5; }
.lk-act { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid var(--hz-li-border); }
.lk-act:first-of-type { border-top: 0; padding-top: 4px; }
.lk-act .thumb { width: 72px; height: 72px; border-radius: 4px; background: #E9E5DF; flex: none; }
.lk-act b { display: block; font-size: 14px; }
.lk-act span { font-size: 12px; color: var(--hz-li-muted); }
.lk-act p { margin-top: 6px; }

.lk-rail h4 { margin: 0; font-size: 16px; font-weight: 600; padding: 16px 16px 8px; }
.lk-person { display: flex; gap: 10px; padding: 10px 16px; align-items: flex-start; }
.lk-person .av { width: 48px; height: 48px; border-radius: 50%; background: #CFD8DC; flex: none; }
.lk-person b { font-size: 14px; display: block; }
.lk-person span { font-size: 12px; color: var(--hz-li-muted); display: block; line-height: 1.3; }

.lk-msgbar {
  position: absolute; right: 40px; bottom: 0; z-index: 20;
  width: 288px; height: 48px; background: #fff; border-radius: 8px 8px 0 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.15);
  display: flex; align-items: center; gap: 8px; padding: 0 8px 0 12px;
  font-family: var(--hz-li-font); font-size: 14px; font-weight: 600; cursor: pointer;
}
.lk-msgbar .av { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #FDBA4E, #FF8C42); position: relative; }
.lk-msgbar .av::after { content: ""; position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; border-radius: 50%; background: #057642; border: 2px solid #fff; }
.lk-msgbar .t { flex: 1; }
.lk-msgbar .ic { color: var(--hz-li-muted); font-size: 14px; padding: 0 6px; }
.hz-stage.dm-open .lk-msgbar { display: none; }

.hz-dm { position: absolute; right: 40px; bottom: 0; z-index: 40; display: none; height: 100%; align-items: flex-end; pointer-events: none; }
.hz-stage.dm-open .hz-dm { display: flex; }
.hz-dm .dm-window { pointer-events: auto; height: min(560px, calc(100% - 24px)); }
.hz-dm .dm-window .avatar.av-ak { background: linear-gradient(135deg, #CFE3D4, #8FBFA0); }

.hz-pulse { position: relative; }
.hz-pulse::before {
  content: ""; position: absolute; inset: -6px; border-radius: 999px;
  border: 3px solid var(--hz-orange); pointer-events: none;
  animation: hzring 1.5s ease-out infinite;
}
@keyframes hzring { 0% { transform: scale(.94); opacity: 1; } 100% { transform: scale(1.12); opacity: 0; } }

.hz-bounce { animation: hzbounce 2.4s ease-in-out infinite; }
@keyframes hzbounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.hz-coach.nofaces .face { display: none; }

.hz-coach {
  position: absolute; z-index: 45; display: none; align-items: flex-end; gap: 8px;
  max-width: 300px; pointer-events: none;
}
.hz-coach.show { display: flex; animation: hzcoach .22s ease; }
.hz-coach .face { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1px solid var(--hz-coffee); background: var(--chick) center/82% no-repeat, var(--hz-eggshell-light); box-shadow: 2px 2px 0 var(--hz-coffee); }
.hz-coach .say { background: var(--hz-eggshell-light); border: 1px solid var(--hz-coffee); border-radius: 14px 14px 14px 4px; padding: 9px 12px; font-family: var(--hz-body); font-size: 13.5px; font-weight: 500; line-height: 1.4; color: var(--hz-coffee); box-shadow: 2px 2px 0 var(--hz-coffee); }
.hz-coach .say b { font-weight: 700; }
.hz-coach.flip { flex-direction: row-reverse; }
.hz-coach.flip .say { border-radius: 14px 14px 4px 14px; }
@keyframes hzcoach { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.hz-veil { display: none; }
@media (max-width: 759px) {
  .hz-veil {
    position: absolute; inset: 0; z-index: 70; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 14px; text-align: center; padding: 24px; background: rgba(255,244,225,.72); backdrop-filter: blur(2px);
  }
  .hz-veil .face { width: 64px; height: 64px; border-radius: 50%; border: 1px solid var(--hz-coffee); background: var(--chick) center/82% no-repeat, var(--hz-eggshell-light); box-shadow: 2px 2px 0 var(--hz-coffee); }
  .hz-veil p { font-size: 15px; font-weight: 600; max-width: 26ch; margin: 0; }
  .hz-veil a { font-family: var(--hz-body); font-weight: 600; background: var(--hz-red); color: #fff; border: 1px solid var(--hz-coffee); border-radius: 999px; padding: 12px 20px; text-decoration: none; box-shadow: 2px 2px 0 var(--hz-coffee); }
}

@media (prefers-reduced-motion: reduce) {
  .hz-pulse::before { animation: none; opacity: .9; }
  .hz-bounce { animation: none; }
  .hz-coach.show { animation: none; }
}

.dm-window a.sr-popover-btn, .hz-srpop a.sr-popover-btn { text-decoration: none; display: block; text-align: center; }

.dm-window .sr-popover-btn--install, .hz-srpop .sr-popover-btn--install { background: var(--hz-red); color: #fff; }
.hz-dim, .hz-dim-inner { position: absolute; inset: 0; background: rgba(58,31,11,.7); display: none; }
.hz-dim { z-index: 50; }
.hz-dm .dm-window { position: relative; }
.hz-dm .dm-window .hz-dim-inner { z-index: 30; border-radius: 8px 8px 0 0; }
.hz-stage .panel .hz-dim-inner { z-index: 5; }  
.hz-stage.gate-dm .hz-dim, .hz-stage.gate-panel .hz-dim { display: block; }
.hz-stage.gate-dm .hz-dm { z-index: 60; }
.hz-stage.gate-dm .dm-window .hz-dim-inner { display: block; }
.hz-stage.gate-panel .shell { z-index: 60; }
.hz-stage.gate-panel .panel .hz-dim-inner { display: block; }

.hz-stage.gate-chirpy .hz-dim { display: block; cursor: pointer; }
.hz-stage.gate-chirpy .shell { z-index: 60; }
.hz-coach { z-index: 65; }

.hz-srpop { position: absolute; left: 0; right: 0; bottom: 0; z-index: 6; pointer-events: none; }
.hz-srpop .sr-sync-popover { left: 12px; right: 12px; width: auto; bottom: var(--gate-bottom, 90px); pointer-events: auto; }

.lk-btn:not(#lkMessage), .lk-nav-item, .lk-meta a, .lk-section p .more, .lk-msgbar .ic, .lk-search, .lk-conn { cursor: default; }
.lk-btn.sm:hover, .lk-btn.ghost:hover, .lk-btn:not(.primary):hover { background: #fff; }

.dm-window .li-icon-btn[aria-label="Attach a file"],
.dm-window .li-icon-btn[aria-label="Attach an image"],
.dm-window .li-icon-btn[aria-label="Open GIF keyboard"],
.dm-window .li-icon-btn[aria-label="Open emoji keyboard"],
.dm-window .li-icon-btn[aria-label="Open conversation options"],
.dm-window .li-icon-btn[aria-label="Open send options"],
.dm-window .li-icon-btn[aria-label="Maximize compose field"] { cursor: default; }
.dm-window .li-icon-btn[aria-label="Attach a file"]:hover,
.dm-window .li-icon-btn[aria-label="Attach an image"]:hover,
.dm-window .li-icon-btn[aria-label="Open GIF keyboard"]:hover,
.dm-window .li-icon-btn[aria-label="Open emoji keyboard"]:hover,
.dm-window .li-icon-btn[aria-label="Open conversation options"]:hover,
.dm-window .li-icon-btn[aria-label="Open send options"]:hover,
.dm-window .li-icon-btn[aria-label="Maximize compose field"]:hover { background: transparent; }

.hz-stage a[data-hs] { cursor: pointer; }

.hz-stage a.fb-row, .hz-stage a.fb-art, .hz-stage a.fb-search { text-decoration: none; color: inherit; display: block; }
.hz-stage a.fb-row { display: flex; }
.hz-stage a.fb-search { display: flex; }
.hz-stage .fb-row[disabled], .hz-stage .fb-cta[disabled] { opacity: .45; cursor: default; pointer-events: none; box-shadow: none; }
.hz-stage .fb-art--more b { color: var(--hz-red); }

.hz-stage .cbtn[disabled] { background: #FFF4E1; color: #3A1F0B; opacity: 1; cursor: default; box-shadow: none; transform: none; border-style: dashed; pointer-events: none; }

.hz-sticker {
  position: absolute; left: 50%; top: -24px; z-index: 80;
  transform: translateX(-50%) rotate(-2deg); transform-origin: center;
  background: var(--hz-yolk); color: var(--hz-coffee);
  border: 2px solid var(--hz-coffee); border-radius: 999px; box-shadow: 4px 4px 0 var(--hz-coffee);
  font-family: var(--hz-display); font-size: 22px; letter-spacing: .02em; line-height: 1;
  padding: 14px 28px; white-space: nowrap; pointer-events: none;
}

@media (max-width:759px){.hz-sticker{white-space:normal}}
.av-philip{background-image:url('/images/team/philip-poppe.webp') !important;background-size:cover !important;background-position:center !important}
.av-malak{background-image:url('/images/team/malak-markoum.webp') !important;background-size:cover !important;background-position:center !important}
.av-timy,.av-philip,.av-malak{color:transparent}