/* ===== בית הספר לחיים משוגעים · הפלטפורמה =====
   צבעי המותג זהים לאתר (אתר/styles.css). */
:root{
  --cream:#FFFFFF; --cream-2:#F3F1EC; --ink:#26241E; --ink-soft:#514E44;
  --forest:#289A02; --forest-2:#289A02; --gold:#CFB176; --gold-light:#DDC89F;
  --sage:#C7E5BD; --root:#CFB176; --line:#DCD3BE; --white:#FFFDF8;
  --s1:#FF0000; --s1-bg:#FFEAEA; --s2:#D4A017; --s2-bg:#FBF2DC; --s3:#289A02; --s3-bg:#E8F4E5;
  --brand-green:#289A02; --brand-green-dark:#289A02; --brand-green-deep:#289A02;

  --paper:#FFFFFF; /* רקע לבן (החלטת דגן 29.9.2026, דרך שקד). רק הרקע: הכרטיסים, הפס העליון והסרגל התחתון לא השתנו */
  --card:#FFFDF8;
  --radius:22px;
  --shadow:0 6px 22px rgba(38,36,30,.07);
  --fs:16px;
  --side-w:250px;
  --tab-h:70px;
  --chalk:'Amatic SC', 'Assistant', cursive;
}
html[data-text="l"]{--fs:18px;}
html[data-text="xl"]{--fs:20px;}

*{box-sizing:border-box; margin:0; padding:0;}
html{font-size:var(--fs); -webkit-text-size-adjust:100%;}
body{font-family:'Assistant', system-ui, sans-serif; background:var(--paper); color:var(--ink); line-height:1.6; min-height:100svh; overflow-x:hidden;}
button, input, textarea, select{font:inherit; color:inherit;}
button{cursor:pointer; background:none; border:0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
[hidden]{display:none !important;}
:focus-visible{outline:3px solid var(--gold); outline-offset:2px; border-radius:10px;}

/* מצב רך: פחות תנועה ופחות ניגודיות */
html[data-soft="1"] *{animation:none !important; transition:none !important;}
html[data-soft="1"] body{background:#FFFFFF;}

/* ===== כפתורים ורכיבים ===== */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:800; font-size:1rem; padding:13px 24px; border-radius:999px; transition:transform .15s, box-shadow .15s, background .15s; text-align:center;}
.btn:active{transform:scale(.98);}
.btn-primary{background:var(--brand-green); color:#fff; box-shadow:0 4px 14px rgba(40,154,2,.25);}
.btn-primary:hover{background:var(--brand-green-dark);}
.btn-gold{background:var(--gold); color:#fff;}
.btn-ghost{background:transparent; color:var(--brand-green); border:1.5px solid var(--brand-green);}
.btn-soft{background:var(--sage); color:var(--brand-green-deep);}
.btn-block{width:100%;}
.btn-sm{padding:8px 16px; font-size:.88rem;}
.link{color:var(--brand-green); font-weight:700; font-size:.92rem;}

.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow);}
.eyebrow{font-size:.8rem; font-weight:800; color:var(--gold); letter-spacing:.03em;}
.muted{color:var(--ink-soft);}
.small{font-size:.86rem;}
.chip{display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; padding:4px 12px; border-radius:999px; background:var(--cream-2); color:var(--ink-soft); white-space:nowrap;}
.chip-green{background:var(--s3-bg); color:var(--brand-green);}
.chip-gold{background:var(--s2-bg); color:var(--gold);}
.chip-fixed{background:#E7F3E2; color:var(--forest);}
.chip-release{background:#F6EDE0; color:var(--root);}
.section-title{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:28px 0 12px;}
.section-title h2{font-size:1.25rem; font-weight:800;}
.page-head{margin:6px 0 18px;}
.page-head h1{font-size:1.75rem; font-weight:800; line-height:1.25;}
.page-head p{color:var(--ink-soft); margin-top:4px;}
.back{display:inline-flex; align-items:center; gap:6px; font-weight:700; color:var(--ink-soft); font-size:.92rem; margin-bottom:10px;}
.back::before{content:'→';}
.grid{display:grid; gap:14px;}
.progress{height:8px; background:var(--cream-2); border-radius:99px; overflow:hidden;}
.progress > span{display:block; height:100%; background:linear-gradient(90deg, var(--gold), var(--brand-green)); border-radius:99px;}
.avatar{width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:.9rem; color:var(--brand-green-deep); background:var(--sage); flex-shrink:0; border:2px solid var(--card);}
.avatars{display:flex;}
.avatars .avatar{margin-inline-start:-10px; width:32px; height:32px; font-size:.8rem;}
.avatars .avatar:first-child{margin-inline-start:0;}
.dot{width:10px; height:10px; border-radius:50%; display:inline-block; flex-shrink:0;}
.dot-1{background:var(--s1);} .dot-2{background:var(--s2);} .dot-3{background:var(--s3);}

/* ===== כניסה ===== */
.gate{min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 20px; background:
  radial-gradient(120% 60% at 50% 0%, var(--s3-bg) 0%, transparent 60%),
  radial-gradient(90% 50% at 50% 100%, var(--s2-bg) 0%, transparent 60%), var(--paper);}
.gate-logo{width:min(260px,70vw); margin-bottom:22px;}
.gate-card{width:100%; max-width:420px;}
.gate-card h1{font-size:1.5rem; font-weight:800; text-align:center;}
.gate-card > p{text-align:center; color:var(--ink-soft); margin:4px 0 20px;}
.field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px;}
.field label{font-weight:700; font-size:.92rem;}
.input{width:100%; padding:13px 16px; border-radius:14px; border:1.5px solid var(--line); background:#fff; font-size:1rem; transition:border-color .15s;}
.input:focus{outline:none; border-color:var(--brand-green);}
.demo-note{font-size:.8rem; text-align:center; color:var(--ink-soft); background:var(--cream-2); border-radius:12px; padding:8px 12px; margin-top:14px;}
.gate-foot{display:flex; justify-content:space-between; margin-top:14px;}
.choice-row{display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
.choice{border:1.5px solid var(--line); border-radius:14px; padding:12px 6px; background:#fff; font-weight:700; font-size:.9rem;}
.choice[aria-pressed="true"]{border-color:var(--brand-green); background:var(--s3-bg); color:var(--brand-green-deep);}

/* ===== מעטפת ===== */
.shell{min-height:100svh;}
.topbar{position:sticky; top:0; z-index:30; display:flex; align-items:center; gap:10px; padding:10px 16px; padding-top:max(10px, env(safe-area-inset-top)); background:rgba(247,244,236,.92); backdrop-filter:blur(10px); border-bottom:1px solid rgba(220,211,190,.6);}
.topbar-logo{height:44px; width:auto;}
.topbar-space{flex:1;}
.help-btn{display:inline-flex; align-items:center; gap:6px; font-weight:800; font-size:.85rem; color:var(--brand-green-deep); background:var(--s3-bg); border:1px solid #CBE6C2; padding:7px 14px; border-radius:999px;}
.main{padding:18px 16px calc(var(--tab-h) + 32px + env(safe-area-inset-bottom)); max-width:980px; margin:0 auto;}

.tabbar{position:fixed; bottom:0; right:0; left:0; z-index:40; height:calc(var(--tab-h) + env(safe-area-inset-bottom)); padding-bottom:env(safe-area-inset-bottom); display:grid; grid-template-columns:repeat(5,1fr); background:var(--card); border-top:1px solid var(--line); box-shadow:0 -4px 20px rgba(38,36,30,.06);}
.tab{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; font-size:.72rem; font-weight:700; color:#8A8577; position:relative;}
.tab svg{width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.tab.active{color:var(--brand-green);}
.tab.active::before{content:''; position:absolute; top:0; width:34px; height:3px; border-radius:0 0 4px 4px; background:var(--brand-green);}

.side{display:none;}
@media (min-width:960px){
  .side{display:flex; flex-direction:column; position:fixed; top:0; right:0; bottom:0; width:var(--side-w); background:var(--card); border-left:1px solid var(--line); padding:22px 16px; z-index:35;}
  .side-logo{width:170px; margin:0 auto 26px;}
  .side-nav{display:flex; flex-direction:column; gap:4px;}
  .side-nav .tab{flex-direction:row; justify-content:flex-start; gap:12px; font-size:1rem; padding:12px 14px; border-radius:14px;}
  .side-nav .tab:hover{background:var(--cream-2);}
  .side-nav .tab.active{background:var(--s3-bg);}
  .side-nav .tab.active::before{display:none;}
  .side-foot{margin-top:auto; display:flex; align-items:center; gap:10px; padding:12px; border-radius:16px; background:var(--cream-2);}
  .side-foot img{width:34px;}
  .tabbar{display:none;}
  .topbar{margin-right:var(--side-w);}
  .topbar-logo{display:none;}
  .main{margin:0 var(--side-w) 0 0; padding:28px 40px 60px; max-width:none;}
  .main-inner{max-width:980px; margin:0 auto;}
}

/* ===== הלוח (דף הבית) ===== */
.board{position:relative; overflow:hidden; border-radius:26px; padding:22px 22px 24px; color:#fff; background:
  radial-gradient(80% 60% at 85% 10%, rgba(255,255,255,.07), transparent 60%),
  radial-gradient(60% 50% at 10% 90%, rgba(207,177,118,.12), transparent 60%),
  var(--brand-green-deep); border:6px solid #CFB176; box-shadow:inset 0 0 40px rgba(0,0,0,.25), var(--shadow);}
.board::after{content:''; position:absolute; bottom:8px; left:20px; width:54px; height:8px; border-radius:3px; background:#F3F1EC; opacity:.8; box-shadow:66px 0 0 -1px #FBF2DC;}
.board-date{font-family:var(--chalk); font-size:1.5rem; color:var(--gold-light); line-height:1;}
.board h1{font-size:1.9rem; font-weight:800; line-height:1.2; margin:8px 0 4px;}
.board p{opacity:.85; max-width:46ch;}
.board-tree{position:absolute; left:-10px; top:14px; width:120px; opacity:.16; pointer-events:none;}

.checkin{margin-top:16px;}
.checkin h2{font-size:1.15rem; font-weight:800;}
.moods{display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:12px;}
.mood{display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 2px; border-radius:16px; border:1.5px solid var(--line); background:#fff; font-size:.78rem; font-weight:700; color:var(--ink-soft); transition:transform .15s, border-color .15s;}
.mood span{font-size:1.7rem; line-height:1.1;}
.mood:hover{transform:translateY(-2px);}
.mood[aria-pressed="true"]{border-color:var(--brand-green); background:var(--s3-bg); color:var(--brand-green-deep);}
.soul-reply{display:flex; gap:10px; align-items:flex-start; margin-top:14px; padding:14px; border-radius:16px; background:var(--cream-2); animation:rise .35s ease;}
.soul-reply img{width:36px; height:36px; border-radius:50%; background:#fff; padding:3px; flex-shrink:0;}
.soul-reply .actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
@keyframes rise{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}

.home-grid{display:grid; gap:14px; margin-top:14px;}
@media (min-width:720px){ .home-grid{grid-template-columns:1.2fr 1fr;} }

.next-lesson{display:flex; flex-direction:column; gap:10px; border-right:5px solid var(--gold);}
.next-lesson h3{font-size:1.2rem; font-weight:800; line-height:1.3;}

.timetable{list-style:none; display:flex; flex-direction:column;}
.timetable li{display:grid; grid-template-columns:52px 1fr auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px dashed var(--line);}
.timetable li:last-child{border-bottom:0;}
.timetable time{font-weight:800; color:var(--root); font-size:.92rem;}
.timetable b{display:block; font-size:.98rem;}
.timetable .muted{font-size:.82rem;}
.timetable li.now{background:var(--s2-bg); border-radius:14px; padding-inline:10px; margin-inline:-10px; border-bottom-color:transparent;}
.timetable li.past{opacity:.5;}
.bell{font-size:.72rem; font-weight:800; color:var(--gold);}

.yard-teaser{background:linear-gradient(180deg, #E7F3E2 0%, var(--card) 100%); display:flex; flex-direction:column; gap:10px;}
.yard-teaser h3{font-size:1.15rem; font-weight:800;}

.growth{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px;}
.growth-step{text-align:center; padding:12px 6px; border-radius:16px; background:var(--cream-2); font-size:.82rem;}
.growth-step span{font-size:1.6rem; display:block;}
.growth-step b{display:block; font-size:.95rem;}
.growth-step.current{background:var(--s3-bg); outline:2px solid var(--s3);}
.growth-step.done{background:var(--s2-bg);}

.note-dagan{display:flex; gap:14px; align-items:flex-start; background:#FFFCF3; border:1px solid var(--gold-light); position:relative;}
.note-dagan img{width:48px; flex-shrink:0;}
.note-dagan p{font-size:.98rem;}
.note-dagan .sign{font-family:var(--chalk); font-size:1.5rem; color:var(--root); line-height:1; margin-top:6px;}

/* ===== כיתות ===== */
.floors{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; background:var(--cream-2); padding:5px; border-radius:18px; margin-bottom:16px;}
.floor{padding:10px 4px; border-radius:14px; font-weight:800; font-size:.95rem; color:var(--ink-soft); display:flex; flex-direction:column; align-items:center; line-height:1.2;}
.floor small{font-weight:600; font-size:.72rem;}
.floor.active{background:var(--card); color:var(--ink); box-shadow:var(--shadow);}
.stage-intro{display:flex; gap:14px; align-items:center; margin-bottom:16px;}
.stage-intro .big{font-size:2.4rem;}
.stage-intro h2{font-size:1.3rem; font-weight:800;}
.subjects{display:grid; gap:12px;}
@media (min-width:640px){ .subjects{grid-template-columns:1fr 1fr;} }
.subject{position:relative; display:flex; gap:14px; align-items:flex-start; padding:18px 18px 18px 16px; padding-right:26px; overflow:hidden; transition:transform .15s;}
.subject:hover{transform:translateY(-2px);}
.subject::before{content:''; position:absolute; right:0; top:0; bottom:0; width:10px; background:var(--spine,var(--gold)); opacity:.85;}
.subject::after{content:''; position:absolute; right:12px; top:0; bottom:0; width:1px; background:repeating-linear-gradient(to bottom, var(--line) 0 6px, transparent 6px 12px);}
.subject .icon{font-size:1.9rem; line-height:1;}
.subject h3{font-size:1.05rem; font-weight:800; line-height:1.3;}
.subject p{font-size:.88rem; color:var(--ink-soft); margin:2px 0 10px;}
.subject .meta{display:flex; justify-content:space-between; font-size:.78rem; color:var(--ink-soft); margin-bottom:6px;}
.tone-s1{--spine:var(--s1); --tone-bg:var(--s1-bg);}
.tone-s2{--spine:var(--s2); --tone-bg:var(--s2-bg);}
.tone-s3{--spine:var(--s3); --tone-bg:var(--s3-bg);}

.lesson-list{list-style:none; display:flex; flex-direction:column; gap:10px;}
.lesson-item{display:flex; align-items:center; gap:14px; padding:14px 16px;}
.lesson-num{width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; background:var(--cream-2); flex-shrink:0;}
.lesson-item.done .lesson-num{background:var(--s3-bg); color:var(--brand-green);}
.lesson-item h3{font-size:1rem; font-weight:800; line-height:1.3;}
.lesson-item .grow{flex:1;}

.video{position:relative; aspect-ratio:16/9; max-width:100%; border-radius:20px; overflow:hidden; background:
  linear-gradient(rgba(40,154,2,.55), rgba(40,154,2,.75)), url(images/tree.png) center/40% no-repeat, var(--brand-green-deep); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; color:#fff;}
.play{width:68px; height:68px; border-radius:50%; background:rgba(255,255,255,.95); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,.25);}
.play::after{content:''; border-style:solid; border-width:12px 0 12px 20px; border-color:transparent transparent transparent var(--brand-green); margin-left:6px;}
.lesson-layout{display:grid; gap:16px; margin-top:16px;}
@media (min-width:860px){ .lesson-layout{grid-template-columns:1.3fr 1fr; align-items:start;} }
.homework{background:var(--s2-bg); border-color:#EEDDB0;}
.notebook textarea{width:100%; min-height:180px; resize:vertical; border:0; border-radius:12px; padding:6px 14px 6px 10px; line-height:32px; font-size:1rem; background:
  linear-gradient(to left, transparent 0 28px, rgba(255,0,0,.25) 28px 29px, transparent 29px),
  repeating-linear-gradient(to bottom, #fff 0 31px, #D9E3EE 31px 32px);}
.notebook textarea:focus{outline:2px solid var(--gold-light);}
.saved{font-size:.78rem; color:var(--brand-green); font-weight:700; opacity:0; transition:opacity .3s;}
.saved.show{opacity:1;}
.lesson-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.pager{display:flex; justify-content:space-between; gap:10px; margin-top:18px;}
/* ניווט בין השיעורים (9.10.2026, דגן: "המעבר בין השיעורים מבלבל"): פס נקודות למעלה, וכפתור "השיעור הבא" אמיתי למטה */
.ls-nav{display:flex; align-items:center; justify-content:center; gap:8px; margin:-4px 0 14px;}
.ls-dots{display:flex; gap:6px; list-style:none; margin:0; padding:0;}
.ls-dots a{display:grid; place-items:center; width:34px; height:34px; border-radius:50%; border:2px solid #CFB176; background:#fff; color:#1A1814; font-weight:900; font-size:.9rem; text-decoration:none;}
.ls-dots a.done{background:#E7F4E0; border-color:#289A02; color:#1E6E02;}
.ls-dots a.cur{background:#289A02; border-color:#289A02; color:#fff;}
.ls-arrow{display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#fff; border:1px solid #E6E0D2; color:#289A02; font-weight:900; font-size:1.1rem; text-decoration:none;}
.ls-arrow.off{opacity:.25;}
.ls-next{margin-top:18px;}
.ls-next .btn-block{display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 16px; line-height:1.25;}
.ls-next .btn-block small{font-size:.78rem; font-weight:700; opacity:.85;}
.ls-next .pager{margin-top:12px;}
/* כרטיס התכנית בראש התיק (10.10.2026), רק למי שבתכנית: לוגו + שם + שבוע + 2 כפתורים. המפה עצמה נשארת למטה בסקשן #me-ani */
.me-program{display:flex; align-items:center; gap:14px; border:2px solid #CFB176; background:linear-gradient(135deg, #FFFBF0, #FFF6DF); margin-bottom:14px;}
.me-program .mp-logo{width:84px; flex:0 0 auto;}
.me-program .mp-body{min-width:0; flex:1;}
.me-program h2{margin:2px 0 2px; font-size:1.4rem; font-weight:900;}
.me-program .mp-actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;}
.me-program .mp-what{margin:6px 0 0; font-size:.9rem; line-height:1.45; color:#1A1814;}
.me-program-invite{border-style:dashed;} /* הזמנה למי שלא בתכנית: אותו כרטיס, מסגרת מקווקווה, בלי שבוע ובלי כפתור המפה */

/* ===== החצר ===== */
.yard-scene{position:relative; height:230px; border-radius:26px; overflow:hidden; background:linear-gradient(180deg, #DCEFF7 0%, #F1F9EC 62%, #C7E5BD 62%, #ABD79C 100%); display:flex; align-items:flex-end; justify-content:flex-end; padding-left:18px; box-shadow:var(--shadow);}
@media (min-width:640px){ .yard-scene{justify-content:center; height:260px;} }
.yard-scene .sun{position:absolute; top:16px; left:16px; width:44px; height:44px; border-radius:50%; background:#FBE7A6; box-shadow:0 0 0 12px rgba(251,231,166,.35);}
.yard-scene .tree{width:150px; margin-bottom:22px; animation:sway 7s ease-in-out infinite; transform-origin:bottom center;}
.yard-scene .cloud{position:absolute; top:34px; right:-80px; width:90px; height:26px; background:#fff; border-radius:30px; opacity:.9; animation:drift 40s linear infinite;}
.yard-scene .cloud::before{content:''; position:absolute; width:40px; height:40px; background:#fff; border-radius:50%; top:-18px; right:18px;}
.yard-scene .label{position:absolute; top:16px; right:18px; background:rgba(255,253,248,.9); border-radius:16px; padding:8px 14px;}
.yard-scene .label b{display:block; font-size:1.3rem; line-height:1.2;}
@keyframes sway{0%,100%{transform:rotate(-1deg);} 50%{transform:rotate(1deg);}}
@keyframes drift{from{transform:translateX(0);} to{transform:translateX(-140vw);}}
.presence{display:grid; grid-template-columns:1fr 1fr; gap:6px; background:var(--cream-2); padding:5px; border-radius:18px; margin:16px 0 4px;}
.presence button{padding:10px; border-radius:14px; font-weight:800; color:var(--ink-soft); font-size:.92rem;}
.presence button[aria-pressed="true"]{background:var(--card); color:var(--ink); box-shadow:var(--shadow);}
.rooms{display:grid; gap:12px;}
@media (min-width:640px){ .rooms{grid-template-columns:1fr 1fr;} }
.room{display:flex; flex-direction:column; gap:8px;}
.room-top{display:flex; align-items:center; gap:10px;}
.room-top .icon{font-size:1.8rem;}
.room h3{font-size:1.05rem; font-weight:800;}
.room-foot{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto;}
.live-dot{display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--s3); box-shadow:0 0 0 0 rgba(40,154,2,.5); animation:pulse 2s infinite; margin-inline-end:4px;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(40,154,2,.45);} 70%{box-shadow:0 0 0 8px rgba(40,154,2,0);} 100%{box-shadow:0 0 0 0 rgba(40,154,2,0);}}
.friends{display:flex; gap:14px; overflow-x:auto; padding:4px 2px 10px; scrollbar-width:none;}
.friend{display:flex; flex-direction:column; align-items:center; gap:4px; min-width:66px; font-size:.8rem; text-align:center;}
.friend .avatar{width:52px; height:52px; font-size:1.1rem; position:relative;}
.friend .avatar::after{content:''; position:absolute; bottom:0; left:0; width:13px; height:13px; border-radius:50%; border:2px solid var(--paper); background:#BDB6A5;}
.friend.yard .avatar::after{background:var(--s3);}
.friend.class .avatar::after{background:var(--s2);}
.rules{list-style:none; display:flex; flex-direction:column; gap:8px; margin-top:10px;}
.rules li{display:flex; gap:10px; font-size:.95rem;}
.rules li::before{content:'🌿';}
details summary{cursor:pointer; font-weight:800; list-style:none;}
details summary::-webkit-details-marker{display:none;}
details summary::after{content:' ▾'; color:var(--ink-soft);}

/* חדר צ'אט */
.room-head{display:flex; align-items:center; gap:12px; margin-bottom:12px;}
.room-head .icon{font-size:2rem;}
.room-head h1{font-size:1.35rem; font-weight:800; line-height:1.2;}
.chat{display:flex; flex-direction:column; gap:10px; padding:16px; min-height:320px; max-height:min(58svh,560px); overflow-y:auto; background:var(--card); border:1px solid var(--line); border-radius:var(--radius);}
.msg{display:flex; gap:8px; align-items:flex-end; max-width:88%;}
.msg.new{animation:rise .3s ease;}
.msg .bubble{background:var(--cream-2); padding:10px 14px; border-radius:18px 18px 18px 6px; font-size:.97rem;}
.msg .who{font-size:.75rem; font-weight:800; color:var(--root); display:block;}
.msg.me{align-self:flex-end; flex-direction:row-reverse;}
.msg.me .bubble{background:var(--s3-bg); border-radius:18px 18px 18px 6px;}
.msg.them{align-self:flex-start; flex-direction:row;}
.msg.them .bubble{border-radius:18px 18px 6px 18px;}
.msg .avatar{width:30px; height:30px; font-size:.75rem;}
.heart{font-size:.78rem; font-weight:700; color:var(--ink-soft); margin-top:4px; padding:2px 8px; border-radius:99px; background:#fff; border:1px solid var(--line);}
.heart[aria-pressed="true"]{background:var(--s3-bg); border-color:#CBE6C2; color:var(--brand-green);}
.composer{display:flex; gap:8px; margin-top:10px;}
.composer .input{border-radius:999px;}
.composer .btn{padding:12px 20px; flex-shrink:0;}
.listen-bar{margin-top:10px; padding:12px 16px; border-radius:16px; background:var(--cream-2); display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.92rem;}

/* החדר השקט */
.quiet{display:flex; flex-direction:column; align-items:center; text-align:center; gap:18px; padding:34px 20px; background:linear-gradient(180deg, #E2F1DD, var(--card));}
.breath{width:190px; height:190px; border-radius:50%; background:radial-gradient(circle, #fff 0%, var(--sage) 70%); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.15rem; color:var(--brand-green-deep); transform:scale(.7); transition:transform 4s ease-in-out; box-shadow:0 0 0 14px rgba(199,229,189,.4);}
.breath.in{transform:scale(1);}

/* ===== נשמה טובה ===== */
.soul-head{display:flex; align-items:center; gap:14px; background:linear-gradient(135deg, var(--s3-bg), var(--card));}
.soul-avatar{width:62px; height:62px; border-radius:50%; background:#fff; padding:6px; border:2px solid var(--gold-light); flex-shrink:0;}
.soul-head h1{font-size:1.4rem; font-weight:800; line-height:1.2;}
.soul-layout{display:grid; gap:16px; margin-top:16px;}
@media (min-width:860px){ .soul-layout{grid-template-columns:1.5fr 1fr; align-items:start;} }
.chat.soul .msg.them .bubble{background:#fff; border:1px solid var(--line);}
.quick{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
.quick button{background:#fff; border:1.5px solid var(--line); border-radius:999px; padding:7px 14px; font-weight:700; font-size:.86rem;}
.quick button:hover{border-color:var(--brand-green);}
.typing{display:inline-flex; gap:4px;}
.typing i{width:6px; height:6px; border-radius:50%; background:var(--ink-soft); animation:blink 1.2s infinite;}
.typing i:nth-child(2){animation-delay:.2s;} .typing i:nth-child(3){animation-delay:.4s;}
@keyframes blink{0%,80%,100%{opacity:.25;} 40%{opacity:1;}}
.wa{display:flex; gap:12px; align-items:center; background:#EFF8EC;}
.wa-icon{width:42px; height:42px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0;}

/* ארגז הכלים */
.filters{display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; margin-bottom:12px; scrollbar-width:none;}
.filters a{white-space:nowrap; padding:8px 16px; border-radius:999px; border:1.5px solid var(--line); background:#fff; font-weight:700; font-size:.88rem;}
.filters a[aria-current]{background:var(--brand-green); color:#fff; border-color:var(--brand-green);}
.tools{display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
@media (min-width:640px){ .tools{grid-template-columns:repeat(3,1fr);} }
.tool{display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:16px; text-align:right; transition:transform .15s;}
.tool:hover{transform:translateY(-2px);}
.tool .icon{font-size:1.8rem;}
.tool b{font-size:.98rem; line-height:1.3;}

/* ===== התיק שלי ===== */
.student-card{position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; background:linear-gradient(135deg, var(--brand-green-deep), var(--forest-2)); color:#fff; border:0;}
.student-card .avatar{width:70px; height:70px; font-size:1.6rem; background:var(--gold-light); border-color:rgba(255,255,255,.4);}
.student-card h1{font-size:1.4rem; font-weight:800; line-height:1.2;}
.student-card .chip{background:rgba(255,255,255,.15); color:#fff;}
.student-card .stripe{position:absolute; left:0; top:0; bottom:0; width:10px; background:repeating-linear-gradient(to bottom, var(--gold) 0 14px, transparent 14px 22px); opacity:.6;}
.student-card .meta{grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px 18px; font-size:.85rem; opacity:.9; border-top:1px dashed rgba(255,255,255,.25); padding-top:12px;}
.map-grid{display:grid; gap:12px;}
@media (min-width:720px){ .map-grid{grid-template-columns:1fr 1fr;} }
.map-item h3{font-size:1.05rem; font-weight:800; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px;}
.big-type{display:flex; gap:12px; align-items:center;}
.big-type .icon{font-size:2.4rem;}
.big-type b{font-size:1.3rem; display:block; line-height:1.2;}
.levels{list-style:none; display:flex; flex-direction:column; gap:8px;}
.levels li{display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; font-size:.93rem;}
.level-dots{display:flex; gap:5px;}
.level-dots i{width:22px; height:8px; border-radius:5px; background:var(--cream-2);}
.level-dots[data-l="1"] i:nth-child(-n+1){background:var(--s1);}
.level-dots[data-l="2"] i:nth-child(-n+2){background:var(--s2);}
.level-dots[data-l="3"] i:nth-child(-n+3){background:var(--s3);}
.legend{display:flex; gap:14px; font-size:.78rem; color:var(--ink-soft); margin-top:10px;}
.legend span{display:inline-flex; align-items:center; gap:5px;}
.weather-row{display:flex; gap:6px; flex-wrap:wrap; font-size:1.4rem; margin-top:8px;}
.report-stage{display:grid; grid-template-columns:90px 1fr 44px; align-items:center; gap:10px; font-size:.92rem; margin-top:10px;}
.notes-list{list-style:none; display:flex; flex-direction:column; gap:10px;}
.notes-list li{padding:12px 14px; border-radius:14px; background:#fff; border:1px solid var(--line);}
.notes-list p{font-size:.92rem; white-space:pre-line; margin-top:4px;}
.setting{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--cream-2);}
.setting:last-child{border-bottom:0;}
.setting b{display:block;}
.seg{display:flex; gap:4px; background:var(--cream-2); padding:4px; border-radius:12px;}
.seg button{padding:6px 12px; border-radius:9px; font-weight:800;}
.seg button[aria-pressed="true"]{background:#fff; box-shadow:var(--shadow);}
.switch{width:50px; height:30px; border-radius:99px; background:#CFC8B8; position:relative; transition:background .2s; flex-shrink:0;}
.switch::after{content:''; position:absolute; top:3px; right:3px; width:24px; height:24px; border-radius:50%; background:#fff; transition:right .2s; box-shadow:0 1px 4px rgba(0,0,0,.2);}
.switch[aria-checked="true"]{background:var(--brand-green);}
.switch[aria-checked="true"]::after{right:23px;}

/* ===== גיליון תחתון, הודעה קופצת ===== */
.sheet{position:fixed; inset:0; z-index:60; display:flex; align-items:flex-end; justify-content:center;}
.sheet-backdrop{position:absolute; inset:0; background:rgba(20,18,14,.4); animation:fadein .2s;}
.sheet-panel{position:relative; width:100%; max-width:560px; max-height:88svh; overflow-y:auto; background:var(--card); border-radius:26px 26px 0 0; padding:26px 20px calc(24px + env(safe-area-inset-bottom)); animation:up .28s ease;}
@media (min-width:640px){ .sheet{align-items:center; padding:20px;} .sheet-panel{border-radius:26px;} }
.sheet-x{position:absolute; top:14px; left:14px; width:36px; height:36px; border-radius:50%; background:var(--cream-2); font-size:1rem;}
.sheet-panel h2{font-size:1.35rem; font-weight:800; margin-bottom:6px; padding-left:40px;}
@keyframes up{from{transform:translateY(40px); opacity:0;} to{transform:none; opacity:1;}}
@keyframes fadein{from{opacity:0;} to{opacity:1;}}
.help-list{display:flex; flex-direction:column; gap:10px; margin-top:16px;}
.help-item{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:18px; border:1.5px solid var(--line); background:#fff; text-align:right; width:100%;}
.help-item .icon{font-size:1.6rem;}
.help-item b{display:block;}
.help-item.eran{border-color:#CBE6C2; background:var(--s3-bg);}
.toast{position:fixed; bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom)); left:0; right:0; margin-inline:auto; width:fit-content; z-index:70; background:var(--ink); color:#fff; padding:12px 20px; border-radius:999px; font-weight:700; font-size:.92rem; box-shadow:0 8px 24px rgba(0,0,0,.2); animation:up .25s ease; max-width:calc(100vw - 32px); text-align:center;}
@media (min-width:960px){ .toast{bottom:28px; right:var(--side-w);} }

/* ===== הכיתה הפרטית (אני מול עצמי) ===== */
.private-hero{position:relative; overflow:hidden; border-radius:26px; padding:24px 22px; background:
  radial-gradient(70% 80% at 0% 0%, rgba(255,255,255,.7), transparent 60%),
  linear-gradient(135deg, #FFFBF0 0%, #F4E8CB 100%); border:1.5px solid var(--gold-light); box-shadow:0 10px 30px rgba(139,111,71,.14);}
.private-hero::before{content:''; position:absolute; inset:8px; border:1px dashed rgba(207,177,118,.55); border-radius:20px; pointer-events:none;}
.private-hero .eyebrow{color:var(--root);}
.private-hero h1{font-size:1.7rem; font-weight:800; line-height:1.2; margin:4px 0 6px; max-width:calc(100% - 80px);}
.private-hero p{color:var(--ink-soft); max-width:48ch;}
.private-logo{position:absolute; left:18px; top:18px; width:64px;}
.private-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:16px;}
.private-stats div{background:rgba(255,253,248,.8); border-radius:16px; padding:10px 8px; text-align:center; border:1px solid rgba(207,177,118,.4);}
.private-stats b{display:block; font-size:1.15rem; color:var(--brand-green-deep); line-height:1.3;}
.private-stats span{font-size:.75rem; color:var(--ink-soft);}
.private-layout{display:grid; gap:14px; margin-top:14px;}
@media (min-width:860px){ .private-layout{grid-template-columns:1.2fr 1fr; align-items:start;} }
.session-card h2{font-size:1.35rem; font-weight:800; margin:2px 0 2px;}
.session-card{border-right:5px solid var(--gold);}
.prep{margin-top:16px; padding-top:14px; border-top:1px dashed var(--line);}
.prep textarea{margin-top:8px; resize:vertical;}
.prep-sent{margin-top:8px; background:var(--s3-bg); border-radius:14px; padding:12px 14px; color:var(--brand-green-deep); font-weight:700; font-size:.92rem;}
.prep-sent p{font-weight:400; color:var(--ink); margin:4px 0;}
.dagan-notes{list-style:none; display:flex; flex-direction:column; gap:12px; margin-top:10px;}
.dagan-notes li{background:#FFFCF3; border:1px solid var(--gold-light); border-radius:16px; padding:12px 14px;}
.note-meta{display:flex; align-items:center; gap:8px; margin-bottom:6px;}
.note-meta img{width:26px;}
.voice{display:flex; align-items:center; gap:10px; width:100%; background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 10px 6px 14px; margin-bottom:8px;}
.voice-play{width:26px; height:26px; border-radius:50%; background:var(--gold); position:relative; flex-shrink:0; display:inline-block;}
.voice-play::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-35%,-50%); border-style:solid; border-width:6px 0 6px 9px; border-color:transparent transparent transparent #fff;}
.wave{flex:1; height:18px; background:repeating-linear-gradient(90deg, var(--gold-light) 0 3px, transparent 3px 6px); border-radius:4px;}
.plan{list-style:none; display:flex; flex-direction:column; gap:10px;}
.plan-item{display:flex; gap:14px; align-items:flex-start; padding:16px;}
.plan-item .grow{flex:1;}
.plan-item.done{background:#FBFCF7;}
.plan-item.done b{text-decoration:line-through; text-decoration-color:rgba(38,36,30,.3);}
.check{width:30px; height:30px; border-radius:50%; border:2px solid var(--gold); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; font-weight:800; color:#fff; margin-top:2px;}
.plan-item.done .check{background:var(--brand-green); border-color:var(--brand-green);}
.plan-top{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.dagan-says{font-size:.93rem; color:var(--root); margin:6px 0 4px; font-style:italic;}
.qa{list-style:none; display:flex; flex-direction:column; gap:12px; margin:10px 0 14px;}
.qa li{border-radius:16px; background:var(--cream-2); padding:12px 14px;}
.qa .q{font-weight:700;}
.qa .a{margin-top:6px; padding-top:6px; border-top:1px dashed var(--line); font-size:.95rem;}
.ask{display:flex; flex-direction:column; gap:8px; align-items:flex-start;}
.recordings{list-style:none; display:flex; flex-direction:column; gap:6px; margin-top:6px;}
.recordings button{display:flex; align-items:center; gap:10px; width:100%; text-align:right; padding:8px 10px; border-radius:12px; font-size:.92rem;}
.recordings button:hover{background:var(--cream-2);}
.summary summary{font-size:1.02rem;}
.private-strip{display:flex; align-items:center; gap:14px; margin-top:14px; padding:14px 18px; background:linear-gradient(135deg, #FFFBF0, #F6EBD2); border-color:var(--gold-light);}
.page-head + .private-strip{margin:0 0 16px;}
.private-strip img{width:44px; flex-shrink:0;}
.private-strip b{display:block; line-height:1.35;}
.private-strip .grow{flex:1;}
.private-strip .eyebrow{color:var(--root);}
.big-star{font-size:1.8rem;}
.private-soft{display:block; text-align:center; font-size:.88rem; font-weight:700; color:var(--root); background:#FFFBF0; border:1px dashed var(--gold-light); border-radius:14px; padding:9px 12px; margin:0 0 14px;}
.private-perk{display:flex; gap:14px; align-items:flex-start;}
.private-perk > span{font-size:1.8rem;}
.chip-star{background:rgba(221,200,159,.3) !important; color:#FFF3D6 !important;}
.side-nav .tab-private{color:var(--root);}
.side-nav .tab-private.active{background:#FBF2DC; color:var(--gold);}

/* ===== תמונות המותג ===== */
.soul-avatar{width:64px; height:88px; object-fit:contain; border:0; border-radius:0; background:none; padding:0;}
.soul-reply img{width:40px; height:56px; object-fit:contain; background:none; padding:0; border-radius:0;}
.soul-mini{width:32px; height:44px; object-fit:contain; flex-shrink:0;}
.wa .soul-mini{width:40px; height:56px;}
.type-img{width:76px; height:76px; flex-shrink:0; filter:drop-shadow(0 4px 8px rgba(38,36,30,.15));}
.type-mini{width:24px; height:24px; vertical-align:-7px; display:inline-block;}
.private-logo-ani{width:92px; top:14px;}
.meetings{list-style:none; display:grid; gap:0; margin:16px 0 4px; position:relative;}
.meetings li{display:grid; grid-template-columns:28px 1fr; column-gap:10px; align-items:start; padding-bottom:12px; position:relative;}
.meetings li::before{content:''; position:absolute; right:13px; top:26px; bottom:0; width:2px; background:var(--line);}
.meetings li:last-child::before{display:none;}
.meetings .m-dot{grid-row:1 / span 2; width:28px; height:28px; border-radius:50%; border:2px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:.8rem;}
.meetings li.done .m-dot{background:var(--brand-green); border-color:var(--brand-green);}
.meetings li.next .m-dot{border-color:var(--gold); box-shadow:0 0 0 4px rgba(207,177,118,.25);}
.meetings li.later{opacity:.65;}
.meetings b{font-size:.95rem; line-height:1.4;}
.sheet-panel.wide{max-width:min(1100px, 100%);}
.roadmap-scroll{overflow:auto; margin:12px 0 8px; border-radius:14px; border:1px solid var(--line); max-height:62svh;}
.roadmap-scroll img{max-width:none; width:1000px;}
@media (min-width:1100px){ .roadmap-scroll img{width:100%;} }
.about{text-align:center;}
.about h2{padding:0;}
.about-logo{width:120px; margin:4px auto 10px;}
.about-cert{width:100%; border-radius:12px; border:1px solid var(--line); margin-top:8px;}
.side-foot{text-align:right; width:100%; cursor:pointer;}
.community video{width:100%; aspect-ratio:16/9; border-radius:16px; background:#000; display:block; margin-bottom:10px;}

/* ===== נשמה טובה בכל הפלטפורמה + אייקוני הסוגים ===== */
.tab-soul img{width:26px; height:32px; object-fit:contain; filter:grayscale(.5) opacity(.8); transition:filter .15s, transform .15s;}
.tab-soul.active img{filter:none; transform:scale(1.12);}
.side-nav .tab-soul img{width:24px; height:30px;}
.gate-soul{width:120px; margin-bottom:14px; animation:rise .5s ease;}
.soul-card{display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; background:linear-gradient(135deg, var(--s3-bg), var(--card)); transition:transform .15s;}
.soul-card:hover{transform:translateY(-2px);}
.soul-card img{width:78px; height:110px; object-fit:contain;}
.soul-card h3{font-size:1.15rem; font-weight:800; line-height:1.3;}
@media (min-width:720px){ .home-grid{grid-template-columns:repeat(3, 1fr);} }
.help-soul{width:64px; height:90px; object-fit:contain; float:left; margin:-6px 0 0 44px;}
.types-all{margin-top:12px;}
.types-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px;}
@media (min-width:520px){ .types-grid{grid-template-columns:repeat(4,1fr);} }
.types-grid div{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; padding:10px 4px; border-radius:14px;}
.types-grid div.mine{background:var(--s3-bg); outline:2px solid var(--s3);}
.types-grid img{width:62px; height:62px;}
.types-grid b{font-size:.85rem; line-height:1.2;}
.types-grid span{font-size:.72rem; color:var(--ink-soft);}

/* ===== מדד ההתמדה ===== */
.persist{display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; margin-top:14px; transition:transform .15s;}
.persist:hover{transform:translateY(-2px);}
.persist h3{font-size:1.1rem; font-weight:800; margin:2px 0 8px;}
.persist-ring{position:relative; display:flex; align-items:center; justify-content:center;}
.persist-ring > div{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.1;}
.persist-ring b{font-size:1.5rem; font-weight:800; color:var(--brand-green-deep);}
.persist-ring span{font-size:.72rem; color:var(--ink-soft);}
.persist-ring.big b{font-size:2rem;}
.ring circle:last-child{transition:stroke-dashoffset 1s ease;}
.week-dots{display:grid; grid-template-columns:repeat(7,1fr); gap:4px; max-width:340px;}
.week-dots span{display:flex; flex-direction:column; align-items:center; gap:2px; font-size:.72rem; font-weight:700; color:var(--ink-soft);}
.week-dots i{width:30px; height:30px; border-radius:50%; background:var(--cream-2); display:flex; align-items:center; justify-content:center; font-style:normal; font-size:.95rem;}
.week-dots span.on i{background:var(--s3-bg); box-shadow:inset 0 0 0 2px #C2E2B8;}
.week-dots span.today i{outline:2px dashed var(--gold); outline-offset:2px;}
.next-reward{margin-top:8px; font-size:.82rem; font-weight:700; color:var(--root);}
.next-reward .progress{margin-top:5px;}
@media (max-width:420px){ .persist{grid-template-columns:1fr; justify-items:center; text-align:center;} .persist .week-dots{margin:0 auto;} }
.persist-hero{display:grid; grid-template-columns:auto 1fr; gap:20px; align-items:center; background:linear-gradient(135deg, var(--s3-bg), #FFFBF0);}
@media (max-width:520px){ .persist-hero{grid-template-columns:1fr; justify-items:center; text-align:center;} }
.persist-hero h2{font-size:1.5rem; font-weight:800;}
.persist-nums{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px;}
.persist-nums div{background:#fff; border-radius:14px; padding:8px; text-align:center; border:1px solid var(--line);}
.persist-nums b{display:block; font-size:1.15rem; color:var(--brand-green-deep);}
.persist-nums span{font-size:.72rem; color:var(--ink-soft);}
.leaf-rules{list-style:none; display:grid; gap:6px 18px;}
@media (min-width:600px){ .leaf-rules{grid-template-columns:1fr 1fr;} }
.leaf-rules li{display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed var(--line);}
.leaf-rules b{color:var(--brand-green);}
.rewards{list-style:none; display:flex; flex-direction:column; gap:10px;}
.reward{display:flex; align-items:center; gap:14px; padding:14px 16px;}
.reward .grow{flex:1;}
.reward b{display:block;}
.reward-icon{font-size:1.8rem; width:48px; height:48px; border-radius:50%; background:var(--cream-2); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.reward.open{background:linear-gradient(135deg, #FFFBF0, var(--card)); border-color:var(--gold-light);}
.reward.open .reward-icon{background:#FBF2DC; box-shadow:0 0 0 3px rgba(207,177,118,.35);}
.stickers{display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
@media (min-width:560px){ .stickers{grid-template-columns:repeat(4,1fr);} }
.sticker{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; padding:14px 8px; border-radius:18px; border:2px dashed var(--line); background:transparent;}
.sticker span{font-size:1.9rem; width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--cream-2); color:#B9B2A2; font-weight:800;}
.sticker b{font-size:.88rem; line-height:1.25; margin-top:4px;}
.sticker small{font-size:.72rem; color:var(--ink-soft); line-height:1.3;}
.sticker:not(.got) b, .sticker:not(.got) small{opacity:.55;}
.sticker.got{border:2px solid var(--gold-light); background:#fff; box-shadow:var(--shadow); transform:rotate(-1.5deg);}
.sticker.got:nth-child(even){transform:rotate(1.5deg);}
.sticker.got span{background:radial-gradient(circle, #FFF7DE, #F6E6BC); box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--gold-light);}

/* ===== המטרה והתכנית האישית ===== */
.goal-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.goal-opt{display:flex; flex-direction:column; align-items:flex-start; text-align:right; gap:1px; padding:10px 12px; border-radius:14px; border:1.5px solid var(--line); background:#fff; transition:border-color .15s, background .15s;}
.goal-opt span{font-size:1.3rem;}
.goal-opt b{font-size:.9rem; line-height:1.25;}
.goal-opt small{font-size:.74rem; color:var(--ink-soft); line-height:1.3;}
.goal-opt[aria-checked="true"]{border-color:var(--brand-green); background:var(--s3-bg); box-shadow:inset 0 0 0 1px var(--brand-green);}
.plan-board{background:linear-gradient(180deg, #F1F9EC, transparent); border-radius:24px; padding:14px 12px 4px; border:1px solid #D5EBCE;}
.plan-basis{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; padding-inline:4px;}
.plan-cards{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px;}
@media (min-width:720px){ .plan-cards{grid-template-columns:repeat(3,1fr);} }
.plan-card{display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:14px; text-align:right; transition:transform .15s, border-color .15s; min-width:0;}
.plan-card:hover{transform:translateY(-2px); border-color:var(--gold-light);}
.plan-card b{font-size:.98rem; display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.plan-card .muted{line-height:1.4; overflow-wrap:anywhere;}
.plan-ico{width:42px; height:42px; border-radius:14px; background:var(--cream-2); display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:4px;}
.plan-ico img{width:30px; height:38px; object-fit:contain;}
.plan-change{border-style:dashed; background:#FFFCF3;}
.plan-empty{display:flex; flex-direction:column; gap:6px; align-items:flex-start; margin-top:14px;}
.live{display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:700; color:var(--s3); background:var(--s3-bg); padding:2px 8px; border-radius:99px; vertical-align:middle; font-family:'Assistant', sans-serif;}
.live i{width:7px; height:7px; border-radius:50%; background:var(--s3); animation:pulse 2s infinite;}
.mood-strip{display:grid; grid-template-columns:repeat(14, 1fr); gap:2px; font-size:1.2rem; text-align:center;}
.mood-strip span.empty{color:#CFC8B8;}
@media (max-width:420px){ .mood-strip{grid-template-columns:repeat(7,1fr); row-gap:8px;} }

/* ===== נשמה טובה במרכז התפריט ===== */
.tabbar .tab-soul{justify-content:flex-end; padding-bottom:9px; color:var(--brand-green-deep);}
.tabbar .tab-soul img{width:62px; height:62px; margin-top:-30px; border-radius:50%; background:#fff; border:3px solid var(--gold-light); padding:4px 6px 0; object-fit:contain; object-position:center bottom; box-shadow:0 6px 16px rgba(40,154,2,.2); filter:none;}
.tabbar .tab-soul.active img{border-color:var(--brand-green); transform:none; box-shadow:0 6px 18px rgba(40,154,2,.3), 0 0 0 4px var(--s3-bg);}
.tabbar .tab-soul.active::before{display:none;}

/* ===== כיתות מובנות ===== */
.howto{margin-bottom:14px; background:linear-gradient(135deg, #FFFCF3, var(--card));}
.howto-head{display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:10px;}
.howto-steps{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px; counter-reset:s;}
@media (min-width:720px){ .howto-steps{grid-template-columns:repeat(4,1fr);} }
.howto-steps li{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:14px; background:#fff; border:1px solid var(--line); position:relative; counter-increment:s;}
.howto-steps li::after{content:counter(s); position:absolute; top:8px; left:10px; width:20px; height:20px; border-radius:50%; background:var(--gold); color:#fff; font-size:.72rem; font-weight:800; display:flex; align-items:center; justify-content:center;}
.howto-steps span{font-size:1.4rem;}
.howto-steps b{font-size:.92rem;}
.howto-steps small{font-size:.76rem; color:var(--ink-soft); line-height:1.35;}
.stage-intro{margin-bottom:8px;}
.stage-note{font-size:.85rem; font-weight:700; color:var(--ink-soft); background:var(--cream-2); border-radius:12px; padding:8px 12px; margin-bottom:12px;}
.stage-note.mine{color:var(--brand-green-deep); background:var(--s3-bg);}
.stage-explain{display:grid; gap:10px;}
@media (min-width:720px){ .stage-explain{grid-template-columns:repeat(3,1fr);} }
.stage-explain > div{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:12px 14px; display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center;}
.stage-explain span{font-size:1.4rem; grid-row:span 2; align-self:start;}
.stage-explain b{font-size:.92rem;}
.stage-explain p{grid-column:2; font-size:.88rem; color:var(--ink-soft); line-height:1.5;}
.subject.recommended{border-color:var(--gold); box-shadow:0 0 0 2px rgba(207,177,118,.35), var(--shadow);}
.rec-badge{position:absolute; top:10px; left:12px; font-size:.72rem; font-weight:800; color:var(--gold); background:#FBF2DC; border:1px solid var(--gold-light); padding:2px 10px; border-radius:99px;}
.subject-summary{display:flex; flex-direction:column; gap:10px; align-items:flex-start; margin-bottom:6px;}
.ss-nums{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; width:100%;}
.ss-nums div{background:var(--cream-2); border-radius:14px; padding:8px; text-align:center;}
.ss-nums b{display:block; font-size:1.2rem; color:var(--brand-green-deep);}
.ss-nums span{font-size:.74rem; color:var(--ink-soft);}

/* ===== שער הכניסה: קישור לאתר והצטרפות ===== */
.gate-logo-link{display:block; border-radius:16px; transition:transform .15s;}
.gate-logo-link:hover{transform:scale(1.02);}
.join{margin-top:14px; text-align:center; background:linear-gradient(135deg, #FFFCF3, var(--card));}
.join h2{font-size:1.15rem; font-weight:800;}
.join > p:first-of-type{color:var(--ink-soft); font-size:.92rem; margin:2px 0 12px;}
.join .btn{margin-top:8px; font-size:.95rem;}
.join-ani{color:var(--gold); border-color:var(--gold);}
.gate-back{margin-top:16px; font-size:.88rem; font-weight:700; color:var(--ink-soft);}

/* ===== רשימת בחירה מהסוכן ===== */
.choices{display:flex; flex-wrap:wrap; gap:8px; width:100%;}
.choices button{background:#fff; border:1.5px solid var(--line); border-radius:14px; padding:8px 14px; font-weight:700; font-size:.9rem;}
.choices button[aria-pressed="true"]{border-color:var(--brand-green); background:var(--s3-bg); color:var(--brand-green-deep);}
#quick [data-choices-done]{margin-top:8px;}

/* ===== תעודות בחלון "עוד על דגן" ===== */
.cert{text-align:right; margin-top:14px; padding:14px; border-radius:18px; background:var(--cream-2);}
.cert h3{font-size:1.02rem; font-weight:800; margin-bottom:4px;}
.cert p{font-size:.9rem; color:var(--ink-soft); line-height:1.55; margin-bottom:8px;}
.cert .about-cert{margin-top:0; background:#fff;}

/* ===== העיצוב האנושי ===== */
.hd-card{display:flex; flex-direction:column; gap:16px;}
.hd-lead{font-size:1.02rem; line-height:1.6;}
.hd-tiles{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px;}
@media (min-width:720px){ .hd-tiles{grid-template-columns:repeat(4,1fr);} }
.hd-tile{display:flex; flex-direction:column; align-items:flex-start; text-align:right; gap:1px; padding:12px; border-radius:16px; background:#fff; border:1.5px solid var(--line); transition:border-color .15s, transform .15s;}
.hd-tile:hover{border-color:var(--gold); transform:translateY(-2px);}
.hd-tile span{font-size:1.4rem;}
.hd-tile small{font-size:.72rem; color:var(--ink-soft);}
.hd-tile b{font-size:.95rem; line-height:1.3;}
.hd-tile em{font-style:normal; font-size:.74rem; color:var(--brand-green); font-weight:700; margin-top:2px;}
.hd-authority{margin-top:12px; background:var(--s3-bg); border-radius:16px; padding:12px 14px;}
.hd-authority p{margin-top:4px;}
.hd-signs{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px;}
.hd-signs div{border-radius:14px; padding:10px 12px; display:flex; flex-direction:column;}
.hd-signs small{font-size:.74rem; color:var(--ink-soft);}
.hd-signs .good{background:#FBF2DC;}
.hd-signs .warn{background:var(--cream-2);}
.hd-chart-wrap{display:grid; gap:14px; align-items:start;}
@media (min-width:720px){ .hd-chart-wrap{grid-template-columns:minmax(260px, 1fr) 1.2fr;} }
.hd-chart{position:relative; background:radial-gradient(circle at 50% 40%, #FFFDF6, #F4EFE3); border-radius:20px; padding:10px 10px 30px; border:1px solid var(--line);}
.hd-svg{width:100%; max-width:340px; display:block; margin:0 auto;}
.hd-svg .hd-ch{stroke:#E6DFCF; stroke-width:4.5; fill:none; stroke-linecap:round;}
.hd-svg .hd-on{stroke-width:4.5; fill:none; stroke-linecap:round;}
.hd-svg .hd-center{cursor:pointer;}
.hd-svg .hd-center path{stroke:#9C927C; stroke-width:1.6; stroke-linejoin:round; transition:filter .15s, stroke-width .15s;}
.hd-svg .hd-center.on path{stroke:var(--gold);}
.hd-svg .hd-center:hover path, .hd-svg .hd-center:focus path{filter:drop-shadow(0 0 5px rgba(207,177,118,.9)); stroke-width:2.6;}
.hd-svg .hd-center:focus{outline:none;}
.hd-tap{position:absolute; bottom:8px; left:0; right:0; text-align:center; font-size:.78rem; font-weight:700; color:var(--root);}
.hd-legend{display:flex; flex-direction:column; gap:8px;}
.hd-legend p{display:flex; gap:10px; align-items:flex-start; font-size:.88rem; line-height:1.5;}
.hd-legend p > span{flex:1;}
.lg-box{width:22px; height:22px; border-radius:5px; border:1.6px solid #9C927C; background:#fff; flex-shrink:0; margin-top:2px;}
.lg-box.on{background:#CFB176; border-color:var(--gold);}
.lg-line, .lg-half{width:22px; height:22px; flex-shrink:0; position:relative; margin-top:2px;}
.lg-line::after, .lg-half::after{content:''; position:absolute; top:9px; right:0; height:4px; border-radius:2px; background:#26241E; width:22px;}
.lg-half::after{width:11px; background:#D9534F;}
.lg-half::before{content:''; position:absolute; top:9px; left:0; width:11px; height:4px; border-radius:2px; background:#E6DFCF;}
.lg-colors{flex-wrap:wrap; gap:6px 14px !important;}
.lg-colors span{display:inline-flex; align-items:center; gap:6px; font-size:.8rem; flex:none !important;}
.lg-colors i{width:14px; height:4px; border-radius:2px; display:inline-block;}
.hd-lists{display:grid; gap:12px;}
@media (min-width:720px){ .hd-lists{grid-template-columns:1fr 1fr;} }
.hd-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;}
.hd-chip{display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:99px; border:1.5px solid var(--line); background:#fff; font-size:.85rem; font-weight:700;}
.hd-chip i{width:12px; height:12px; border-radius:3px; border:1.5px solid #9C927C;}
.hd-chip.on{border-color:var(--gold-light); background:#FFFBF0;}
.hd-chip:hover{border-color:var(--gold);}
.hd-channels ul{list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;}
.hd-channels li{background:var(--cream-2); border-radius:12px; padding:5px 10px; font-size:.85rem; font-weight:700;}
.hd-channels li span{font-size:.72rem; color:var(--ink-soft); margin-left:6px; direction:ltr; unicode-bidi:isolate;}
.hd-def{background:var(--cream-2); border-radius:14px; padding:10px 12px;}
.hd-card > .btn{align-self:flex-start;}
.hd-empty{display:flex; flex-direction:column; gap:10px; align-items:flex-start;}
.hd-sheet-head{display:flex; gap:12px; align-items:center; margin-bottom:10px; padding-left:40px;}
.hd-swatch{width:34px; height:34px; border-radius:8px; border:2px solid #9C927C; flex-shrink:0;}
.hd-box{background:var(--cream-2); border-radius:14px; padding:12px 14px; margin-top:10px;}
.hd-box.on{background:var(--s3-bg);}
.hd-box.q{background:#FBF2DC;}
.hd-box p{margin-top:4px;}
.hd-other{margin-top:12px;}
.hd-other p{margin-top:6px;}
.hd-types{display:flex; flex-direction:column; gap:10px; margin-top:12px;}
.hd-type{border:1.5px solid var(--line); border-radius:16px; padding:12px 14px;}
.hd-type.mine{border-color:var(--brand-green); background:var(--s3-bg);}
.hd-type-top{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:4px;}
.hd-type-top span{font-size:1.3rem;}
.hd-type-top em{font-style:normal; font-size:.72rem; font-weight:800; color:#fff; background:var(--brand-green); padding:1px 8px; border-radius:99px;}
.hd-type-top small{margin-right:auto; font-size:.74rem; color:var(--ink-soft);}
.hd-type p{font-size:.9rem; line-height:1.55;}
.hd-type p + p{margin-top:6px;}

/* ===== חיבור ליומן ===== */
.cal-block{background:var(--cream-2); border-radius:16px; padding:12px 14px; margin-top:12px; display:flex; flex-direction:column; gap:10px;}
.cal-check{display:flex; align-items:center; gap:10px; font-size:.95rem; cursor:pointer;}
.cal-check input{width:20px; height:20px; accent-color:var(--brand-green); flex-shrink:0;}
.cal-days{display:grid; grid-template-columns:repeat(7,1fr); gap:4px;}
.cal-days button{padding:8px 0; border-radius:10px; background:#fff; border:1.5px solid var(--line); font-weight:800; font-size:.88rem;}
.cal-days button[aria-pressed="true"]{background:var(--brand-green); border-color:var(--brand-green); color:#fff;}
.cal-row{display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:.9rem; font-weight:700;}
.cal-row label{display:flex; align-items:center; gap:6px; flex:1; min-width:130px;}
.cal-row .input{padding:8px 10px; border-radius:10px; font-size:.92rem; flex:1;}
.cal-preview{margin:14px 0 12px; display:flex; flex-direction:column; gap:8px;}
.cal-ev{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; border:1px solid var(--line); background:#fff;}
.cal-ev > span{font-size:1.3rem;}
.cal-ev > div{flex:1; display:flex; flex-direction:column; line-height:1.35;}
.cal-ev small{font-size:.78rem; color:var(--ink-soft);}
[data-cal-download][disabled]{opacity:.5; cursor:not-allowed;}

/* ===== פנייה חובה + תנאי כניסה (שיחת ההיכרות) ===== */
.req{font-size:.72rem; font-weight:800; color:var(--gold); background:#FBF2DC; border:1px solid var(--gold-light); padding:1px 8px; border-radius:99px; margin-inline-start:6px; vertical-align:middle;}
#pron .choice{font-size:.95rem; padding:14px 6px; border-style:dashed; transition:border-color .15s, background .15s, transform .15s;}
#pron .choice:hover{border-color:var(--gold); background:#FFFCF3;}
#pron .choice[aria-pressed="true"]{border-style:solid;}
#pron-field.need #pron .choice{border-color:#E0474C; background:#FFF6F5;}
#pron-field.need #pron{animation:nudge .45s ease;}
@keyframes nudge{0%,100%{transform:translateX(0);} 25%{transform:translateX(-6px);} 75%{transform:translateX(6px);}}
.field-error{color:#B3261E; font-weight:700; font-size:.88rem; margin-top:6px;}
.quiz-gate{text-align:center;}
.quiz-gate h1{margin:4px 0 6px;}
.quiz-gate > p{color:var(--ink-soft);}
.quiz-gate-list{list-style:none; display:flex; flex-direction:column; gap:8px; margin:14px 0; text-align:right;}
.quiz-gate-list li{display:flex; align-items:center; gap:10px; background:var(--cream-2); border-radius:14px; padding:10px 12px; font-weight:700;}
.quiz-gate-list span{font-size:1.3rem;}
.quiz-gate .btn{margin-top:12px;}

/* ===== דף הכניסה לשיחת ההיכרות - מסך אחד בלי גלילה ===== */
.gate-fit{min-height:100svh; padding-block:16px; justify-content:center;}
.quiz-gate{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:22px 20px; text-align:right; display:flex; flex-direction:column; gap:10px;}
.qg-head{display:flex; align-items:center; gap:14px;}
.qg-head img{width:64px; height:88px; object-fit:contain; flex-shrink:0;}
.qg-head h1{font-size:1.45rem; font-weight:800; line-height:1.2; margin:2px 0 0;}
.qg-lead{color:var(--ink-soft); font-size:.98rem; line-height:1.55;}
.qg-what{font-weight:800; font-size:.92rem; margin-top:2px;}
.qg-list{list-style:none; display:flex; flex-direction:column; gap:4px; margin:0; padding:0;}
.qg-list li{display:flex; align-items:center; gap:8px; font-size:.95rem; color:var(--ink); background:none; border:0; padding:0; cursor:default;}
.qg-list li::before{content:'✓'; color:var(--brand-green); font-weight:800; flex-shrink:0;}
.qg-meta{font-size:.82rem; color:var(--ink-soft);}
.quiz-gate .btn{margin-top:4px;}
.qg-foot{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; color:var(--ink-soft); font-size:.85rem;}
@media (max-height:700px){ .qg-head img{width:52px; height:70px;} .quiz-gate{padding:18px 16px; gap:8px;} .qg-lead{font-size:.92rem;} }
.quiz-gate > p{text-align:right; margin:0;}
.quiz-gate h1{text-align:right;}
.quiz-gate .qg-meta{text-align:center;}
.req-soft{color:var(--brand-green-deep); background:var(--s3-bg); border-color:#CBE6C2;}
.goal-opt[aria-checked="true"]{position:relative;}
.goal-opt[aria-checked="true"]::after{content:'✓'; position:absolute; top:8px; left:10px; width:20px; height:20px; border-radius:50%; background:var(--brand-green); color:#fff; font-size:.72rem; font-weight:800; display:flex; align-items:center; justify-content:center;}
.qg-list li span{font-size:1.05rem; width:1.4em; text-align:center; flex-shrink:0;}
.map-item h3{margin-bottom:0;}
.map-sub{font-size:.84rem; color:var(--ink-soft); margin:0 0 10px; line-height:1.4;}
.hd-refresh{background:var(--cream-2); border-radius:16px; padding:14px; display:flex; flex-direction:column; gap:6px; align-items:flex-start;}

/* ===== מערכת השעות + הוספה ליומן בולטת ===== */
.timetable-card{display:flex; flex-direction:column; gap:12px;}
.cal-cta{display:flex; align-items:center; gap:12px; width:100%; text-align:right; padding:14px 16px; border-radius:18px; background:linear-gradient(135deg, var(--brand-green), var(--forest-2)); color:#fff; box-shadow:0 8px 20px rgba(40,154,2,.25); transition:transform .15s, box-shadow .15s;}
.cal-cta:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(40,154,2,.3);}
.cal-cta-icon{width:46px; height:46px; border-radius:14px; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-size:1.6rem; flex-shrink:0;}
.cal-cta-text{flex:1; display:flex; flex-direction:column; line-height:1.3;}
.cal-cta-text b{font-size:1.05rem; font-weight:800;}
.cal-cta-text small{font-size:.8rem; opacity:.9;}
.cal-cta-go{font-weight:800; font-size:.9rem; background:#fff; color:var(--brand-green-deep); padding:7px 14px; border-radius:99px; white-space:nowrap;}
.cal-cta.done{background:var(--s3-bg); color:var(--brand-green-deep); box-shadow:none; border:1.5px solid #CBE6C2;}
.cal-cta.done .cal-cta-icon{background:#fff;}
.cal-cta.done .cal-cta-go{background:var(--brand-green); color:#fff;}
@media (max-width:400px){ .cal-cta-go{display:none;} }

/* ===== עוד על דגן: הכשרות גדולות וממורכזות ===== */
.sheet-panel.wide .about{max-width:760px; margin:0 auto;}
.about{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding-block:6px 10px;}
.about-logo{width:110px; margin:6px auto 0;}
.about-name{font-size:1.6rem; font-weight:800; padding:0 !important; margin:0;}
.about > p{max-width:52ch; color:var(--ink-soft); line-height:1.65; margin:0 auto;}
.about-divider{display:flex; align-items:center; gap:12px; width:100%; margin:22px 0 6px; color:var(--root); font-weight:800; font-size:.95rem;}
.about-divider::before, .about-divider::after{content:''; flex:1; height:1px; background:var(--gold-light);}
.cert{width:100%; text-align:center; margin:14px 0 8px; padding:22px 18px 18px; border-radius:22px; background:linear-gradient(180deg, #FFFCF3, var(--card)); border:1px solid var(--gold-light); display:flex; flex-direction:column; align-items:center; gap:8px;}
.cert-icon{width:52px; height:52px; border-radius:50%; background:#FBF2DC; display:flex; align-items:center; justify-content:center; font-size:1.6rem; box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--gold-light);}
.cert h3{font-size:1.2rem; font-weight:800; margin:4px 0 0; text-align:center;}
.cert p{font-size:.95rem; color:var(--ink-soft); line-height:1.6; max-width:52ch; margin:0 auto 6px; text-align:center;}
.cert .about-cert{width:100%; max-width:100%; border-radius:14px; border:1px solid var(--line); box-shadow:0 10px 26px rgba(38,36,30,.12); background:#fff; margin-top:6px;}

/* ===== תצוגה בגודל מלא בתוך הפלטפורמה ===== */
.lightbox{position:fixed; inset:0; z-index:90; background:rgba(20,18,14,.92); display:flex; flex-direction:column; animation:fadein .2s;}
.lb-bar{display:flex; align-items:center; gap:10px; padding:10px 14px; padding-top:max(10px, env(safe-area-inset-top)); color:#fff;}
.lb-title{flex:1; text-align:center; font-weight:700; font-size:.9rem; opacity:.85; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lb-zoom{display:flex; gap:6px;}
.lb-btn{background:rgba(255,255,255,.14); color:#fff; border-radius:99px; padding:8px 14px; font-weight:800; font-size:.95rem; min-width:40px;}
.lb-btn:hover{background:rgba(255,255,255,.24);}
.lb-stage{flex:1; overflow:auto; -webkit-overflow-scrolling:touch; touch-action:pinch-zoom pan-x pan-y; padding:0 10px 20px;}
.lb-stage img{max-width:none; display:block; margin:0 auto; border-radius:10px; background:#fff;}
.about-cert-btn{position:relative; display:block; width:100%; padding:0; background:none; border:0; cursor:zoom-in;}
.about-cert-btn span{position:absolute; bottom:12px; left:12px; background:rgba(38,36,30,.75); color:#fff; font-size:.8rem; font-weight:700; padding:4px 10px; border-radius:99px;}

/* ===== הצ׳ק-אין של היום: למה כדאי ומה משתנה ===== */
.ci-top{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px;}
.ci-today{font-size:.8rem; font-weight:800; color:var(--root);}
.ci-leaf{font-size:.75rem; font-weight:800; color:var(--brand-green); background:var(--s3-bg); padding:2px 10px; border-radius:99px; white-space:nowrap;}
.checkin h2{font-size:1.12rem; line-height:1.35;}
.ci-why{font-size:.92rem; color:var(--ink-soft); margin:6px 0 4px;}
.ci-gets{list-style:none; display:flex; flex-wrap:wrap; gap:6px 14px; margin:0 0 4px; padding:0;}
.ci-gets li{display:inline-flex; align-items:center; gap:5px; font-size:.86rem; font-weight:700; color:var(--ink);}
.checkin.checked .moods{margin-top:10px;}
.checkin.checked .mood:not([aria-pressed="true"]){opacity:.55;}
.day-plan{margin-top:10px; background:#FFFCF3; border:1px solid var(--gold-light); border-radius:16px; padding:12px 14px;}
.day-plan ul{list-style:none; display:flex; flex-direction:column; gap:6px; margin:8px 0 6px; padding:0;}
.day-plan li{display:flex; gap:8px; align-items:center; font-size:.93rem;}
.day-plan .link{font-size:.93rem;}

/* ===== חלון היומן בשני צעדים ===== */
.cal-lead{margin-bottom:10px;}
.cal-step{display:grid; grid-template-columns:30px 1fr; gap:10px; padding:14px 0; border-top:1px dashed var(--line);}
.cal-step-num{width:28px; height:28px; border-radius:50%; background:var(--brand-green); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center;}
.cal-step-body{display:flex; flex-direction:column; gap:10px; min-width:0;}
.cal-step-body > b{font-size:1rem;}
.cal-time{display:flex; align-items:center; gap:8px; font-weight:700; font-size:.92rem;}
.cal-time .input{max-width:140px; padding:8px 10px;}
.cal-choose{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.cal-app{display:flex; flex-direction:column; align-items:center; gap:2px; padding:16px 8px; border-radius:18px; border:2px solid var(--line); background:#fff; transition:border-color .15s, transform .15s;}
.cal-app:hover:not([disabled]){border-color:var(--brand-green); transform:translateY(-2px);}
.cal-app span{font-size:2rem; line-height:1.1;}
.cal-app b{font-size:1.05rem;}
.cal-app small{font-size:.78rem; color:var(--ink-soft);}
.cal-app[disabled]{opacity:.45; cursor:not-allowed;}
.cal-google{list-style:none; display:flex; flex-direction:column; gap:8px; margin:12px 0 14px; padding:0;}
.cal-google li{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; border:1px solid var(--line); background:#fff;}
.cal-google li > div{flex:1; display:flex; flex-direction:column; line-height:1.35; min-width:0;}
.cal-google small{font-size:.78rem; color:var(--ink-soft);}
.cal-g-num{width:26px; height:26px; border-radius:50%; background:var(--s3-bg); color:var(--brand-green); font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.cal-back{display:block; margin:10px auto 0;}

/* ===== קול בנשימות ===== */
.breath-sound{display:inline-flex; gap:4px; background:var(--cream-2); padding:4px; border-radius:14px; margin-top:6px;}
.breath-sound button{display:inline-flex; align-items:center; gap:5px; padding:7px 12px; border-radius:10px; font-weight:700; font-size:.86rem; color:var(--ink-soft);}
.breath-sound button span{font-size:1rem;}
.breath-sound button[aria-pressed="true"]{background:#fff; color:var(--brand-green-deep); box-shadow:var(--shadow);}

/* ===== כותרת הצ׳ק-אין: המילים הראשונות בולטות ===== */
.checkin h2{display:flex; flex-direction:column; gap:2px;}
.ci-open{font-family:var(--chalk); font-size:2rem; line-height:1.05; color:var(--brand-green); font-weight:700; letter-spacing:.01em;}
.ci-ask{font-size:1.05rem; font-weight:800; line-height:1.35;}

/* ===== אני מול עצמי בכיתות ===== */
.ani-card{display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:12px 16px; background:linear-gradient(135deg, #FFFBF0, #F6EBD2); border-color:var(--gold-light); transition:transform .15s;}
.ani-card:hover{transform:translateY(-2px);}
.ani-card-logo{width:56px; height:48px; object-fit:contain; flex-shrink:0;}
.ani-card .grow{flex:1; display:flex; flex-direction:column; line-height:1.35; min-width:0;}
.ani-card b{font-size:1.05rem;}
.ani-card-tag{align-self:flex-start; font-size:.72rem; font-weight:800; color:var(--brand-green-deep); background:var(--s3-bg); padding:1px 9px; border-radius:99px; margin-bottom:2px;}
.ani-card-tag.locked{color:var(--gold); background:#fff; border:1px solid var(--gold-light);}
.ani-card-more{font-size:.85rem; font-weight:800; color:var(--root); white-space:nowrap;}
.ani-why{margin:12px 2px 0; font-size:.92rem; color:var(--ink-soft); text-align:center;}

/* ===== היי, אני נשמה טובה: מסך אחד ===== */
.onboard-card{display:flex; flex-direction:column; gap:12px; text-align:right;}
.onboard-card .qg-head h1{text-align:right; margin:0;}
.onboard-card .qg-head p{text-align:right; margin:2px 0 0;}
.onboard-card .field{margin-bottom:0;}
.onboard-card .btn{margin-top:4px;}

/* ===== הצ׳ק-אין: פשוט ומרווח (מחליף את העיצוב הקודם) ===== */
.checkin{padding:22px 20px;}
.checkin .ci-top{margin-bottom:14px;}
.checkin h2{display:flex; flex-direction:column; gap:8px; margin:0;}
.checkin .ci-open{font-family:'Assistant', sans-serif; font-size:1.02rem; font-weight:500; color:var(--ink-soft); line-height:1.6; letter-spacing:.01em;}
.checkin .ci-ask{font-size:1.3rem; font-weight:800; color:var(--ink); line-height:1.4;}
.checkin .ci-why{display:flex; flex-direction:column; gap:3px; margin:16px 0 4px; padding:12px 14px; border-radius:14px; background:var(--s3-bg); color:var(--brand-green-deep);}
.checkin .ci-why b{font-size:1rem; font-weight:800; line-height:1.45;}
.checkin .ci-why span{font-size:.88rem; color:var(--ink-soft); font-weight:500;}
.checkin .moods{margin-top:16px;}

/* ===== יומן גוגל: הכל במכה ===== */
.cal-all{margin:12px 0 6px; font-size:1.02rem;}
.cal-all-note{text-align:center;}
.cal-import{background:var(--s3-bg); border-radius:14px; padding:12px 14px; margin:6px 0 4px; color:var(--brand-green-deep);}
.cal-import ol{margin:6px 18px 0 0; display:flex; flex-direction:column; gap:3px; font-size:.9rem; color:var(--ink);}
.cal-or{display:flex; align-items:center; gap:10px; margin:14px 0 4px; color:var(--ink-soft); font-size:.84rem; font-weight:700;}
.cal-or::before, .cal-or::after{content:''; flex:1; height:1px; background:var(--line);}
/* קריאה לפעולה בצ׳ק-אין: הבחירה מזמינה ללחוץ */
.checkin .ci-why{background:var(--brand-green); color:#fff;}
.checkin .ci-why b{font-size:1.05rem;}
.checkin .ci-why span{color:rgba(255,255,255,.88);}
.checkin:not(.checked) .mood{border-color:var(--gold-light); animation:mood-invite 2.4s ease-in-out infinite;}
.checkin:not(.checked) .mood:nth-child(2){animation-delay:.15s;} .checkin:not(.checked) .mood:nth-child(3){animation-delay:.3s;}
.checkin:not(.checked) .mood:nth-child(4){animation-delay:.45s;} .checkin:not(.checked) .mood:nth-child(5){animation-delay:.6s;}
@keyframes mood-invite{0%,100%{box-shadow:0 0 0 0 rgba(207,177,118,0);} 50%{box-shadow:0 0 0 4px rgba(207,177,118,.35);}}
@media (prefers-reduced-motion:reduce){ .checkin:not(.checked) .mood{animation:none;} }

/* ===== הכיתה הפרטית: כותרת בשתי שורות, לוגו למטה ===== */
.private-hero.ph{text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px; padding:26px 20px 18px;}
.private-hero.ph .eyebrow{color:var(--gold);}
.ph-title{display:flex; flex-direction:column; align-items:center; gap:0; margin:4px 0 0 !important; max-width:none !important;}
.ph-of{font-size:1.05rem; font-weight:600; color:var(--ink-soft); letter-spacing:.02em;}
.ph-name{font-size:2.3rem; font-weight:800; line-height:1.1; color:var(--ink);}
.ph-lead{max-width:36ch !important; margin:6px auto 0;}
.private-hero.ph .private-stats{width:100%; margin-top:14px;}
.ph-logo{width:118px; margin:16px auto 0; opacity:.95;}

/* ===== יומן גוגל: כפתור אחד עם התקדמות ===== */
.g-progress{display:flex; justify-content:center; gap:10px; margin:14px 0 6px;}
.g-progress span{display:flex; flex-direction:column; align-items:center; gap:4px; width:90px; text-align:center; font-size:1.3rem; opacity:.5;}
.g-progress span small{font-size:.72rem; font-weight:700; color:var(--ink-soft); line-height:1.25;}
.g-progress span.now{opacity:1;}
.g-progress span.done{opacity:1; color:var(--brand-green); font-weight:800;}
.g-done{text-align:center; font-weight:800; font-size:1.1rem; color:var(--brand-green); margin:14px 0 10px;}
/* "בחר/י מזג אחד" בסגול של הלב הסגול */
.checkin .ci-why .ci-pick{display:inline-block; background:#8E5BC9; color:#fff; padding:1px 10px 2px; border-radius:99px; margin-inline-end:4px; box-shadow:0 2px 8px rgba(142,91,201,.35);}

/* ===== מנגינת רקע לפי צ׳אקרה ===== */
.chakra-music{display:flex; flex-direction:column; align-items:center; gap:4px; margin-top:12px; width:100%; max-width:420px;}
.chakra-music > b{font-size:.92rem;}
.chakra-music > small{font-size:.8rem; color:var(--ink-soft);}
.chakra-opts{display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:4px;}
.chakra-opts button{display:inline-flex; flex-direction:column; align-items:center; min-width:52px; padding:6px 8px; border-radius:12px; background:#fff; border:1.5px solid var(--line); font-size:.8rem; font-weight:700; line-height:1.2;}
.chakra-opts button span{font-size:1rem;}
.chakra-opts button small{font-size:.62rem; color:var(--ink-soft); font-weight:600;}
.chakra-opts button.rec{border-color:var(--gold);}
.chakra-opts button[aria-pressed="true"]{border-color:#8E5BC9; background:#F3ECFB; box-shadow:0 0 0 2px rgba(142,91,201,.25);}

/* ===== הצ׳ק-אין: הקריאה לבחור - אותיות סגולות בלי רקע ===== */
.checkin .ci-why{background:none; color:var(--ink); padding:0; border-radius:0; margin:18px 0 2px; gap:4px;}
.checkin .ci-why .ci-pick{display:block; background:none; box-shadow:none; padding:0; margin:0; border-radius:0; color:#8E5BC9; font-size:1.18rem; font-weight:800; line-height:1.35;}
.checkin .ci-why span{color:var(--ink-soft); font-size:.92rem; font-weight:500; line-height:1.5;}

/* ===== איך לומדים כאן - מצב מצומצם ===== */
.howto-mini{display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; margin-bottom:14px; padding:12px 16px; border-radius:14px; border:1px dashed var(--gold-light); background:#FFFCF3; font:inherit; font-weight:700; color:var(--ink); cursor:pointer; text-align:start;}
.howto-mini:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

/* ===== ספירה בזמן הנשימות 5-3-8 ===== */
.breath{flex-direction:column;}
.breath .bn{display:block; font-size:2.6rem; font-weight:800; line-height:1; font-variant-numeric:tabular-nums;}
.breath .bl{display:block; font-size:.95rem; font-weight:700; margin-top:4px; opacity:.9;}
.breath-pattern{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; font-size:.86rem; color:var(--ink-soft);}
.breath-pattern i{font-style:normal; opacity:.5;}
.breath-pattern span{display:flex; align-items:baseline; gap:4px; padding:3px 10px; border-radius:99px; transition:background .3s, color .3s;}
.breath-pattern b{font-size:1.05rem; font-variant-numeric:tabular-nums;}
.breath-pattern span.now{background:var(--s3-bg); color:var(--brand-green-deep); font-weight:700;}
/* "בחר/י מזג אחד": יותר מודגש עם צל עדין */
.checkin .ci-why .ci-pick{font-size:1.28rem; font-weight:900; letter-spacing:.01em; text-shadow:0 1px 0 rgba(255,255,255,.6), 0 2px 6px rgba(142,91,201,.35);}

/* ===== עזרה עכשיו: כותרת ולוגו באמצע, 3 אפשרויות אחת ליד השנייה ===== */
.help-head{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px;}
.help-head .help-soul{float:none; margin:0 auto 4px; width:64px; height:84px;}
.help-head h2{margin:0;}
.help-list.help-row{display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:16px;}
.help-row .help-item{flex-direction:column; justify-content:flex-start; gap:6px; padding:14px 8px; text-align:center; height:100%;}
.help-row .help-item .icon{font-size:1.8rem; line-height:1;}
.help-row .help-item b{font-size:.92rem; line-height:1.25;}
.help-row .help-item .small{display:block; font-size:.74rem; line-height:1.3; margin-top:3px;}

/* ===== נשימות בלי גלילה (חדר שקט + כלי נשימה) ===== */
.tool-sheet-icon{font-size:2.6rem;}
.tool-breath-wrap{padding:20px 0; background:none;}
.chakra-opts{scrollbar-width:none;}
.chakra-opts::-webkit-scrollbar{display:none;}
@media (max-width:620px){
  .room-head:has(~ .quiet){margin-bottom:8px;}
  .room-head:has(~ .quiet) .icon{font-size:1.5rem;}
  .room-head:has(~ .quiet) .muted{display:none;}
  .back:has(~ .quiet){margin-bottom:4px;}
  .quiet{gap:10px; padding:14px 12px 16px;}
  .quiet > p.muted{margin:0; font-size:.86rem;}
  .quiet .avatars, .quiet > p:not(.muted){display:none;}
  .quiet .btn-sm{padding:7px 16px;}
  .breath{width:150px; height:150px; box-shadow:0 0 0 10px rgba(199,229,189,.4);}
  .breath .bn{font-size:2.3rem;}
  .breath-pattern, .breath-sound, .chakra-music{margin-top:0;}
  .breath-pattern{font-size:.8rem; gap:4px;}
  .breath-sound button{padding:6px 10px; font-size:.82rem;}
  .chakra-music{gap:2px;}
  .chakra-music > b{font-size:.84rem;}
  .chakra-music > small{font-size:.74rem;}
  .chakra-opts{flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; width:100%; padding:2px 2px 4px; gap:5px;}
  .chakra-opts button{flex:0 0 auto; min-width:48px; padding:4px 7px;}
  /* כלי נשימה בחלון */
  .sheet-panel:has(.tool-breath-wrap){padding-top:18px;}
  .tool-sheet-icon.is-breath{font-size:1.8rem; line-height:1;}
  .sheet-panel .tool-breath-desc{font-size:.86rem; line-height:1.45; margin:0; color:var(--ink-soft);}
  .tool-breath-wrap{padding:10px 0 0;}
}
@media (max-width:620px){
  .quiet:not(.tool-breath-wrap) .btn-sm{display:none;} /* יש כבר "חזרה לחצר" למעלה */
  .quiet:not(.tool-breath-wrap) .breath{width:136px; height:136px;}
  .main:has(.quiet:not(.tool-breath-wrap)){padding-top:10px;}
}
@media (max-width:620px){ .main:has(.quiet:not(.tool-breath-wrap)){padding-bottom:calc(var(--tab-h) + 14px + env(safe-area-inset-bottom));} }

/* ===== הצ׳ק-אין: "כל יום הוא יום חדש" ככותרת גדולה ===== */
.checkin .ci-headline{margin:0 0 6px; font-size:1.85rem; font-weight:800; line-height:1.15; color:var(--brand-green-deep); letter-spacing:-.01em; text-wrap:balance;}
.checkin .ci-open{font-size:.95rem;}
.checkin .ci-ask{font-size:1.18rem;}
.checkin .mood{font-size:.76rem; line-height:1.2;}

/* ===== 🎧 האוזניות שלי ===== */
.music-btn{width:38px; height:38px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:1.15rem; background:#fff; border:1px solid var(--line); flex-shrink:0;}
.music-btn.on{background:#F1E8FA; border-color:#C9AEE6; box-shadow:0 0 0 3px rgba(142,91,201,.15);}
.music-dock{position:fixed; z-index:55; left:10px; right:10px; bottom:calc(var(--tab-h) + 10px + env(safe-area-inset-bottom)); margin-inline:auto; max-width:480px;}
.md-panel{background:var(--card); border:1px solid var(--line); border-radius:20px; box-shadow:0 12px 36px rgba(38,36,30,.22); padding:10px 10px 8px; animation:up .25s ease;}
.md-head{display:flex; align-items:center; gap:6px; padding:0 4px 8px;}
.md-title{flex:1; display:flex; flex-direction:column; line-height:1.25; min-width:0;}
.md-title b{font-size:.95rem;}
.md-title small{font-size:.76rem; color:var(--ink-soft);}
.md-btn{width:32px; height:32px; border-radius:50%; background:var(--cream-2); font-size:.95rem; font-weight:800; color:var(--ink-soft);}
.md-panel iframe{display:block; width:100%; height:175px; border:0; border-radius:12px; overflow:hidden; background:var(--cream-2);}
.md-foot{display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 4px 0; font-size:.8rem;}
.md-foot a{font-weight:800; color:#8E5BC9;}
.md-foot small{color:var(--ink-soft); font-size:.72rem;}
.md-pill{display:none;}
/* מוקטן: הנגן ממשיך לפעול מחוץ למסך, ונשאר רק כפתור קטן */
.music-dock.min{left:auto; right:12px; max-width:none; width:auto;}
.music-dock.min .md-panel{position:fixed; top:-1000px; left:0; width:320px; opacity:0; pointer-events:none; animation:none;}
.music-dock.min .md-pill{display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:999px; background:#8E5BC9; color:#fff; font-weight:800; font-size:.86rem; box-shadow:0 6px 18px rgba(142,91,201,.35);}
.md-pill span{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.md-pill small{font-weight:600; opacity:.85; font-size:.74rem;}
@media (min-width:960px){ .music-dock{bottom:18px; left:auto; right:calc(var(--side-w) + 18px); width:420px;} .music-dock.min{right:calc(var(--side-w) + 18px);} }

/* ===== רדיו ההפסקה ===== */
.radio-card{display:flex; align-items:center; gap:12px; width:100%; text-align:start; margin:14px 0; padding:14px 16px; background:linear-gradient(135deg, #F6F0FB, var(--card)); border-color:#E2D3F2;}
.radio-card .grow{display:flex; flex-direction:column; gap:1px; min-width:0;}
.radio-card .eyebrow{color:#8E5BC9;}
.radio-card b{font-size:1.05rem;}
.radio-icon{font-size:2rem;}
.radio-play{width:40px; height:40px; border-radius:50%; background:#8E5BC9; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.95rem; flex-shrink:0; padding-inline-start:3px;}

/* ===== עזרה עכשיו: קטגוריה מעל כל אפשרות ===== */
.help-row .help-item{padding-top:10px;}
.help-cat{display:inline-block; font-size:.68rem; font-weight:800; padding:2px 8px; border-radius:99px; white-space:nowrap; margin-bottom:2px;}
.help-cat.now{background:#FBE3E0; color:#B0413A;}
.help-cat.mid{background:var(--s3-bg); color:var(--brand-green-deep);}
.help-cat.talk{background:#F1E8FA; color:#7A4BB5;}
.sheet-panel .help-head h2{padding-inline:40px; text-align:center; width:100%;}
@media (max-width:959px){ .music-dock{bottom:calc(var(--tab-h) + 30px + env(safe-area-inset-bottom));} } /* מעל כפתור נשמה טובה שבולט מהתפריט */

/* ===== חיים בחצר: ציפורים וילדים שעוברים ===== */
.yard-life{position:absolute; inset:0; pointer-events:none;}
.yard-scene .label{z-index:2;}
.bird{position:absolute; left:-30px; width:calc(22px * var(--s, 1)); animation:bird-fly 18s linear infinite;}
.bird svg{display:block; width:100%; animation:bird-flap .45s ease-in-out infinite alternate; transform-origin:center 70%;}
@keyframes bird-fly{0%{left:-30px; translate:0 0;} 30%{translate:0 -6px;} 60%{translate:0 4px;} 100%{left:calc(100% + 30px); translate:0 0;}}
@keyframes bird-flap{from{transform:scaleY(1);} to{transform:scaleY(.35);}}
.kid{position:absolute; left:-40px; width:calc(26px * var(--s, 1)); z-index:1; animation-timing-function:linear; animation-iteration-count:infinite;}
.kid svg{display:block; width:100%; overflow:visible; animation:kid-bob .5s ease-in-out infinite alternate;}
.kid-r{animation-name:kid-walk-r;}
.kid-l{animation-name:kid-walk-l;}
.kid-l svg{scale:-1 1;}
@keyframes kid-walk-r{from{left:-40px;} to{left:calc(100% + 40px);}}
@keyframes kid-walk-l{from{left:calc(100% + 40px);} to{left:-40px;}}
@keyframes kid-bob{from{translate:0 0;} to{translate:0 -1.2px;}}
.kid .leg, .kid .arm{transform-box:fill-box; transform-origin:50% 8%;}
.kid .l1, .kid .arm:last-of-type{animation:kid-step .5s ease-in-out infinite alternate;}
.kid .l2, .kid .arm:first-of-type{animation:kid-step .5s ease-in-out infinite alternate-reverse;}
@keyframes kid-step{from{transform:rotate(22deg);} to{transform:rotate(-22deg);}}
@media (prefers-reduced-motion:reduce){
  .bird, .kid, .kid svg, .kid .leg, .kid .arm, .bird svg{animation:none !important;}
  .kid{left:var(--x);}
  .bird{left:30%;}
}
.bird{z-index:3; width:calc(26px * var(--s, 1));}

/* ===== הצ׳ק-אין: הכותרת בירוק של המותג ===== */
.checkin .ci-headline{color:var(--s3);}

/* ===== 🎧 האוזניות שלי - עיצוב מלא (מחליף את הגרסה הקטנה) ===== */
.music-dock{max-width:520px;}
.md-panel{padding:0; overflow:hidden; border:0; border-radius:26px; background:var(--card); box-shadow:0 18px 50px rgba(40,20,70,.32);}
.md-head{position:relative; display:flex; align-items:center; gap:14px; padding:16px 16px 18px; color:#fff; background:radial-gradient(120% 140% at 100% 0%, #A57AD8 0%, #7A4BB5 38%, #3D2160 100%);}
.md-head::after{content:''; position:absolute; inset:auto 0 0 0; height:1px; background:rgba(255,255,255,.12);}
.md-title{flex:1; display:flex; flex-direction:column; gap:2px; min-width:0;}
.md-eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:.76rem; font-weight:800; letter-spacing:.03em; color:#EBDDFB;}
.md-title b{font-size:1.45rem; font-weight:800; line-height:1.15; color:#fff;}
.md-title small{font-size:.8rem; color:rgba(255,255,255,.78);}
.md-actions{display:flex; flex-direction:column; gap:6px; align-self:flex-start;}
.md-btn{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:1rem; font-weight:800; border:1px solid rgba(255,255,255,.22);}
.md-btn:focus-visible{outline:2px solid #fff; outline-offset:2px;}
.md-frame{padding:12px 12px 0; background:linear-gradient(180deg, #F3ECFA, var(--card) 60%);}
.md-panel iframe{height:clamp(240px, calc(100svh - 360px), 450px); border-radius:16px; background:#EFE6F8; box-shadow:0 4px 14px rgba(60,30,100,.12);}
.md-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px 4px;}
.md-tip{font-size:.78rem; color:var(--ink-soft); line-height:1.35;}
.md-open{flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:9px 14px; border-radius:999px; background:#1D1D1F; color:#fff !important; font-weight:800; font-size:.82rem;}
.md-note{display:block; text-align:center; font-size:.7rem; color:var(--ink-soft); padding:4px 14px 12px; opacity:.8;}

/* תקליט מסתובב עם העץ במרכז */
.vinyl{position:relative; flex-shrink:0; width:64px; height:64px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:radial-gradient(circle, #CFB176 0 27%, #1B1420 28% 31%, #2A2130 32% 40%, #1B1420 41% 50%, #2A2130 51% 62%, #1B1420 63% 100%);
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 0 0 2px rgba(255,255,255,.06); animation:vinyl-spin 6s linear infinite;}
.vinyl::after{content:''; position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 30deg, transparent 0 20%, rgba(255,255,255,.14) 25%, transparent 32% 70%, rgba(255,255,255,.1) 75%, transparent 82%);}
.vinyl img{width:44%; height:44%; object-fit:contain; border-radius:50%; background:#FFFDF8; padding:2px; position:relative; z-index:1;}
.vinyl.big{width:84px; height:84px;}
@keyframes vinyl-spin{to{transform:rotate(360deg);}}

/* פסי אקולייזר קטנים */
.eq{display:inline-flex; align-items:flex-end; gap:2px; height:12px;}
.eq i{display:block; width:3px; height:100%; border-radius:2px; background:currentColor; transform-origin:bottom; animation:eq-bar 1s ease-in-out infinite;}
.eq i:nth-child(2){animation-delay:-.4s;} .eq i:nth-child(3){animation-delay:-.7s;} .eq i:nth-child(4){animation-delay:-.2s;}
@keyframes eq-bar{0%,100%{transform:scaleY(.3);} 50%{transform:scaleY(1);}}

/* מוקטן: כפתור סגול עם אקולייזר */
.music-dock.min .md-pill{gap:8px; padding:10px 16px; background:linear-gradient(135deg, #8E5BC9, #3D2160); font-size:.9rem; box-shadow:0 8px 22px rgba(61,33,96,.4);}
.md-pill .eq{color:#EBDDFB;}
.md-pill-name{max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* ===== 📻 רדיו ההפסקה - כרטיס גדול ===== */
.radio-card{position:relative; overflow:hidden; display:flex; align-items:center; gap:16px; width:100%; text-align:start; margin:14px 0; padding:18px 18px; border-radius:24px; border:0; color:#fff;
  background:radial-gradient(110% 150% at 0% 0%, #A57AD8 0%, #7A4BB5 40%, #3D2160 100%); box-shadow:0 10px 28px rgba(61,33,96,.28);}
.radio-card::before{content:'♪ ♫'; position:absolute; top:8px; left:16px; font-size:1.4rem; color:rgba(255,255,255,.18); letter-spacing:6px;}
.radio-card .grow{display:flex; flex-direction:column; gap:3px; min-width:0;}
.radio-eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:800; color:#EBDDFB; letter-spacing:.03em;}
.radio-card b{font-size:1.5rem; font-weight:800; line-height:1.15;}
.radio-sub{font-size:.84rem; color:rgba(255,255,255,.8); line-height:1.4;}
.radio-go{align-self:flex-start; margin-top:8px; padding:8px 16px; border-radius:999px; background:#fff; color:#5A3590; font-weight:800; font-size:.88rem; box-shadow:0 4px 12px rgba(0,0,0,.15);}
.radio-card:focus-visible{outline:3px solid #CFB176; outline-offset:3px;}

@media (prefers-reduced-motion:reduce){ .vinyl, .eq i{animation:none;} }

/* ===== הפלייליסט שלי ===== */
.md-tabs{display:flex; gap:6px; padding:12px 12px 0; background:#F3ECFA;}
.md-tabs button{flex:1; min-width:0; padding:9px 10px; border-radius:999px; font-weight:800; font-size:.86rem; color:#5A3590; background:#fff; border:1.5px solid #E2D3F2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.md-tabs button[aria-pressed="true"]{background:#7A4BB5; border-color:#7A4BB5; color:#fff; box-shadow:0 4px 12px rgba(122,75,181,.3);}
.md-frame{padding-top:10px;}
.md-add{display:flex; flex-direction:column; gap:8px; padding:14px 14px 16px; background:linear-gradient(180deg, #F3ECFA, var(--card) 70%);}
.md-add b{font-size:1.05rem; color:#3D2160;}
.md-add p{font-size:.84rem; line-height:1.5; color:var(--ink-soft); margin:0;}
.md-add input{width:100%; font:inherit; font-size:16px; padding:11px 14px; border-radius:14px; border:1.5px solid #E2D3F2; background:#fff;}
.md-add input:focus{outline:none; border-color:#7A4BB5; box-shadow:0 0 0 3px rgba(122,75,181,.15);}
.md-add input[dir="ltr"]{text-align:left;}
.md-add .md-err{color:#B0413A; font-weight:700; font-size:.8rem;}
.md-add-actions{display:flex; align-items:center; gap:8px; margin-top:4px;}
.md-add-actions .btn-primary{background:#7A4BB5; box-shadow:0 4px 14px rgba(122,75,181,.3);}
.md-tip .link{font-weight:800; color:#7A4BB5; font-size:.8rem;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}

/* ===== עצירה והמשך בנשימות ===== */
.breath-wrap{position:relative; display:inline-flex;}
.breath{cursor:pointer; -webkit-tap-highlight-color:transparent;}
.breath:focus-visible{outline:3px solid var(--gold); outline-offset:8px;}
.breath.paused{opacity:.85;}
.breath.paused .bn{font-size:1.6rem;}
.breath.paused .bl{font-size:.72rem; font-weight:700; max-width:9ch; text-align:center; line-height:1.25;}
.breath-toggle{position:absolute; bottom:4px; left:-8px; width:42px; height:42px; border-radius:50%; background:#fff; color:var(--brand-green-deep); font-size:1rem; font-weight:800; border:1.5px solid var(--line); box-shadow:0 4px 12px rgba(38,36,30,.12); display:inline-flex; align-items:center; justify-content:center; z-index:1;}
.breath-toggle[aria-pressed="true"]{background:var(--brand-green); color:#fff; border-color:var(--brand-green);}
.md-foot{justify-content:center; text-align:center;}
.md-panel iframe{height:clamp(220px, calc(100svh - 430px), 450px);}
/* הציפורים עפות מתחת לשלט של החצר ולא עליו; העץ קטן עם גזע גלוי */
.bird{z-index:1;}
.yard-scene .label{z-index:3;}
.yard-scene .tree{width:84px; margin-bottom:46px; margin-left:22px; position:relative; z-index:0;}
@media (min-width:640px){ .yard-scene .tree{width:96px; margin-bottom:54px;} }
/* עץ עם גזע ושורשים, קטן, עומד על הדשא */
.yard-scene .tree.tree-trunk{width:auto; height:150px; margin:0 0 30px 84px; animation:sway 9s ease-in-out infinite;}
@media (min-width:640px){ .yard-scene .tree.tree-trunk{height:175px; margin-bottom:36px;} }
/* רדיו ההפסקה - שורה קומפקטית */
.radio-card{padding:10px 14px; gap:12px; margin:12px 0; border-radius:20px;}
.radio-card::before{display:none;}
.radio-card .vinyl.big{width:52px; height:52px;}
.radio-card b{font-size:1.08rem;}
.radio-eyebrow{font-size:.72rem;}
.radio-sub{font-size:.76rem;}
.radio-card .radio-go{align-self:center; margin:0; width:40px; height:40px; padding:0 0 0 3px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:.95rem; flex-shrink:0;}
.radio-card .grow{flex:1;}
.yard-scene .tree.tree-trunk{margin-left:46px;}
/* צל עדין וזהה לכותרת ול"בחר/י מזג אחד" */
.checkin .ci-why .ci-pick{text-shadow:0 1px 2px rgba(142,91,201,.22);}
.checkin .ci-headline{text-shadow:0 1px 2px rgba(40,154,2,.22);}
/* מנגינת צ׳אקרה: כל 8 הכפתורים בשורה אחת, באותו גובה, בלי גלילה הצידה */
.chakra-opts, .chakra-music .chakra-opts{display:grid; grid-template-columns:repeat(8, minmax(0, 1fr)); gap:4px; width:100%; overflow:visible; padding:2px 0 0; flex-wrap:initial;}
.chakra-opts button, .chakra-music .chakra-opts button{min-width:0; width:100%; flex:initial; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:1px; padding:6px 1px 5px; font-size:.72rem; line-height:1.15; white-space:nowrap;}
.chakra-opts button span{font-size:1rem; line-height:1.1;}
.chakra-opts button small{font-size:.58rem;}
@media (max-width:380px){ .chakra-opts button{font-size:.66rem;} .chakra-opts button span{font-size:.9rem;} }
/* להמשיך לשמוע מחוץ לאתר (פתוח רק למי שבוחר) */
.md-out{margin:6px 12px 0; border-radius:14px; background:#F6F0FB; border:1px solid #E2D3F2;}
.md-out summary{padding:9px 12px; font-size:.82rem; font-weight:800; color:#5A3590; text-align:center;}
.md-out summary::after{content:' ▾'; color:#8E5BC9;}
.md-out[open] summary::after{content:' ▴';}
.md-out p{margin:0; padding:0 12px 8px; font-size:.78rem; line-height:1.5; color:var(--ink-soft);}
.md-out .md-open{display:flex; justify-content:center; margin:0 12px 12px; padding:10px 14px;}
.md-panel{max-height:calc(100svh - var(--tab-h) - 50px - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain;}
@media (min-width:960px){ .md-panel{max-height:calc(100vh - 40px);} }
/* כפתור האוזניות כשהמוזיקה פועלת: סגול כמו הלב 💜 */
.music-btn.on{background:#A374DA; border-color:#8E5BC9; box-shadow:0 0 0 3px rgba(142,91,201,.22);}

/* ===== תמונת פרופיל ===== */
.avatar.has-photo{padding:0; overflow:hidden; background:#fff;}
.avatar.has-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.photo-box{display:flex; flex-direction:column; align-items:center; gap:6px;}
.photo-edit{position:relative; display:inline-flex; cursor:pointer; border-radius:50%;}
.photo-edit:focus-within, .photo-edit:hover{box-shadow:0 0 0 3px rgba(221,200,159,.6);}
#photo-input:focus-visible + .photo-add, .photo-edit:has(+ #photo-input:focus-visible){outline:3px solid var(--gold-light); outline-offset:3px;}
.photo-cam{position:absolute; bottom:-2px; left:-2px; width:28px; height:28px; border-radius:50%; background:var(--gold); border:2px solid var(--brand-green-deep); display:inline-flex; align-items:center; justify-content:center; font-size:.8rem;}
.photo-add, .photo-remove{font-size:.72rem; font-weight:700; color:var(--gold-light); cursor:pointer; background:none; text-decoration:underline; text-underline-offset:3px;}
.student-card .avatar{width:78px; height:78px;}

/* ===== סרגל עליון קצת יותר גדול ומרווח ===== */
.topbar{gap:12px; padding:12px 18px; padding-top:max(12px, env(safe-area-inset-top));}
.topbar-logo{height:52px;}
.help-btn{font-size:.92rem; padding:9px 16px;}
.music-btn{width:44px; height:44px; font-size:1.25rem;}
.topbar-me .avatar{width:44px; height:44px; font-size:1rem; box-shadow:0 0 0 2px #fff, 0 2px 8px rgba(38,36,30,.12);}
/* התקליט: הלוגו הזהב של דגן במרכז, על מדבקה כהה */
.vinyl{background:radial-gradient(circle, #2A1F36 0 33%, #CFB176 33.5% 35%, #1B1420 36% 42%, #2A2130 43% 52%, #1B1420 53% 64%, #2A2130 65% 74%, #1B1420 75% 100%);}
.vinyl img{width:58%; height:58%; background:transparent; padding:0; border-radius:0; object-fit:contain;}
/* ===== רדיו ההפסקה כנגן: ▶ מנגן את של דגן, ולידו "משהו אחר" ===== */
.radio-card{display:flex; align-items:center; gap:10px; padding:10px 12px 10px 12px;}
.radio-main{flex:1; min-width:0; display:flex; align-items:center; gap:12px; text-align:start; color:#fff; background:none; padding:0;}
.radio-main:focus-visible, .radio-side button:focus-visible{outline:3px solid #CFB176; outline-offset:3px; border-radius:14px;}
.radio-side{display:flex; flex-direction:column; align-items:center; gap:6px; flex-shrink:0;}
.radio-card .radio-go{width:46px; height:46px; font-size:1.05rem; cursor:pointer;}
.radio-other{font-size:.7rem; font-weight:800; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3); border-radius:999px; padding:4px 9px; white-space:nowrap; max-width:96px; overflow:hidden; text-overflow:ellipsis;}
/* מתחת לכל צ׳אקרה: הכאב שמאחוריה */
.chakra-opts button small{font-size:.6rem; font-weight:700; color:#8A5A4A; letter-spacing:-.01em;}
.chakra-opts button.off small{color:var(--ink-soft);}
/* כפתור האוזניות כשהמוזיקה פועלת: בפנים בהיר כמו קודם, המסגרת מבחוץ סגולה כמו הלב 💜 */
.music-btn.on{background:#F1E8FA; border:2px solid #9B5FD6; box-shadow:0 0 0 3px rgba(155,95,214,.28);}

/* ====================================================================
   הכיתות (15.9.2026): לוח גיר לכל שכבה, וכרטיס "כיתה" עם דלת, שלט ומה לומדים
   ==================================================================== */
.classes-head{margin-bottom:12px;}
.floors{margin-bottom:14px;}
.floor small{font-size:.68rem; opacity:.85;}

/* לוח הגיר של השכבה */
.class-board{padding:20px 20px 30px; margin-bottom:18px;}
.class-board .cb-chalk{display:block; font-family:var(--chalk); font-size:1.35rem; color:var(--gold-light); line-height:1.1; letter-spacing:.02em;}
.class-board h2, .class-board h1{font-size:1.5rem; font-weight:800; line-height:1.25; margin:6px 0 2px; color:#fff; padding-left:84px;}
.room-board h1{font-size:1.6rem; padding-left:0;}
.class-board .cb-phrase{display:block; font-family:var(--chalk); font-size:1.7rem; color:#fff; opacity:.9; line-height:1.1;}
.cb-rows{display:grid; gap:8px; margin:14px 0 0;}
.cb-rows > div{display:grid; grid-template-columns:7.2em 1fr; gap:8px; align-items:baseline; padding-top:8px; border-top:1px dashed rgba(255,255,255,.18);}
.cb-rows dt{font-weight:800; font-size:.84rem; color:var(--gold-light); white-space:nowrap;}
.cb-rows dd{margin:0; font-size:.88rem; line-height:1.5; color:rgba(255,255,255,.88);}
.cb-sticker{position:absolute; top:14px; left:14px; z-index:1; font-size:.74rem; font-weight:800; color:#111; background:#FBE7A6; padding:6px 10px 7px; border-radius:4px; transform:rotate(-4deg); box-shadow:0 3px 8px rgba(0,0,0,.25);}
.cb-sticker.mine{background:#DFF0D9; color:var(--brand-green-deep);}
.cb-chalk-bottom{position:absolute; bottom:0; right:0; left:0; height:10px; background:linear-gradient(180deg, #B99A5E, #A4864D);}
.class-board::after{bottom:14px;}
.cb-desc{margin:4px 0 0; color:rgba(255,255,255,.85);}

/* מה יש בכל שיעור */
.lesson-parts{list-style:none; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px; margin:0 0 14px; padding:0;}
.lesson-parts li{display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 4px; border-radius:14px; background:var(--card); border:1px solid var(--line); font-size:.74rem; font-weight:700; color:var(--ink-soft); text-align:center; line-height:1.2;}
.lesson-parts span{font-size:1.2rem;}
.classes-title{margin-bottom:8px;}

/* כרטיס כיתה */
.classrooms{display:grid; gap:14px; margin-bottom:18px;}
@media (min-width:760px){ .classrooms{grid-template-columns:1fr 1fr;} }
.classroom{position:relative; display:grid; grid-template-columns:92px 1fr; background:var(--card); border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow);}
.classroom.recommended{border-color:var(--gold); box-shadow:0 0 0 2px rgba(207,177,118,.35), var(--shadow);}
.cr-door{position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 8px; background:linear-gradient(180deg, var(--tone-bg, #F3F1EC), #fff); border-left:1px solid var(--line);}
.cr-door::before{content:''; position:absolute; top:0; right:0; left:0; height:6px; background:var(--spine, var(--gold)); opacity:.85;}
.cr-sign{margin-top:4px; font-size:.72rem; font-weight:800; color:#111; background:#fff; border:1.5px solid var(--gold-light); border-radius:6px; padding:2px 8px; white-space:nowrap; box-shadow:0 2px 0 var(--gold-light);}
.cr-window{width:58px; height:58px; border-radius:50%; background:#fff; border:3px solid #fff; box-shadow:0 0 0 1.5px var(--line), inset 0 2px 6px rgba(0,0,0,.06); display:flex; align-items:center; justify-content:center; font-size:1.8rem;}
.cr-status{font-size:.66rem; font-weight:800; padding:2px 7px; border-radius:99px; text-align:center; line-height:1.3;}
.cr-status.rec{color:var(--gold); background:#FBF2DC; border:1px solid var(--gold-light);}
.cr-status.done{color:var(--brand-green-deep); background:var(--s3-bg);}
.cr-status.mid{color:var(--ink-soft); background:var(--cream-2);}
.cr-body{padding:14px 14px 12px; min-width:0; display:flex; flex-direction:column;}
.cr-body h3{font-size:1.05rem; font-weight:800; line-height:1.3;}
.cr-body h3 a{color:inherit;}
.cr-desc{font-size:.84rem; color:var(--ink-soft); line-height:1.45; margin:2px 0 10px;}
.cr-list-title{font-size:.72rem; font-weight:800; color:var(--ink-soft); letter-spacing:.02em; margin-bottom:4px;}
.cr-lessons{list-style:none; margin:0 0 10px; padding:0; display:flex; flex-direction:column; gap:3px;}
.cr-lessons li{display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:7px; font-size:.82rem; line-height:1.3; padding:4px 6px; border-radius:9px;}
.cr-lessons .n{width:20px; height:20px; border-radius:50%; background:var(--cream-2); font-size:.66rem; font-weight:800; display:flex; align-items:center; justify-content:center; color:var(--ink-soft);}
.cr-lessons .t{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cr-lessons .m{font-size:.7rem; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.cr-lessons li.done .n{background:var(--s3-bg); color:var(--brand-green);}
.cr-lessons li.done .t{color:var(--ink-soft);}
.cr-lessons li.next{background:#FBF6EA;}
.cr-lessons li.next .n{background:var(--gold); color:#fff;}
.cr-foot{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto;}
.cr-meta{font-size:.74rem; color:var(--ink-soft);}
.cr-enter{font-size:.86rem; font-weight:800; color:var(--brand-green); white-space:nowrap;}
.classroom .progress{margin-top:8px;}

/* בתוך הכיתה */
.room-board{padding-bottom:32px;}
.rb-stats{display:flex; flex-wrap:wrap; gap:6px 16px; margin:12px 0 8px; font-size:.84rem; color:rgba(255,255,255,.85);}
.rb-stats b{font-size:1.05rem; color:#fff; font-variant-numeric:tabular-nums;}
.rb-progress{background:rgba(255,255,255,.15); margin-bottom:14px; max-width:320px;}
.rb-go{background:#FFFDF8; color:var(--brand-green-deep); box-shadow:0 4px 14px rgba(0,0,0,.2); padding:11px 20px; font-size:.95rem;}
.rb-done{margin:0; color:#fff; font-weight:700;}
.desk-list{list-style:none; display:flex; flex-direction:column; gap:10px; margin:0 0 16px; padding:0;}
.desk{display:flex; align-items:flex-start; gap:12px; padding:14px 14px; background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); color:inherit; position:relative;}
.desk::after{content:''; position:absolute; bottom:-4px; right:18px; left:18px; height:4px; border-radius:0 0 8px 8px; background:#E9DFC8; z-index:-1;}
.desk.next{border-color:var(--gold); box-shadow:0 0 0 2px rgba(207,177,118,.3), var(--shadow);}
.desk-num{width:36px; height:36px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-weight:800; background:var(--cream-2); color:var(--ink-soft);}
.desk.next .desk-num{background:var(--gold); color:#fff;}
.desk.done .desk-num{background:var(--s3-bg); color:var(--brand-green);}
.desk-body{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
.desk-body b{font-size:1rem; line-height:1.3;}
.desk-about{font-size:.84rem; color:var(--ink-soft); line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.desk-meta{font-size:.74rem; color:var(--ink-soft);}
.desk-tag{align-self:flex-start; font-size:.68rem; font-weight:800; color:var(--gold); background:#FBF2DC; border:1px solid var(--gold-light); padding:1px 8px; border-radius:99px;}
.desk-go{align-self:center; color:var(--brand-green); font-weight:800;}
.next-room{display:flex; flex-direction:column; gap:2px; padding:12px 16px; position:relative; margin-bottom:10px;}
.next-room .link{position:absolute; left:16px; top:50%; transform:translateY(-50%);}
@media (max-width:380px){ .classroom{grid-template-columns:78px 1fr;} .cr-window{width:50px; height:50px; font-size:1.5rem;} }
/* ערבוב שירים */
.md-shuffle-row{display:flex; justify-content:center; padding:8px 12px 0; background:#F3ECFA;}
.md-shuffle{font-size:.8rem; font-weight:800; color:#5A3590; background:#fff; border:1.5px solid #E2D3F2; border-radius:999px; padding:6px 14px;}
.md-shuffle[aria-pressed="true"]{background:#7A4BB5; color:#fff; border-color:#7A4BB5;}

/* כפתור האוזניות כשהמוזיקה פועלת: הפוך - סגול מלא בפנים, מסגרת לבנה */
.music-btn.on{background:#9B5FD6; border:2px solid #fff; box-shadow:0 0 0 2px #9B5FD6, 0 4px 12px rgba(155,95,214,.35);}

/* הצ׳ק-אין: זהב חזק יותר סביב כפתורי מצב הרוח */
.checkin:not(.checked) .mood{border:2px solid var(--gold); animation-name:mood-invite-strong;}
@keyframes mood-invite-strong{0%,100%{box-shadow:0 0 0 0 rgba(207,177,118,.25);} 50%{box-shadow:0 0 0 5px rgba(207,177,118,.55);}}

/* לוח השכבה בטלפון: הכותרת מעל ההסבר, כדי שיהיה קל לקרוא */
@media (max-width:560px){
  .cb-rows > div{grid-template-columns:1fr; gap:2px;}
  .class-board h2{padding-left:0; margin-top:34px;}
}
/* ===== השלט "החצר" בצורת ענן ===== */
.yard-scene .label{top:38px; right:16px; background:#FFFDF8; border-radius:46px; padding:12px 22px 14px; text-align:center; filter:drop-shadow(0 6px 10px rgba(80,110,130,.14));}
.yard-scene .label::before, .yard-scene .label::after{content:''; position:absolute; background:#FFFDF8; border-radius:50%; z-index:-1;}
.yard-scene .label::before{width:74px; height:74px; top:-30px; right:22px;}
.yard-scene .label::after{width:52px; height:52px; top:-20px; left:26px;}
.yard-scene .label .eyebrow{justify-content:center;}
@media (min-width:640px){ .yard-scene .label{top:44px;} }
/* ===== השלט "החצר" כענן אמיתי (צורת ענן מאחורי הטקסט) ===== */
.yard-scene .label{background:transparent; border-radius:0; padding:14px 26px 16px; top:40px; right:14px; filter:drop-shadow(0 5px 8px rgba(80,110,130,.16));}
.yard-scene .label::after{display:none;}
.yard-scene .label::before{content:''; position:absolute; z-index:-1; top:-30px; right:-22px; bottom:-16px; left:-22px; width:auto; height:auto; border-radius:0;
  background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 140' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFDF8' d='M46 124 C22 126 6 110 8 90 C10 72 26 60 44 62 C44 40 64 24 88 28 C98 10 124 2 146 14 C160 4 186 8 196 30 C218 30 234 50 230 72 C244 82 240 112 218 120 C210 132 190 134 178 126 C166 136 146 136 136 126 C124 136 104 136 94 126 C82 136 58 134 46 124 Z'/%3E%3C/svg%3E");}
@media (min-width:640px){ .yard-scene .label{top:48px;} }
.yard-scene .label{right:30px;}
/* ===== נגן נוח יותר: כותרת קומפקטית, הסבר קצר איך מתחילים, כפתורים גדולים ===== */
.md-head{padding:12px 14px 14px; gap:12px;}
.md-head .vinyl{width:54px; height:54px;}
.md-title b{font-size:1.25rem;}
.md-actions{flex-direction:row; align-self:center; gap:8px;}
.md-btn{width:40px; height:40px; font-size:1.05rem;}
.md-hint{margin:0; padding:10px 14px 0; background:#F3ECFA; font-size:.8rem; line-height:1.45; color:#4B2E78; text-align:center;}
.md-hint b{color:#3D2160;}
.md-frame{padding-top:8px;}
.md-foot{padding:10px 14px 2px;}
/* ארגז הכלים: כל המצבים מול העיניים, בלי גלילה הצידה */
.filters{flex-wrap:wrap; overflow:visible; gap:8px; padding-bottom:0;}
.filters a{padding:8px 14px;}

/* ====================================================================
   כותרות "מוחשיות" (15.9.2026): לוח נעים לכיתות, ארגז אמיתי לכלים
   ==================================================================== */
/* לוח עם נעצים - כותרת הכיתות */
.sign-board{position:relative; overflow:hidden; text-align:center; margin:4px 0 22px; padding:30px 22px 26px; border-radius:24px;
  background:radial-gradient(120% 90% at 50% 0%, #FFFFFF 0%, #FFFDF8 45%, #F7F0DF 100%);
  border:6px solid var(--gold); box-shadow:inset 0 0 0 2px rgba(255,255,255,.7), inset 0 -18px 30px rgba(207,177,118,.12), 0 10px 26px rgba(90,70,30,.12);}
.sb-pin{position:absolute; top:12px; width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #FFB3A8, #D9534F 60%, #A93A36); box-shadow:0 2px 3px rgba(0,0,0,.25);}
.sb-pin:first-child{right:16px;} .sb-pin:nth-child(2){left:16px; background:radial-gradient(circle at 35% 35%, #C2E3B8, #289A02 60%, #289A02);}
.sb-leaves{position:absolute; bottom:-18px; left:-16px; width:120px; opacity:.13; pointer-events:none; transform:rotate(-8deg);}
.sb-eyebrow{display:block; font-size:.82rem; font-weight:800; letter-spacing:.06em; color:var(--gold);}
.sign-board h1{font-size:2.6rem; font-weight:800; line-height:1.1; color:var(--brand-green-deep); margin:8px 0 12px; text-shadow:0 1px 0 #fff, 0 2px 6px rgba(40,154,2,.15);}
.sb-rule{display:block; width:120px; height:4px; margin:0 auto 14px; border-radius:4px; background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);}
.sign-board p{font-size:.98rem; line-height:1.65; color:var(--ink-soft); max-width:36ch; margin:0 auto;}
@media (min-width:640px){ .sign-board h1{font-size:3rem;} }

/* בתוך כיתה: כותרת גדולה ומרווחת יותר */
.room-board{padding-top:24px;}
.room-board h1{font-size:2rem; line-height:1.2; margin:10px 0 8px;}
.room-board .cb-desc{font-size:1rem; line-height:1.6;}

/* ארגז הכלים */
.toolbox{position:relative; margin:34px 0 10px;}
.tb-handle{position:absolute; top:-26px; left:50%; transform:translateX(-50%); width:120px; height:40px; border:9px solid #8A6A34; border-bottom:0; border-radius:26px 26px 0 0; z-index:0;}
.tb-handle::after{content:''; position:absolute; bottom:-6px; left:-14px; right:-14px; height:10px; background:transparent; border-left:14px solid #6E5328; border-right:14px solid #6E5328; border-radius:3px;}
.tb-lid{position:relative; z-index:1; text-align:center; padding:22px 22px 26px; border-radius:22px 22px 8px 8px;
  background:linear-gradient(180deg, #289A02 0%, var(--brand-green) 55%, #289A02 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18), inset 0 -4px 0 rgba(0,0,0,.18), 0 6px 14px rgba(40,154,2,.25);}
.tb-plate{display:inline-block; padding:10px 26px 12px; border-radius:10px; background:linear-gradient(180deg, #E8D3A2, #CFB176 60%, #B99A5E); box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 3px 8px rgba(0,0,0,.25);}
.tb-plate h1{font-size:2.1rem; font-weight:800; line-height:1.1; color:#111; text-shadow:0 1px 0 rgba(255,255,255,.55);}
.tb-lead{margin:14px auto 0; max-width:34ch; font-size:.95rem; line-height:1.6; color:rgba(255,255,255,.9);}
.tb-screw{position:absolute; top:12px; width:10px; height:10px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #F3E4BF, #B99A5E); box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);}
.tb-screw.r{right:14px;} .tb-screw.l{left:14px;}
.tb-latch{position:absolute; bottom:-12px; width:34px; height:24px; border-radius:6px; background:linear-gradient(180deg, #E8D3A2, #B99A5E); box-shadow:0 2px 4px rgba(0,0,0,.3); z-index:2;}
.tb-latch::after{content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; border-radius:50%; transform:translate(-50%,-50%); background:#8A6A34;}
.tb-latch.r{right:22%;} .tb-latch.l{left:22%;}
.tb-body{position:relative; margin-top:4px; padding:22px 12px 14px; border-radius:8px 8px 22px 22px;
  background:linear-gradient(180deg, #289A02, #289A02); box-shadow:inset 0 3px 8px rgba(0,0,0,.3), 0 12px 28px rgba(40,154,2,.25);}
.tb-tabs{display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-bottom:12px;}
.tb-tabs a{display:inline-flex; align-items:center; gap:5px; padding:7px 12px; border-radius:999px; font-weight:800; font-size:.84rem; color:#fff; background:rgba(255,255,255,.1); border:1.5px solid rgba(255,255,255,.22);}
.tb-tabs a[aria-current]{background:var(--gold); color:#111; border-color:var(--gold); box-shadow:0 3px 10px rgba(0,0,0,.25);}
.tb-tray{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; padding:8px; border-radius:16px; background:#F4ECDA; box-shadow:inset 0 3px 10px rgba(90,70,30,.25);}
@media (min-width:700px){ .tb-tray{grid-template-columns:repeat(3, minmax(0,1fr));} }
.tb-tool{display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:14px 8px 12px; border-radius:12px; background:#FFFDF8; border:1px solid #E4D6B6; box-shadow:0 2px 0 #E4D6B6, 0 4px 10px rgba(90,70,30,.08); transition:transform .15s;}
.tb-tool:hover{transform:translateY(-2px);}
.tb-tool:focus-visible{outline:3px solid var(--gold); outline-offset:2px;}
.tb-icon{font-size:2rem; line-height:1.1;}
.tb-tool b{font-size:.9rem; line-height:1.3; color:var(--ink);}
.tb-states{display:flex; flex-wrap:wrap; justify-content:center; gap:3px;}
.tb-states i{font-style:normal; font-size:.66rem; font-weight:700; color:var(--brand-green-deep); background:var(--s3-bg); padding:1px 7px; border-radius:99px;}
.tb-count{margin:10px 0 0; text-align:center; font-size:.78rem; color:rgba(255,255,255,.75);}
/* כותרות הקטעים ("התכנית האישית שלי" וכו׳): קצת יותר גדולות ומרווחות, עם קו זהב עדין */
.section-title{flex-wrap:wrap; margin:36px 0 14px; row-gap:2px;}
.section-title h2{font-size:1.5rem; line-height:1.25; color:var(--ink); position:relative; padding-bottom:6px;}
.section-title h2::after{content:''; position:absolute; bottom:0; right:0; width:36px; height:3px; border-radius:3px; background:var(--gold);}
.section-title .small{font-size:.82rem;}

/* ====================================================================
   עיצוב מוחשי (15.9.2026): תיק, מחברת, עץ, ערכת עזרה, צלצול, מערכת שעות, חדר שקט לילי, דלת זהב
   ==================================================================== */
/* 0) הכיתות: חוקי הכיתה בכיף */
.sb-rules{display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:14px auto 0 !important; max-width:none !important;}
.sb-rules span{font-size:.84rem; font-weight:800; color:var(--brand-green-deep); background:#FFF6DC; border:1.5px dashed var(--gold); padding:4px 11px; border-radius:999px; transform:rotate(-1deg);}
.sb-rules span:nth-child(2){transform:rotate(1.2deg); background:#FDEBEA; border-color:#E8A8A0; color:#8A3A32;}
.sb-rules span:nth-child(3){transform:rotate(-.6deg); background:#EAF6E6; border-color:#A2D492;}

/* 1) התיק שלי - תיק גב */
.backpack{position:relative; margin:22px 4px 16px; padding:0 0 12px; border-radius:34px 34px 22px 22px; background:linear-gradient(180deg, #289A02, var(--brand-green) 60%, #289A02); box-shadow:inset 0 -6px 0 rgba(0,0,0,.18), 0 10px 24px rgba(40,154,2,.25);}
.bp-strap{position:absolute; top:-18px; width:26px; height:40px; border:7px solid #289A02; border-bottom:0; border-radius:16px 16px 0 0;}
.bp-strap.r{right:26%;} .bp-strap.l{left:26%;}
.bp-flap{position:relative; text-align:center; padding:18px 16px 22px; border-radius:34px 34px 50% 50% / 34px 34px 26px 26px; background:linear-gradient(180deg, #289A02, #289A02); box-shadow:0 4px 0 rgba(0,0,0,.15);}
.bp-patch{display:inline-block; padding:8px 20px; border-radius:14px; font-size:1.5rem; font-weight:800; color:#111; background:linear-gradient(180deg, #EAD6A6, #CFB176); border:2px dashed rgba(58,42,16,.35); box-shadow:0 3px 8px rgba(0,0,0,.25);}
.bp-zip{position:absolute; bottom:8px; right:18%; left:18%; height:6px; border-radius:6px; background:repeating-linear-gradient(90deg, #CFB176 0 4px, #8A6A34 4px 7px);}
.bp-zip::after{content:''; position:absolute; left:-4px; top:-5px; width:12px; height:16px; border-radius:4px; background:#E8D3A2; box-shadow:0 1px 2px rgba(0,0,0,.3);}
.bp-pockets{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px; padding:12px 10px 0;}
.bp-pockets a{display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 4px 8px; border-radius:12px 12px 16px 16px; background:rgba(255,255,255,.12); border:1.5px dashed rgba(255,255,255,.35); color:#fff; font-size:.72rem; font-weight:800; text-align:center; line-height:1.2;}
.bp-pockets a span{font-size:1.3rem;}
.bp-pockets a:focus-visible{outline:3px solid var(--gold); outline-offset:2px;}

/* 2) המחברת בשיעור - טבעות ספירלה ושוליים */
.notebook{position:relative; padding-right:34px; background:#FFFEFA;}
.notebook::before{content:''; position:absolute; top:16px; bottom:16px; right:10px; width:14px; background:radial-gradient(circle at 50% 50%, #D8D2C4 0 4px, transparent 4.5px) 0 0/14px 26px repeat-y;}
.notebook::after{content:''; position:absolute; top:10px; bottom:10px; right:14px; width:8px; background:repeating-linear-gradient(to bottom, transparent 0 9px, #9C9486 9px 17px, transparent 17px 26px); border-radius:4px; opacity:.55;}

/* 3) עץ שצומח */
.growth-card{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; margin-bottom:12px; background:linear-gradient(180deg, #EEF6FA, #F5FAEC 70%, #E7F3E2);}
.growth-tree{width:100%; max-width:280px; height:auto;}
.gt-leaf{transform-box:fill-box; transform-origin:center; animation:leaf-pop .4s ease-out both;}
@keyframes leaf-pop{from{opacity:0; scale:.2;} to{opacity:1; scale:1;}}
.growth-text{display:flex; flex-direction:column; gap:2px;}
.growth-text b{font-size:1.1rem; color:var(--brand-green-deep);}

/* 4) ערכת עזרה רכה */
.aid-box{position:relative; margin:18px 0 4px; padding:26px 16px 16px; border-radius:22px; background:linear-gradient(180deg, #FBF4FF, #F4EAFB); border:2px solid #E2D3F2;}
.aid-handle{position:absolute; top:-16px; left:50%; transform:translateX(-50%); width:70px; height:22px; border:6px solid #C9AEE6; border-bottom:0; border-radius:14px 14px 0 0;}
.aid-label{display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:800; color:#6A3FA0; background:#fff; border:1.5px solid #E2D3F2; padding:3px 12px; border-radius:999px; margin-bottom:6px;}
.sheet-panel .aid-box h2{padding-inline:0;}

/* 5) צלצול */
.bell-ring{font-size:3.2rem; display:inline-block; transform-origin:50% 10%; animation:bell-swing 1.1s ease-in-out 2;}
@keyframes bell-swing{0%,100%{transform:rotate(0);} 15%{transform:rotate(22deg);} 35%{transform:rotate(-18deg);} 55%{transform:rotate(12deg);} 75%{transform:rotate(-6deg);}}

/* 6) מערכת השעות - דף מודבק בסלוטייפ */
.timetable-card{position:relative; background:#FFFEFA; background-image:repeating-linear-gradient(to bottom, transparent 0 27px, rgba(200,215,230,.35) 27px 28px); transform:rotate(-.4deg); box-shadow:0 8px 20px rgba(38,36,30,.08);}
.timetable-card::before, .timetable-card::after{content:''; position:absolute; top:-10px; width:76px; height:24px; background:rgba(221,200,159,.75); box-shadow:0 1px 3px rgba(0,0,0,.08);}
.timetable-card::before{right:20px; transform:rotate(6deg);}
.timetable-card::after{left:20px; transform:rotate(-5deg);}
.timetable-card > *{transform:rotate(.4deg);}

/* 7) החדר השקט - ערב עם ירח וכוכבים */
.quiet:not(.tool-breath-wrap){position:relative; overflow:hidden; color:#EDEBFF; border:0;
  background:radial-gradient(3px 3px at 18% 22%, #fff, transparent), radial-gradient(2px 2px at 72% 14%, #fff, transparent), radial-gradient(2px 2px at 86% 42%, rgba(255,255,255,.8), transparent), radial-gradient(1.5px 1.5px at 30% 60%, rgba(255,255,255,.7), transparent), radial-gradient(2px 2px at 60% 78%, rgba(255,255,255,.6), transparent), radial-gradient(1.5px 1.5px at 10% 85%, rgba(255,255,255,.7), transparent),
  linear-gradient(180deg, #1E2A4A 0%, #2B3B63 55%, #3E4F72 100%);}
.quiet:not(.tool-breath-wrap)::before{content:''; position:absolute; top:14px; left:16px; width:30px; height:30px; border-radius:50%; box-shadow:-8px 4px 0 0 #F6E7B0; transform:rotate(-20deg); opacity:.95;}
.quiet:not(.tool-breath-wrap) > p.muted, .quiet:not(.tool-breath-wrap) p{color:#D9DCF2;}
.quiet:not(.tool-breath-wrap) .breath{box-shadow:0 0 0 10px rgba(255,255,255,.08), 0 0 40px rgba(246,231,176,.25);}
.quiet:not(.tool-breath-wrap) .breath-pattern{color:#D9DCF2;}
.quiet:not(.tool-breath-wrap) .breath-pattern span.now{background:rgba(255,255,255,.14); color:#fff;}
.quiet:not(.tool-breath-wrap) .chakra-music > b{color:#fff;}
.quiet:not(.tool-breath-wrap) .breath-sound{background:rgba(255,255,255,.12);}
.quiet:not(.tool-breath-wrap) .breath-sound button{color:#D9DCF2;}
.quiet:not(.tool-breath-wrap) .breath-sound button[aria-pressed="true"]{color:var(--brand-green-deep);}

/* 8) הכיתה הפרטית - דלת זהב */
.gold-door{border:8px solid #CFB176 !important; border-radius:120px 120px 22px 22px !important; box-shadow:inset 0 0 0 3px #E8D3A2, inset 0 0 0 7px rgba(255,255,255,.5), 0 14px 34px rgba(139,111,71,.22) !important; padding-top:36px !important;}
.gold-door::before{inset:16px !important; border-radius:100px 100px 14px 14px !important;}
.door-knob{position:absolute; left:22px; top:54%; width:18px; height:18px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #FFF1C9, #CFB176 55%, #8A6A34); box-shadow:0 2px 4px rgba(0,0,0,.3);}
.gold-door .ph-title{background:linear-gradient(180deg, #F4E6C2, #E3CD98); border:1.5px solid #B99A5E; border-radius:12px; padding:8px 18px 10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 8px rgba(139,111,71,.2);}
@media (prefers-reduced-motion:reduce){ .gt-leaf, .bell-ring{animation:none;} }
/* העלים מסובבים בתוך ה-SVG, אז האנימציה רק שקיפות (אחרת הם זזים ממקומם) */
.gt-leaf{transform-box:view-box; transform-origin:0 0; animation:leaf-fade .5s ease-out both;}
@keyframes leaf-fade{from{opacity:0;} to{opacity:1;}}

/* ===== עוצמה לכל צליל ===== */
.sound-row{display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:nowrap;}
.sound-row .breath-sound{margin:0;}
.vol-pop{position:relative;}
.vol-pop summary{list-style:none; width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.05rem; background:var(--cream-2); cursor:pointer;}
.vol-pop summary::-webkit-details-marker{display:none;}
.vol-pop summary::after{content:none !important;}
.vol-pop[open] summary{background:#fff; box-shadow:var(--shadow);}
.vol-panel{position:absolute; z-index:20; bottom:calc(100% + 8px); left:0; width:250px; padding:12px 14px; border-radius:16px; background:var(--card); border:1px solid var(--line); box-shadow:0 12px 30px rgba(38,36,30,.18); text-align:start; color:var(--ink);}
.vol-panel > b{display:block; font-size:.84rem; margin-bottom:6px;}
.vol-row{display:flex; flex-direction:column; gap:2px; padding:4px 0; font-size:.8rem; font-weight:700; color:var(--ink-soft);}
.vol-row input{width:100%; accent-color:var(--brand-green); height:28px;}
.quiet:not(.tool-breath-wrap) .vol-pop summary{background:rgba(255,255,255,.14);}
/* "החצר" בולט וגדול יותר בענן */
.yard-scene .label b{font-size:1.8rem; font-weight:900; color:var(--brand-green-deep); letter-spacing:.01em; text-shadow:0 1px 0 #fff, 0 2px 6px rgba(40,154,2,.18);}
.md-shuffle-row{gap:6px; flex-wrap:wrap;}
.md-shuffle.ghost{background:transparent; border-style:dashed;}
/* "החצר" בשחור */
.yard-scene .label b{color:#1A1814; text-shadow:0 1px 0 #fff;}
/* לוח "בוקר טוב" בשכבה: יותר אוויר */
.board:not(.class-board){padding:30px 24px 34px;}
.board:not(.class-board) .board-date{margin-bottom:6px;}
.board:not(.class-board) h1{margin:14px 0 10px;}
.board:not(.class-board) p{line-height:1.6;}
/* החדר השקט בלילה: שמות הצ׳אקרות קריאים */
.quiet:not(.tool-breath-wrap) .chakra-opts button{color:var(--ink);}
/* ===== הנגן: בגובה הרשמי של כל שירות, כדי שכפתור הניגון יופיע במלואו ויהיה קל ללחוץ ===== */
.md-panel iframe.svc-apple{height:175px;}
.md-panel iframe.svc-spotify{height:152px;}
.md-panel iframe.svc-youtube{height:auto; aspect-ratio:16/9; max-width:100%;}
.md-frame{padding:10px 12px 0;}

/* ===== כותרות בצבעי המותג ובגודל של כותרת ===== */
.page-head h1{font-size:2.1rem; font-weight:800; line-height:1.2; color:var(--brand-green-deep); padding-bottom:10px; position:relative; text-shadow:0 1px 0 #fff, 0 2px 6px rgba(40,154,2,.12);}
.page-head h1::after{content:''; position:absolute; bottom:0; right:0; width:54px; height:4px; border-radius:4px; background:var(--gold);}
.page-head .eyebrow{color:var(--gold); font-weight:800;}
.page-head p{margin-top:10px; line-height:1.6;}
.section-title h2{font-size:1.6rem; color:var(--brand-green-deep); text-shadow:0 1px 0 #fff;}
.section-title h2::after{width:44px; height:4px;}
.room-head h1{font-size:1.6rem; color:var(--brand-green-deep);}
.map-item h3{font-size:1.18rem; color:var(--brand-green-deep);}
.next-lesson h3{font-size:1.4rem; line-height:1.3;}
.soul-card h3{font-size:1.25rem;}
.session-card h2{font-size:1.4rem; color:var(--brand-green-deep);}
.eyebrow{font-weight:800;}
/* מתחת ל"נשמה טובה" בתפריט: סוכן הריפוי הדיגיטלי האישי שלך */
.tab-sub{display:block; font-size:.5rem; font-weight:700; line-height:1.15; color:var(--gold); text-align:center; max-width:88px; margin-top:1px; white-space:normal;}
.tabbar .tab-soul{overflow:visible;}
.side-nav .tab-sub{display:none;}
.side-nav .tab-soul span{display:flex; flex-direction:column;}
/* הכיתוב מתחת לנשמה טובה נכנס במלואו: הדמות עולה קצת, והכיתוב בשתי שורות צמודות */
.tabbar .tab-soul{padding-bottom:4px; gap:1px;}
.tabbar .tab-soul img{margin-top:-44px;}
.tabbar .tab-soul span{line-height:1.1;}
.tabbar .tab-sub{font-size:.48rem; line-height:1.1; max-width:84px;}
/* חזרה לעוד כלים מתוך כל כלי (למעלה באותה שורה של ✕, ולמטה כפתור) */
.sheet-back{position:absolute; top:16px; right:18px; z-index:2; font-size:.82rem; font-weight:800; color:var(--brand-green-deep); background:var(--s3-bg); border:1px solid #CBE6C2; padding:6px 12px; border-radius:999px;}
.sheet-panel:has(.sheet-back) .tool-sheet-icon{margin-top:22px;}
.sheet-panel:has(.tool-breath-wrap) .tool-sheet-icon{margin-top:26px;}
.tool-more{display:flex; width:fit-content; margin:12px auto 0;}
/* בכלי הנשימה נשארים בלי גלילה: "לעוד כלים" רק למעלה, ואייקון צמוד */
@media (max-width:620px){
  .sheet-panel:has(.tool-breath-wrap) .tool-more{display:none;}
  .sheet-panel:has(.tool-breath-wrap) .tool-sheet-icon{margin-top:14px; font-size:1.5rem;}
}
@media (max-width:620px){ .sheet-panel:has(.tool-breath-wrap) .tool-sheet-icon{visibility:hidden;} }
/* הכותרות בשחור, כמו בלוגו (הקו הזהב נשאר). "כל יום הוא יום חדש" נשאר בירוק לבקשת דגן */
.page-head h1, .section-title h2, .room-head h1, .map-item h3, .session-card h2, .sign-board h1{color:#111; text-shadow:0 1px 3px rgba(0,0,0,.12);}

/* ====================================================================
   סבב רעיונות 2 (15.9.2026): צבע לכל שכבה, כותרות גדולות, שער, מקרן, פתק דביק, תעודה, פתקים, פינה חמה
   ==================================================================== */
/* B) צבעי השכבות: יסודי אדום · חטיבה צהוב · תיכון ירוק (הצבעים של המותג) */
.tone-s1{--tone:var(--s1); --tone-soft:var(--s1-bg); --tone-ink:#9E1B1B;}
.tone-s2{--tone:var(--s2); --tone-soft:var(--s2-bg); --tone-ink:#A67C00;}
.tone-s3{--tone:var(--s3); --tone-soft:var(--s3-bg); --tone-ink:#289A02;}
.floors{gap:8px; padding:6px;}
.floor{position:relative; border:2px solid transparent; font-size:1.05rem; padding:11px 4px 12px;}
.floor::after{content:''; position:absolute; bottom:5px; left:30%; right:30%; height:4px; border-radius:4px; background:var(--tone); opacity:.45;}
.floor.active{background:var(--tone-soft); border-color:var(--tone); color:var(--tone-ink); box-shadow:0 4px 12px rgba(0,0,0,.08);}
.floor.active::after{opacity:1; left:22%; right:22%;}
.floor.active small{color:var(--tone-ink);}
.class-board.tone-s1, .class-board.tone-s2, .class-board.tone-s3{border-top-width:14px; border-top-color:var(--tone);}
.class-board .cb-sticker{background:var(--tone-soft); color:var(--tone-ink);}
.class-board .cb-chalk{color:var(--gold-light);}
.class-board .cb-rows dt{color:var(--tone-soft);}
.classroom .cr-door::before{height:8px; background:var(--tone); opacity:1;}
.classroom .cr-door{background:linear-gradient(180deg, var(--tone-soft), #fff);}

/* C) כותרות גדולות יותר במקומות החשובים */
.class-board h2{font-size:1.85rem;}
.room-board h1{font-size:2.2rem;}
.cr-body h3{font-size:1.25rem; line-height:1.3;}
.desk-body b{font-size:1.14rem;}
.tb-tool b{font-size:1rem;}
.sticker b{font-size:.98rem;}
.reward b{font-size:1.06rem;}
.timetable b{font-size:1.04rem;}
.growth-text b{font-size:1.25rem;}
.soul-head h1{font-size:1.75rem;}
.gate-card h1{font-size:1.8rem;}

/* D1) שער הכניסה */
.gate-arch{position:relative; width:min(340px, 88vw); height:96px; margin:0 auto -18px; border:10px solid var(--brand-green); border-bottom:0; border-radius:170px 170px 0 0; z-index:1;}
.gate-arch::before, .gate-arch::after{content:''; position:absolute; bottom:-40px; width:18px; height:52px; background:var(--brand-green); border-radius:4px 4px 0 0;}
.gate-arch::before{right:-14px;} .gate-arch::after{left:-14px;}
.ga-sign{position:absolute; top:-22px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:6px 18px; border-radius:10px; font-weight:800; font-size:1rem; color:#111; background:linear-gradient(180deg, #EAD6A6, #CFB176); box-shadow:0 3px 8px rgba(0,0,0,.2);}
.ga-bars{position:absolute; inset:34px 30px 0; background:repeating-linear-gradient(90deg, transparent 0 16px, rgba(40,154,2,.18) 16px 19px); border-radius:120px 120px 0 0;}

/* D2) השיעור: מקרן, לוח מחיק, פתק דביק */
.projector{position:relative; padding:10px 10px 18px; border-radius:20px; background:#2A2A2E; box-shadow:0 10px 26px rgba(0,0,0,.2);}
.projector .video{border-radius:12px;}
.projector-stand{position:absolute; bottom:-14px; left:50%; transform:translateX(-50%); width:90px; height:14px; border-radius:0 0 10px 10px; background:#3A3A40;}
.whiteboard{background:#FFFFFF; border:6px solid #D9DDE3; border-radius:14px; box-shadow:inset 0 0 0 1px #EEF0F3, 0 6px 16px rgba(38,36,30,.06); position:relative;}
.whiteboard::after{content:''; position:absolute; bottom:-12px; right:24px; width:60px; height:8px; border-radius:4px; background:linear-gradient(90deg, #3B7BD8 0 40%, #E0413A 40% 70%, #289A02 70%);}
.postit{background:#FFF3A8 !important; border:0 !important; border-radius:4px !important; transform:rotate(-1.2deg); box-shadow:0 10px 18px rgba(120,100,0,.18) !important; position:relative;}
.postit::before{content:''; position:absolute; top:-10px; left:50%; transform:translateX(-50%) rotate(2deg); width:80px; height:22px; background:rgba(221,200,159,.7);}

/* D3) אלבום מדבקות - דף מדבקות */
.stickers{padding:12px; border-radius:18px; background:#FFFDF8; background-image:radial-gradient(rgba(207,177,118,.35) 1px, transparent 1.5px); background-size:16px 16px; border:1px solid var(--line);}
.sticker.got{position:relative;}
.sticker.got::after{content:''; position:absolute; top:0; left:0; width:22px; height:22px; background:linear-gradient(135deg, #EDE6D4 50%, transparent 50%); border-radius:16px 0 0 0; box-shadow:2px 2px 3px rgba(0,0,0,.08);}

/* D4) היעדים - מדף גביעים */
.rewards .reward{border-radius:14px 14px 4px 4px; border-bottom:8px solid #C9A46A; box-shadow:0 6px 0 -2px #A4864D, var(--shadow);}
.rewards .reward.open .reward-icon{background:radial-gradient(circle at 35% 35%, #FFF5D6, #EAD29A);}

/* D5) התעודה */
.report-card{position:relative; padding:30px 20px 20px; background:#FFFDF6; border:2px solid var(--gold); box-shadow:inset 0 0 0 6px #FFFDF6, inset 0 0 0 7px var(--gold-light), var(--shadow);}
.rc-title{display:block; text-align:center; font-weight:800; font-size:.86rem; letter-spacing:.04em; color:var(--gold); margin-bottom:14px;}
.rc-seal{position:absolute; top:-18px; left:18px; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.4rem; background:radial-gradient(circle at 35% 35%, #F3E4BF, #CFB176 60%, #A4864D); box-shadow:0 0 0 3px #FFFDF6, 0 0 0 5px var(--gold), 0 4px 10px rgba(0,0,0,.2);}

/* D6) פתקים מדגן - פתקי נייר */
.paper-notes li{position:relative; background:#FFFEF8; background-image:repeating-linear-gradient(to bottom, transparent 0 25px, rgba(200,215,230,.45) 25px 26px); border:0; border-radius:4px; box-shadow:0 6px 14px rgba(38,36,30,.1); transform:rotate(-.8deg); padding-top:18px;}
.paper-notes li:nth-child(even){transform:rotate(.8deg);}
.paper-notes li::before{content:''; position:absolute; top:-8px; right:50%; transform:translateX(50%); width:16px; height:16px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #FFB3A8, #D9534F 60%, #A93A36); box-shadow:0 2px 3px rgba(0,0,0,.25);}

/* D7) נשמה טובה - פינה חמה עם מנורה ועציץ */
.soul-head.cozy{position:relative; overflow:hidden; background:radial-gradient(60% 90% at 12% 0%, rgba(255,226,150,.45), transparent 60%), repeating-linear-gradient(90deg, #F4F8EE 0 18px, #EAF5E7 18px 36px); padding-bottom:22px;}
.cozy-lamp{position:absolute; top:0; left:26px; width:2px; height:18px; background:#8A6A34;}
.cozy-lamp::after{content:''; position:absolute; top:18px; left:-14px; width:30px; height:16px; border-radius:16px 16px 4px 4px; background:linear-gradient(180deg, #F3E4BF, #CFB176); box-shadow:0 10px 24px 8px rgba(255,220,130,.45);}
.cozy-plant{position:absolute; bottom:2px; left:10px; font-size:1.8rem; opacity:.9;}
@media (prefers-reduced-motion:reduce){ .postit, .paper-notes li{transform:none;} }
/* כרטיס נשמה טובה בשכבה: שם ותפקיד בראש, ומתחת הפנייה האישית */
.soul-card{display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:18px 18px 20px;}
.sc-top{display:flex; align-items:center; gap:12px; padding-bottom:12px; border-bottom:1px dashed #CBE6C2;}
.sc-top img{width:56px; height:72px; object-fit:contain; flex-shrink:0;}
.sc-id{display:flex; flex-direction:column; gap:2px; min-width:0;}
.sc-name{display:flex; align-items:center; gap:8px; font-size:1.25rem; font-weight:800; color:#111;}
.sc-sub{font-size:.8rem; font-weight:800; color:var(--gold); letter-spacing:.02em;}
.sc-body{display:flex; flex-direction:column; align-items:flex-start; gap:6px;}
.sc-body h3{font-size:1.35rem; line-height:1.3;}
.sc-body .btn{margin-top:6px;}
/* לשנות את המזג אחרי שבחרו */
.ci-chosen{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; padding:10px 12px; border-radius:14px; background:var(--cream-2); font-size:.9rem;}
.ci-change{font-size:.84rem; font-weight:800; color:#7A4BB5; background:#fff; border:1.5px solid #E2D3F2; padding:6px 12px; border-radius:999px;}
.ci-change-hint{margin:14px 0 0; font-weight:800; color:#8E5BC9; font-size:1rem;}
.checkin.editing .mood{opacity:1 !important; border:2px solid var(--gold); animation:mood-invite-strong 2.4s ease-in-out infinite;}
.checkin.editing .ci-chosen{display:none;}
/* תפריט תחתון: הכל בשחור, ורק המקום שבו עומדים בירוק של נשמה טובה / לוח "בוקר טוב" */
.tabbar .tab, .tabbar .tab-soul{color:#111;}
.tabbar .tab-sub{color:#111; opacity:.75;}
.tabbar .tab.active{color:var(--brand-green-deep);}
.tabbar .tab.active span{font-weight:800;}
.tabbar .tab.active svg{stroke-width:2.3;}
.tabbar .tab.active::before{background:var(--brand-green-deep); width:40px; height:4px;}
.tabbar .tab-soul.active .tab-sub{color:var(--brand-green-deep); opacity:1;}

/* ===== יותר אוויר בין הקטעים בכל הפלטפורמה (החדר השקט נשאר בלי גלילה) ===== */
.main-inner:not(:has(.quiet:not(.tool-breath-wrap))) > * + *{margin-top:22px;}
.main-inner:not(:has(.quiet:not(.tool-breath-wrap))) > .section-title{margin-top:48px; margin-bottom:16px;}
.main-inner > .section-title + *{margin-top:0 !important;}
.home-grid, .private-layout{gap:20px; margin-top:22px;}
.grid, .lesson-layout, .soul-layout{gap:20px;}
.map-grid{gap:16px;}
.classrooms{gap:18px;}
.desk-list{gap:14px;}
.tools, .tb-tray{gap:10px;}
.rewards{gap:14px;}
.stickers{gap:14px;}

/* ====================================================================
   התיק שלי - פשוט ומקצועי (16.9.2026): במבט אחד, מטרות קצרות וארוכות, מדדים עמוקים
   ==================================================================== */
.kpi-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
@media (min-width:760px){ .kpi-grid{grid-template-columns:repeat(4, minmax(0,1fr));} }
.kpi{display:flex; flex-direction:column; gap:2px; padding:16px 16px 14px; border-radius:18px; background:var(--card); border:1px solid var(--line); box-shadow:var(--shadow);}
.kpi-label{font-size:.78rem; font-weight:800; color:var(--ink-soft); letter-spacing:.02em;}
.kpi-num{font-size:2rem; font-weight:800; line-height:1.1; color:#111; font-variant-numeric:tabular-nums;}
.kpi-num small{font-size:1rem; color:var(--ink-soft); font-weight:700;}
.kpi-sub{font-size:.78rem; color:var(--brand-green); font-weight:700;}

.goals-card{padding:18px 16px 14px;}
.goals-h{display:flex; align-items:center; gap:8px; font-size:1.08rem; font-weight:800; color:#111; margin:0 0 10px;}
.goals-h.long{margin-top:22px; padding-top:18px; border-top:1px solid var(--line);}
.goal-list{display:flex; flex-direction:column; gap:8px;}
.goal-row{display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:12px; padding:12px; border-radius:14px; background:#FFFEFA; border:1px solid #EFE7D6; color:inherit;}
a.goal-row:hover{border-color:var(--gold-light);}
.gr-icon{width:40px; height:40px; border-radius:12px; background:var(--cream-2); display:flex; align-items:center; justify-content:center; font-size:1.25rem;}
.gr-main{display:flex; flex-direction:column; gap:3px; min-width:0;}
.gr-head{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.gr-head b{font-size:.98rem; line-height:1.3;}
.gr-status{font-size:.66rem; font-weight:800; padding:1px 8px; border-radius:99px;}
.gr-status.done{background:var(--s3-bg); color:var(--brand-green);}
.gr-status.mid{background:#FBF2DC; color:var(--gold);}
.gr-status.todo{background:var(--cream-2); color:var(--ink-soft);}
.gr-sub{font-size:.78rem; color:var(--ink-soft); line-height:1.35; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gr-bar{display:block; height:6px; border-radius:6px; background:#EFEAE0; overflow:hidden; margin-top:3px;}
.gr-bar i{display:block; height:100%; border-radius:6px; background:linear-gradient(90deg, var(--brand-green), #289A02);}
.gr-num{text-align:center; font-size:.8rem; color:var(--ink-soft); font-variant-numeric:tabular-nums; line-height:1.1; min-width:44px;}
.gr-num b{font-size:1.2rem; color:#111;}
.gr-num small{display:block; font-size:.66rem;}
.goals-foot{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px;}

.report-stage.tone-s1 .progress span{background:var(--s1);} .report-stage.tone-s2 .progress span{background:var(--s2);} .report-stage.tone-s3 .progress span{background:var(--s3);}
.section-title.sub-title{margin-top:26px !important;}
.section-title.sub-title h2{font-size:1.2rem;}
.section-title.sub-title h2::after{display:none;}
.act-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.act-grid div{display:flex; flex-direction:column; align-items:center; gap:1px; padding:10px 4px; border-radius:12px; background:var(--cream-2); text-align:center;}
.act-grid span{font-size:1.2rem;}
.act-grid b{font-size:1.3rem; color:#111; font-variant-numeric:tabular-nums;}
.act-grid small{font-size:.7rem; color:var(--ink-soft); line-height:1.2;}
.report-card .report-stage b{white-space:nowrap;}
/* הכיתה הפרטית בשכבה: לוגו "אני מול עצמי", ברור אם רשומים או שצריך להירשם בנפרד */
.ani-strip{gap:12px; padding:14px 16px;}
.ani-strip .ani-strip-logo{width:64px; height:54px; object-fit:contain; flex-shrink:0;}
.ani-strip-tag{display:inline-block; align-self:flex-start; font-size:.72rem; font-weight:800; padding:2px 9px; border-radius:99px; margin-bottom:3px;}
.ani-strip.mine .ani-strip-tag{color:var(--gold); background:#fff; border:1px solid var(--gold-light);}
.ani-strip.locked{background:linear-gradient(135deg, #FFFDF8, #F7F0DF); border-style:dashed;}
.ani-strip.locked .ani-strip-tag{color:var(--ink-soft); background:#fff; border:1px solid var(--line);}
.ani-strip .grow{display:flex; flex-direction:column;}
.ani-strip b{font-size:1.02rem;}
.ani-strip-cta{flex-shrink:0; font-size:.84rem; font-weight:800; color:var(--gold); background:#fff; border:1.5px solid var(--gold); padding:6px 12px; border-radius:999px; white-space:nowrap;}
.ani-strip.locked{align-items:flex-start;}
.ani-strip.locked .ani-strip-cta{align-self:flex-start; margin-top:8px;}
/* ===== המסע שלי: ציר של 3 שכבות עם "את/ה כאן" והצעד הבא ===== */
.journey-lead{font-size:.92rem; line-height:1.6; color:var(--ink-soft); margin:0 0 14px;}
.journey-lead b{color:#111;}
.journey{list-style:none; margin:0; padding:0; position:relative;}
.journey::before{content:''; position:absolute; top:22px; bottom:22px; right:21px; width:3px; border-radius:3px; background:linear-gradient(180deg, var(--s1), var(--s2), var(--s3)); opacity:.35;}
.j-step{position:relative; display:flex; gap:12px; padding:8px 0;}
.j-dot{position:relative; z-index:1; width:44px; height:44px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.3rem; background:#fff; border:3px solid var(--tone); box-shadow:0 2px 6px rgba(0,0,0,.08);}
.j-step.next .j-dot{filter:grayscale(.6); opacity:.7;}
.j-body{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; padding:6px 12px 10px; border-radius:14px;}
.j-step.current .j-body{background:var(--tone-soft); border:1.5px solid var(--tone);}
.j-head{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.j-head b{font-size:1rem;}
.j-state{font-size:.72rem; font-weight:800; padding:2px 9px; border-radius:99px; background:#fff; color:var(--ink-soft); border:1px solid var(--line); white-space:nowrap;}
.j-step.current .j-state{color:var(--tone-ink); border-color:var(--tone);}
.j-step.done .j-state{color:var(--brand-green); background:var(--s3-bg); border-color:#CBE6C2;}
.j-phrase{font-size:.8rem; color:var(--ink-soft);}
.j-what{font-size:.86rem; line-height:1.5; color:var(--ink); margin-top:2px;}
.j-step .progress{margin-top:6px;}
.j-step.current .progress span{background:var(--tone);}
.j-count{font-size:.74rem; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.journey-foot{display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:12px; padding-top:12px; border-top:1px dashed var(--line);}
/* "נשמה טובה" בתפריט: אותו צבע, משקל וגובה כמו שאר הלשוניות; הדמות מעל, והתיאור קצת מתחת */
.tabbar .tab-soul{position:relative; justify-content:center; padding:27px 0 0; gap:0;}
.tabbar .tab-soul img{position:absolute; top:-30px; left:50%; transform:translateX(-50%); margin:0;}
.tabbar .tab-soul.active img{transform:translateX(-50%);}
.tabbar .tab-soul span{font-size:.72rem; font-weight:700; line-height:inherit;}
.tabbar .tab-soul.active span{font-weight:800;}
.tabbar .tab-sub{position:absolute; top:calc(50% + 24px); left:50%; transform:translateX(-50%); width:92px; margin:0;}
.tabbar .tab-sub{top:calc(50% + 22px); width:auto; max-width:none; white-space:nowrap; font-size:.5rem;}
/* כתב היד (Amatic) צפוף מטבעו: מרווח בין האותיות וגודל גדול יותר כדי שיהיה קריא */
.note-dagan .sign{font-size:2.1rem; letter-spacing:.14em; line-height:1.1; margin-top:10px; color:var(--gold);}
.board-date, .class-board .cb-chalk, .class-board .cb-phrase{letter-spacing:.06em; word-spacing:.12em;}

/* ===== מעבר שכבה בשקיפות ===== */
.stage-up{margin-top:12px; padding:12px; border-radius:12px; background:#fff; border:1px dashed var(--tone, var(--gold));}
.su-title{display:block; font-size:.88rem; margin-bottom:8px;}
.su-list{list-style:none; margin:0 0 4px; padding:0; display:flex; flex-direction:column; gap:8px;}
.su-item{display:flex; gap:10px; align-items:flex-start;}
.su-mark{width:24px; height:24px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:800; background:var(--cream-2); color:var(--ink-soft);}
.su-item.ok .su-mark{background:var(--s3-bg); color:var(--brand-green);}
.su-item.now .su-mark{background:#FBF2DC; color:var(--gold); box-shadow:0 0 0 2px var(--gold-light);}
.su-item.locked{opacity:.6;}
.su-item b{display:block; font-size:.84rem; line-height:1.35;}
.su-item small{display:block; font-size:.74rem; color:var(--ink-soft); line-height:1.35;}
.stage-up .btn{margin-top:8px;}
.sc-sheet{display:flex; flex-direction:column; gap:10px; text-align:center;}
.sc-sheet .help-soul{float:none; margin:0 auto; width:56px; height:74px;}
.sc-sheet h2{padding-inline:40px;}
.sc-q{border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; text-align:start;}
.sc-q legend{font-weight:800; font-size:.92rem; margin-bottom:4px;}
.sc-opt{padding:10px 12px; border-radius:12px; border:1.5px solid var(--line); background:#fff; text-align:start; font-size:.92rem;}
.sc-opt[aria-pressed="true"]{border-color:var(--brand-green); background:var(--s3-bg); color:var(--brand-green-dark); box-shadow:inset 0 0 0 1px var(--brand-green);}
.sc-result{text-align:center; display:flex; flex-direction:column; gap:10px;}
.sc-big{font-size:3rem;}
/* ===== תפריט תחתון בירוק של המותג ===== */
.tabbar{background:var(--brand-green); border-top:0; box-shadow:0 -6px 20px rgba(40,154,2,.25);}
.tabbar .tab, .tabbar .tab-soul{color:rgba(255,255,255,.78);}
.tabbar .tab-sub{color:rgba(255,255,255,.75); opacity:1;}
.tabbar .tab.active, .tabbar .tab-soul.active{color:#fff;}
.tabbar .tab.active::before{background:var(--gold); width:40px; height:4px;}
.tabbar .tab-soul.active .tab-sub{color:#fff;}
.tabbar .tab-soul img{border-color:var(--gold);}
.tabbar .tab-soul.active img{border-color:#fff; box-shadow:0 6px 18px rgba(0,0,0,.3), 0 0 0 4px var(--gold);}

/* בלי חום: כיתובים בזהב של המותג (כמו "הצ׳ק-אין של היום"), וטקסט על לוחיות זהב בשחור */
.board-date{letter-spacing:.03em;}
.board:not(.class-board) .board-date{letter-spacing:.01em; word-spacing:0; font-size:1.4rem;}
/* ===== המפה שלי / מה נשמה טובה יודע עליך: נעים, בגוונים רכים ===== */
.map-intro{display:flex; align-items:center; gap:12px; margin-bottom:14px; padding:14px 16px; border-radius:20px; background:linear-gradient(135deg, var(--s3-bg), #FFFDF8); border:1px solid #CBE6C2;}
.map-intro img{width:48px; height:62px; object-fit:contain; flex-shrink:0;}
.map-intro p{margin:0; font-size:.9rem; line-height:1.55; color:var(--ink-soft);}
.map-intro b{display:block; color:#111; font-size:1rem; margin-bottom:2px;}
.soft-map .map-item{border-radius:22px; border-color:transparent; box-shadow:0 6px 18px rgba(38,36,30,.06);}
.soft-map .map-item h3{justify-content:flex-start; gap:10px; font-size:1.15rem;}
.mi-ic{width:34px; height:34px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:1.1rem; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.06); flex-shrink:0;}
.soft-map .map-sub{margin:6px 0 10px;}
.mi-type{background:linear-gradient(180deg, #F6F0FB, #FFFDF8 60%);}
.mi-senses{background:linear-gradient(180deg, #EEF6FA, #FFFDF8 60%);}
.mi-chakras{background:linear-gradient(180deg, #FDF6E6, #FFFDF8 60%);}
.mi-attach{background:linear-gradient(180deg, #FDEFF0, #FFFDF8 60%);}
.mi-update{position:relative; background:linear-gradient(135deg, var(--s3-bg), #FFFDF8 70%); border:1.5px dashed #A2D492 !important; padding-left:84px;}
.mi-soul{position:absolute; left:14px; bottom:12px; width:58px; height:76px; object-fit:contain; opacity:.95;}
.mi-actions{display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:10px;}
.mi-actions .btn{justify-content:space-between; text-align:start;}
.mi-actions .btn small{font-size:.72rem; font-weight:600; opacity:.8;}
/* ===== תפריט תחתון: רקע בהיר, המילים והאייקונים בירוק המותג, ודק יותר ===== */
:root{--tab-h:60px;}
.tabbar{background:var(--card); border-top:1px solid var(--line); box-shadow:0 -4px 16px rgba(38,36,30,.06);
  height:calc(var(--tab-h) + max(4px, env(safe-area-inset-bottom) - 16px)); padding-bottom:max(4px, env(safe-area-inset-bottom) - 16px);}
.tabbar .tab, .tabbar .tab-soul{color:var(--brand-green);}
.tabbar .tab svg{width:22px; height:22px;}
.tabbar .tab-sub{color:var(--brand-green); opacity:.8;}
.tabbar .tab.active, .tabbar .tab-soul.active{color:var(--brand-green-deep);}
.tabbar .tab.active span{font-weight:800;}
.tabbar .tab.active::before{background:var(--brand-green); width:40px; height:4px;}
.tabbar .tab-soul.active .tab-sub{color:var(--brand-green-deep); opacity:1;}
.tabbar .tab-soul{padding-top:24px;}
.tabbar .tab-soul img{top:-32px; width:58px; height:58px; border-color:var(--gold-light);}
.tabbar .tab-soul.active img{border-color:var(--brand-green); box-shadow:0 6px 18px rgba(40,154,2,.3), 0 0 0 4px var(--s3-bg);}
.tabbar .tab-sub{top:calc(50% + 19px);}

/* ===== עדכון מפה שבועי ===== */
.map-pulse.due{position:relative; background:linear-gradient(135deg, #F6F0FB, #FFFDF8 70%); border:1.5px solid #E2D3F2;}
.mp-top{display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;}
.mp-badge{display:inline-block; font-size:.74rem; font-weight:800; color:#6A3FA0; background:#fff; border:1px solid #E2D3F2; padding:2px 10px; border-radius:99px;}
.mp-reward{font-size:.78rem; font-weight:800; color:var(--brand-green); background:var(--s3-bg); padding:2px 10px; border-radius:99px;}
.mp-reward.big{display:inline-block; font-size:1rem; margin:0 auto;}
.map-pulse h3{font-size:1.25rem; margin:4px 0 4px;}
.map-pulse p{font-size:.9rem; color:var(--ink-soft); line-height:1.55; margin:0 0 12px;}
.map-pulse.done{display:flex; flex-direction:column; gap:2px; padding:12px 16px; border-radius:16px; background:var(--cream-2); font-size:.9rem; font-weight:700; color:var(--ink);}
.mu-sheet{display:flex; flex-direction:column; gap:10px;}
.mu-sheet h2{padding-inline:0 40px;}
.mu-body{display:flex; flex-direction:column; gap:8px;}
.mu-row{display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; padding:8px 10px; border-radius:12px; background:#FFFEFA; border:1px solid #EFE7D6;}
.mu-name{font-weight:700; font-size:.95rem;}
.mu-seg{display:flex; gap:4px;}
.mu-seg button{font-size:.76rem; font-weight:800; padding:6px 9px; border-radius:10px; border:1.5px solid var(--line); background:#fff; color:var(--ink-soft);}
.mu-seg button.l1[aria-pressed="true"]{background:var(--s1-bg); border-color:var(--s1); color:#9E1B1B;}
.mu-seg button.l2[aria-pressed="true"]{background:var(--s2-bg); border-color:var(--s2); color:#7A5A06;}
.mu-seg button.l3[aria-pressed="true"]{background:var(--s3-bg); border-color:var(--s3); color:var(--brand-green);}
.mu-attach{display:flex; flex-direction:column; gap:8px;}
.mu-attach button{padding:12px 14px; border-radius:12px; border:1.5px solid var(--line); background:#fff; text-align:start; font-weight:700;}
.mu-attach button[aria-pressed="true"]{border-color:#9B5FD6; background:#F6F0FB; box-shadow:inset 0 0 0 1px #9B5FD6;}
.mu-done{text-align:center; display:flex; flex-direction:column; gap:10px;}
.mu-changes{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; text-align:start;}
.mu-changes li{padding:8px 12px; border-radius:10px; background:var(--cream-2); font-size:.9rem;}
/* התפריט: קצת יותר מרווח (לא צר מדי ולא עבה מדי) */
:root{--tab-h:66px;}
.tabbar{height:calc(var(--tab-h) + max(6px, env(safe-area-inset-bottom) - 10px)); padding-bottom:max(6px, env(safe-area-inset-bottom) - 10px);}
.tabbar .tab{gap:4px;}
.tabbar .tab-soul{padding-top:26px;}
.tabbar .tab-sub{top:calc(50% + 21px);}
/* התפריט: הלשונית שבה נמצאים - בשחור (השאר בירוק המותג) */
.tabbar .tab.active, .tabbar .tab-soul.active{color:#111;}
.tabbar .tab.active::before{background:#111;}
.tabbar .tab-soul.active .tab-sub{color:#111;}
.tabbar .tab-soul.active img{border-color:#111; box-shadow:0 6px 18px rgba(0,0,0,.25), 0 0 0 4px #EDEDED;}

/* ===== ההפסקה: מקומות של בית ספר, בגרסה משוגעת ===== */
.yard-intro{display:flex; flex-direction:column; gap:4px; margin-bottom:14px; padding:14px 16px; border-radius:18px; background:linear-gradient(135deg, #FFF6DC, #F6F0FB); border:1.5px dashed var(--gold-light);}
.yard-intro b{font-size:1.1rem; color:#111;}
.yard-intro span{font-size:.9rem; line-height:1.55; color:var(--ink-soft);}
.crazy-rooms{grid-template-columns:1fr;}
@media (min-width:640px){ .crazy-rooms{grid-template-columns:1fr 1fr;} }
.crazy-rooms .room{position:relative; padding-top:22px;}
.room-twist{display:inline-block; font-size:.74rem; font-weight:800; color:#111; background:#FFE9A8; padding:3px 10px; border-radius:6px; box-shadow:0 2px 5px rgba(0,0,0,.1);}
.crazy-rooms .room-twist{position:absolute; top:-9px; left:14px;}
.room-twist.tilt-l{transform:rotate(-3deg);} .room-twist.tilt-r{transform:rotate(2.5deg); background:#E2F1DD;}
.crazy-rooms .room:nth-child(3n) .room-twist{background:#F1E3FA;}
.room-sign{display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin-bottom:12px; padding:12px 14px; border-radius:14px; background:#FFFDF3; border:1.5px dashed var(--gold-light);}
.room-sign p{margin:0; font-size:.92rem; line-height:1.5;}

/* ====================================================================
   תנועה עדינה ומזמינה (16.9.2026). כבויה במצב רך ובהפחתת תנועה
   ==================================================================== */
/* לוח "בוקר טוב": עלים נושרים לאט, אבק גיר מנצנץ, והעץ מתנועע */
.live-board{position:relative;}
.board-sky{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;}
.live-board > *:not(.board-sky){position:relative; z-index:1;}
.live-board .board-tree{position:absolute; z-index:0; animation:sway 8s ease-in-out infinite; transform-origin:bottom center;}
.leaf-fall{position:absolute; top:-20px; width:12px; height:7px; border-radius:12px 0 12px 0; background:#289A02; opacity:0; animation:leaf-drift 14s linear infinite;}
.leaf-fall.l1{background:#CFB176; animation-delay:-2s; animation-duration:16s;}
.leaf-fall.l2{background:#289A02; animation-delay:-5s; animation-duration:13s;}
.leaf-fall.l3{background:#DDC89F; animation-delay:-8s; animation-duration:17s;}
.leaf-fall.l4{background:#89C875; animation-delay:-10s; animation-duration:15s;}
.leaf-fall.l5{background:#CFB176; animation-delay:-12s; animation-duration:18s;}
.leaf-fall.l6{background:#289A02; animation-delay:-7s; animation-duration:12s;}
.leaf-fall.l0{left:12%;} .leaf-fall.l1{left:28%;} .leaf-fall.l2{left:44%;} .leaf-fall.l3{left:58%;} .leaf-fall.l4{left:70%;} .leaf-fall.l5{left:84%;} .leaf-fall.l6{left:94%;}
@keyframes leaf-drift{
  0%{transform:translate(0, 0) rotate(0); opacity:0;}
  8%{opacity:.8;}
  50%{transform:translate(-26px, 110px) rotate(160deg);}
  90%{opacity:.7;}
  100%{transform:translate(18px, 230px) rotate(320deg); opacity:0;}
}
.chalk-dust{position:absolute; width:3px; height:3px; border-radius:50%; background:#fff; opacity:0; animation:dust-twinkle 5s ease-in-out infinite;}
.chalk-dust.d0{top:22%; left:18%;} .chalk-dust.d1{top:60%; left:36%; animation-delay:-1.3s;} .chalk-dust.d2{top:34%; left:66%; animation-delay:-2.6s;}
.chalk-dust.d3{top:74%; left:82%; animation-delay:-3.4s;} .chalk-dust.d4{top:14%; left:88%; animation-delay:-4.2s;}
@keyframes dust-twinkle{0%,100%{opacity:0; transform:scale(.5);} 50%{opacity:.55; transform:scale(1);}}

/* לוח הכיתות: העלים מתנועעים והנעצים "נושמים" */
.sb-leaves{animation:sway 9s ease-in-out infinite; transform-origin:bottom left;}
.sb-pin{animation:pin-bob 4s ease-in-out infinite;}
.sb-pin:nth-child(2){animation-delay:-2s;}
@keyframes pin-bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(-2px);}}

/* לוח השכבה בכיתות: אבק גיר עדין */
.class-board{background-image:radial-gradient(1.5px 1.5px at 20% 30%, rgba(255,255,255,.35), transparent), radial-gradient(1.5px 1.5px at 70% 60%, rgba(255,255,255,.25), transparent);}

/* ארגז הכלים: הברק עובר על לוחית הזהב */
.tb-plate{position:relative; overflow:hidden;}
.tb-plate::after{content:''; position:absolute; top:0; bottom:0; width:40%; left:-60%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); animation:shine 6s ease-in-out infinite;}
@keyframes shine{0%,70%{left:-60%;} 100%{left:130%;}}

/* התיק: מתנדנד קלות על הרצועות */
.backpack{animation:bag-swing 6s ease-in-out infinite; transform-origin:top center;}
@keyframes bag-swing{0%,100%{transform:rotate(0);} 50%{transform:rotate(.6deg);}}

/* דלת הזהב: ברק עדין */
.gold-door{overflow:hidden;}
.gold-door::after{content:''; position:absolute; top:0; bottom:0; width:30%; left:-40%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent); animation:shine 8s ease-in-out infinite; pointer-events:none;}

/* נשמה טובה: המנורה מהבהבת בחום */
.cozy-lamp::after{animation:lamp-glow 4s ease-in-out infinite;}
@keyframes lamp-glow{0%,100%{box-shadow:0 10px 24px 8px rgba(255,220,130,.35);} 50%{box-shadow:0 10px 30px 12px rgba(255,220,130,.6);}}

/* החדר השקט: הירח זוהר קלות */
.quiet:not(.tool-breath-wrap)::before{animation:moon-glow 6s ease-in-out infinite;}
@keyframes moon-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(246,231,176,0));} 50%{filter:drop-shadow(0 0 8px rgba(246,231,176,.6));}}

/* המסע שלי: "את/ה כאן" פועם */
.j-step.current .j-dot{animation:here-pulse 2.6s ease-in-out infinite;}
@keyframes here-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tone) 35%, transparent);} 50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--tone) 0%, transparent);}}

/* ההפסקה: תוויות החוק המשוגע קופצות קצת */
.crazy-rooms .room:hover .room-twist{transform:rotate(0) scale(1.06);}
.room-twist{transition:transform .2s;}

@media (prefers-reduced-motion:reduce){
  .leaf-fall, .chalk-dust, .live-board .board-tree, .sb-leaves, .sb-pin, .tb-plate::after, .backpack, .gold-door::after, .cozy-lamp::after, .quiet::before, .j-step.current .j-dot{animation:none !important;}
  .leaf-fall, .chalk-dust{display:none;}
}
/* שער הכניסה חי: שמיים, ציפורים, עלים נושרים וילדים שנכנסים לבית הספר */
.gate-arch{height:120px; overflow:visible;}
.gate-scene{position:absolute; inset:-10px -10px 0; border-radius:170px 170px 0 0; overflow:hidden; z-index:-1;
  background:linear-gradient(180deg, #DCEFF7 0%, #F1F9EC 70%, #C7E5BD 70%, #ABD79C 100%);}
.gate-scene .yard-life{position:absolute; inset:0;}
.gate-scene .bird{top:22px !important;}
.gate-scene .bird:nth-child(2){top:40px !important;}
.gate-scene .kid{bottom:2px !important; width:20px;}
.gate-scene .leaf-fall{animation-duration:10s;}
.ga-bars{z-index:1;}
.ga-sign{z-index:2;}
/* ההפסקה פשוטה: שם + משפט אחד מה מיוחד שם */
.simple-room{padding:14px 16px; gap:10px;}
.crazy-rooms .simple-room{padding-top:14px;}
.sr-line{margin:0; font-size:.95rem; line-height:1.55; color:var(--ink-soft);}
.sr-icon{font-size:1.35rem; margin-inline-end:6px; vertical-align:-2px;}
.sr-line b{font-size:1.08rem; color:#111; margin-inline-end:4px;}
.sr-line b::after{content:' ·'; color:var(--gold); font-weight:800;}
.sr-who{display:flex; align-items:center; gap:8px;}
/* ההפסקה: המטרה - להכיר אנשים חדשים ורגישים מכל הארץ */
.yard-mission{display:flex; align-items:center; gap:14px; margin-top:16px; padding:16px 18px; border-radius:20px; background:linear-gradient(135deg, var(--brand-green), #289A02); color:#fff; box-shadow:0 8px 22px rgba(40,154,2,.25);}
.ym-icon{font-size:2.2rem; flex-shrink:0;}
.yard-mission b{display:block; font-size:1.25rem; font-weight:800; line-height:1.25; margin-bottom:4px;}
.yard-mission p{margin:0; font-size:.94rem; line-height:1.55; color:rgba(255,255,255,.9);}
.yard-mission strong{color:#FFE9A8; font-weight:800;}

/* ====================================================================
   החדרים בהפסקה מבפנים (16.9.2026): לכל חדר באנר, רקע וצורת הודעה משלו
   ==================================================================== */
.room-banner{position:relative; overflow:hidden; display:flex; align-items:flex-end; min-height:132px; margin:4px 0 14px; padding:16px 18px; border-radius:22px; color:#111; box-shadow:var(--shadow);}
.rb-art{position:absolute; inset:0; pointer-events:none;}
.rb-text{position:relative; z-index:1; background:rgba(255,253,248,.88); border-radius:16px; padding:10px 14px; max-width:92%;}
.rb-text h1{font-size:1.5rem; font-weight:800; line-height:1.2; margin:0 0 2px;}
.rb-text p{margin:0; font-size:.88rem; line-height:1.5; color:var(--ink-soft);}
.rb-online{display:flex; align-items:center; gap:4px; margin-top:6px; font-size:.74rem; font-weight:700; color:var(--brand-green);}
.room-chat{max-height:min(62svh, 620px); gap:12px;}
.day-sep{display:flex; align-items:center; gap:10px; margin:6px 0 2px; color:var(--ink-soft); font-size:.72rem; font-weight:800;}
.day-sep::before, .day-sep::after{content:''; flex:1; height:1px; background:var(--line);}
.day-sep span{padding:2px 10px; border-radius:99px; background:#fff; border:1px solid var(--line);}
.room-sign{margin-bottom:12px;}

/* 📚 הספרייה: מדפי ספרים, וההודעות כדפי ציטוט */
.theme-library.room-banner{background:#8B5E3C;}
.theme-library .rb-art{background:
  repeating-linear-gradient(180deg, transparent 0 38px, #5E3B22 38px 46px),
  repeating-linear-gradient(90deg, #C0392B 0 10px, #2E86C1 10px 18px, #F4D03F 18px 25px, #289A02 25px 34px, #8E44AD 34px 40px, #E67E22 40px 50px, #ECF0F1 50px 55px, #16A085 55px 64px);}
.room-chat.theme-library{background:#FBF6EC;}
.theme-library .msg.them .bubble{background:#FFFDF6; border:1px solid #E8DCC4; border-radius:6px 14px 14px 6px; box-shadow:2px 2px 0 #E8DCC4; position:relative;}
.q-text{display:block; font-size:1.02rem; line-height:1.55; font-style:italic;}
.q-text::before{content:'❝ '; color:var(--gold); font-style:normal;}
.q-src{display:block; margin-top:4px; font-size:.74rem; color:var(--ink-soft);}

/* ⚽ המגרש: דשא עם קווים, והודעות עם תווית אתגר */
.theme-field.room-banner{background:#289A02;}
.theme-field .rb-art{background:
  radial-gradient(circle at 50% 50%, transparent 0 36px, rgba(255,255,255,.8) 37px 39px, transparent 40px),
  linear-gradient(90deg, transparent calc(50% - 1px), rgba(255,255,255,.8) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
  repeating-linear-gradient(90deg, #289A02 0 40px, #289A02 40px 80px);}
.room-chat.theme-field{background:#F1F8EE;}
.m-tag{font-style:normal; font-size:.66rem; font-weight:800; color:#fff; background:var(--brand-green); padding:1px 7px; border-radius:99px; margin-inline-start:6px;}

/* 🍎 המזנון: דלפק עם מפה משובצת, והודעות כמגשים */
.theme-cafe.room-banner{background:#F7E7CE;}
.theme-cafe .rb-art{background:repeating-conic-gradient(#E74C3C 0 25%, #FDFEFE 0 50%) 0 0/28px 28px; opacity:.55;}
.room-chat.theme-cafe{background:#FFF9F0;}
.theme-cafe .msg.them .bubble{background:#fff; border:2px solid #F3D9B1; border-radius:22px;}
.m-dish{float:left; font-size:1.6rem; margin:-2px 0 0 8px;}

/* 🌳 הספסל: דשא, עץ וספסל */
.theme-bench.room-banner{background:linear-gradient(180deg, #DCEFF7 0 60%, #ABD79C 60%);}
.theme-bench .rb-art{background:url('images/tree-full.png') no-repeat 8% 100%/auto 120px;}
.room-chat.theme-bench{background:#F6FAF0;}

/* ☕ חדר המורים: טפט עם כוסות קפה, וההודעות ככרטיסי טיפ */
.theme-teachers.room-banner{background:#EDE3D6;}
.theme-teachers .rb-art{background:radial-gradient(circle at 20px 20px, #B08A52 0 6px, transparent 7px) 0 0/48px 48px; opacity:.35;}
.room-chat.theme-teachers{background:#FAF6F0;}
.m-tip{display:inline-block; margin-bottom:4px; font-size:.74rem; font-weight:800; color:#111; background:#FFE9A8; padding:2px 9px; border-radius:6px;}

/* 🎨 חדר האמנות: כתמי צבע, וההודעות במסגרת */
.theme-art.room-banner{background:#FFFDF8;}
.theme-art .rb-art{background:
  radial-gradient(circle at 12% 30%, #F4A6C1 0 26px, transparent 27px), radial-gradient(circle at 82% 22%, #8EC9F0 0 34px, transparent 35px),
  radial-gradient(circle at 70% 80%, #FFD166 0 22px, transparent 23px), radial-gradient(circle at 30% 85%, #A2D492 0 30px, transparent 31px);}
.room-chat.theme-art{background:#FFFDF8;}
.theme-art .msg.them .bubble{background:#fff; border:6px solid #E8DCC4; border-radius:4px; box-shadow:0 3px 8px rgba(0,0,0,.08);}
.m-art{float:left; font-size:1.4rem; margin-left:6px;}

/* 📌 לוח המודעות: שעם, וההודעות כפתקים צבעוניים מוצמדים */
.theme-board.room-banner, .room-chat.theme-board{background:#C8A27A radial-gradient(rgba(0,0,0,.08) 1px, transparent 1.5px) 0 0/8px 8px;}
.theme-board .msg .bubble{border-radius:2px !important; box-shadow:0 6px 12px rgba(0,0,0,.15); position:relative; padding-top:16px;}
.theme-board .msg .bubble::before{content:''; position:absolute; top:-6px; left:50%; width:12px; height:12px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #FFB3A8, #D9534F); transform:translateX(-50%);}
.theme-board .note-yellow .bubble{background:#FFF3A8 !important;} .theme-board .note-pink .bubble{background:#FFD6E0 !important;}
.theme-board .note-green .bubble{background:#DFF0DA !important;} .theme-board .note-blue .bubble{background:#D6EBFF !important;}
.theme-board .msg:nth-child(odd) .bubble{transform:rotate(-1.2deg);} .theme-board .msg:nth-child(even) .bubble{transform:rotate(1deg);}
.theme-board .day-sep span{background:#FFFDF8;}

/* 🧦 אבדות ומציאות: קופסה, וההודעות מחולקות לאיבדתי/מצאתי */
.theme-lost.room-banner{background:#E8DCC4;}
.theme-lost .rb-art{background:repeating-linear-gradient(45deg, #D9C9A8 0 12px, #E8DCC4 12px 24px);}
.room-chat.theme-lost{background:#FBF8F1;}
.lf{display:block; padding:6px 10px; border-radius:10px; margin-top:4px; font-size:.94rem;}
.lf.lost{background:#EFEAE0;} .lf.found{background:#E8F4E5;}

/* 🩹 חדר האחות: ורוד רך, שמיכה, והודעות הבית בלב */
.theme-nurse.room-banner{background:#FDEFF0;}
.theme-nurse .rb-art{background:radial-gradient(circle at 85% 40%, rgba(255,255,255,.9) 0 30px, transparent 31px), repeating-linear-gradient(135deg, #FAD9DE 0 14px, #FDEFF0 14px 28px);}
.room-chat.theme-nurse{background:#FFF7F8;}
.theme-nurse .msg.them .bubble{background:#fff; border:1px solid #F6CBD3;}
.nurse-msg .bubble{background:#F6F0FB !important; border:1px solid #E2D3F2 !important;}
.nurse-av{background:#fff !important; font-size:1rem !important;}

/* 🐾 החיות והטבע: דשא ועלים */
.theme-nature.room-banner{background:linear-gradient(180deg, #CFE8F7 0 55%, #A2D492 55%);}
.theme-nature .rb-art{background:radial-gradient(ellipse at 20% 100%, #289A02 0 40px, transparent 41px), radial-gradient(ellipse at 90% 100%, #289A02 0 50px, transparent 51px);}
.room-chat.theme-nature{background:#F3FAEF;}
.theme-nature .msg.them .bubble{background:#fff; border-radius:18px 18px 6px 18px; border:1px solid #CFE8C6;}
.m-pet{float:left; font-size:1.5rem; margin-left:6px;}
/* התפריט (סופי): הכל בשחור, ורק המקום שבו עומדים בירוק הרשמי */
.tabbar .tab, .tabbar .tab-soul{color:#111;}
.tabbar .tab-sub{color:#111; opacity:.7;}
.tabbar .tab.active, .tabbar .tab-soul.active{color:#289A02;}
.tabbar .tab.active::before{background:#289A02;}
.tabbar .tab-soul.active .tab-sub{color:#289A02; opacity:1;}
.tabbar .tab-soul.active img{border-color:#289A02; box-shadow:0 6px 18px rgba(40,154,2,.3), 0 0 0 4px var(--s3-bg);}
/* "בשביל מה": שורה קטנה וברורה מתחת לכל כותרת בשכבה */
.why-line{display:flex; align-items:flex-start; gap:6px; margin:0 0 10px; font-size:.84rem; line-height:1.45; font-weight:700; color:#289A02;}
.why-line span{flex-shrink:0;}
.section-title + .why-line{margin-top:-6px;}
.checkin .why-line{margin:4px 0 8px;}
.persist-body .why-line, .next-lesson .why-line, .yard-teaser .why-line{margin:4px 0 6px;}
.soul-card .why-line{margin:0;}
/* ההפסקה: כרטיס ברור - מדבקה משמאל למעלה, שם, מתי להיכנס, ומה מיוחד */
.simple-room{position:relative; padding:18px 16px 14px !important; gap:8px;}
.sr-sticker{position:absolute !important; top:-10px; left:14px; transform:rotate(-3deg); z-index:1;}
.crazy-rooms .simple-room:nth-child(even) .sr-sticker{transform:rotate(2.5deg); background:#E2F1DD;}
.crazy-rooms .simple-room:nth-child(3n) .sr-sticker{background:#F1E3FA;}
.sr-name{display:flex; align-items:center; gap:8px; margin:0; font-size:1.2rem; font-weight:800; color:#111;}
.sr-name .sr-icon{font-size:1.6rem; margin:0;}
.sr-when{margin:0; padding:8px 10px; border-radius:12px; background:#F1F9EC; font-size:.9rem; line-height:1.5; color:#111;}
.sr-when b{color:#289A02;}
.sr-special-line{margin:0; font-size:.86rem; line-height:1.5; color:var(--ink-soft);}
.sr-special-line b{color:#111;}
/* ===== "נשמה טובה התאים לך את היום": 3 המלצות ברורות ===== */
.day-plan{background:linear-gradient(135deg, #F1F9EC, #FFFDF8); border:1.5px solid #CFE8C6; padding:14px;}
.dp-head{display:flex; flex-direction:column; gap:2px; margin-bottom:10px;}
.dp-head b{font-size:1.05rem; color:#111;}
.dp-head span{font-size:.86rem; color:#289A02; font-weight:700;}
.dp-cards{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin-bottom:8px;}
.dp-card{display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:10px 9px; border-radius:14px; background:#fff; border:1px solid var(--line); text-align:start; color:inherit; font:inherit; box-shadow:0 2px 6px rgba(38,36,30,.05);}
.dp-card:hover{border-color:#A2D492;}
.dp-ic{font-size:1.35rem; line-height:1.2;}
.dp-label{font-size:.68rem; font-weight:800; color:var(--ink-soft);}
.dp-card b{font-size:.84rem; line-height:1.3; color:#111; flex:1;}
.dp-go{margin-top:4px; font-size:.74rem; font-weight:800; color:#289A02;}
@media (max-width:360px){ .dp-cards{grid-template-columns:1fr;} }
/* כותרות פשוטות: כותרת + משפט הסבר אחד מתחתיה */
.sec-sub{margin:0 0 12px; font-size:.92rem; line-height:1.55; color:var(--ink-soft); font-weight:500;}
.section-title + .sec-sub{margin-top:-6px;}
.checkin .ci-headline{margin:6px 0 4px; font-size:1.7rem; color:#111; text-shadow:none;}
.checkin .sec-sub{margin:0 0 4px;}
.persist-body .sec-sub, .next-lesson .sec-sub, .yard-teaser .sec-sub{margin:2px 0 6px; font-size:.86rem;}
.soul-card .sec-sub{margin:0;}
/* התאמה בין המזג לחדר בהפסקה */
.dp-why{display:block; font-size:.66rem; color:var(--ink-soft); line-height:1.3; margin-top:2px;}
.yard-fit{display:flex; align-items:center; gap:10px; margin:6px 0 10px; padding:10px 12px; border-radius:14px; background:#F1F9EC; border:1.5px solid #CFE8C6; color:inherit;}
.yf-ic{font-size:1.6rem;}
.yard-fit small{display:block; font-size:.7rem; font-weight:800; color:#289A02;}
.yard-fit b{display:block; font-size:1rem; color:#111;}
.yard-fit em{display:block; font-style:normal; font-size:.8rem; color:var(--ink-soft);}
.yf-go{margin-inline-start:auto; font-weight:800; color:#289A02;}
.mood-rooms{display:flex; flex-direction:column; gap:6px; margin-bottom:6px;}
.mr-row{display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:14px; background:var(--card); border:1px solid var(--line); color:inherit; font-size:.95rem;}
.mr-row.today{border:1.5px solid #289A02; background:#F1F9EC;}
.mr-mood{min-width:92px; font-weight:700;}
.mr-arrow{color:var(--gold); font-weight:800;}
.mr-room{font-weight:800; color:#111;}
.mr-badge{margin-inline-start:auto; font-size:.68rem; font-weight:800; color:#fff; background:#289A02; padding:2px 8px; border-radius:99px;}
.mr-badge{white-space:nowrap;} .mr-room{flex:1;}

/* ===== חדרי ההפסקה: תיאור קצר, מגבלה, ותיבת כתיבה לפי המגבלה ===== */
.sr-short{font-size:.86rem; font-weight:700; color:var(--ink-soft); margin-inline-start:6px;}
.sr-rule{margin:0; padding:6px 10px; border-radius:10px; background:#FFF6DC; font-size:.82rem; line-height:1.45; color:#111;}
.rs-rule{background:#FFF6DC; border-radius:8px; padding:4px 8px;}
.rule-composer{flex-direction:column; align-items:stretch; gap:8px; padding:10px; border-radius:18px; background:var(--card); border:1px solid var(--line);}
.cp-fields{display:flex; flex-direction:column; gap:8px;}
.rule-composer .btn{align-self:flex-start;}
.cp-chips{display:flex; flex-wrap:wrap; gap:6px;}
.cp-chip input{position:absolute; opacity:0; pointer-events:none;}
.cp-chip span{display:inline-flex; align-items:center; padding:6px 11px; border-radius:999px; border:1.5px solid var(--line); background:#fff; font-size:.88rem; font-weight:700; cursor:pointer;}
.cp-chip input:checked + span{border-color:#289A02; background:#F1F9EC; color:#111;}
.cp-chip input:focus-visible + span{outline:3px solid var(--gold); outline-offset:2px;}
.room-full{text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; padding:28px 20px;}
.room-full span{font-size:2.6rem;}
/* כותרות-שאלה בשכבה: קצרות, קולעות, באותו סגנון של "איך אני מרגיש/ה היום?" */
.q-title{font-size:1.4rem; font-weight:800; line-height:1.25; color:#111; margin:0 0 4px;}
.persist-body .q-title, .next-lesson .q-title, .yard-teaser .q-title, .sc-body .q-title, .map-pulse .q-title{font-size:1.3rem;}
.yard-teaser .sec-sub .live-dot{margin-inline-end:6px;}

/* ===== כותרות משנה מודגשות כמו הכותרות המרכזיות ===== */
.card h3, .card h4, .hd-authority > b, .hd-signs b, .su-title, .goals-h, .dp-head b, .yard-intro b, .setting > div > b, .report-stage b, .tb-tool b, .hd-tile b, .map-item h3, .sc-q legend{font-weight:800; color:#111;}
.hd-authority > b{display:block; font-size:1.08rem; margin-bottom:2px;}
.hd-signs b{font-size:.98rem;}
.setting > div > b{font-size:1rem;}

/* ===== הוספה ליומן: האפשרויות במרכז ===== */
.cal-step-body{text-align:center; display:flex; flex-direction:column; align-items:center;}
.cal-days, .cal-choose{justify-content:center;}
.cal-time, .cal-check{justify-content:center; text-align:center;}
.cal-check{margin-inline:auto;}
.cal-step-body .cal-days{width:100%; max-width:360px;}
.cal-step-body .cal-choose{width:100%; max-width:360px;}
/* ===== רעיונות אחרונים: חצר לפי שעות היום, אש במדורה, מכתב מנשמה טובה ===== */
.yard-scene.is-morning{background:linear-gradient(180deg, #FFE7C7 0%, #FDF3E1 62%, #C7E5BD 62%, #ABD79C 100%);}
.yard-scene.is-evening{background:linear-gradient(180deg, #F7B98B 0%, #F6D8B8 62%, #A5D595 62%, #85C56F 100%);}
.yard-scene.is-evening .sun{background:#F59E6B; box-shadow:0 0 0 12px rgba(245,158,107,.3); top:auto; bottom:92px;}
.yard-scene.is-night{background:
  radial-gradient(2px 2px at 20% 20%, #fff, transparent), radial-gradient(1.5px 1.5px at 45% 12%, #fff, transparent), radial-gradient(2px 2px at 70% 30%, rgba(255,255,255,.8), transparent), radial-gradient(1.5px 1.5px at 85% 15%, #fff, transparent),
  linear-gradient(180deg, #1E2A4A 0%, #34466E 62%, #289A02 62%, #289A02 100%);}
.yard-scene.is-night .sun{background:transparent; box-shadow:-10px 6px 0 0 #F6E7B0; transform:rotate(-20deg);}
.yard-scene.is-night .cloud, .yard-scene.is-night .cloud::before{opacity:.25;}
.yard-scene.is-night .bird{display:none;}
.fire-flicker{display:inline-block; animation:flicker 1.4s ease-in-out infinite; transform-origin:50% 100%;}
@keyframes flicker{0%,100%{transform:scale(1) rotate(-2deg); filter:drop-shadow(0 0 4px rgba(255,140,0,.5));} 30%{transform:scale(1.08,.95) rotate(2deg); filter:drop-shadow(0 0 10px rgba(255,120,0,.8));} 60%{transform:scale(.95,1.06) rotate(-1deg);}}
.soul-letter{position:relative; padding:18px 18px 16px; background:#FFFEF8; background-image:repeating-linear-gradient(to bottom, transparent 0 27px, rgba(200,215,230,.35) 27px 28px); border:1px solid #EDE3CB; box-shadow:0 8px 20px rgba(38,36,30,.08);}
.soul-letter::before{content:''; position:absolute; top:0; right:0; left:0; height:6px; background:repeating-linear-gradient(90deg, #E74C3C 0 14px, #FFFEF8 14px 20px, #2E86C1 20px 34px, #FFFEF8 34px 40px);}
.sl-stamp{position:absolute; top:14px; left:14px; font-size:1.6rem; transform:rotate(8deg);}
.sl-label{display:block; font-size:.74rem; font-weight:800; color:var(--gold); margin-bottom:6px;}
.soul-letter p{margin:0 0 6px; font-size:.95rem; line-height:1.7;}
.sl-hi{font-weight:800; color:#111;}
.sl-sign{font-family:var(--chalk); font-size:1.5rem !important; color:#289A02; letter-spacing:.05em; margin-top:6px !important;}
@media (prefers-reduced-motion:reduce){ .fire-flicker{animation:none;} }

/* ===== התראות מהחצר ===== */
.bell-btn{position:relative; width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:1.15rem; background:#fff; border:1px solid var(--line); flex-shrink:0;}
.bell-count{position:absolute; top:-3px; right:-3px; min-width:19px; height:19px; padding:0 5px; border-radius:99px; background:#E74C3C; color:#fff; font-size:.7rem; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px #fff;}
.reply-pop{position:fixed; z-index:80; left:10px; right:10px; bottom:calc(var(--tab-h) + 38px + env(safe-area-inset-bottom)); margin-inline:auto; max-width:440px; padding:12px 14px; border-radius:20px; background:#fff; border:1.5px solid #CFE8C6; box-shadow:0 16px 40px rgba(38,36,30,.22); animation:pop-in .3s ease;}
.reply-pop.out{opacity:0; transform:translateY(10px); transition:all .25s;}
@keyframes pop-in{from{opacity:0; transform:translateY(16px) scale(.98);} to{opacity:1; transform:none;}}
.rp-head{display:flex; align-items:center; gap:10px;}
.rp-head .avatar{width:36px; height:36px;}
.rp-who{flex:1; display:flex; flex-direction:column; line-height:1.3;}
.rp-who b{font-size:.95rem; color:#111;}
.rp-who small{font-size:.74rem; color:var(--ink-soft);}
.rp-x{width:30px; height:30px; border-radius:50%; background:var(--cream-2); font-size:.85rem;}
.rp-text{margin:8px 0; padding:8px 12px; border-radius:14px; background:var(--cream-2); font-size:.95rem;}
.rp-form{display:flex; gap:6px;}
.rp-form .input{border-radius:999px; padding:9px 14px; font-size:16px;}
.rp-open{display:inline-block; margin-top:8px; font-size:.82rem; font-weight:800; color:#289A02;}
.rp-sent{margin:4px 0 0; font-weight:800; color:#289A02;}
.notif-list{list-style:none; margin:10px 0; padding:0; display:flex; flex-direction:column; gap:8px;}
.notif-list a{display:flex; gap:10px; align-items:center; padding:10px 12px; border-radius:14px; background:var(--card); border:1px solid var(--line); color:inherit;}
.notif-list li.unread a{background:#F1F9EC; border-color:#CFE8C6;}
.notif-list span{display:flex; flex-direction:column; font-size:.9rem;}
.notif-list small{color:var(--ink-soft); font-size:.8rem;}
.notif-empty{padding:16px; border-radius:14px; background:var(--cream-2); text-align:center;}
@media (max-width:380px){ .topbar{gap:6px;} .help-btn{padding:8px 11px; font-size:.84rem;} .bell-btn, .music-btn{width:38px; height:38px;} }
/* הלוחות בירוק הרשמי בלי ההצללה הכהה שגרמה להם להיראות ירוק כהה */
.board{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), var(--shadow) !important;}
.cr-door, .tb-body{box-shadow:none;}
/* הסרגל העליון עם הפעמון: הכל בשורה אחת גם בטלפון */
.help-btn{white-space:nowrap;}
@media (max-width:420px){
  .topbar{gap:6px; padding-inline:12px;}
  .topbar-logo{height:44px;}
  .help-btn{padding:8px 10px; font-size:.84rem;}
  .bell-btn, .music-btn{width:38px; height:38px; font-size:1.05rem;}
  .topbar-me .avatar{width:38px; height:38px;}
}

/* ===== הכיתות: פשוט ונגיש ===== */
.floors{margin-top:14px; overflow:visible;}
.floor{position:relative; overflow:visible;}
.floor-mine{position:absolute; top:-11px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:.66rem; font-weight:800; color:#fff; background:#289A02; padding:2px 9px; border-radius:99px; line-height:1.4; box-shadow:0 2px 6px rgba(40,154,2,.3); z-index:2;}
.floor small{font-size:.7rem !important; opacity:.9;}
.cb-essence{margin:12px 0 0; font-size:.98rem; line-height:1.6; color:#fff; font-weight:600;}
.cb-more{margin-top:10px;}
.cb-more summary{color:var(--gold-light); font-weight:800; font-size:.86rem; cursor:pointer;}
.cb-more summary::after{color:var(--gold-light) !important;}
.cb-more .cb-rows{margin-top:8px;}
.class-board{padding-bottom:26px;}

/* ===== סצנות חיות בראש הכיתות, נשמה טובה והתיק שלי (כמו החצר) ===== */
.live-scene{position:relative; height:230px; border-radius:26px; overflow:hidden; box-shadow:var(--shadow); margin-bottom:12px; isolation:isolate;}
@media (min-width:640px){ .live-scene{height:260px;} }
.live-scene .ls-label{position:absolute; top:22px; right:18px; z-index:5; background:rgba(255,253,248,.94); border-radius:22px; padding:10px 18px 12px; text-align:center; box-shadow:0 6px 16px rgba(38,36,30,.12); max-width:62%;}
.live-scene .ls-label .eyebrow{display:block; font-size:.7rem; font-weight:800; color:var(--gold); letter-spacing:.02em;}
.live-scene .ls-label h1{margin:0; font-size:1.8rem; font-weight:900; line-height:1.15; color:#1A1814;}
.live-scene .ls-label .small{display:block; font-size:.8rem; color:var(--ink-soft);}
.lsc-floor{position:absolute; left:0; right:0; bottom:0; height:52px; z-index:1; background:repeating-linear-gradient(90deg, #D9B98A 0 46px, #CFAE7D 46px 48px); border-top:3px solid #BF9A66;}
.scene-rules{margin:0 0 6px; justify-content:center;}
.scene-note{margin:0 4px 14px; font-size:.84rem; color:var(--ink-soft); text-align:center;}

/* הכיתה המשוגעת */
.ls-classes{background:linear-gradient(180deg, #FFF6DC 0%, #FBEFD2 100%);}
.lsc-board{position:absolute; top:22px; left:16px; width:36%; height:92px; z-index:2; background:#289A02; border:6px solid #C9A067; border-radius:8px; box-shadow:inset 0 0 0 2px rgba(255,255,255,.08); display:flex; flex-direction:column; justify-content:center; gap:6px; padding:0 10px;}
.lsc-chalk{display:block; overflow:hidden; white-space:nowrap; font-family:'Amatic SC', 'Assistant', cursive; font-weight:700; color:#FFFDF2; font-size:1.05rem; line-height:1; direction:rtl;}
.lsc-chalk i{font-style:normal; display:inline-block; animation:chalk-write 7s steps(18) infinite; clip-path:inset(0 0 0 100%);}
.lsc-chalk.l2 i{animation-delay:1.6s; font-size:.9rem; opacity:.9;}
@keyframes chalk-write{0%{clip-path:inset(0 0 0 100%);} 35%,80%{clip-path:inset(0 0 0 0);} 92%,100%{clip-path:inset(0 0 0 0); opacity:0;}}
.lsc-clock{position:absolute; top:128px; left:46%; width:40px; height:40px; z-index:2; border-radius:50%; background:#fff; border:3px solid #8E5BC9; box-shadow:0 2px 6px rgba(0,0,0,.1);}
.lsc-clock i{position:absolute; left:50%; bottom:50%; width:2.5px; margin-left:-1.25px; background:#1A1814; border-radius:2px; transform-origin:bottom center;}
.lsc-clock .h{height:10px; animation:spin 12s linear infinite;}
.lsc-clock .m{height:15px; background:#E07A6A; animation:spin 1.2s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.lsc-plane{position:absolute; z-index:4; top:40%; right:-50px; width:34px; animation:plane-fly 9s ease-in-out infinite;}
@keyframes plane-fly{
  0%{transform:translate(0, 0) rotate(-8deg); opacity:0;}
  6%{opacity:1;}
  35%{transform:translate(-40vw, -38px) rotate(-18deg);}
  50%{transform:translate(-55vw, -10px) rotate(200deg);}
  62%{transform:translate(-48vw, 10px) rotate(350deg);}
  94%{opacity:1;}
  100%{transform:translate(-110vw, -20px) rotate(352deg); opacity:0;}
}
.lsc-desk{position:absolute; z-index:3; bottom:34px; left:22px; width:120px; height:16px; background:#A8773F; border-radius:4px; box-shadow:0 18px 0 -12px #7E5A2F;}
.lsc-desk::before, .lsc-desk::after{content:''; position:absolute; top:14px; width:6px; height:24px; background:#7E5A2F;}
.lsc-desk::before{left:10px;} .lsc-desk::after{right:10px;}
.lsc-desk span{position:absolute; bottom:12px; font-size:1.3rem; line-height:1;}
.lsc-apple{left:12px; animation:hop 1.8s ease-in-out infinite;}
.lsc-book{left:48px; animation:wiggle 3s ease-in-out infinite;}
.lsc-popcorn{right:6px; animation:hop 2.4s ease-in-out infinite .6s;}
@keyframes hop{0%,60%,100%{transform:translateY(0);} 30%{transform:translateY(-16px) rotate(-12deg);}}
@keyframes wiggle{0%,100%{transform:rotate(0);} 25%{transform:rotate(-8deg);} 75%{transform:rotate(8deg);}}
.lsc-pencil{position:absolute; z-index:3; bottom:58px; right:22%; font-size:1.5rem; animation:dance 2.6s ease-in-out infinite;}
@keyframes dance{0%,100%{transform:rotate(-20deg) translateY(0);} 50%{transform:rotate(25deg) translateY(-10px);}}

/* החדר של נשמה טובה */
.ls-soul{background:linear-gradient(180deg, #3D2F6B 0%, #7A5BB0 55%, #F2C9D8 100%);}
.ls-soul .ls-label .eyebrow{color:#8E5BC9;}
.ls-soul .live{display:inline-flex; align-items:center; gap:5px; font-size:.78rem; font-weight:800; color:#289A02;}
.ls-soul .live i{width:8px; height:8px; border-radius:50%; background:#289A02; animation:pulse-dot 1.6s ease-in-out infinite;}
@keyframes pulse-dot{50%{opacity:.35; transform:scale(.7);}}
.lss-moon{position:absolute; top:18px; left:20px; width:34px; height:34px; border-radius:50%; box-shadow:-9px 4px 0 0 #FBE7A6; transform:rotate(-20deg); z-index:1;}
.lss-star{position:absolute; z-index:1; color:#FFF3C4; font-size:.8rem; animation:twinkle 2.8s ease-in-out infinite;}
@keyframes twinkle{0%,100%{opacity:.25; transform:scale(.7);} 50%{opacity:1; transform:scale(1.15);}}
.lss-soul{position:absolute; z-index:3; bottom:18px; left:22%; width:92px; filter:drop-shadow(0 10px 14px rgba(40,20,70,.35)); animation:float-soul 4.5s ease-in-out infinite;}
@keyframes float-soul{0%,100%{transform:translateY(0) rotate(-3deg);} 50%{transform:translateY(-14px) rotate(3deg);}}
.lss-orbit{position:absolute; z-index:2; bottom:40px; left:calc(22% - 34px); width:160px; height:90px; animation:spin 10s linear infinite;}
.lss-planet{position:absolute; top:-8px; left:50%; font-size:1.2rem; animation:spin 10s linear infinite reverse;}
.lss-planet.p2{top:auto; bottom:-8px;}
.lss-heart{position:absolute; z-index:4; bottom:120px; left:calc(22% + 40px); font-size:1rem; opacity:0; animation:heart-rise 4.8s ease-out infinite;}
@keyframes heart-rise{0%{transform:translate(0, 20px) scale(.5); opacity:0;} 15%{opacity:1;} 100%{transform:translate(var(--x), -110px) scale(1.2); opacity:0;}}
.lss-tea{position:absolute; z-index:3; bottom:14px; left:8px; font-size:1.6rem;}
.lss-tea i{position:absolute; bottom:28px; left:10px; width:6px; height:16px; border-radius:50%; background:rgba(255,255,255,.7); filter:blur(2px); animation:steam 2.6s ease-out infinite;}
.lss-tea i + i{left:18px; animation-delay:1.2s;}
@keyframes steam{0%{transform:translateY(0) scaleX(1); opacity:0;} 30%{opacity:.8;} 100%{transform:translateY(-26px) scaleX(2); opacity:0;}}

/* המסדרון והלוקר שלי */
.ls-me{background:linear-gradient(180deg, #E4EEF2 0%, #EAF5E7 100%);}
.lsm-lockers{position:absolute; z-index:2; bottom:52px; left:12px; display:flex; gap:4px;}
.lsm-locker{position:relative; width:30px; height:112px; background:var(--c); border-radius:4px 4px 0 0; box-shadow:inset -3px 0 0 rgba(0,0,0,.12);}
.lsm-locker .vent{position:absolute; top:12px; left:8px; right:8px; height:14px; background:repeating-linear-gradient(180deg, rgba(0,0,0,.25) 0 2px, transparent 2px 4px);}
.lsm-locker.open{background:#3A3328;}
.lsm-inside{position:absolute; top:44px; left:0; right:0; text-align:center; font-size:1.1rem; animation:twinkle 2s ease-in-out infinite;}
.lsm-door{position:absolute; inset:0; background:var(--c); border-radius:4px 4px 0 0; transform-origin:left center; animation:locker-door 5s ease-in-out infinite; box-shadow:inset -3px 0 0 rgba(0,0,0,.12);}
@keyframes locker-door{0%,20%,85%,100%{transform:perspective(200px) rotateY(0);} 35%,70%{transform:perspective(200px) rotateY(-75deg);}}
.lsm-note{position:absolute; top:48px; left:4px; font-size:.95rem; transform-origin:top center; animation:wiggle 2.2s ease-in-out infinite;}
.lsm-bag{position:absolute; z-index:3; bottom:48px; left:132px; font-size:2rem; animation:bag-bounce 1.4s ease-in-out infinite; transform-origin:bottom center;}
@keyframes bag-bounce{0%,100%{transform:translateY(0) scale(1, 1);} 15%{transform:translateY(0) scale(1.12, .88);} 45%{transform:translateY(-22px) scale(.95, 1.05) rotate(-8deg);} 75%{transform:translateY(0) scale(1.06, .94);}}
.lsm-sticker{position:absolute; z-index:2; font-size:1rem; animation:twinkle 3s ease-in-out infinite;}
.lsm-sticker.s1{top:22px; left:40px;} .lsm-sticker.s2{top:140px; left:46%; animation-delay:-1.4s;}
.lsm-plane{top:30%; animation-duration:11s; animation-delay:-4s;}
.me-pockets{margin:0 0 16px;}
.me-pockets .bp-pockets{padding:0;}
.me-pockets .bp-pockets a{background:var(--card); border:1px solid var(--line); color:#1A1814; font-weight:800;}

@media (prefers-reduced-motion:reduce){ .live-scene *{animation:none !important;} .lsc-chalk i{clip-path:none;} }

/* ===== התיק שלי: לפי סדר חשיבות, והשאר מקופל ===== */
.me-fold{margin:0 0 10px; border-radius:18px; background:var(--card); border:1px solid var(--line);}
.me-fold > summary{list-style:none; cursor:pointer; padding:14px 16px; font-weight:800; font-size:1.02rem; color:#1A1814; display:flex; align-items:center; justify-content:space-between;}
.me-fold > summary::-webkit-details-marker{display:none;}
.me-fold > summary::after{content:'⌄'; font-size:1.1rem; color:var(--ink-soft); transition:transform .2s;}
.me-fold[open] > summary::after{transform:rotate(180deg);}
.me-fold[open]{padding:0 10px 10px;}
.me-fold > summary + .section-title{display:none;}
.me-fold .section-title.sub-title{margin-top:10px;}


/* ===== פתיחה בכל כניסה לפלטפורמה: עץ, משפט, ו"במקום אחד" גדול ===== */
.intro-splash{position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:24px; overflow:hidden; background:#FFFFFF; transition:opacity .6s ease, transform .6s ease;}
.intro-splash.out{opacity:0; transform:scale(1.03); pointer-events:none;}
.is-inner{display:flex; flex-direction:column; align-items:center; text-align:center; max-width:320px; margin-top:-4vh;}
.is-tree{height:150px; width:auto; margin-bottom:26px; animation:is-grow .9s cubic-bezier(.2,1.3,.4,1) both; transform-origin:bottom center;}
.is-line{margin:0; font-size:1.12rem; font-weight:700; line-height:1.55; color:#3A362E; text-wrap:balance;}
.is-line span{display:inline-block; opacity:0; animation:is-word .45s ease forwards;}
.is-big{margin:6px 0 0; font-size:3.5rem; font-weight:900; color:#289A02; line-height:1; letter-spacing:-.01em; white-space:nowrap; opacity:0; animation:is-jump .75s cubic-bezier(.18,1.6,.4,1) forwards;}
.is-skip{position:absolute; bottom:calc(22px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); font-size:.85rem; font-weight:700; color:#8A8272; background:none; border:0; padding:8px 14px;}
@keyframes is-grow{from{opacity:0; transform:scale(.4);} to{opacity:1; transform:none;}}
@keyframes is-word{from{opacity:0; transform:translateY(8px); filter:blur(3px);} to{opacity:1; transform:none; filter:none;}}
@keyframes is-jump{0%{opacity:0; transform:translateY(40px) scale(.4);} 60%{opacity:1; transform:translateY(-10px) scale(1.12);} 100%{opacity:1; transform:none;}}
@media (prefers-reduced-motion:reduce){ .intro-splash *{animation:none !important; opacity:1 !important;} }

/* ===== מה סיפרתי בשיחת ההיכרות ===== */
.mi-intake{grid-column:1 / -1;}
.intake-rows{margin:10px 0 8px; display:flex; flex-direction:column; gap:0;}
.intake-rows div{display:grid; grid-template-columns:minmax(120px, 40%) 1fr; gap:10px; padding:9px 0; border-bottom:1px dashed var(--line);}
.intake-rows div:last-child{border-bottom:0;}
.intake-rows dt{font-weight:800; font-size:.86rem; color:#1A1814;}
.intake-rows dd{margin:0; font-size:.9rem; color:var(--ink-soft);}

/* ===== המטרות שלי: קצרות וארוכות, פשוט ===== */
.simple-goals{display:flex; flex-direction:column; gap:18px;}
.sg-group{display:flex; flex-direction:column; gap:10px;}
.sg-h{margin:0; font-size:1.08rem; font-weight:900; color:#1A1814; display:flex; align-items:baseline; gap:6px;}
.sg-h small{font-size:.8rem; font-weight:700; color:var(--gold);}
.sg-row{display:flex; gap:12px; align-items:flex-start; padding:12px; border-radius:16px; background:var(--cream-2);}
.sg-icon{font-size:1.4rem; line-height:1; width:40px; height:40px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.sg-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px;}
.sg-main b{font-size:.98rem; color:#1A1814;}
.sg-mine{font-size:.84rem; color:var(--ink-soft);}
.sg-mine::before{content:'מה כתבתי: '; font-weight:700;}
.sg-bar{height:8px; border-radius:99px; background:#fff; overflow:hidden; margin-top:2px;}
.sg-bar i{display:block; height:100%; border-radius:99px; background:#289A02;}
.sg-count{font-size:.76rem; color:var(--ink-soft);}
.sg-step{font-size:.84rem; font-weight:800; color:#289A02;}

/* ===== צ'אקרות: לחיצה פותחת איך מרפאים ===== */
.levels.is-chakras li{padding:0; border:0;}
.lv-btn{width:100%; display:grid; grid-template-columns:1fr auto; grid-template-areas:'name dots' 'go go'; gap:2px 10px; align-items:center; text-align:start; padding:8px 10px; border-radius:12px; background:none; border:0; font:inherit; color:inherit; cursor:pointer;}
.lv-btn:hover, .lv-btn:focus-visible{background:var(--cream-2);}
.lv-btn > span:first-child{grid-area:name;} .lv-btn .level-dots{grid-area:dots;}
.lv-go{grid-area:go; font-size:.74rem; font-weight:800; color:#289A02;}
.ch-head{display:flex; gap:12px; align-items:center; margin-bottom:8px;}
.ch-dot{font-size:2rem;}
.ch-head h2{margin:0;}
.ch-now{margin:6px 0 12px; padding:8px 12px; border-radius:12px; background:var(--cream-2);}
.ch-block{margin:0 0 14px;}
.ch-block > b{display:block; margin-bottom:4px; font-size:1rem; color:#1A1814;}
.ch-block p{margin:0 0 4px;}
.ch-steps{margin:6px 0 8px; padding-inline-start:22px; display:flex; flex-direction:column; gap:8px;}
.ch-steps li.now{font-weight:800;}
.ch-steps li.now::marker{color:#289A02;}
.ch-focus{padding:8px 12px; border-radius:12px; background:#E8F4E5; font-weight:700;}
.ch-actions{display:flex; gap:8px; flex-wrap:wrap;}

/* ===== מנותק · מתחבר · מדויק: שורה ברורה עם מילה, וסקאלה מוסברת ===== */
.levels .lv-row, .lv-btn{display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px;}
.levels.is-chakras .lv-btn{grid-template-columns:1fr auto auto 14px;}
.lv-btn{grid-template-areas:none;}
.lv-btn > span:first-child, .lv-btn .level-dots{grid-area:auto;}
.lv-name{font-weight:700;}
.lv-word{font-size:.74rem; font-weight:800; padding:2px 9px; border-radius:99px; white-space:nowrap;}
.lv-word.l1{background:#FDE3E0; color:#B83A2E;}
.lv-word.l2{background:#FBF0D6; color:#8A6410;}
.lv-word.l3{background:#E8F4E5; color:#289A02;}
.lv-go{grid-area:auto; font-size:1.2rem; color:#289A02; font-weight:900;}
.lv-scale{margin-top:12px; padding:12px; border-radius:14px; background:var(--cream-2);}
.lv-scale > b{display:block; font-size:.88rem; margin-bottom:8px; color:#1A1814;}
.lv-steps{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; position:relative;}
.lv-steps div{display:flex; flex-direction:column; gap:2px; font-size:.76rem; line-height:1.35; color:var(--ink-soft);}
.lv-steps i{display:block; height:6px; border-radius:6px; margin-bottom:4px;}
.lv-steps .l1 i{background:var(--s1);} .lv-steps .l2 i{background:var(--s2);} .lv-steps .l3 i{background:var(--s3);}
.lv-steps b{font-size:.86rem; color:#1A1814;}

/* ===== התיק: המטרות בעדיפות ===== */
.goals-title{margin-top:26px;}
.goals-title h2{font-size:1.7rem;}
.simple-goals{border:2px solid #289A02; box-shadow:0 10px 26px rgba(40,154,2,.12); position:relative; overflow:hidden;}
.simple-goals::before{content:''; position:absolute; top:0; right:0; left:0; height:6px; background:#289A02;}
.sg-row{background:#F1F9EC;}
.sg-main b{font-size:1.05rem;}
.sg-h{font-size:1.15rem;}

/* ===== עיצוב אנושי: הצצה פתוחה, הציור המלא בלחיצה ===== */
.hd-more{margin:14px 0 10px; border-top:1px dashed var(--line); padding-top:10px;}
.hd-more > summary{list-style:none; cursor:pointer; font-weight:800; color:#289A02; padding:6px 0;}
.hd-more > summary::-webkit-details-marker{display:none;}
.hd-more > summary::after{content:' ⌄';}
.hd-more[open] > summary::after{content:' ⌃';}

/* ===== אני מול עצמי בשכבה: פשוט, עם הצצה ===== */
.ani2{display:flex; flex-direction:column; align-items:stretch !important; gap:10px;}
.ani2-head{display:flex; align-items:center; gap:12px;}
.ani2-head .grow{flex:1;}
.ani2-head b{font-size:1.08rem; color:#1A1814;}
.ani2-go{font-size:1.2rem; font-weight:900; color:var(--gold);}
.ani2-week{display:flex; align-items:center; gap:10px; font-size:.8rem; font-weight:800; color:var(--gold); white-space:nowrap;}
.ani2-bar{flex:1; height:8px; border-radius:99px; background:#fff; overflow:hidden; border:1px solid var(--gold-light);}
.ani2-bar i{display:block; height:100%; background:var(--gold); border-radius:99px;}
.ani2-peek{display:flex; flex-direction:column; gap:6px;}
.ani2-peek > span{display:block; padding:9px 12px; border-radius:12px; background:rgba(255,255,255,.75); font-size:.9rem; color:#1A1814;}
.ani2-peek small{display:block; font-size:.78rem; color:var(--ink-soft); margin-top:2px;}
.ani2-what{margin:0; font-size:.95rem; color:#1A1814; line-height:1.5;}
.ani2-peek.tiles{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px;}
.ani2-peek.tiles > span{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; font-size:1.3rem; padding:10px 6px;}
.ani2-peek.tiles small{font-size:.72rem; font-weight:700; color:#1A1814; line-height:1.3;}
.ani2.locked .ani-strip-cta{align-self:flex-start; margin-top:0;}

/* ===== הפתיחה היומית בשכבה: בית הספר המשוגע מתעורר ===== */
.ls-home{height:268px;}
@media (min-width:640px){ .ls-home{height:290px;} }
.ls-home.tod-morning{background:linear-gradient(180deg, #FFE3C2 0%, #FFF4E2 100%);}
.ls-home.tod-day{background:linear-gradient(180deg, #D6ECF6 0%, #F2F8EC 100%);}
.ls-home.tod-evening{background:linear-gradient(180deg, #F4B38A 0%, #F8DCC0 100%);}
.ls-home.tod-night{background:linear-gradient(180deg, #1E2A4A 0%, #3B4A72 100%);}
.lsh-sun{position:absolute; top:14px; left:14px; width:34px; height:34px; border-radius:50%; background:#FBE39A; box-shadow:0 0 0 10px rgba(251,227,154,.35); z-index:1;}
.tod-night .lsh-sun{background:transparent; box-shadow:-8px 4px 0 0 #FBE7A6;}
.lsh-cloud{position:absolute; top:40px; left:-90px; width:70px; height:20px; background:#fff; border-radius:20px; opacity:.85; z-index:1; animation:lsh-drift 34s linear infinite;}
.lsh-cloud::before{content:''; position:absolute; width:30px; height:30px; border-radius:50%; background:#fff; top:-14px; left:14px;}
.tod-night .lsh-cloud{opacity:.25;}
@keyframes lsh-drift{to{transform:translateX(560px);}}
.lsh-ground{position:absolute; left:0; right:0; bottom:0; height:44px; background:#E2F1DD; border-top:3px solid #289A02; z-index:1;}
.tod-night .lsh-ground{background:#2B3A5C; border-top-color:#289A02;}

.lsh-school{position:absolute; z-index:2; bottom:44px; left:18px; width:150px; height:150px;}
.lsh-tower{position:absolute; left:50%; top:0; transform:translateX(-50%); width:40px; height:36px; background:#F6EAD0; border:2px solid #C9A067; border-bottom:0; border-radius:20px 20px 0 0; display:flex; justify-content:center;}
.lsh-bell{font-size:1.2rem; margin-top:4px; transform-origin:top center; animation:lsh-ring 5s ease-in-out infinite;}
.first-today .lsh-bell{animation:lsh-ring-big 1.4s ease-in-out 3, lsh-ring 5s ease-in-out 4.2s infinite;}
@keyframes lsh-ring{0%,80%,100%{transform:rotate(0);} 84%{transform:rotate(18deg);} 88%{transform:rotate(-16deg);} 92%{transform:rotate(10deg);} 96%{transform:rotate(-6deg);}}
@keyframes lsh-ring-big{0%,100%{transform:rotate(0);} 20%{transform:rotate(28deg);} 45%{transform:rotate(-26deg);} 70%{transform:rotate(18deg);}}
.lsh-ding{position:absolute; top:-8px; right:-44px; font-size:.72rem; font-weight:900; color:#8E5BC9; background:#fff; padding:1px 7px; border-radius:99px; opacity:0; animation:lsh-ding 5s ease-in-out infinite;}
.first-today .lsh-ding{animation:lsh-ding-big 4.2s ease-out 1, lsh-ding 5s ease-in-out 4.2s infinite;}
@keyframes lsh-ding{0%,80%,100%{opacity:0; transform:translateY(4px);} 86%,94%{opacity:1; transform:none;}}
@keyframes lsh-ding-big{0%{opacity:0; transform:scale(.5);} 12%,80%{opacity:1; transform:scale(1.15);} 100%{opacity:0;}}
.lsh-roof{position:absolute; left:-6px; right:-6px; top:34px; height:12px; background:#289A02; border-radius:6px;}
.lsh-body{position:absolute; left:0; right:0; top:44px; bottom:0; background:#FBF3E1; border:2px solid #C9A067; border-bottom:0; border-radius:4px 4px 0 0;}
.lsh-clock{position:absolute; top:6px; left:50%; transform:translateX(-50%); width:24px; height:24px; border-radius:50%; background:#fff; border:2px solid #8E5BC9;}
.lsh-clock i{position:absolute; left:50%; bottom:50%; width:2px; margin-left:-1px; background:#1A1814; transform-origin:bottom center; border-radius:2px;}
.lsh-clock .h{height:6px; animation:spin 9s linear infinite;}
.lsh-clock .m{height:9px; background:#E07A6A; animation:spin .9s linear infinite;}
.lsh-wins{position:absolute; top:36px; left:10px; right:10px; display:grid; grid-template-columns:repeat(3, 1fr); gap:6px 14px;}
.lsh-wins i{display:block; height:18px; border-radius:3px; background:#CFE0EA; border:2px solid #C9A067; animation:lsh-light 6s ease-in-out infinite; animation-delay:var(--d);}
.first-today .lsh-wins i{animation:lsh-on .5s ease-out both, lsh-light 6s ease-in-out infinite; animation-delay:calc(var(--d) + .3s), calc(var(--d) + 1s);}
.tod-night .lsh-wins i, .tod-evening .lsh-wins i{background:#FBE39A;}
@keyframes lsh-light{0%,70%,100%{filter:none;} 80%{filter:brightness(1.18) saturate(1.3);}}
@keyframes lsh-on{from{background:#6B7280;} to{}}
.lsh-door{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:26px; height:30px; background:#289A02; border-radius:13px 13px 0 0;}
.lsh-plate{position:absolute; bottom:34px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:.5rem; font-weight:900; color:#1A1814; background:#E9C46A; padding:1px 5px; border-radius:3px;}
.lsh-balloon{position:absolute; top:40px; right:-4px; font-size:1rem; opacity:0; animation:lsh-balloon 9s ease-out infinite 2s;}
@keyframes lsh-balloon{0%{opacity:0; transform:translate(0, 0);} 10%{opacity:1;} 100%{opacity:0; transform:translate(30px, -150px) rotate(12deg);}}
.lsh-tree{position:absolute; z-index:2; bottom:40px; left:172px; height:96px; transform-origin:bottom center; animation:sway 7s ease-in-out infinite;}
.lsh-kids{position:absolute; left:0; right:0; bottom:0; height:40px; z-index:3;}
.lsh-label{top:16px !important; right:14px !important; max-width:52% !important; padding:8px 14px 10px !important;}
.lsh-label h1{font-size:1.35rem !important;}
.lsh-label .eyebrow{font-size:.72rem !important;} /* 6.10.2026: היה .66rem, מתחת לרצפת הכתב (כלל 5יד); נמדד 9.9 פיקסלים */
.lsh-chalk{position:absolute; z-index:4; right:14px; bottom:14px; max-width:52%; background:#289A02; color:#fff; border:4px solid #C9A067; border-radius:8px; padding:6px 10px 7px; box-shadow:0 4px 10px rgba(0,0,0,.15);}
.lsh-chalk small{display:block; font-size:.66rem; font-weight:800; opacity:.9;}
.lsh-chalk b{display:block; font-family:'Amatic SC', 'Assistant', cursive; font-size:1.25rem; line-height:1.1; letter-spacing:.02em;}
.first-today .lsh-chalk b{animation:lsh-write 1.8s steps(24) 1.2s both;}
@keyframes lsh-write{from{clip-path:inset(0 0 0 100%);} to{clip-path:inset(0 0 0 0);}}
@media (prefers-reduced-motion:reduce){ .ls-home *{animation:none !important;} }
.lsh-label{max-width:58% !important;}
.lsh-label .eyebrow{font-size:.72rem !important; line-height:1.3;} /* 6.10.2026: היה .62rem, מתחת לרצפת הכתב */

/* שער הכניסה: כיתוב לבן על שלט הזהב */
.ga-sign{color:#fff !important; text-shadow:0 1px 2px rgba(90,60,10,.45);}

/* פתיחה: "במקום אחד" מודגש יותר, ובסוף נשאר לבד במסך */
.is-big{font-size:3.9rem; -webkit-text-stroke:1.6px #289A02; paint-order:stroke fill; transition:scale .6s cubic-bezier(.2,1.3,.4,1);}
.is-tree, .is-line{transition:opacity .45s ease, max-height .6s ease, margin .6s ease; max-height:260px;}
.intro-splash.solo .is-tree, .intro-splash.solo .is-line{opacity:0 !important; max-height:0; margin:0; overflow:hidden;}
.intro-splash.solo .is-big{scale:1.25;}
.intro-splash.solo .is-skip{opacity:0;}

/* "היי, אני נשמה טובה": שתי שורות מסודרות, בלי שהעלה יירד לבד */
.ob-title{display:flex; flex-direction:column; align-items:flex-start; gap:0; line-height:1.15; text-align:start !important;}
.ob-hi{font-size:.95rem; font-weight:800; color:var(--gold);}
.ob-name{white-space:nowrap;}
.onboard-card #pron.choice-row{display:grid; grid-template-columns:1fr 1fr; gap:10px;}

/* ===== רגעים מהקהילה: השיתופים שהכי נגעו השבוע ===== */
.moments{display:flex; flex-direction:column; gap:10px;}
.moment{display:block; padding:12px 14px; border-radius:16px; background:#FBF7EE; border:1px solid var(--line); color:inherit;}
.moment p{margin:0 0 6px; font-size:.96rem; line-height:1.55; color:#1A1814;}
.moment span{font-size:.78rem; color:var(--ink-soft);}

/* הצלצול: אותו פעמון למעלה ובתפריט */
.bell-btn svg{width:22px; height:22px; fill:#E9B530; stroke:#B8860B; stroke-width:1.2;}
.tabbar .tab svg path[d^="M12 3.2"], .tabbar .tab svg circle[cx="12"][cy="19.6"]{fill:none;}

/* העץ והמדבקות בתוך התיק */
.tree-peek{padding:0; overflow:hidden;}
.tree-peek > summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:12px; padding:14px 16px;}
.tree-peek > summary::-webkit-details-marker{display:none;}
.tp-ic{font-size:1.8rem;}
.tp-main{flex:1; display:flex; flex-direction:column;}
.tp-main b{font-size:1.02rem; color:#1A1814;}
.tp-main small{font-size:.8rem; color:var(--ink-soft);}
.tp-open{font-size:.84rem; font-weight:800; color:#289A02; white-space:nowrap;}
.tree-peek[open] .tp-open{visibility:hidden;}
.tp-body{padding:0 16px 16px; display:flex; flex-direction:column; gap:10px;}
.tp-tree{max-width:220px; margin:0 auto;}
.tp-stickers{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}

/* הקצב השבועי: מוסבר ופשוט */
.rhythm-card{display:flex; flex-direction:column; gap:14px;}
.rh-lead{margin:0; font-size:.95rem; line-height:1.6;}
.rh-pick{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;}
.rh-pick > span{font-weight:800; color:#1A1814;}
.rh-week{display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:14px; background:#F1F9EC;}
.rh-week > b{color:#1A1814;}
.rh-how{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; font-size:.86rem; color:var(--ink-soft);}

/* ===== התיק: הצצות, והשאר בלחיצה ===== */
.lv-peek{margin-top:8px;}
.lv-peek > summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; padding:6px 0;}
.lv-peek > summary::-webkit-details-marker{display:none;}
.lvp-counts{display:flex; gap:6px; flex-wrap:wrap;}
.lvp-counts i{font-style:normal; font-size:.78rem; font-weight:800; padding:3px 9px; border-radius:99px; background:#F6F1E4; color:#1A1814;}
.lvp-counts i.l1{background:#FDE3E0; color:#B83A2E;} .lvp-counts i.l2{background:#FBF0D6; color:#8A6410;} .lvp-counts i.l3{background:#E8F4E5; color:#289A02;}
.lvp-open{font-size:.84rem; font-weight:800; color:#289A02; white-space:nowrap;}
.lv-peek[open] .lvp-open{opacity:.5;}
.types-grid button{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; padding:10px 4px; border-radius:14px; background:#fff; border:1px solid var(--line); font:inherit; color:inherit; cursor:pointer;}
.types-grid button span{font-size:.7rem; line-height:1.3; color:var(--ink-soft);}
.types-grid button.mine{border-color:#289A02; background:#F1F9EC;}
.ti-head{display:flex; gap:12px; align-items:center; margin-bottom:10px;}
.ti-head img{width:64px; height:64px;}
.ti-head h2{margin:0;}
.ti-mine{display:inline-block; font-size:.74rem; font-weight:800; color:#289A02; background:#E8F4E5; padding:1px 8px; border-radius:99px;}
.lv-peek > summary::after, .tree-peek > summary::after, .lv-peek > summary::before, .tree-peek > summary::before{display:none !important; content:none !important;}
/* התפריט: ההפסקה עם אותו פעמון כמו למעלה */
.tab-emoji{display:block; font-size:21px; line-height:22px; height:22px; filter:saturate(.9);}
.tabbar .tab:not(.active) .tab-emoji{filter:grayscale(.15) saturate(.85);}
.tabbar .tab.active .tab-emoji{transform:scale(1.08);}

/* ===== החצר: כרטיסים פשוטים עם כותרת בולטת ===== */
.sr2{display:flex !important; flex-direction:row !important; align-items:center; gap:14px; padding:16px 14px !important; color:inherit; text-decoration:none;}
.sr2-icon{flex-shrink:0; width:54px; height:54px; border-radius:16px; background:#F6F1E4; display:flex; align-items:center; justify-content:center; font-size:1.9rem;}
.sr2-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
.sr2-name{font-size:1.2rem; font-weight:900; color:#1A1814; line-height:1.25;}
.sr2-short{font-size:.9rem; color:var(--ink-soft); line-height:1.4;}
.sr2-who{display:flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; color:#289A02; margin-top:3px;}
.sr2-who .avatars .avatar{width:22px; height:22px; font-size:.65rem;}
.sr2-go{font-size:1.3rem; font-weight:900; color:#289A02;}
.sr2 .sr-sticker{top:-10px !important;}

/* בתוך מקום: למה להשתתף + המשימה של היום */
.room-why{display:flex; flex-direction:column; gap:8px; margin:10px 0;}
.rw-why{margin:0; padding:10px 12px; border-radius:14px; background:#F1F9EC; font-size:.92rem; line-height:1.5;}
.rw-why b{color:#289A02;}
.rw-task{display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:start; padding:12px 14px; border-radius:16px; background:#FFF6DC; border:1.5px dashed #E9C46A; font:inherit; color:#1A1814; cursor:pointer;}
.rw-task small{font-size:.74rem; font-weight:800; color:var(--gold);}
.rw-task b{font-size:1rem; line-height:1.45;}
.rw-task span{font-size:.84rem; font-weight:800; color:#289A02; margin-top:2px;}

/* ===== חדר המשחקים ===== */
.room-banner.theme-play{background:linear-gradient(135deg, #FFE9B8, #F7D6F0);}
.play-room{display:flex; flex-direction:column; gap:12px; margin-top:12px;}
.play-floor{position:relative; height:300px; border-radius:24px; overflow:hidden; cursor:pointer; box-shadow:var(--shadow);
  background:linear-gradient(180deg, #DDEFF8 0 34%, #F2E3C6 34% 100%);}
.play-floor::before{content:''; position:absolute; left:0; right:0; top:34%; height:4px; background:#D8C29A;}
.pf-rug{position:absolute; left:22%; right:22%; top:52%; height:30%; border-radius:50%; background:repeating-radial-gradient(circle, #F7D6F0 0 10px, #E9C46A 10px 14px); opacity:.55;}
.pf-plant{position:absolute; top:22%; right:5%; font-size:2rem;}
.pf-ball{position:absolute; bottom:8%; right:18%; font-size:1.3rem; animation:hop 2.4s ease-in-out infinite;}
.pf-jukebox{position:absolute; top:20%; left:6%; font-size:1.9rem; animation:wiggle 1.6s ease-in-out infinite;}
.pf-kid{position:absolute; width:34px; transition:left 1.2s ease-in-out, top 1.2s ease-in-out; z-index:2; display:flex; flex-direction:column; align-items:center;}
.pf-kid svg{width:34px; display:block; overflow:visible;}
.pf-kid.flip svg{scale:-1 1;}
.pf-kid.walking svg{animation:kid-bob .3s ease-in-out infinite alternate;}
.pf-kid.walking .leg.l1, .pf-kid.walking .arm:last-of-type{animation:kid-step .3s ease-in-out infinite alternate;}
.pf-kid.walking .leg.l2, .pf-kid.walking .arm:first-of-type{animation:kid-step .3s ease-in-out infinite alternate-reverse;}
.pf-kid.dance svg{animation:pf-dance .45s ease-in-out infinite alternate;}
@keyframes pf-dance{from{transform:rotate(-12deg) translateY(0);} to{transform:rotate(12deg) translateY(-6px);}}
.pf-name{font-size:.62rem; font-weight:800; background:rgba(255,255,255,.9); padding:0 6px; border-radius:99px; margin-top:1px; white-space:nowrap;}
.pf-kid.me .pf-name{background:#289A02; color:#fff;}
.pf-bubble{position:absolute; bottom:100%; margin-bottom:4px; white-space:nowrap; font-size:.8rem; font-weight:700; background:#fff; padding:3px 9px; border-radius:12px; box-shadow:0 3px 10px rgba(0,0,0,.12);}
.pf-bubble.pop{animation:is-pop .3s ease both;}
.pf-hint{position:absolute; bottom:8px; left:50%; transform:translateX(-50%); font-size:.74rem; font-weight:800; background:rgba(255,255,255,.85); padding:2px 10px; border-radius:99px; white-space:nowrap;}
.play-say{display:flex; flex-direction:column; gap:8px;}
.ps-emotes{display:flex; gap:6px; justify-content:space-between;}
.ps-emotes button{flex:1; font-size:1.4rem; padding:8px 0; border-radius:14px; background:#fff; border:1px solid var(--line);}
.ps-lines{display:flex; gap:6px; overflow-x:auto; padding-bottom:2px;}
.ps-lines button{flex-shrink:0; font-size:.84rem; font-weight:700; padding:7px 12px; border-radius:99px; background:#F1F9EC; border:1px solid #CFE8C6; color:#1A1814;}
.play-games{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.pg-card{display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center; padding:14px 6px; border-radius:18px; background:#fff; border:1px solid var(--line); font:inherit; color:inherit;}
.pg-card span{font-size:1.9rem;}
.pg-card b{font-size:.92rem; font-weight:900;}
.pg-card small{font-size:.72rem; color:var(--ink-soft);}
.ttt{display:grid; grid-template-columns:repeat(3, 72px); gap:8px; justify-content:center; margin:14px 0;}
.ttt button{width:72px; height:72px; font-size:2rem; border-radius:16px; background:#F6F1E4; border:0;}
.ttt-msg{text-align:center; font-weight:800; min-height:1.5em;}
.mem{display:grid; grid-template-columns:repeat(4, 1fr); gap:8px; margin:14px 0;}
.mem button{aspect-ratio:1; border-radius:14px; border:0; background:#289A02; font-size:1.8rem; max-width:100%;}
.mem button span{visibility:hidden;}
.mem button.up{background:#F6F1E4;}
.mem button.up span{visibility:visible;}
.mem button.ok{background:#E8F4E5;}
.q-crazy{font-size:1.15rem; font-weight:800; line-height:1.5; padding:12px 14px; border-radius:16px; background:#FFF6DC;}
.qa-list{list-style:none; margin:10px 0; padding:0; display:flex; flex-direction:column; gap:8px;}
.qa-list li{display:flex; gap:10px; align-items:center;}
.qa-list li span{display:flex; flex-direction:column; font-size:.9rem;}
.qa-list li.mine span{font-weight:700;}
.qa-form{display:flex; gap:6px; margin-bottom:8px;}
@media (prefers-reduced-motion:reduce){ .pf-kid, .pf-kid *{animation:none !important; transition:none !important;} }
.mu-part{margin:12px 0; padding:12px; border-radius:16px; background:#FBF7EE;}
.mu-part h3{margin:0 0 8px; font-size:1rem; font-weight:900; color:#1A1814;}

/* ===== עזרה עכשיו: נעים, מסוגנן ושימושי מבפנים ===== */
.hn{display:flex; flex-direction:column; gap:12px;}
.hn-head{display:flex; align-items:center; gap:12px; padding:16px; border-radius:22px; background:linear-gradient(135deg, #F6EEFF, #FDF4F8); margin-top:8px;}
.hn-soul{width:62px; height:80px; object-fit:contain; animation:float-soul 5s ease-in-out infinite;}
.hn-tag{display:inline-block; font-size:.72rem; font-weight:800; color:#8E5BC9; background:#fff; padding:2px 9px; border-radius:99px;}
.hn-head h2{margin:4px 0 0; font-size:1.5rem; font-weight:900; color:#1A1814;}
.hn-head p{margin:2px 0 0; color:var(--ink-soft);}
.hn-main{display:flex; align-items:center; gap:14px; width:100%; text-align:start; padding:16px; border-radius:22px; border:0; background:#289A02; color:#fff; font:inherit; box-shadow:0 10px 24px rgba(40,154,2,.25); cursor:pointer;}
.hn-bubble{font-size:2.2rem; animation:hn-breathe 5s ease-in-out infinite;}
@keyframes hn-breathe{0%,100%{transform:scale(.9);} 50%{transform:scale(1.15);}}
.hn-main span:nth-child(2){flex:1; display:flex; flex-direction:column;}
.hn-main small{font-size:.72rem; font-weight:800; opacity:.9;}
.hn-main b{font-size:1.2rem; font-weight:900;}
.hn-main em{font-style:normal; font-size:.82rem; opacity:.9;}
.hn-go{font-size:1.4rem; font-weight:900;}
.hn-two{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.hn-card{display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:14px; border-radius:18px; background:#fff; border:1px solid var(--line); color:#1A1814;}
.hn-card span{font-size:1.6rem;}
.hn-card b{font-size:.98rem; font-weight:900; line-height:1.3;}
.hn-card small{font-size:.74rem; font-weight:700; color:var(--ink-soft);}
.hn-ground{display:flex; flex-direction:column; gap:10px; padding:14px; border-radius:20px; background:#FFF8E8; border:1px solid #F1DFB0;}
.hg-top{display:flex; flex-direction:column;}
.hg-top b{font-size:1rem; color:#1A1814;} .hg-top small{font-size:.76rem; color:var(--ink-soft);}
.hg-step{display:flex; align-items:center; gap:12px; padding:12px; border-radius:16px; background:#fff; min-height:64px;}
.hg-step.in{animation:is-word .4s ease both;}
.hg-ic{font-size:1.9rem;}
.hg-step span:last-child{display:flex; flex-direction:column;}
.hg-step b{font-size:1rem; color:#1A1814;} .hg-step small{font-size:.82rem; color:var(--ink-soft);}
.hg-dots{display:flex; gap:6px; justify-content:center;}
.hg-dots i{width:8px; height:8px; border-radius:50%; background:#E9DDBF;}
.hg-dots i.on{background:#289A02;}
.hn-ground .btn{align-self:center;}
.hn-room{text-align:center; font-size:.88rem; color:var(--ink-soft); padding:6px;}
.hn-room b{color:#289A02;}
@media (prefers-reduced-motion:reduce){ .hn-soul, .hn-bubble{animation:none;} }

/* ===== נשמה טובה מציץ מאחורי בית הספר ועושה שטויות ===== */
.lsh-soul{position:absolute; z-index:2; bottom:44px; left:112px; width:46px; height:88px; animation:lsh-peek 16s ease-in-out infinite; animation-delay:2.5s;}
.lss-inner{position:absolute; inset:0; animation:lsh-silly 16s ease-in-out infinite; animation-delay:2.5s; transform-origin:bottom center;}
.lsh-soul img{position:absolute; left:0; bottom:14px; width:46px; height:auto; z-index:2;}
.lsa{position:absolute; bottom:44px; width:5px; height:20px; border-radius:4px; background:#289A02; z-index:1; transform-origin:top center;}
.lsa.l{left:-2px; transform:rotate(25deg);}
.lsa.r{right:-2px; transform:rotate(-25deg); animation:lsh-wave 16s ease-in-out infinite; animation-delay:2.5s;}
.lsl{position:absolute; bottom:0; width:6px; height:17px; border-radius:3px 3px 4px 4px; background:#289A02; z-index:1; transform-origin:top center;}
.lsl::after{content:''; position:absolute; bottom:-2px; left:-2px; width:10px; height:5px; border-radius:4px; background:#1A1814;}
.lsl.l{left:14px; animation:lsh-kick 16s ease-in-out infinite; animation-delay:2.5s;}
.lsl.r{left:26px; animation:lsh-kick 16s ease-in-out infinite reverse; animation-delay:2.5s;}
.lsh-say{position:absolute; bottom:100%; left:50%; transform:translateX(-10%); white-space:nowrap; font-size:.62rem; font-weight:900; color:#8E5BC9; background:#fff; padding:2px 7px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.12); opacity:0; animation:lsh-say 16s ease-in-out infinite; animation-delay:2.5s;}
@keyframes lsh-peek{
  0%, 8%{transform:translateX(0);}          /* מוסתר מאחורי הבניין */
  14%, 30%{transform:translateX(34px);}      /* מציץ */
  38%, 70%{transform:translateX(56px);}      /* יוצא החוצה */
  80%, 100%{transform:translateX(0);}        /* חוזר להסתתר */
}
@keyframes lsh-silly{
  0%, 38%{transform:none;}
  42%{transform:translateY(-14px) rotate(-8deg);}
  46%{transform:translateY(0) rotate(0);}
  50%{transform:translateY(-10px) rotate(10deg);}
  54%{transform:translateY(0) rotate(0);}
  58%, 62%{transform:rotate(-6deg);}
  66%{transform:rotate(6deg);}
  70%, 100%{transform:none;}
}
@keyframes lsh-wave{
  0%, 14%{transform:rotate(-25deg);}
  17%{transform:rotate(-150deg);} 20%{transform:rotate(-110deg);} 23%{transform:rotate(-150deg);} 26%{transform:rotate(-110deg);}
  30%, 100%{transform:rotate(-25deg);}
}
@keyframes lsh-kick{0%, 40%{transform:rotate(0);} 44%{transform:rotate(28deg);} 48%{transform:rotate(-20deg);} 52%{transform:rotate(24deg);} 56%, 100%{transform:rotate(0);}}
@keyframes lsh-say{0%, 56%{opacity:0;} 60%, 72%{opacity:1;} 76%, 100%{opacity:0;}}
@media (prefers-reduced-motion:reduce){ .lsh-soul, .lsh-soul *{animation:none !important;} .lsh-soul{transform:translateX(34px);} }
/* מציץ מעל הגג (נראה יותר, ולא מוסתר מאחורי העץ והלוח) */
.lsh-soul{left:36px; bottom:112px; animation-name:lsh-peek-up;}
.lsh-say{left:auto; right:-70px; bottom:70%; transform:none;}
@keyframes lsh-peek-up{
  0%, 8%{transform:translateY(0);}
  14%, 32%{transform:translateY(-58px);}
  38%{transform:translateY(-100px);}
  44%{transform:translateY(-72px);}
  50%{transform:translateY(-98px);}
  56%, 72%{transform:translateY(-72px);}
  82%, 100%{transform:translateY(0);}
}
.lsh-say{bottom:34% !important; right:-84px !important;}

/* ===== מנותק · מתחבר · מדויק: בדיוק כמו בשאלון ===== */
.q-scale{display:flex; flex-wrap:wrap; gap:5px; margin:6px 0 8px;}
.q-scale span{font-size:.74rem; padding:3px 8px; border-radius:99px; white-space:nowrap; color:#1A1814;}
.q-scale .l1{background:#FDE3E0;} .q-scale .l2{background:#FBF0D6;} .q-scale .l3{background:#E8F4E5;}
.q-scale-how{flex-basis:100%; font-size:.8rem; font-weight:800; color:#1A1814;}
.q-levels{display:grid; grid-template-columns:repeat(3, 36px); gap:4px; flex-shrink:0;}
.q-level{display:flex; align-items:center; justify-content:center; height:32px; padding:0; font-size:15px; line-height:1; border-radius:10px; background:#F3EEE2; border:1.5px solid transparent; font-family:inherit; cursor:pointer;}
span.q-level{cursor:default; opacity:.35; filter:grayscale(.4);}
.q-level.on{opacity:1 !important; filter:none !important;}
.q-level.on.l1{background:#FDE3E0; box-shadow:0 0 0 2px #E05A4E inset;}
.q-level.on.l2{background:#FBF0D6; box-shadow:0 0 0 2px #D9A43A inset;}
.q-level.on.l3{background:#E8F4E5; box-shadow:0 0 0 2px #289A02 inset;}
.mu-row.q-row{display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; padding:8px 10px; border-radius:14px; background:#fff; border:1.5px solid var(--line); margin-bottom:6px;}
.levels .lv-row, .lv-btn{grid-template-columns:1fr auto auto !important;}
.levels.is-chakras .lv-btn{grid-template-columns:1fr auto auto 14px !important;}
.mi-attach-name{display:inline-block; margin:6px 0 4px; padding:6px 14px; border-radius:99px; background:#FCE6F0; font-size:1.1rem; font-weight:900; color:#1A1814;}

/* ===== הכישרון שלי ===== */
.mi-talent{background:linear-gradient(135deg, #FFF8E6, #FFFDF6) !important;}
.tal-chips{display:flex; flex-wrap:wrap; gap:6px; margin:8px 0;}
.tal-chips span{font-size:.9rem; font-weight:800; padding:5px 12px; border-radius:99px; background:#fff; border:1.5px solid #E9C46A; color:#1A1814;}
.tal-level{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:.84rem; color:var(--ink-soft); margin:6px 0;}
.tal-level b{color:#1A1814;}
.tal-dots{display:flex; gap:4px;}
.tal-dots i{width:18px; height:8px; border-radius:6px; background:#EFE6CF;}
.tal-dots i.on{background:#E9B530;}
.tal-block{margin:4px 0 8px; font-size:.86rem; color:var(--ink-soft);}
.tal-block b{color:#1A1814;}
.tal-pick{display:flex; flex-wrap:wrap; gap:6px; margin:8px 0;}
.tal-pick button{font:inherit; font-size:.88rem; font-weight:600; padding:7px 12px; border-radius:99px; background:#fff; border:1.5px solid var(--line); color:#1A1814;}
.tal-pick button[aria-pressed="true"]{border-color:#289A02; background:#E8F4E5; font-weight:800;}
.tal-pick.one{flex-direction:column;}
.tal-pick.one button{border-radius:14px; text-align:start;}
.tal-h{margin:14px 0 4px; font-size:1rem; font-weight:900;}
.ob-talent{margin:6px 0 0; padding:6px 10px; border-radius:12px; background:#FFF6DC; font-size:.86rem; font-weight:700; color:#1A1814;}
.type-pct{display:block; font-style:normal; font-size:.66rem; font-weight:800; color:#289A02; margin-top:2px;}

/* ===== אני מול עצמי: כמה נכנסים ===== */
.cohort-card{margin-top:14px; display:flex; flex-direction:column; gap:6px;}
.cohort-card p{margin:0;}
.cc-title{font-size:1.05rem; color:#1A1814;}
.cc-status{font-weight:800; color:#1A1814;}
.cc-bar{display:block; height:8px; border-radius:99px; background:#F3EEE2; overflow:hidden;}
.cc-bar i{display:block; height:100%; background:var(--gold); border-radius:99px;}
.ph-cohort{margin:6px 0 0; font-size:.84rem; font-weight:700; opacity:.9;}

/* ===== כפתור חזרה: בולט ונעים ===== */
.back{display:inline-flex; align-items:center; gap:8px; margin:2px 0 12px; padding:7px 14px 7px 16px; border-radius:99px; background:#fff; border:1.5px solid #D9E9D2; color:#1A1814; font-weight:800; font-size:.9rem; box-shadow:0 3px 10px rgba(40,154,2,.08); text-decoration:none;}
.back::before{content:'→'; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E8F4E5; color:#289A02; font-weight:900; font-size:.85rem;}
.back:hover, .back:focus-visible{border-color:#289A02;}

/* ===== ההפסקה: החדרים שלי ===== */
.rooms-pick{display:flex; flex-direction:column; gap:10px;}
.rp-title{font-size:1.15rem; font-weight:900; color:#1A1814;}
.rooms-pick p{margin:0;}
.rp-opts{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.rp-opts button{display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:start; padding:10px 12px; border-radius:16px; background:#fff; border:1.5px solid var(--line); font:inherit; color:#1A1814; position:relative;}
.rp-opts button span{font-size:1.4rem;}
.rp-opts button b{font-size:.92rem; font-weight:900;}
.rp-opts button small{font-size:.72rem; color:var(--ink-soft); line-height:1.3;}
.rp-opts button[aria-pressed="true"]{border-color:#289A02; background:#F1F9EC;}
.rp-opts button[aria-pressed="true"]::after{content:'✓'; position:absolute; top:8px; left:8px; width:18px; height:18px; border-radius:50%; background:#289A02; color:#fff; font-size:11px; font-weight:900; display:flex; align-items:center; justify-content:center;}
.my-rooms .sr2{border:1.5px solid #CFE8C6;}
.sr2-topics{display:flex; flex-wrap:wrap; gap:4px; margin-top:2px;}
.sr2-topics i{font-style:normal; font-size:.68rem; font-weight:700; padding:1px 7px; border-radius:99px; background:#F6F1E4; color:#1A1814;}
.sr2-bell{font-size:.8rem;}
[data-edit-rooms]{margin:6px 0 4px;}
.rw-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px;}
.rw-topics{display:flex; flex-wrap:wrap; gap:4px;}
.rw-topics i{font-style:normal; font-size:.74rem; font-weight:700; padding:2px 9px; border-radius:99px; background:#F6F1E4;}
.rw-bell{font:inherit; font-size:.76rem; font-weight:800; padding:4px 10px; border-radius:99px; background:#fff; border:1.5px solid var(--line); color:#1A1814;}
.rw-bell.on{border-color:#289A02; background:#E8F4E5;}
.rw-together{margin:0; padding:10px 12px; border-radius:14px; background:#FFF6DC; font-size:.9rem; line-height:1.5;}
.rw-together small{display:block; font-size:.76rem; font-weight:700; color:#289A02;}
.room-banner.theme-topic-love{background:linear-gradient(135deg, #FCE6F0, #FFF3F7);}
.room-banner.theme-topic-work{background:linear-gradient(135deg, #E3ECF3, #F4F8FB);}
.room-banner.theme-topic-talent{background:linear-gradient(135deg, #FFF1C9, #FFFAEB);}
.room-banner.theme-topic-body{background:linear-gradient(135deg, #E2F1DD, #F4FAF1);}

/* ===== התגובה של נשמה טובה אחרי הצ'ק-אין ===== */
.soul-reply.sr3{display:flex; flex-direction:column; gap:10px; padding:16px; border-radius:20px; background:linear-gradient(135deg, #F6EEFF, #FFFDF8); border:1px solid #E6D9F5;}
.sr3-head{display:flex; align-items:center; gap:10px;}
.soul-reply.sr3 .sr3-head img{width:46px; height:62px; object-fit:contain;}
.sr3-name{display:block; font-size:1.25rem; font-weight:900; color:#1A1814; line-height:1.2;}
.sr3-sub{font-size:.76rem; font-weight:700; color:var(--gold);}
.sr3-body p{margin:0; font-size:1rem; line-height:1.6; color:#1A1814;}
.sr3-body .actions{margin-top:12px;}

/* ===== הכישרון בתיק: כותרות גדולות וברורות ===== */
.mi-talent h3{font-size:1.3rem !important; font-weight:900 !important; color:#1A1814;}
.mi-talent .map-sub{font-size:.92rem;}
.mi-talent .tal-chips span{font-size:1rem; padding:7px 14px;}
.tal-level{flex-direction:column; align-items:flex-start !important; gap:6px !important; margin:12px 0 !important; padding:12px; border-radius:14px; background:#fff;}
.tal-level > span:first-child{font-size:.98rem; font-weight:900; color:#1A1814;}
.tal-level b{font-size:1rem;}
.tal-dots i{width:28px !important; height:10px !important;}
.tal-block{margin:0 0 12px !important; padding:12px; border-radius:14px; background:#fff; font-size:.92rem !important; line-height:1.6;}
.tal-block b{display:block; font-size:.98rem; font-weight:900; margin-bottom:2px;}
.mi-talent [data-talent-edit]{font-size:.92rem; font-weight:800;}
/* חלון העדכון */
.sheet-panel h2:has(+ p + #tal-ids), .sheet-panel h2:has(+ .muted + .tal-pick){font-size:1.5rem;}
.tal-h{font-size:1.15rem !important; margin:18px 0 8px !important; color:#1A1814;}
.tal-pick button{font-size:.95rem; padding:9px 14px;}

/* ===== התיק: כותרות גדולות ונעימות לקריאה ===== */
.sg-h{font-size:1.35rem !important; font-weight:900; margin:4px 0 6px !important; gap:8px !important;}
.sg-h small{font-size:.85rem !important;}
.sg-group{gap:12px !important;}
.soft-map .map-item h3, .mi-talent h3{font-size:1.3rem !important; font-weight:900 !important;}
.tree-peek .tp-main b{font-size:1.15rem;}
.me-fold > summary{font-size:1.15rem !important;}
.hd-card .hd-lead{font-size:1rem;}
/* הדפוס בגודל של תגיות הכישרון */
.mi-attach-name{font-size:1rem !important; font-weight:800 !important; padding:7px 14px !important; border:1.5px solid #F2B8CF; background:#fff !important;}

/* ===== פרופורציות אחידות: תיאורים בגודל של השכבה, כותרות קצת יותר גדולות ===== */
.q-title{font-size:1.55rem !important;}
.persist-body .q-title, .next-lesson .q-title, .yard-teaser .q-title, .sc-body .q-title, .map-pulse .q-title{font-size:1.42rem !important;}
.section-title h2{font-size:1.72rem;}
.sec-sub, .map-sub, .section-title > .muted.small, .section-title > span.small, .sg-mine, .sr2-short, .rw-why, .ani2-what, .rh-lead, .hd-lead, .tp-main small, .yard-intro span, .ph-lead, .page-head p, .sr3-body p, .rooms-pick > p, .cohort-card > p, .dp-why, .mp-body, .map-pulse > p{
  font-size:.92rem !important; line-height:1.55 !important; font-weight:500;
}
.map-sub, .section-title > .muted.small, .section-title > span.small, .sr2-short, .tp-main small{color:var(--ink-soft);}

/* ===== שתי רמות כותרות בלבד: גדולות מאוד, ומשניות בולד מלא (בלי "בינוניות") ===== */
/* רמה 1: כותרות גדולות */
.section-title h2{font-size:1.85rem !important;}
.q-title{font-size:1.65rem !important;}
.persist-body .q-title, .next-lesson .q-title, .yard-teaser .q-title, .sc-body .q-title, .map-pulse .q-title{font-size:1.5rem !important;}
.sg-h{font-size:1.6rem !important;}
.soft-map .map-item h3, .mi-talent h3, .map-item h3{font-size:1.45rem !important; font-weight:900 !important;}
.page-head h1{font-size:2rem;}
/* רמה 2: כותרות משניות - בולד מלא, קצת גדולות */
.sg-main b, .dp-card b, .ch-block > b, .hd-box > b, .hd-authority > b, .hd-channels > b, .j-head b, .gr-head b, .dp-head b, .su-title, .tp-main b,
.ani2-head b, .ani2-peek b, .private-perk b, .setting > div > b, .tb-tool b, .hd-tile b, .report-stage b, .cr-body h3, .desk-body b, .goals-h,
.hn-card b, .pg-card b, .mr-room, .intake-rows dt, .tal-level > span:first-child, .tal-block b, .rw-why b, .rw-together b, .cal-cta-text b,
.moment b, .hg-top b, .hg-step b, .rp-opts button b, .growth-text b, .card h3, .card h4, .kpi-label, .lv-name, .cc-title, .rh-week > b{
  font-weight:900 !important;
}
.sg-main b, .dp-card b, .ani2-head b, .private-perk b, .hn-card b, .cr-body h3, .desk-body b, .tb-tool b, .su-title, .tp-main b, .ch-block > b{font-size:1.12rem !important; line-height:1.3;}
.kpi-label{font-size:.9rem !important; color:#1A1814 !important;}
/* פתיחה: הכל בדיוק באמצע המסך */
.intro-splash{height:100vh; height:100dvh; padding:0 24px;}
.is-inner{margin-top:0 !important;}
.is-line{max-width:330px;}
.intro-splash.solo .is-inner{gap:0;}
.intro-splash.solo .is-big{margin:0;}
.intro-splash.solo .is-big{translate:0 -12px; transition:scale .6s cubic-bezier(.2,1.3,.4,1), translate .6s ease;}
.intro-splash{cursor:pointer; -webkit-tap-highlight-color:transparent;}

/* ===== מה כדאי לי לעשות היום: קצר ונקי ===== */
.day-plan.dp2{display:flex; flex-direction:column; gap:6px; padding:14px; border-radius:18px; background:#fff; border:1.5px solid #E6EFE0;}
.dp2-title{font-size:1.12rem; font-weight:900; color:#1A1814; margin-bottom:4px;}
.dp2-row{display:flex; align-items:center; gap:12px; width:100%; text-align:start; padding:10px 12px; border-radius:14px; background:#F6FAF3; border:0; font:inherit; color:#1A1814; cursor:pointer;}
.dp2-ic{font-size:1.4rem; width:36px; height:36px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.dp2-txt{flex:1; min-width:0; display:flex; flex-direction:column;}
.dp2-txt small{font-size:.74rem; font-weight:700; color:var(--ink-soft);}
.dp2-txt b{font-size:.98rem; font-weight:900; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dp2-go{font-weight:900; color:#289A02; font-size:1.1rem;}

/* ===== פתיחה: גבוה יותר, משפט דק, והעץ נכנס במקום האות ו׳ ===== */
.is-inner{transform:translateY(-7vh);}
.is-line{font-weight:400 !important; color:#3A362E;}
.is-line span{font-weight:400;}
.is-vav{position:relative; display:inline-block;}
.is-vav-tree{position:absolute; left:50%; top:50%; height:.95em; width:auto; transform:translate(-50%, -50%) scale(.3); opacity:0; transition:opacity .35s ease, transform .5s cubic-bezier(.2,1.5,.4,1);}
.is-vav.tree-in{color:transparent; -webkit-text-stroke:0;}
.is-vav.tree-in .is-vav-tree{opacity:1; transform:translate(-50%, -52%) scale(1);}
.intro-splash.solo .is-vav{color:transparent; -webkit-text-stroke:0; transition:color .3s ease;}
.is-fly{position:fixed; z-index:5; object-fit:contain; transition:left .75s cubic-bezier(.5,0,.2,1), top .75s cubic-bezier(.5,0,.2,1), width .75s cubic-bezier(.5,0,.2,1), height .75s cubic-bezier(.5,0,.2,1);}
.is-fly{transition:none !important;}
.is-fly.go{transition:left .8s cubic-bezier(.5,0,.2,1), top .8s cubic-bezier(.5,0,.2,1), width .8s cubic-bezier(.5,0,.2,1), height .8s cubic-bezier(.5,0,.2,1) !important;}
.is-vav-tree{height:.9em; transition:none;}
.is-vav.tree-in .is-vav-tree{transform:translate(-50%, -48%) scale(1); transition:none;}
/* הפתיחה: דוהה, ואז יוצא מהזרימה בבת אחת (האנימציה של העלייה נעשית בקוד) */
.intro-splash.solo .is-big{scale:1 !important; translate:0 0 !important;}
.intro-splash.solo .is-tree, .intro-splash.solo .is-line{max-height:none; margin:initial; transition:opacity .35s ease;}
.intro-splash.solo .is-line{opacity:0 !important;}
.intro-splash.collapsed .is-tree, .intro-splash.collapsed .is-line{display:none !important;}
.intro-splash.collapsed .is-big{margin:0;}
/* הנגן: בלי כפתור אקראי, ויותר מקום לגלול ברשימת השירים */
.md-panel iframe.svc-apple{height:min(360px, 48vh) !important;}
.md-panel iframe.svc-spotify{height:min(352px, 48vh) !important;}
.md-hint{margin:6px 12px 0; font-size:.8rem;}

/* ===== פתיחה: "אחד" הופך לעץ, והעץ הופך ל-1 (מעבר רך, בלי קפיצות) ===== */
.is-fly{display:none !important;}
.is-one{position:relative; display:inline-block; vertical-align:baseline; overflow:visible; transition:width .65s cubic-bezier(.3,0,.2,1);}
.is-one-tree, .is-one-num{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:opacity .5s ease, transform .6s cubic-bezier(.3,0,.2,1);}
.is-one-word{position:static; display:inline-block; white-space:nowrap; opacity:1; transition:opacity .5s ease, transform .6s cubic-bezier(.3,0,.2,1);}
.solo .is-one-word{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.is-one-tree{height:1.05em; width:auto; opacity:0; transform:translate(-50%, -50%) scale(.82);}
.is-one-num{font:inherit; color:#289A02; opacity:0; transform:translate(-50%, -50%) scale(.86);}
.one-tree .is-one-word{opacity:0; transform:translate(-50%, -50%) scale(.92);}
.one-tree .is-one-tree{opacity:1; transform:translate(-50%, -52%) scale(1);}
.one-num .is-one-tree{opacity:0; transform:translate(-50%, -52%) scale(1.06);}
.one-num .is-one-num{opacity:1; transform:translate(-50%, -50%) scale(1);}
@media (prefers-reduced-motion:reduce){ .is-one, .is-one *{transition:none !important;} }

/* ===== שער הכניסה עם חשבון אמיתי ===== */
.gate-tabs{display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:4px; border-radius:14px; background:#F3EEE2; margin:4px 0 12px;}
.gate-tab{font:inherit; font-size:.92rem; font-weight:800; padding:9px 6px; border-radius:11px; border:0; background:transparent; color:var(--ink-soft); cursor:pointer;}
.gate-tab.on{background:#fff; color:#1A1814; box-shadow:0 2px 8px rgba(38,36,30,.08);}
.gate-err{margin:0 0 10px; padding:10px 12px; border-radius:12px; background:#FDE3E0; color:#8E2A20; font-size:.9rem; font-weight:700; line-height:1.5;}
.gate-card input[dir="ltr"]{text-align:left;}

/* המיקוד שלי עכשיו (מהשאלון) */
.mi-focus{background:linear-gradient(135deg, #F1F8EE, #FBFDF9) !important;}
.tag-focus{background:#289A02; color:#fff; font-weight:800;}

/* ==== 24.9.2026: נשמה טובה במסך אחד, קלמר, מצבי רוח כמו בקלמר, עלי ריפוי בראש התיק ==== */
/* נשמה טובה: הכל בגובה המסך, רק הצ'אט עצמו נגלל */
.soul-screen{display:flex; flex-direction:column; gap:8px; min-height:400px;}
.soul-screen .live-scene{flex:none; height:118px; margin-bottom:0;}
.soul-screen .live-scene .ls-label{transform:scale(.86); transform-origin:top right;}
.soul-bar{flex:none; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.soul-tone{display:inline-flex; align-items:center; gap:6px; font-size:.8rem; color:var(--ink-soft); white-space:nowrap;}
.soul-links{display:flex; gap:6px; flex-wrap:wrap;}
.soul-links a, .soul-links button{display:inline-flex; align-items:center; gap:4px; padding:6px 11px; border-radius:999px; font-weight:800; font-size:.8rem; color:var(--brand-green-deep); background:#fff; border:1.5px solid var(--line); cursor:pointer; font-family:inherit; white-space:nowrap;}
.soul-links a:hover, .soul-links button:hover{border-color:var(--brand-green);}
.soul-screen .chat{flex:1 1 auto; min-height:0; max-height:none;}
.soul-screen .quick{flex:none; margin-top:0; gap:6px;}
.soul-screen .quick button{padding:7px 12px; font-size:.84rem;}
.soul-screen .composer{flex:none; margin-top:0;}
@media (min-width:860px){ .soul-layout{grid-template-columns:1fr;} }

/* מצבי הרוח בשכבה: כפתורים כמו בקלמר (שורה של גלולות, הנבחר בזהב) */
.checkin .moods{display:flex; flex-wrap:wrap; justify-content:center; gap:8px;}
.checkin .moods .mood{flex-direction:row; gap:6px; padding:8px 14px; border-radius:999px; font-size:.9rem; font-weight:800; color:var(--ink); background:#fff; border:1.5px solid var(--line);}
.checkin .moods .mood span{font-size:1.25rem; line-height:1;}
.checkin .moods .mood[aria-pressed="true"]{background:var(--gold); border-color:var(--gold); color:#111; box-shadow:0 3px 10px rgba(0,0,0,.15);}
.checkin:not(.checked) .moods .mood, .checkin.editing .moods .mood{border:1.5px solid var(--gold); animation:none;}

/* עלי הריפוי: כרטיס ברור בראש התיק */
.leaves-card{background:linear-gradient(135deg, #EAF6E4, #FBFDF9); border:2px solid #289A02;}
.lc-head{display:flex; gap:12px; align-items:flex-start;}
.lc-ic{font-size:2rem; line-height:1;}
.lc-head h2{margin:0 0 2px; font-size:1.25rem; font-weight:900; color:var(--brand-green-deep);}
.lc-body{display:grid; grid-template-columns:150px 1fr; gap:14px; align-items:center; margin-top:12px;}
.lc-tree{max-width:150px;}
.lc-nums{display:flex; flex-direction:column; gap:2px;}
.lc-count{font-size:2.6rem; font-weight:900; line-height:1; color:#289A02; font-variant-numeric:tabular-nums;}
.lc-word{font-weight:800; color:#1A1814;}
.lc-level{font-size:.9rem; color:var(--ink-soft); margin-top:4px;}
.lc-next{font-size:.82rem; color:var(--ink-soft); margin-top:6px; line-height:1.4;}
.lc-stickers{margin-top:12px;}
.lc-stickers > summary{cursor:pointer; font-weight:800; font-size:.9rem; color:var(--brand-green-deep); list-style:none;}
.lc-stickers > summary::-webkit-details-marker{display:none;}
.lc-stickers .stickers{margin-top:10px;}
.leaves-card > .link{display:inline-block; margin-top:10px;}
.bp-pockets{grid-template-columns:repeat(5, minmax(0,1fr)); gap:5px;}
.bp-pockets a{font-size:.72rem; padding:8px 2px 6px;}

/* שער הכניסה (24.9.2026): בדיוק כמו שהיה. המסך הראשון (לוגו, קשת, כניסה) נכנס במסך אחד, והכפתורים הנוספים מתחת, בגלילה */
.gate{min-height:100svh; padding:16px 20px calc(24px + env(safe-area-inset-bottom)); justify-content:flex-start;}
.gate-inner{display:flex; flex-direction:column; align-items:center; width:100%; max-width:420px;}
.gate-first{min-height:calc(100svh - 40px - env(safe-area-inset-bottom)); width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative;}
.gate-inner .gate-card{width:100%;}
.gate-more{margin-top:14px; font-size:.86rem; font-weight:800; color:var(--ink-soft); text-decoration:none; display:inline-flex; align-items:center; gap:4px; animation:gate-more-bob 2.4s ease-in-out infinite;}
@keyframes gate-more-bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(4px);}}
@media (prefers-reduced-motion:reduce){ .gate-more{animation:none;} }
.gate-inner .join{margin-top:8px;}

/* המנוי של נשמה טובה: שקיפות מלאה וביטול בקליק (24.9.2026) */
.soul-plan{background:linear-gradient(135deg, #F4EEFA, #FBF9FD); border:1.5px solid #D9CBEA;}
.soul-plan.off{background:#FAF8F3; border-color:var(--line);}
.sp-head{display:flex; gap:10px; align-items:center;}
.sp-head b{display:block; font-size:1.05rem;}
.sp-rows{display:grid; gap:6px; margin:12px 0 10px; padding:10px 12px; background:rgba(255,255,255,.7); border-radius:14px;}
.sp-rows > div{display:flex; justify-content:space-between; gap:12px; font-size:.9rem;}
.sp-rows dt{color:var(--ink-soft); font-weight:700; white-space:nowrap;}
.sp-rows dd{margin:0; text-align:left; font-weight:800; color:#1A1814;}
.sp-note{font-size:.86rem; line-height:1.55; color:var(--ink-soft); margin:0 0 10px;}
.soul-plan .btn-ghost{color:var(--ink-soft);}

/* נשמה טובה במסך אחד: רואים את כל הדמות (כולל העץ על הראש), התשובות המהירות בשורה אחת */
.soul-screen .live-scene{height:132px;}
.soul-screen .lss-soul{width:70px; bottom:4px; left:20%; filter:drop-shadow(0 6px 10px rgba(40,20,70,.35));}
.soul-screen .lss-orbit{width:120px; height:66px; bottom:14px; left:calc(20% - 25px);}
.soul-screen .lss-heart{bottom:86px; left:calc(20% + 30px); font-size:.9rem;}
.soul-screen .lss-tea{font-size:1.3rem; bottom:8px;}
.soul-screen .quick{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:2px;}
.soul-screen .quick::-webkit-scrollbar{display:none;}
.soul-screen .quick > button{flex:none; white-space:nowrap;}
.soul-screen .quick .choices{flex-wrap:wrap;}

/* ==== הקלמר (24.9.2026): קלמר בד עם רוכסן ותווית שם, במקום ארגז כלים ==== */
.kalmar{margin:22px 0 10px; padding:0 0 14px; border-radius:34px; background:linear-gradient(180deg, #2FA80A 0%, #289A02 60%, #237F04 100%); border:3px solid #1F7A02; box-shadow:0 12px 28px rgba(40,154,2,.28), inset 0 2px 0 rgba(255,255,255,.2);}
.kalmar::before{content:''; position:absolute; inset:9px; border-radius:26px; border:2px dashed rgba(255,255,255,.5); pointer-events:none;} /* תפרים */
.km-zip{position:relative; height:24px; margin:14px 26px 0; border-radius:12px; background:#1A1814; box-shadow:0 2px 4px rgba(0,0,0,.3);}
.km-teeth{position:absolute; left:10px; right:10px; top:8px; height:8px; border-radius:4px; background:repeating-linear-gradient(90deg, #E8D3A2 0 5px, #1A1814 5px 9px);}
.km-pull{position:absolute; top:-6px; right:-4px; width:22px; height:34px; border-radius:6px 6px 10px 10px; background:linear-gradient(180deg, #E8D3A2, #B99A5E); box-shadow:0 2px 5px rgba(0,0,0,.35);}
.km-pull::after{content:''; position:absolute; left:50%; bottom:-14px; width:10px; height:14px; border:3px solid #B99A5E; border-top:0; border-radius:0 0 8px 8px; transform:translateX(-50%);}
.kalmar .tb-lid{background:transparent; box-shadow:none; border-radius:0; padding:16px 20px 12px;}
.km-tag{display:inline-flex; flex-direction:column; align-items:center; padding:8px 26px 10px; border-radius:12px; background:#FFFDF8; border:2px dashed #CFB176; box-shadow:0 3px 8px rgba(0,0,0,.18); transform:rotate(-1.5deg);}
.km-tag small{font-size:.78rem; font-weight:800; color:var(--gold); letter-spacing:.04em;}
.km-tag h1{font-size:2rem; font-weight:900; line-height:1.1; color:#111; margin:0;}
.kalmar .tb-lead{color:rgba(255,255,255,.92);}
.kalmar .tb-body{margin:0 12px; padding:14px 10px 12px; border-radius:22px; background:#F4ECDA; box-shadow:inset 0 3px 10px rgba(90,70,30,.22);} /* הבטנה */
.kalmar .tb-tabs a{color:var(--brand-green-deep); background:#fff; border-color:#E4D6B6;}
.kalmar .tb-tabs a[aria-current]{color:#111; background:var(--gold); border-color:var(--gold);}
.kalmar .tb-tray{background:transparent; box-shadow:none; padding:0;}
.kalmar .tb-count{color:var(--ink-soft);}

/* חיתוך תמונת הפרופיל לפני השמירה (24.9.2026) */
.crop{text-align:center;}
.crop h2{margin:0 0 4px;}
.crop-box{position:relative; margin:14px auto 12px; border-radius:18px; overflow:hidden; background:#F4ECDA; touch-action:none; cursor:grab; box-shadow:inset 0 0 0 1px var(--line);}
.crop-box:active{cursor:grabbing;}
.crop-box canvas{display:block; width:100%; height:100%;}
.crop-ring{position:absolute; inset:0; border-radius:50%; box-shadow:0 0 0 999px rgba(247,244,236,.72); pointer-events:none; border:3px solid #289A02;}
.crop-tools{display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:12px;}
.crop-zoom{display:flex; align-items:center; gap:6px; flex:1; max-width:260px;}
.crop-zoom input{flex:1; accent-color:#289A02;}
.crop-actions{display:flex; gap:8px; justify-content:center; flex-wrap:wrap;}

/* בעזרה עכשיו: הכרטיס שמוביל לקלמר נראה כמו קלמר קטן */
.hn-kalmar{position:relative; overflow:hidden; background:linear-gradient(180deg, #2FA80A, #237F04) !important; border:2px solid #1F7A02 !important; color:#fff !important; padding-top:22px !important;}
.hn-kalmar::after{content:''; position:absolute; inset:5px; border-radius:13px; border:1.5px dashed rgba(255,255,255,.5); pointer-events:none;}
.hn-kalmar .hk-zip{position:absolute; top:6px; left:14px; right:14px; height:9px; border-radius:5px; background:#1A1814; z-index:1;}
.hn-kalmar .hk-zip::before{content:''; position:absolute; left:4px; right:4px; top:3px; height:3px; border-radius:2px; background:repeating-linear-gradient(90deg, #E8D3A2 0 3px, #1A1814 3px 6px);}
.hn-kalmar .hk-zip::after{content:''; position:absolute; right:-3px; top:-3px; width:9px; height:15px; border-radius:3px; background:linear-gradient(180deg, #E8D3A2, #B99A5E);}
.hn-kalmar b{color:#fff !important;}
.hn-kalmar small{color:rgba(255,255,255,.85) !important;}

/* "מה השתנה בי השבוע" (24.9.2026): 3 מסכים בלי גלילה, בעיצוב השאלון באתר */
.sheet-panel.mu-full{height:min(94svh, 760px); max-height:none; overflow:hidden; display:flex; flex-direction:column; padding-top:18px;}
.sheet-panel.mu-full #sheet-body{flex:1; min-height:0; display:flex; flex-direction:column;}
.mu-wiz{flex:1; min-height:0; display:flex; flex-direction:column; gap:10px;}
.mu-top{flex:none; padding-inline-end:40px;}
.mu-top .q-eyebrow{font-size:.8rem; font-weight:800; color:var(--gold); letter-spacing:.02em;}
.mu-title{font-size:1.9rem; font-weight:900; line-height:1.15; margin:4px 0 2px; color:#1A1814; text-wrap:balance;}
.mu-part-title{font-size:1.15rem; font-weight:900; margin:6px 0 0; color:var(--brand-green-deep);}
.mu-sub{color:var(--ink-soft); font-size:.92rem; line-height:1.5; margin:4px 0 8px;}
.mu-wiz .q-progress{margin:0 0 8px;}
.mu-wiz .q-progress-bar{height:8px; background:var(--cream-2); border-radius:999px; overflow:hidden;}
.mu-wiz .q-progress-bar span{display:block; height:100%; border-radius:999px; background:linear-gradient(to left, var(--gold), var(--brand-green));}
.mu-wiz .q-scale{margin-bottom:0;}
.mu-wiz .mu-body{flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column; justify-content:center; gap:6px;}
.mu-wiz .mu-row{padding:7px 12px; border-radius:16px; border:1.5px solid var(--line); background:#fff;}
.mu-wiz .mu-name{font-size:1rem; font-weight:800;}
.mu-wiz .mu-attach{gap:8px;}
.mu-wiz .mu-attach .q-opt{text-align:right; background:#fff; border:1.5px solid var(--line); border-radius:16px; padding:13px 16px; font-size:1rem; font-weight:700; color:#1A1814;}
.mu-wiz .mu-attach .q-opt[aria-pressed="true"]{border-color:var(--brand-green); background:var(--s3-bg); box-shadow:inset 0 0 0 1px var(--brand-green);}
.mu-actions{flex:none; display:flex; flex-direction:column; align-items:center; gap:6px; padding-top:4px;}
.mu-done .mu-top{text-align:center; padding-inline-end:0;}
.mu-done .mu-body{justify-content:flex-start;}

/* התיק שלי: הכיסים נצמדים למעלה בזמן גלילה, עם חזרה למעלה (24.9.2026) */
.me-top-sentinel{height:1px; margin-top:-1px;}
.me-pockets{position:sticky; z-index:25; transition:padding .2s ease, background .2s ease;}
.me-pockets .bp-up{display:none; position:absolute; left:0; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%; align-items:center; justify-content:center; background:var(--brand-green); color:#fff; font-weight:900; font-size:1rem; box-shadow:0 4px 10px rgba(40,154,2,.3); text-decoration:none;}
.me-pockets.stuck{margin-inline:-16px; padding:6px 16px 6px 50px; background:rgba(247,244,236,.94); backdrop-filter:blur(8px); border-bottom:1px solid rgba(220,211,190,.6); border-radius:0;}
.me-pockets.stuck .bp-up{display:flex; left:10px;}
.me-pockets.stuck .bp-pockets{padding:0; gap:4px;}
.me-pockets.stuck .bp-pockets a{padding:4px 2px 3px; font-size:.72rem; border-radius:10px; background:#fff; border:1.5px solid var(--line); color:#1A1814;}
.me-pockets.stuck .bp-pockets a span{font-size:1rem;}
.bp-pockets a.on{background:var(--gold) !important; border-color:var(--gold) !important; border-style:solid !important; color:#111 !important;}

/* היומן (24.9.2026): אירועים נוספים ככרטיסים מסודרים, זום ואני מול עצמי מזוהים, שני היומנים מיושרים */
.cal-extras{display:flex; flex-direction:column; gap:8px; margin-top:4px;}
.cal-extras-title{font-size:.86rem; font-weight:800; color:var(--ink-soft);}
.cal-opt{display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:12px; padding:10px 12px; border-radius:16px; background:#fff; border:1.5px solid var(--line); cursor:pointer;}
.cal-opt:has(.cal-opt-switch:checked){border-color:var(--brand-green); background:var(--s3-bg);}
.cal-opt-ic{width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; background:#FFF1E6;}
.cal-opt-logo{width:44px; height:44px; border-radius:12px; object-fit:contain; background:#fff; border:1px solid var(--line); padding:4px;}
.cal-opt-text{display:flex; flex-direction:column; gap:2px; min-width:0; line-height:1.3;}
.cal-opt-text b{font-size:1rem;}
.cal-opt-text small{font-size:.8rem; color:var(--ink-soft);}
.zoom-badge{display:inline-flex; align-items:center; gap:5px; align-self:flex-start; margin-top:3px; padding:2px 9px; border-radius:99px; background:#0B5CFF; color:#fff; font-size:.72rem; font-weight:800;}
.zoom-badge i{width:14px; height:10px; border-radius:2px; background:#fff; position:relative;}
.zoom-badge i::after{content:''; position:absolute; right:-5px; top:1px; border-left:5px solid #fff; border-top:4px solid transparent; border-bottom:4px solid transparent;}
.ani-badge{display:inline-flex; align-self:flex-start; margin-top:3px; padding:2px 9px; border-radius:99px; background:linear-gradient(90deg, #E8D3A2, #CFB176); color:#111; font-size:.72rem; font-weight:800;}
.cal-opt-ani{border-color:#E8D3A2; background:linear-gradient(135deg, #FFFCF3, #fff);}
.cal-opt-switch{appearance:none; width:44px; height:26px; border-radius:99px; background:#D9D3C4; position:relative; cursor:pointer; flex-shrink:0; transition:background .2s;}
.cal-opt-switch::after{content:''; position:absolute; top:3px; right:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .2s;}
.cal-opt-switch:checked{background:var(--brand-green);}
.cal-opt-switch:checked::after{transform:translateX(-18px);}
.cal-choose{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.cal-app{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:14px 8px 12px; border-radius:16px; border:1.5px solid var(--line); background:#fff; text-align:center; min-height:104px;}
.cal-app:disabled{opacity:.45;}
.cal-app b{font-size:1rem;}
.cal-app small{font-size:.78rem; color:var(--ink-soft);}
.cal-app-ic{font-size:1.7rem; line-height:1; height:34px; display:flex; align-items:center; justify-content:center;}
.cal-app-ic:empty{font-size:1.9rem; font-weight:800; color:#111;}
.cal-app-ic:empty::before{content:'\F8FF';} /* הלוגו של אפל בטלפונים ובמחשבים של אפל */
@supports not (-webkit-touch-callout: none){ .cal-app-ic:empty::before{content:'🍎';} }

/* הצ'ק-אין מתחבר לתחושות מהשאלון (24.9.2026) */
.ci-topics{margin-top:12px; padding-top:10px; border-top:1px dashed var(--line);}
.ci-topics-q{display:block; font-size:.9rem; font-weight:800; color:var(--ink-soft); margin-bottom:8px;}
.ci-topic-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:6px;}
.ci-topic-chips button{padding:7px 12px; border-radius:999px; border:1.5px solid var(--line); background:#fff; font-weight:800; font-size:.86rem; color:#1A1814; font-family:inherit;}
.ci-topic-chips button[aria-pressed="true"]{background:var(--gold); border-color:var(--gold); color:#111; box-shadow:0 3px 10px rgba(0,0,0,.15);}
.sr3-topic{margin:8px 0 0; padding:10px 12px; border-radius:14px; background:#F6F0FB; border:1px solid #E2D3F2; font-size:.95rem; line-height:1.55;}
.sr3-topic b{display:block; color:#6A3FA0; margin-bottom:2px;}

/* הפסים הדביקים (24.9.2026): ירוק ללחוץ, מקום לכותרות, וגם בקלמר */
[id^="me-"], #km-top{scroll-margin-top:var(--sticky-offset, 120px);}
.bp-pockets a.on{background:var(--brand-green) !important; border-color:var(--brand-green) !important; color:#fff !important;}
.tb-tabs-wrap{position:sticky; z-index:25; margin:0 -10px 12px; padding:0 10px; transition:background .2s;}
.tb-tabs-wrap .bp-up{display:none; position:absolute; left:8px; top:50%; transform:translateY(-50%);}
.tb-tabs-wrap.stuck{background:rgba(244,236,218,.96); backdrop-filter:blur(8px); padding:6px 10px 6px 50px; border-bottom:1px solid #E4D6B6; border-radius:0 0 14px 14px;}
.tb-tabs-wrap.stuck .bp-up{display:flex;}
.tb-tabs-wrap .tb-tabs{margin-bottom:0;}
.tb-tabs-wrap.stuck .tb-tabs a{padding:5px 10px; font-size:.78rem;}
.kalmar .tb-tabs a[aria-current]{background:var(--brand-green); border-color:var(--brand-green); color:#fff;}
.bp-up{width:34px; height:34px; border-radius:50%; align-items:center; justify-content:center; background:var(--brand-green); color:#fff; font-weight:900; font-size:1rem; box-shadow:0 4px 10px rgba(40,154,2,.3); text-decoration:none;}

/* היומן כמסלול של 4 מסכים בלי גלילה, מיושר לאמצע (24.9.2026) */
.cal-wiz .mu-top{text-align:center; padding-inline-end:0;}
.cal-wiz .mu-top .q-eyebrow{padding-inline-end:40px;}
.cal-steps-row{display:flex; justify-content:center; gap:14px; margin-top:6px;}
.cal-steps-row span{display:flex; flex-direction:column; align-items:center; gap:2px; font-size:.78rem; font-weight:800; color:var(--ink-soft);}
.cal-steps-row span::before{content:''; display:none;}
.cal-steps-row span{position:relative;}
.cal-steps-row span small{font-size:.7rem; font-weight:700;}
.cal-steps-row span.now{color:var(--brand-green-deep);}
.cal-steps-row span.done{color:var(--brand-green);}
.cal-center{align-items:center; text-align:center; gap:10px;}
.cal-days-big{width:100%; max-width:340px; gap:6px;}
.cal-days-big button{padding:14px 0; font-size:1.05rem; border-radius:14px;}
.cal-hint{font-size:.9rem; color:var(--ink-soft); margin:0; max-width:32ch;}
.cal-label{font-weight:900; font-size:1rem; color:#1A1814; margin-top:4px;}
.cal-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; width:100%;}
.cal-chips button{display:flex; flex-direction:column; align-items:center; gap:1px; min-width:74px; padding:9px 12px; border-radius:14px; border:1.5px solid var(--line); background:#fff; font-weight:800; font-size:.92rem; font-family:inherit; color:#1A1814;}
.cal-chips button small{font-size:.72rem; font-weight:700; color:var(--ink-soft);}
.cal-chips button[aria-pressed="true"]{background:var(--brand-green); border-color:var(--brand-green); color:#fff;}
.cal-chips button[aria-pressed="true"] small{color:rgba(255,255,255,.85);}
.cal-time-other{display:flex; align-items:center; justify-content:center; gap:8px; font-size:.86rem; color:var(--ink-soft);}
.cal-time-other .input{width:120px; padding:7px 10px; text-align:center;}
.cal-wiz .cal-extras{width:100%; text-align:right;}
.cal-wiz .cal-choose{width:100%; max-width:360px;}
.cal-wiz .g-progress{width:100%;}

/* בלי חץ למעלה (24.9.2026): הפסים הדביקים בלי המקום שנשמר לו */
.bp-up{display:none !important;}
.me-pockets.stuck{padding-left:16px;}
.tb-tabs-wrap.stuck{padding-left:10px;}
/* הסמל של זום ליד כל אזכור של זום (24.9.2026) */
.zoom-ic{display:inline-block; width:15px; height:11px; margin-inline-end:4px; vertical-align:-1px; border-radius:3px; background:#0B5CFF; position:relative;}
.zoom-ic::before{content:''; position:absolute; left:3px; top:3px; width:6px; height:5px; border-radius:1px; background:#fff;}
.zoom-ic::after{content:''; position:absolute; left:9px; top:2px; border-left:4px solid #fff; border-top:3.5px solid transparent; border-bottom:3.5px solid transparent;}
.zoom-badge .zoom-ic{display:none;}

/* סיכומי המפגשים הקבוצתיים בכיתה הפרטית (24.9.2026, במקום הקלטות) */
.summaries{display:flex; flex-direction:column; gap:6px; margin-top:6px;}
.sum-item{border:1.5px solid var(--line); border-radius:14px; background:#fff; padding:0 12px;}
.sum-item > summary{cursor:pointer; list-style:none; padding:10px 0; font-size:.95rem;}
.sum-item > summary::-webkit-details-marker{display:none;}
.sum-item > summary::before{content:'▾'; color:var(--gold); margin-inline-end:6px;}
.sum-item[open] > summary::before{content:'▴';}
.sum-rows{display:grid; gap:6px; margin:0 0 12px;}
.sum-rows > div{display:grid; grid-template-columns:78px 1fr; gap:8px; font-size:.9rem; line-height:1.5;}
.sum-rows dt{font-weight:800; color:var(--gold);}
.sum-rows dd{margin:0;}
/* ==== ההרשמה אחרי השער (24.9.2026, דגן): מיושר לאמצע, אוורירי, באווירה של הפלטפורמה ==== */
.gate.gate-fit{justify-content:center; min-height:100svh; height:auto; overflow:visible; padding:24px 20px calc(24px + env(safe-area-inset-bottom));}
.gate-fit .gate-card{max-width:440px; padding:28px 22px 24px; border-radius:26px;}
/* הכרטיס הראשון: היי, אני נשמה טובה */
.onboard-card{gap:18px; text-align:center; align-items:center;}
.onboard-card .qg-head{flex-direction:column; align-items:center; gap:10px; text-align:center; width:100%;}
.onboard-card .qg-head img{width:110px; height:150px;}
.onboard-card .qg-head > div{display:flex; flex-direction:column; align-items:center;}
.onboard-card .ob-title{align-items:center; text-align:center !important;}
.onboard-card .ob-hi{font-size:1.15rem;}
.onboard-card .ob-name{font-size:2rem; font-weight:900; line-height:1.15;}
.onboard-card .qg-head p{text-align:center; font-size:1rem; line-height:1.55; margin:6px 0 0; max-width:30ch;}
.onboard-card .field{width:100%; align-items:center;}
.onboard-card .field label{font-size:1.05rem; font-weight:800; text-align:center;}
.onboard-card .input{font-size:1.15rem; padding:14px 16px; text-align:center;}
.onboard-card #pron.choice-row{width:100%; gap:12px;}
.onboard-card .choice{font-size:1.1rem; padding:16px 10px; border-radius:18px;}
.onboard-card .btn{width:100%; font-size:1.1rem; padding:15px;}
.onboard-card .field-error{text-align:center;}
/* הכרטיס השני: שיחת ההיכרות */
.quiz-gate{text-align:center; gap:12px; align-items:center;}
.quiz-gate .qg-head{flex-direction:column; align-items:center; gap:8px;}
.quiz-gate .qg-head img{width:100px; height:136px;}
.quiz-gate .qg-head > div{display:flex; flex-direction:column; align-items:center;}
.quiz-gate .qg-head .eyebrow{font-size:.9rem;}
.quiz-gate .qg-head h1{font-size:1.9rem; font-weight:900; text-align:center;}
.quiz-gate > p{text-align:center;}
.quiz-gate .qg-lead{font-size:1.02rem; line-height:1.6; max-width:34ch;}
.quiz-gate .qg-what{font-size:1rem;}
.quiz-gate .qg-list{align-items:center; gap:6px;}
.quiz-gate .qg-list li{font-size:1rem;}
.quiz-gate .qg-meta{font-size:.88rem;}
.quiz-gate .btn{width:100%; font-size:1.1rem; padding:15px;}
@media (max-height:700px){ .onboard-card .qg-head img{width:84px; height:114px;} .quiz-gate .qg-head img{width:76px; height:104px;} .gate-fit .gate-card{padding:20px 18px;} }

/* סקריפט היציאה (24.9.2026): העלים חוזרים לעץ, ותזכורת עדינה למה כדאי לחזור */
.exit-splash{background:#FFFFFF; cursor:pointer; animation:ex-in .4s ease;}
.exit-splash.out{opacity:0; transform:scale(1.02);}
.exit-splash.hold{cursor:default;}
.exit-splash.hold .ex-skip{opacity:0;}
@keyframes ex-in{from{opacity:0;} to{opacity:1;}}
.exit-splash .is-inner{max-width:340px; transform:none; gap:6px;}
.ex-tree-wrap{position:relative; margin-bottom:14px;}
.ex-tree{margin-bottom:0; animation:ex-sway 3.2s ease-in-out .9s infinite, is-grow .9s cubic-bezier(.2,1.3,.4,1) both;}
@keyframes ex-sway{0%,100%{transform:rotate(0);} 50%{transform:rotate(1.4deg);}}
.ex-leaf{position:absolute; left:50%; bottom:-40px; font-size:1.3rem; opacity:0; transform:translate(var(--x), 120px) rotate(-40deg); animation:ex-leaf 1.4s cubic-bezier(.3,.8,.3,1) var(--d) forwards;}
@keyframes ex-leaf{0%{opacity:0; transform:translate(var(--x), 120px) rotate(-40deg);} 25%{opacity:1;} 100%{opacity:0; transform:translate(calc(var(--x) * .12), -70px) rotate(20deg) scale(.6);}}
.ex-eyebrow{margin:0; font-size:.9rem; font-weight:800; color:var(--gold); letter-spacing:.02em; opacity:0; animation:is-word .5s ease .6s forwards;}
.ex-big{margin:4px 0 0; font-size:1.55rem; font-weight:900; line-height:1.25; color:#289A02; text-wrap:balance; opacity:0; animation:is-word .5s ease .9s forwards;}
.ex-big b{font-size:2.6rem; line-height:1; display:block; margin-bottom:2px;}
.ex-line{margin:10px 0 0; font-size:1.02rem; font-weight:700; line-height:1.55; color:#3A362E; text-wrap:balance; opacity:0; animation:is-word .5s ease 1.5s forwards;}
.ex-bye{margin:16px 0 0; font-size:1.3rem; font-weight:900; color:#1A1814; opacity:0; animation:is-word .5s ease 2.3s forwards;}
.ex-skip{margin-top:22px; font-size:.78rem; color:#9A917F; opacity:0; animation:is-word .5s ease 2.8s forwards;}
@media (prefers-reduced-motion:reduce){ .ex-leaf, .ex-tree{animation:none; opacity:1;} .ex-eyebrow,.ex-big,.ex-line,.ex-bye,.ex-skip{animation:none; opacity:1;} }

/* השער: בלי תזוזה כשעוברים בין "יש לי חשבון" ל"פעם ראשונה כאן" (24.9.2026) - הגבהים זהים בשני המצבים */
.gate-card > p{min-height:52px; display:flex; align-items:center; justify-content:center;}
.gate-card .field label{min-height:1.5em;}
.gate-card #gate-go{min-height:52px;}

/* מצב אדמין (דגן) */
.admin-fold > summary{color:#6A3FA0;}
.admin-card{border:1.5px dashed #9B5FD6; background:#FBF8FE;}
.admin-grid{display:grid; gap:8px; margin:8px 0;}
.admin-grid .btn{justify-content:flex-start; text-align:right;}

/* תשלום (קארדכום) בתיק (24.9.2026) */
.pay-card{border:1.5px solid #CFB176; background:linear-gradient(135deg, #FFFCF3, #fff);}
.pay-row{display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:10px; padding:10px 0; border-top:1px dashed var(--line);}
.pay-row:first-of-type{border-top:0;}
.pay-ic{font-size:1.5rem; text-align:center;}
.pay-row b{display:block; font-size:1rem;}
.pay-row small{color:var(--ink-soft); font-size:.8rem; line-height:1.4;}
.pay-row.done b::after{content:''; }
.pay-row.done small{color:var(--brand-green); font-weight:800;}
.pay-row .btn{white-space:nowrap;}

/* ההבדל בין בית הספר לתכנית (24.9.2026): אותן מילים בכל מקום */
.diff-line{display:inline-block; margin-top:4px; font-weight:900; color:var(--brand-green-deep); font-style:normal;}
.diff-line.big{font-size:1.15rem; margin:10px auto 0; text-align:center; display:block;}
.diff-intro{font-size:1rem; line-height:1.6; max-width:40ch !important; margin:8px auto 0;}
.diff-card{padding:8px 10px;}
.table-wrap{overflow-x:auto;}
.diff-table{width:100%; border-collapse:collapse; font-size:.86rem; line-height:1.4;}
.diff-table th, .diff-table td{padding:8px 8px; border-bottom:1px solid var(--line); vertical-align:top; text-align:right;}
.diff-table thead th{font-weight:900; color:var(--brand-green-deep); border-bottom:2px solid #CBE6C2; white-space:nowrap;}
.diff-table thead th:last-child{color:#111;}
.diff-table tbody th{font-weight:800; color:var(--ink-soft); white-space:nowrap; width:1%;}
.diff-table tbody td:last-child{background:#FFFCF3;}
.diff-fit .private-perk{align-items:flex-start;}

/* טבלת ההשוואה בטלפון: כל שורה ככרטיס קטן, בלי חיתוך */
@media (max-width:640px){
  .diff-table thead{display:none;}
  .diff-table, .diff-table tbody, .diff-table tr, .diff-table th, .diff-table td{display:block; width:auto;}
  .diff-table tr{padding:10px 4px; border-bottom:1px solid var(--line);}
  .diff-table tr:last-child{border-bottom:0;}
  .diff-table tbody th{white-space:normal; width:auto; padding:0 0 6px; font-size:.95rem; color:var(--brand-green-deep); border:0;}
  .diff-table td{padding:6px 10px; border:0; border-radius:10px; margin:3px 0; background:#F7F4EC;}
  .diff-table tbody td:last-child{background:#FFF6DC;}
  .diff-table td::before{content:attr(data-col); display:block; font-size:.74rem; font-weight:800; color:var(--ink-soft); margin-bottom:1px;}
}

/* עזרה עכשיו: מדיטציות ודמיון מודרך (25.9.2026) + החלון נשאר במסך אחד */
.hn-calm .hn-card{font:inherit; cursor:pointer; text-align:right;}
.hn-calm .hn-card span{font-size:1.4rem;}
.hn-calm .hn-card b{font-size:.95rem;}
.hn{gap:9px;}
.hn-head{padding:10px 14px; margin-top:0;}
.hn-soul{width:50px; height:66px;}
.hn-head h2{font-size:1.3rem;}
.hn-main{padding:12px 14px;}
.hn-card{padding:10px 12px; gap:2px;}
.hn-card span{font-size:1.35rem;}
.hn-ground{padding:10px 12px; gap:8px;}
.hg-step{min-height:54px; padding:8px 10px;}
.hn-room{padding:2px;}
.calm{display:flex; flex-direction:column; gap:12px;}
.calm-head{display:flex; align-items:center; gap:12px;}
.calm-ic{font-size:2.2rem; line-height:1;}
.calm-head h2{margin:0; font-size:1.4rem;}
.calm-list{display:flex; flex-direction:column; gap:8px;}
.calm-item{display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:12px 14px; border-radius:16px; background:#fff; border:1.5px solid var(--line); font:inherit; text-align:right; cursor:pointer;}
.calm-item b{font-size:1rem;} .calm-item small{font-size:.78rem; color:var(--ink-soft);}
.calm-soon{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:18px 14px; border-radius:18px; background:#F6F0FB; border:1px dashed #D9CBEA;}
.calm-soon span{font-size:2rem;} .calm-soon b{font-size:1.05rem;}
.calm-safe{font-size:.86rem; color:var(--ink-soft); text-align:center; margin:0;}
.calm-play{flex:1; min-height:0;}
.calm-body{flex:1; min-height:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.calm-text{font-size:1.25rem; line-height:1.7; font-weight:700; color:#1A1814; max-width:30ch; text-wrap:balance; margin:0;}
.calm-audio{width:100%; margin-top:14px;}
.calm-actions{display:flex; flex-direction:column; align-items:center; gap:8px;}
.calm-soft{display:flex; gap:8px; align-items:center; color:var(--ink-soft); font-size:.86rem;}

/* מפת הדרכים החדשה (ריבועית): נכנסת ברוחב המסך, בלי גלילה הצידה; הגדלה בכפתור */
.roadmap-scroll{max-height:none; overflow:hidden;}
.roadmap-scroll img{width:100%; max-width:100%;}
.hn{gap:7px;} .hn-room{padding:0;} .hn-ground{gap:6px;} .hg-dots{margin:-2px 0;}

/* סקריפט היציאה - גרסה נקייה (25.9.2026): שלוש שורות, העץ צומח ואז מתנדנד בלי התנגשות */
.ex-tree{animation:is-grow .9s cubic-bezier(.2,1.3,.4,1) both;}
.ex-tree-sway{display:inline-block; animation:ex-sway 3.2s ease-in-out 1s infinite; transform-origin:bottom center;}
.ex-big{font-size:2rem; color:#1A1814; margin:2px 0 0;}
.ex-line{font-size:1.15rem; color:#289A02; font-weight:900; margin:12px 0 0; animation-delay:1.4s;}
.ex-line b{font-size:1.5rem;}
.ex-small{margin:10px 0 0; font-size:.98rem; line-height:1.6; color:#3A362E; font-weight:700; opacity:0; animation:is-word .5s ease 2s forwards; text-wrap:balance;}
.ex-bye{display:none;}
.ex-skip{margin-top:18px;}
/* העלים גם בכניסה: עפים אל העץ שבראש המסך */
.intro-splash .is-inner{position:relative;}
.is-leaf{top:20px; bottom:auto; transform:translate(var(--x), 220px) rotate(-40deg); animation:is-leaf 1.5s cubic-bezier(.3,.8,.3,1) var(--d) forwards;}
@keyframes is-leaf{0%{opacity:0; transform:translate(var(--x), 220px) rotate(-40deg);} 25%{opacity:1;} 100%{opacity:0; transform:translate(calc(var(--x) * .1), 40px) rotate(20deg) scale(.6);}}
.intro-splash.solo .is-leaf{display:none;}
/* בכניסה עם פרטי משתמש: שורת השגיאה שומרת מקום, כדי ששום דבר לא יקפוץ */
.gate-err{min-height:44px; display:block; margin:0 0 10px;}
.gate-err[hidden]{display:block; visibility:hidden;}
.gate-err{min-height:58px; display:flex !important; align-items:center;}
.gate-err[hidden]{display:flex !important; visibility:hidden;}
.gate-err{min-height:64px;}
.gate-card > p.gate-err{min-height:64px; margin:4px 0 20px;}

/* השער במסך אחד (25.9.2026): בלי גלילה, "עוד לא בבית הספר?" כשורות פשוטות, שורת השגיאה קטנה */
.gate{height:100svh; min-height:0; overflow:hidden; padding:10px 20px calc(10px + env(safe-area-inset-bottom)); justify-content:center;}
.gate-first{min-height:0;}
.gate-card > p.gate-err{min-height:40px; margin:2px 0 8px; padding:6px 10px; font-size:.84rem; line-height:1.3;}
.join-lite{display:flex; flex-direction:column; align-items:center; gap:2px; margin-top:10px; width:100%;}
.join-lite .jl-title{font-weight:900; font-size:.95rem; color:#1A1814; margin-bottom:4px;}
.join-lite a{display:flex; align-items:center; gap:8px; width:100%; max-width:420px; padding:8px 12px; border-radius:12px; background:#fff; border:1.5px solid var(--line); color:var(--brand-green-deep); font-weight:800; font-size:.92rem; text-decoration:none;}
.join-lite a + a{margin-top:4px;}
.join-lite a span{font-size:1.1rem;}
.join-lite .link{margin-top:6px; font-size:.8rem;}
.gate-back{margin-top:8px; font-size:.84rem;}

/* השער - הקונספט המקורי בדיוק (25.9.2026): לוגו, קשת, כרטיס כניסה, כרטיס "עוד לא בבית הספר?" עם הכפתורים, חזרה לאתר. הכל במסך אחד (הקטנה אחידה), בלי רווחים מיותרים */
.join-lite{display:none;}
.gate-inner .join{margin-top:12px;}
.gate-card > p.gate-err{min-height:0; margin:0; padding:0; visibility:hidden;}
.gate-card > p.gate-err:not([hidden]){min-height:40px; margin:2px 0 8px; padding:6px 10px; visibility:visible;}

/* מה קורה עכשיו? דלתות, רשימה ונגן (25.9.2026, לפי המפרט של ליאת ותנאי דן) */
.calm-doors{display:flex; flex-direction:column; gap:8px;}
.calm-doors.two{flex-direction:row;}
.calm-door{display:flex; align-items:center; gap:12px; width:100%; padding:14px 14px; border-radius:18px; border:1.5px solid var(--line); background:#fff; font:inherit; text-align:right; cursor:pointer;}
.calm-doors.two .calm-door{flex-direction:column; text-align:center; gap:4px;}
.calm-door .cd-ic{font-size:1.7rem; line-height:1;}
.calm-door b{display:block; font-size:1.05rem;} .calm-door small{display:block; font-size:.8rem; color:var(--ink-soft);}
.calm-door.flooded{background:#F3F6FB; border-color:#C9D6EA;}
.calm-door.heavy{background:#F6F4F9; border-color:#D9D3E6;}
.calm-door.calm{background:#EEF7EA; border-color:#BFE3B2;}
.calm-door[data-locked]{opacity:.55;}
.calm-foot{display:flex; gap:8px; justify-content:center; flex-wrap:wrap;}
.calm-item.locked, .calm-item.soon{opacity:.55; cursor:default;}
.calm-first{font-style:normal; font-size:.7rem; font-weight:800; color:#111; background:var(--gold); padding:1px 8px; border-radius:99px; margin-inline-start:6px; vertical-align:middle;}
.calm-ok{font-style:normal; font-size:.72rem; font-weight:800; color:var(--brand-green); margin-inline-start:6px;}
.calm-warn{margin:0 0 10px; font-size:.86rem; font-weight:800; color:#8E2A20; background:#FDE3E0; padding:6px 12px; border-radius:99px;}
.calm-pause{font-style:normal; font-size:.78rem; font-weight:700; color:var(--gold); white-space:nowrap;}
.calm-text{font-size:1.15rem;}
.calm-stop{border-color:#C9D6EA !important; color:#2E4A7A !important;}
.calm-legal{margin:2px 0 0; font-size:.72rem; color:var(--ink-soft);}
.calm-count{font-size:2.4rem; font-weight:900; color:var(--brand-green); margin-top:10px;}

/* הכיתה הפרטית - המבנה החדש (25.9.2026): איפה הכל עומד, המכתב מדגן, שאלות, הפגישה, הקבוצה, השבוע שלי */
.status-card{padding:6px 14px; border:2px solid #CFB176; background:linear-gradient(135deg, #FFFCF3, #fff);}
.st-row{display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-bottom:1px dashed var(--line); color:#1A1814; text-decoration:none;}
.st-row:last-child{border-bottom:0;}
.st-ic{font-size:1.4rem; line-height:1.2; width:30px; text-align:center;}
.st-row > div{flex:1; display:flex; flex-direction:column; gap:3px;}
.st-row b{font-size:1.02rem;}
.st-row small{font-size:.84rem; color:var(--ink-soft); line-height:1.4;}
.st-bar{display:block; height:8px; border-radius:99px; background:var(--cream-2); overflow:hidden; margin-top:4px;}
.st-bar i{display:block; height:100%; border-radius:99px; background:linear-gradient(to left, var(--gold), var(--brand-green));}
.st-dots{display:flex; gap:6px; margin:2px 0;}
.st-dots i{width:18px; height:18px; border-radius:50%; border:2px solid #CFB176; background:#fff;}
.st-dots i.on{background:var(--gold); border-color:var(--gold);}
.zoom-inline{color:#0B5CFF; font-weight:800;}
.letter{padding:0; overflow:hidden; border:1.5px solid #E4D6B6; background:linear-gradient(180deg, #FFFCF3, #fff);}
.letter.unread{border-color:var(--gold); box-shadow:0 6px 18px rgba(207,177,118,.25);}
.letter > summary{list-style:none; cursor:pointer; display:flex; flex-direction:column; gap:2px; padding:14px 16px;}
.letter > summary::-webkit-details-marker{display:none;}
.lt-n{font-size:.78rem; font-weight:800; color:var(--gold);}
.letter > summary b{font-size:1.1rem;} .letter > summary small{font-size:.8rem; color:var(--ink-soft);}
.letter.unread > summary small{color:var(--brand-green); font-weight:800;}
.lt-body{padding:0 16px 16px; display:flex; flex-direction:column; gap:10px;}
.lt-audio{display:flex; flex-direction:column; gap:6px; padding:10px 12px; border-radius:14px; background:#F6F0FB;}
.lt-audio audio{width:100%;} .lt-audio-label{font-size:.82rem; font-weight:800; color:#6A3FA0;}
.lt-noaudio{margin:0; font-size:.84rem; color:var(--ink-soft); padding:8px 12px; border-radius:12px; background:#F7F4EC;}
.lt-text > summary{cursor:pointer; list-style:none; font-weight:800; font-size:.9rem; color:var(--brand-green-deep);}
.lt-text > summary::-webkit-details-marker{display:none;}
.lt-parts{display:flex; flex-direction:column; gap:10px; margin-top:8px;}
.lt-parts h4{margin:0 0 2px; font-size:.82rem; font-weight:800; color:var(--gold); letter-spacing:.02em;}
.lt-parts p{margin:0; line-height:1.6;}
.lt-step{padding:12px 14px; border-radius:16px; background:#EAF6E4; border:1.5px solid #289A02; display:flex; flex-direction:column; gap:6px;}
.lt-step.done{background:#F7F4EC; border-color:var(--line);}
.lt-step-label{font-size:.8rem; font-weight:800; color:var(--brand-green-deep);}
.lt-step p{margin:0; font-weight:800; font-size:1.02rem; line-height:1.5;}
.lt-step .btn{align-self:flex-start;}
.letter-soon{display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:20px;}
.letter-soon > span{font-size:2rem;}
.ask-fixed{margin:0 0 10px; padding:12px 14px; border-radius:14px; background:#FFF8E8; border:1px solid #F1DFB0; font-size:.95rem; line-height:1.6; font-weight:700;}
.ask-next{margin:6px 0 0;}
.qa li.pending .q{color:#1A1814;}
.qa .a audio{width:100%; margin:6px 0;}
.prep-q{display:flex; flex-direction:column; gap:4px; margin-top:8px; font-size:.9rem; font-weight:700;}
.map-card{background:linear-gradient(135deg, #EAF6E4, #fff); border:1.5px solid #CBE6C2;}
.opening-summary{line-height:1.6; margin:8px 0 10px;}
.plan-note{margin:0 0 8px;}
.check-card{display:flex; gap:12px; align-items:flex-start; border:1.5px dashed #9B5FD6; background:#FBF8FE;}
.check-card > span{font-size:1.8rem;}
.check-card p{margin:4px 0 8px;}

.link-note{margin:0 0 6px; font-size:.82rem; font-weight:800; color:#6A3FA0; background:#F6F0FB; padding:5px 10px; border-radius:99px; display:inline-block;}

/* השער - חזרה לגרסה של 24.9 (לבקשת דגן, 25.9): המסך הראשון נכנס במסך אחד, הכרטיס "עוד לא בבית הספר?" מתחת, בלי הקטנה של כל העמוד */
.gate{height:auto; min-height:100svh; overflow:visible; padding:16px 20px calc(24px + env(safe-area-inset-bottom)); justify-content:flex-start;}
.gate-first{min-height:calc(100svh - 40px - env(safe-area-inset-bottom));}
.gate-more{display:inline-flex;}
.gate-inner .join{margin-top:8px;}
.gate-back{margin-top:16px; font-size:.88rem;}

/* מסך העבודה של דגן (25.9.2026) */
.admin{display:flex; flex-direction:column; gap:14px;}
.admin-head h1{margin:2px 0 4px; font-size:1.6rem;}
.admin-cycle{margin:0; font-size:.9rem; font-weight:700; color:var(--ink-soft);}
.admin-warn{margin:8px 0 0; padding:8px 12px; border-radius:12px; background:#FFF3E0; color:#8A5A00; font-size:.86rem; font-weight:700;}
.admin-sec h2{margin:0 0 6px; font-size:1.15rem;} .admin-sec h2 small{font-size:.8rem; color:var(--ink-soft); margin-inline-start:6px;}
.admin-sec.urgent{border:1.5px solid #E8A0A0; background:#FFF6F6;}
.adm-row{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px dashed var(--line);}
.adm-row:first-of-type{border-top:0;} .adm-row b{display:block;} .adm-row small{display:block; color:var(--ink-soft); font-size:.8rem;}
.adm-said{margin:6px 0 0; padding:6px 10px; border-radius:10px; background:var(--bg-soft, #f4f6f2); font-size:.9rem; line-height:1.45; overflow-wrap:anywhere;}
.adm-mentee{padding:10px 0; border-top:1px dashed var(--line); display:flex; flex-direction:column; gap:8px;}
.adm-name{font-size:1rem;} .adm-name small{color:var(--ink-soft); font-weight:700;}
.adm-q{display:flex; gap:8px; align-items:flex-start; font-size:.92rem;} .adm-q input{margin-top:4px;} .adm-q .q{display:block; font-weight:700;} .adm-q small{color:var(--ink-soft); font-size:.78rem;}
.adm-audio{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.adm-letter{border-top:1px dashed var(--line); padding:8px 0;} .adm-letter > summary{cursor:pointer; font-size:.98rem;}
.adm-part{display:flex; flex-direction:column; gap:4px; margin-top:8px; font-size:.84rem; font-weight:800; color:var(--ink-soft);}
.adm-part.mine span{color:var(--brand-green-deep);} .adm-part.mine textarea{border-color:#289A02;}
.adm-actions{display:flex; gap:8px; flex-wrap:wrap; margin-top:8px;}
.adm-meeting{padding:8px 0; border-top:1px dashed var(--line);} .adm-meeting b{display:block;} .adm-meeting > small{display:block; color:var(--ink-soft);}
.adm-att{display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:6px; font-size:.9rem;} .adm-att label{display:flex; gap:4px; align-items:center;}
.adm-flag{flex-wrap:wrap;} .adm-door{max-width:220px; padding:6px 8px; font-size:.84rem;}
.adm-add{display:grid; gap:8px; grid-template-columns:1fr 1fr;} .adm-add input[name=email], .adm-add input[name=cohort], .adm-add button{grid-column:1 / -1;}

.cert-caption{margin:6px 0 0; font-size:.8rem; line-height:1.45; color:var(--ink-soft); font-weight:700;}

.about-clarify{margin:-6px 0 10px; text-align:center; font-size:.92rem; font-weight:800; color:var(--ink-soft);}
/* 26.9.2026 (דגן): החלונות בעיצוב "מסלול" (יומן, מה השתנה בי השבוע, מדיטציות) - בלי רווחים ריקים: הגובה לפי התוכן, הכפתור צמוד לתוכן, כמו הכרטיסים בתיק */
.sheet-panel.mu-full{height:auto; max-height:94svh; overflow-y:auto; padding-top:16px;}
.sheet-panel.mu-full #sheet-body{flex:none; display:block;}
.mu-wiz{flex:none; gap:8px;}
.mu-wiz .mu-body, .calm-body{flex:none; min-height:0; overflow:visible; justify-content:flex-start;}
.mu-title{font-size:1.5rem; margin:2px 0 0;}
.mu-sub{margin:2px 0 6px; font-size:.9rem;}
.mu-wiz .q-progress{margin:0 0 6px;}
.cal-steps-row{margin-top:2px; margin-bottom:4px;}
.cal-center{gap:8px;}
.cal-days-big button{padding:11px 0;}
.mu-actions{padding-top:8px; gap:4px;}
.calm-play{gap:10px;}
.calm-text{font-size:1.1rem; line-height:1.6;}
.calm-actions{padding-top:6px;}

/* "למעלה" בשכבה (26.9.2026): כפתור עגול קטן מעל התפריט, רק אחרי גלילה ארוכה */
.to-top{position:fixed; z-index:45; left:14px; bottom:calc(var(--tab-h) + 14px + env(safe-area-inset-bottom)); width:48px; height:48px; border-radius:50%; border:0; background:var(--brand-green); color:#fff; box-shadow:0 6px 16px rgba(40,154,2,.35); display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1; cursor:pointer; opacity:0; transform:translateY(16px) scale(.9); pointer-events:none; transition:opacity .25s, transform .25s;}
.to-top span{font-size:1.15rem; font-weight:900;} .to-top small{font-size:.58rem; font-weight:800; margin-top:1px;}
.to-top.show{opacity:1; transform:none; pointer-events:auto;}
@media (min-width:960px){ .to-top{left:auto; right:calc(var(--side-w) + 18px); bottom:22px;} }
/* עזרה עכשיו (26.9.2026, דגן): כל הכותרות מיושרות לאמצע, כל כרטיס באותו מבנה (אייקון למעלה, כותרת, שורה קטנה) */
.hn-head{flex-direction:column; text-align:center; gap:6px;}
.hn-head > div{display:flex; flex-direction:column; align-items:center;}
.hn-head h2{margin:2px 0 0;}
.hn-main{flex-direction:column; text-align:center; gap:4px; padding:12px 14px 14px;}
.hn-main span:nth-child(2){align-items:center;}
.hn-main .hn-go{display:none;}
.hn-main .hn-bubble{font-size:1.9rem;}
.hn-card, .hn-calm .hn-card{align-items:center; text-align:center; gap:2px;}
.hn-card b, .hn-card small{text-align:center; width:100%;}
.hg-top{align-items:center; text-align:center;}
.hn-ground .hg-step{justify-content:center; text-align:center;}
.hn-ground .hg-step span:last-child{align-items:center;}
.hn-room{text-align:center;}
/* הידוק כדי שהחלון ייכנס במסך אחד (הכותרות נשארות ממורכזות) */
.hn-head{flex-direction:row; justify-content:center; gap:10px; padding:8px 12px;}
.hn-head > div{align-items:center;}
.hn-soul{width:44px; height:58px;}
.hn-head h2{font-size:1.25rem;}
.hn-head p{font-size:.9rem;}
.hn-main{flex-direction:row; justify-content:center; gap:12px; padding:10px 14px;}
.hn-main .hn-bubble{font-size:1.7rem;}
.hn-card, .hn-calm .hn-card{padding:8px 10px; gap:1px;}
.hn-card span, .hn-calm .hn-card span{font-size:1.25rem;}
.hn-card b{font-size:.92rem;} .hn-card small{font-size:.72rem;}
.hn-ground{padding:8px 10px; gap:5px;}
.hg-step{min-height:48px; padding:6px 10px;}
.hg-ic{font-size:1.5rem;}
.hn-ground .btn{padding:7px 14px; font-size:.86rem;}

/* עלי ריפוי עפים לפרופיל (26.9.2026, דגן) */
.leaf-fly{position:fixed; z-index:95; font-size:1.55rem; line-height:1; pointer-events:none; opacity:0; margin:-.78rem 0 0 -.78rem; filter:drop-shadow(0 3px 4px rgba(20,60,10,.25));}
@keyframes leaf-fly{0%{opacity:0; transform:translate(0,0) rotate(-30deg) scale(.7);} 15%{opacity:1; transform:translate(calc(var(--dx) * .08), calc(var(--dy) * .08 - 24px)) rotate(0) scale(1.1);} 100%{opacity:0; transform:translate(var(--dx), var(--dy)) rotate(25deg) scale(.4);}}
.topbar-me{position:relative;}
.topbar-me .avatar.leaf-catch{animation:leaf-catch .55s cubic-bezier(.2,1.4,.4,1);}
@keyframes leaf-catch{0%{transform:scale(1);} 35%{transform:scale(1.3) rotate(-8deg); box-shadow:0 0 0 8px rgba(40,154,2,.28), 0 0 24px rgba(40,154,2,.45);} 70%{transform:scale(.96) rotate(4deg);} 100%{transform:scale(1);}}
.leaf-badge{position:absolute; top:100%; left:50%; transform:translateX(-50%); margin-top:4px; white-space:nowrap; font-size:.78rem; font-weight:900; color:#fff; background:var(--brand-green); padding:2px 8px; border-radius:99px; box-shadow:0 4px 10px rgba(40,154,2,.35); animation:leaf-badge 1.4s ease forwards; pointer-events:none;}
@keyframes leaf-badge{0%{opacity:0; transform:translate(-50%,-6px);} 20%,75%{opacity:1; transform:translate(-50%,0);} 100%{opacity:0; transform:translate(-50%,6px);}}
@media (prefers-reduced-motion:reduce){ .leaf-fly, .topbar-me .avatar.leaf-catch{animation:none;} }

/* השכבה: כיסים דביקים כמו בתיק (26.9.2026, דגן) */
.home-pockets{margin:-4px 0 14px;}
.home-pockets .bp-pockets{grid-template-columns:repeat(5, minmax(0,1fr));}
/* המילה של דגן: ברור מה זה ומה מקבלים כאן */
.note-dagan{display:block;}
.note-dagan .nd-head{display:flex; align-items:center; gap:10px; margin-bottom:8px;}
.note-dagan .nd-head img{width:44px;}
.note-dagan .nd-head b{display:block; font-size:1rem;}
.note-dagan .nd-head small{color:var(--muted); font-size:.78rem; font-weight:700;}
.note-dagan .nd-text{font-size:1.02rem; line-height:1.55;}
.note-dagan .nd-what{list-style:none; padding:10px 12px; margin:12px 0 8px; background:rgba(255,255,255,.7); border:1px dashed var(--gold-light); border-radius:12px; display:grid; gap:6px; font-size:.86rem; line-height:1.4;}
.note-dagan .nd-what b{font-weight:800;}
[id^="home-"], [id^="cl-"], [id^="yd-"]{scroll-margin-top:var(--sticky-offset, 120px);}
.cl-pockets .bp-pockets{grid-template-columns:repeat(3, minmax(0,1fr));}
.cl-pockets{margin:0 0 14px;}
.yd-pockets{margin:0 0 14px;}

/* ===== כיסוי לבן מהרגע הראשון (נעלם כשמסך הפתיחה מופיע; ליתר ביטחון דוהה לבד אחרי 8 שניות) ===== */
#pre-white{position:fixed; inset:0; z-index:199; background:#fff; pointer-events:none; animation:pre-white-out .5s ease 8s forwards;}
@keyframes pre-white-out{to{opacity:0; visibility:hidden;}}
/* ===== המשפט בפתיחה: גדול יותר, חם יותר, עם הדגשה של הסוף ===== */
.is-tree{margin-bottom:44px;}
.is-line{font-size:1.3rem !important; font-weight:500 !important; line-height:2 !important; color:#2B2822 !important; max-width:300px; padding:0 6px; letter-spacing:.01em; word-spacing:.08em;}
.is-line span{font-weight:500; animation-duration:.6s; animation-timing-function:cubic-bezier(.2,.7,.3,1);}
.is-big{margin-top:22px !important;}
.is-skip{font-size:.9rem; color:#9A927F;}
/* ===== "המפה שלך עודכנה היום": כותרת גדולה ומודגשת (בקשת דגן 26.9) ===== */
.map-pulse.done{padding:14px 16px; gap:4px;}
.map-pulse.done .mpd-title{display:block; font-size:1.3rem; font-weight:900; line-height:1.3; color:#1A1814;}
/* ===== תפריט תחתון: 6 לשוניות, "דגן" = אני מול עצמי (26.9.2026) ===== */
.tabbar{grid-template-columns:repeat(5,1fr);}
.topbar-me.active .avatar{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--brand-green);}
/* דגן בתפריט: במצב רגיל צללית שטוחה בצבע של שאר האייקונים; בלחיצה הלוגו הצבעוני */
.tabbar .tab-dagan-ico{position:relative; display:block; width:26px; height:26px;}
.tabbar .tab-dagan-mask{position:absolute; inset:0; background:currentColor; -webkit-mask:url(images/logo-ani.png) center/contain no-repeat; mask:url(images/logo-ani.png) center/contain no-repeat; transition:opacity .15s;}
.tabbar .tab-dagan img{position:absolute; inset:0; width:26px; height:26px; object-fit:contain; opacity:0; transition:opacity .15s, transform .15s;}
.tabbar .tab-dagan.active .tab-dagan-mask{opacity:0;}
.tabbar .tab-dagan.active img{opacity:1; transform:scale(1.12);}
.nowrap{white-space:nowrap;}
/* ===== ההכשרות: כל כותרת בשורה אחת (בקשת דגן 26.9.2026) ===== */
.cert h3{white-space:nowrap; font-size:clamp(.82rem, 4.1vw, 1.2rem); letter-spacing:-.005em;}
/* ===== פתיחה בשלוש תמונות, דבר אחד בכל רגע (26.9.2026, בקשת דגן) ===== */
.intro-splash.is3{display:block; padding:0; height:auto; inset:0;} /* הגובה לפי המסך הנראה בפועל (inset:0), לא לפי 100vh שכולל את פס הכלים בטלפון */
.is3 .is-scene{padding:0 24px;}
.is3 .is-scene{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; transition:opacity .4s ease; pointer-events:none;}
.is3 .is-scene.on{opacity:1; transition-delay:.25s;}
.is3 .is-scene:not(.on) *{animation-play-state:paused !important;}
.is3 .is-tree-wrap{position:relative; transform:none;} /* בדיוק במרכז (דגן 26.9) */
.is3 .is-tree{height:190px; margin:0 !important; display:block;}
.is3 .is-line{margin:0; transform:none; text-align:center; line-height:1.55 !important; word-spacing:normal;}
.is3 .is-big{margin:0 !important; transform:none;} /* במקום אחד: בדיוק באמצע המסך */
.is3 .is-scene-big .is-big{animation-delay:.3s;}
/* ===== הדרך שלי, פשוט (26.9.2026, בקשת דגן) ===== */
.pg-hero{display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; background:linear-gradient(180deg, #F3F9F0, #FFFDF8);}
.pg-tree .growth-tree{width:200px; height:auto;}
.pg-count{display:flex; flex-direction:column; align-items:center; line-height:1; margin-top:-6px;}
.pg-count b{font-size:4.2rem; font-weight:900; color:var(--brand-green-deep); letter-spacing:-.02em; line-height:1;}
.pg-count span{font-size:1.05rem; font-weight:800; color:#1A1814; margin-top:2px;}
.pg-next{width:100%; margin-top:14px; padding:12px 14px; border-radius:16px; background:#fff; border:1px solid var(--gold-light); text-align:start;}
.pg-next-row{display:flex; align-items:center; gap:10px; margin-bottom:8px;}
.pg-next-ic{font-size:1.6rem; width:44px; height:44px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #FFF5D6, #EAD29A); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.pg-next small{display:block; font-size:.72rem; font-weight:800; color:var(--muted); letter-spacing:.02em;}
.pg-next b{font-size:1.02rem; font-weight:900; line-height:1.25;}
.pg-left{font-weight:900; color:var(--brand-green-deep); white-space:nowrap; font-size:.95rem;}
.pg-next .progress{height:10px; border-radius:99px;}
.pg-week, .pg-mood{display:flex; flex-direction:column; gap:10px;}
.pg-week-head{display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.pg-week-head h2{font-size:1.15rem; font-weight:900; margin:0;}
.pg-week-head b{font-size:.95rem; font-weight:900; color:var(--brand-green-deep);}
.pg-goal{margin-top:2px;}
.pg-goal .seg button{min-width:38px;}
.pg-week .week-dots{max-width:none;}
.mood-strip.seven{grid-template-columns:repeat(7,1fr); font-size:1.5rem; gap:4px;}
.pg-fold{padding:0; overflow:hidden;}
.pg-fold > summary{list-style:none; cursor:pointer; padding:14px 16px; font-weight:900; font-size:1rem; display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.pg-fold > summary::-webkit-details-marker{display:none;}
.pg-fold > summary::after{content:'⌄'; margin-inline-start:auto; color:var(--muted); font-weight:900; transition:transform .2s;}
.pg-fold[open] > summary::after{transform:rotate(180deg);}
.pg-fold > summary .muted{font-weight:700;}
.pg-got{font-size:1.1rem; letter-spacing:.06em;}
.pg-fold > *:not(summary){margin:0 14px 14px;}
.pg-fold .rewards{gap:10px;}
.pg-fold .rewards .reward{box-shadow:none; border-bottom-width:4px;}
/* ===== מילה מדגן: פשוט, עם האינסטגרם (26.9.2026) ===== */
.nd2 .nd2-profile{display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; margin-bottom:12px;}
.nd2 .nd2-profile img{width:56px; height:56px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 0 0 2px var(--gold-light);}
.nd2 .nd2-profile b{display:block; font-size:1.05rem; font-weight:900;}
.nd2 .nd2-profile small{color:var(--muted); font-size:.8rem; font-weight:700;}
.nd2 .nd2-ig{font-size:1.3rem;}
.nd2 .nd-text{font-size:1.05rem; line-height:1.6;}
.nd2 .nd2-actions{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; flex-wrap:wrap;}
/* ===== סצנות מוקטנות בראש כל דף: גובה אחיד 150px, התפריט באותו מקום בכל מקום (26.9.2026, בקשת דגן) ===== */
.scene-mini{position:relative; height:150px; overflow:hidden; border-radius:22px; box-shadow:var(--shadow); margin:0 0 12px; isolation:isolate;}
.scene-mini > .live-scene, .scene-mini > .yard-scene{position:absolute; top:0; right:0; width:calc(100% / var(--s)); height:var(--h); transform:scale(var(--s)); transform-origin:top right; margin:0; border-radius:0; box-shadow:none;}
/* התווית נשארת קריאה: מוגדלת חזרה */
.scene-mini .ls-label{transform:scale(1.3); transform-origin:top right; top:14px; right:14px; padding:8px 14px 10px;}
.scene-mini .yard-scene .label{transform:scale(1.05); transform-origin:top right; top:22px; right:10px; padding:10px 18px 12px;}
.scene-mini .scene-rules.in-scene{position:absolute; bottom:0; left:0; right:0; margin:0 !important; z-index:6; gap:6px; flex-wrap:nowrap; justify-content:center; padding:5px 8px; background:rgba(255,253,248,.88); backdrop-filter:blur(4px); border-top:1px solid rgba(201,164,106,.35);}
.scene-mini .scene-rules.in-scene span{font-size:.64rem; padding:2px 8px; background:transparent; border:0; white-space:nowrap; box-shadow:none;}
.scene-mini .ls-classes .ls-label{top:10px;}
/* ===== תפריט תחתון: השכבה וכיתות מקבלים תמונה בלחיצה (🏫 · 📚) ===== */
.tabbar .tab .tab-emoji{display:none; font-size:24px; line-height:1;}
.tabbar .tab.active .tab-emoji{display:block;}
.tabbar .tab.active svg:has(+ .tab-emoji){display:none;}
/* ===== נשמה טובה בלחיצה: "חיבוק" קטן ונעים (26.9.2026, בקשת דגן) ===== */
.tabbar .tab-soul.active img{animation:soul-hug 1.1s cubic-bezier(.3,.7,.3,1) 1;}
@keyframes soul-hug{0%{transform:translateX(-50%) scale(1) rotate(0);} 30%{transform:translateX(-50%) scale(.9) rotate(-7deg); box-shadow:0 6px 18px rgba(40,154,2,.3), 0 0 0 10px rgba(40,154,2,.18);} 55%{transform:translateX(-50%) scale(1.08) rotate(5deg);} 75%{transform:translateX(-50%) scale(.98) rotate(-2deg);} 100%{transform:translateX(-50%) scale(1) rotate(0);}} /* translateX(-50%) = המרכוז של התמונה, חייב להישאר בכל שלב אחרת היא קופצת הצידה */
@media (prefers-reduced-motion:reduce){ .tabbar .tab-soul.active img{animation:none;} }
/* ===== נשמה טובה בסצנה של השכבה: מסתובב בכל החצר, לא רק מציץ מעל הגג (26.9.2026, בקשת דגן) ===== */
.lsh-soul{animation:lsh-tour 30s ease-in-out infinite !important; animation-delay:2s !important;}
.lss-inner, .lsa.r, .lsl.l, .lsl.r, .lsh-say{animation-duration:30s !important; animation-delay:2s !important;}
@keyframes lsh-tour{
  0%, 6%{transform:translate(0, 0);}                 /* מאחורי הבניין */
  10%, 18%{transform:translate(0, -92px);}           /* מציץ מעל הגג ומנופף */
  23%{transform:translate(120px, -100px) rotate(8deg);}   /* ממריא מעל העץ */
  28%{transform:translate(215px, -88px) rotate(-6deg);}
  33%{transform:translate(250px, 78px) rotate(0);}   /* נוחת על הדשא ליד העץ */
  36%, 40%{transform:translate(250px, 78px);}        /* עומד, בועט, קופץ */
  46%{transform:translate(300px, 72px);}             /* הולך קצת ימינה על הדשא */
  50%{transform:translate(335px, 78px);}
  54%, 60%{transform:translate(335px, 78px);}        /* עוצר, אומר משהו */
  66%{transform:translate(290px, -95px) rotate(-10deg);}  /* ממריא חזרה לשמיים */
  72%{transform:translate(200px, -104px) rotate(6deg);}
  78%{transform:translate(90px, -98px) rotate(-4deg);}    /* מרחף מעל הבניין */
  84%, 88%{transform:translate(0, -92px) rotate(0);}      /* חוזר לגג */
  94%, 100%{transform:translate(0, 0);}              /* מסתתר */
}
@media (prefers-reduced-motion:reduce){ .lsh-soul{animation:none !important; transform:translate(0, -92px);} }
/* ===== פס עליון בנייד: כפתורים גדולים כמו תמונת הפרופיל, נוח ללחוץ (26.9.2026, בקשת דגן) ===== */
@media (max-width:640px){
  .topbar{gap:8px;}
  .bell-btn, .music-btn{width:46px; height:46px; font-size:1.25rem;}
  .topbar-me .avatar{width:46px; height:46px; font-size:1.05rem;}
  .help-btn{min-height:46px; padding:0 16px; font-size:.92rem; border-radius:999px;}
}
/* ===== נשמה טובה: הקישורים בשורה אחת, והטון עבר לכותרת הסצנה, יותר מקום לצ׳אט (26.9.2026, בקשת דגן) ===== */
.soul-links.one-row{flex-wrap:nowrap; gap:6px;}
.soul-links.one-row a, .soul-links.one-row button{flex:0 0 auto; justify-content:center; padding:7px 9px; font-size:.76rem; white-space:nowrap; min-width:0;}
.soul-screen .soul-bar{gap:0;}
.soul-screen .soul-bar .soul-links.one-row{width:100%; flex:1 1 auto;}
/* ===== נשמה טובה בתפריט: בלחיצה משלב ידיים (26.9.2026, בקשת דגן) ===== */
.tabbar .tab-soul .soul-arm{position:absolute; top:calc(-32px + 40px); left:50%; width:5px; height:15px; border-radius:3px; background:#289A02; z-index:3; opacity:0; transform-origin:top center; transition:transform .55s cubic-bezier(.3,1.3,.4,1), opacity .25s; pointer-events:none;}
.tabbar .tab-soul .soul-arm.l{margin-left:-17px; transform:rotate(20deg);}
.tabbar .tab-soul .soul-arm.r{margin-left:12px; transform:rotate(-20deg);}
.tabbar .tab-soul.active .soul-arm{opacity:1;}
.tabbar .tab-soul.active .soul-arm.l{transform:translate(10px, 2px) rotate(-62deg);}
.tabbar .tab-soul.active .soul-arm.r{transform:translate(-10px, 4px) rotate(62deg);}
/* ===== מדורת הערב: כרטיס גדול ובולט (26.9.2026, בקשת דגן) ===== */
.medura-hero{position:relative; overflow:hidden; background:linear-gradient(160deg, #2B1D3A 0%, #4A2C5E 60%, #6B3E52 100%); color:#fff; border:0; padding:18px 18px 16px;}
.medura-hero::before{content:''; position:absolute; inset:auto -40px -60px auto; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, rgba(255,160,60,.45), transparent 65%); pointer-events:none;}
.medura-hero .mh-top{display:flex; gap:14px; align-items:flex-start;}
.medura-hero .mh-fire{font-size:2.6rem; line-height:1; filter:drop-shadow(0 0 14px rgba(255,150,40,.8));}
.medura-hero .eyebrow{color:#FFD08A; font-size:.72rem; font-weight:800; letter-spacing:.03em;}
.medura-hero h2{margin:2px 0 4px; font-size:1.55rem; font-weight:900; color:#fff;}
.medura-hero p{margin:0; font-size:.92rem; color:rgba(255,255,255,.88); line-height:1.5;}
.medura-hero .mh-next{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:14px 0 12px; padding:10px 14px; border-radius:14px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18);}
.medura-hero .mh-next b{font-size:.95rem;}
.medura-hero .mh-next span{font-size:.8rem; font-weight:800; color:#FFD08A;}
.medura-hero .mh-actions{display:flex; flex-direction:column; gap:8px; align-items:stretch;}
.medura-hero .mh-actions .btn-primary{background:#FF9E3D; color:#2B1D3A; border:0; box-shadow:0 6px 18px rgba(255,158,61,.35);}
.medura-hero .mh-actions .muted{color:rgba(255,255,255,.7); text-align:center;}
/* ===== תפריטים נצמדים: מעבר רך בין מצב רגיל למצב מוצמד, בלי קפיצה (26.9.2026, דגן) ===== */
.me-pockets{transition:padding .28s ease, margin .28s ease, background .28s ease, border-color .28s ease;}
.me-pockets .bp-pockets{transition:gap .28s ease, padding .28s ease;}
.me-pockets .bp-pockets a{transition:padding .28s ease, font-size .28s ease, border-radius .28s ease, background .2s ease, color .2s ease;}
.me-pockets .bp-pockets a span{transition:font-size .28s ease;}
/* ===== פס עליון בנייד: קצת פחות גדול (26.9.2026, דגן: "ממש בקטנה להקטין") ===== */
@media (max-width:640px){
  .bell-btn, .music-btn{width:42px; height:42px; font-size:1.15rem;}
  .topbar-me .avatar{width:42px; height:42px; font-size:1rem;}
  .help-btn{min-height:42px; padding:0 14px; font-size:.88rem;}
}
/* ===== אני מול עצמי, פשוט (26.9.2026, בקשת דגן) ===== */
.private-hero.compact{padding:16px 18px 14px; min-height:150px; display:flex; flex-direction:column; justify-content:center; gap:4px;}
.private-hero.compact h1{font-size:1.45rem; margin:2px 0 4px;}
.private-hero.compact .ph-logo{width:78px; right:auto; left:14px; bottom:12px; top:auto;}
.ph-week{display:flex; align-items:center; gap:10px; max-width:calc(100% - 90px);}
.ph-week b{font-size:.9rem; white-space:nowrap;}
.ph-week .st-bar{flex:1;}
.pv-pockets{margin:0 0 14px;}
.pv-how{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px; padding:12px 10px; text-align:center;}
.pv-how > div{display:flex; flex-direction:column; align-items:center; gap:2px;}
.pv-how span{font-size:1.4rem;}
.pv-how b{font-size:.8rem; font-weight:900; line-height:1.2;}
.pv-how small{font-size:.68rem; color:var(--ink-soft); line-height:1.3;}
.pv-older{display:flex; flex-direction:column; gap:10px;}
.pv-next{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.pv-next-ic{font-size:1.5rem;}
.pv-next b{display:block; font-size:.98rem;}
.pv-next small{color:var(--ink-soft); font-size:.8rem;}
.prep-fold{margin-top:12px;}
.prep-fold > summary{cursor:pointer; font-weight:800; font-size:.88rem; color:var(--brand-green-deep);}
[id^="pv-"]{scroll-margin-top:var(--sticky-offset, 120px);}
/* השכבה: שורה קטנה של אני מול עצמי למי שבתכנית */
.ani-line{display:flex; align-items:center; gap:12px; padding:10px 14px; margin-bottom:14px; text-decoration:none; color:inherit; border:1px solid var(--gold-light); background:linear-gradient(90deg, #FFFBF0, #fff);}
.ani-line img{width:38px; height:38px; object-fit:contain;}
.ani-line b{display:block; font-size:.95rem; font-weight:900;}
.ani-line small{display:block; font-size:.78rem; color:var(--ink-soft);}
.ani-line-go{font-weight:900; color:var(--brand-green-deep);}
/* אני מול עצמי: דלת קטנה יותר, התפריט באותו גובה כמו בשאר הדפים */
.private-hero.compact{min-height:0; height:172px; padding:10px 16px 10px; overflow:hidden; margin-bottom:12px;}
.private-hero.compact h1{font-size:1.3rem; margin:0 0 4px;}
.private-hero.compact .ph-of{font-size:.8rem;}
.private-hero.compact .ph-logo{width:64px; bottom:10px; left:12px;}
.private-hero.compact .eyebrow{font-size:.7rem;}
/* ===== לוחות הכיתות: קטנים ויפים יותר (26.9.2026, בקשת דגן) ===== */
.class-board{padding:14px 16px 12px !important; border-radius:14px; border:6px solid #C9A46A; box-shadow:inset 0 0 0 2px rgba(0,0,0,.18), 0 8px 18px rgba(38,36,30,.14);}
.class-board::before{display:none;}
.class-board .cb-chalk{font-size:.78rem;}
.class-board h2{font-size:1.35rem !important; margin:2px 0 2px;}
.class-board .cb-phrase{font-size:.95rem;}
.class-board .cb-essence{font-size:.88rem; margin:6px 0 4px;}
.class-board .cb-chalk-bottom{display:none;}
.class-board .cb-more summary{font-size:.8rem;}
.class-board .cb-sticker{font-size:.7rem; padding:3px 8px;}
.private-hero.compact{height:168px; padding-top:22px;}
.private-hero.compact .eyebrow{display:none;}
.private-hero.compact .ph-logo{width:70px; bottom:8px; left:10px;}
.private-hero.compact .ph-logo{width:62px; bottom:auto; top:50%; transform:translateY(-50%); left:12px;}
/* ===== ההפסקה גל 1 (ארז, 26.9.2026) ===== */
.erez-line{margin:-2px 0 12px; padding:8px 12px; border-radius:12px; background:#F6F9F3; border:1px dashed #CBE6C2; font-size:.84rem; color:#2B2822; line-height:1.45;}
.erez-note{padding:10px 12px; border-radius:12px; background:#FFFBF0; border:1px dashed var(--gold-light);}
.yq-card{padding:14px 16px; border:1.5px solid #CBE6C2; background:linear-gradient(180deg, #F6FAF3, #fff);}
.yq-head{display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;}
.yq-ic{font-size:1.6rem; line-height:1;}
.yq-head .eyebrow{font-size:.7rem;}
.yq-head h2{margin:2px 0 0; font-size:1.12rem; font-weight:900; line-height:1.35;}
.yq-form{display:flex; gap:6px; margin-bottom:10px;}
.yq-form .input{flex:1; min-width:0;}
.yq-done{margin:0 0 10px; font-size:.86rem; font-weight:800; color:var(--brand-green-deep);}
.yq-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.yq-list li{display:flex; gap:8px; align-items:flex-start; padding:8px 10px; border-radius:12px; background:#fff; border:1px solid var(--line);}
.yq-list li.mine{background:#F3F9F0; border-color:#CBE6C2;}
.yq-list li b{font-size:.82rem;}
.yq-list li p{margin:2px 0 0; font-size:.92rem; line-height:1.4;}
.yq-acts{display:flex; align-items:center; gap:10px; margin-top:4px;}
.yq-acts .heart, .m-acts .heart{font-size:.78rem; padding:2px 8px;}
.yq-reply, .m-reply{display:flex; gap:6px; margin-top:6px;}
.yq-reply .input, .m-reply .input{flex:1; min-width:0; padding:6px 10px; font-size:.86rem;}
.yq-replies, .m-replies{display:flex; flex-direction:column; gap:3px; margin-top:6px; padding:6px 10px; border-inline-start:3px solid #CBE6C2; font-size:.84rem; color:#2B2822;}
.yq-more{margin:10px 0 0; text-align:center;}
.av-btn{background:none; border:0; padding:0; cursor:pointer; line-height:0;}
.yq-line{display:flex; align-items:center; gap:10px; padding:10px 14px; margin:0 0 14px; text-decoration:none; color:inherit; border:1.5px solid #CBE6C2; background:linear-gradient(90deg, #F6FAF3, #fff);}
.yq-line-ic{font-size:1.3rem;}
.yq-line small{display:block; font-size:.7rem; font-weight:800; color:var(--muted);}
.yq-line b{display:block; font-size:.9rem; line-height:1.3;}
.yq-line-go{font-size:.8rem; font-weight:900; color:var(--brand-green-deep); white-space:nowrap;}
/* כרטיס אדם */
.person-card .pc-head{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.person-card .pc-head .avatar{width:52px; height:52px; font-size:1.2rem;}
.person-card h2{margin:0; font-size:1.3rem;}
.pc-actions{display:flex; flex-direction:column; gap:8px;}
.pc-actions .btn small{font-size:.7rem; opacity:.7; margin-inline-start:4px;}
.pc-small{display:flex; justify-content:space-between; margin-top:14px;}
.report-q{display:block; margin-top:6px; font-size:.86rem;}
/* בחדרים */
.m-acts{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:4px;}
.helped{font-size:.74rem; font-weight:800; padding:2px 8px; border-radius:99px; background:#fff; border:1.5px solid var(--line); color:#2B2822; cursor:pointer;}
.helped.on{background:var(--s3-bg); border-color:#C2E2B8; color:var(--brand-green-deep);}
.m-menu{background:none; border:0; font-weight:900; color:var(--muted); padding:0 4px; cursor:pointer; font-size:1rem;}
.m-new{display:inline-block; font-style:normal; font-size:.66rem; font-weight:800; color:var(--brand-green-deep); background:var(--s3-bg); padding:1px 6px; border-radius:99px; margin-inline-end:6px;}
.m-pin{display:block; font-size:.7rem; font-weight:800; color:#A4864D; margin-bottom:2px;}
.msg.pinned .bubble{border:1.5px solid var(--gold-light); box-shadow:0 0 0 3px #FFF5D6;}
.msg.hidden-msg .bubble{opacity:.55; border:1.5px dashed var(--line);}
.m-hidden{display:block; font-size:.74rem; color:var(--muted); margin-top:4px; line-height:1.4;}
.day-sep.new-sep span{background:var(--s3-bg); color:var(--brand-green-deep); border:1px solid #C2E2B8;}
.distress-pop h2{font-size:1.15rem; line-height:1.4;}
/* התראות: לשוניות */
.notif-tabs{margin:0 0 12px;}
.notif-tabs button{flex:1;}
.notif-list li a small{display:block; font-size:.78rem; color:var(--ink-soft); font-weight:600;}
/* התיק: החברים שלי */
.fr-card{padding:12px 14px; margin-bottom:10px;}
.fr-title{display:block; font-size:.95rem; font-weight:900; margin-bottom:8px;}
.fr-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.fr-row{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.fr-person{display:flex; align-items:center; gap:10px; background:none; border:0; padding:4px 0; font:inherit; color:inherit; text-align:start; cursor:pointer;}
.fr-person b{display:block; font-size:.92rem;}
.fr-person small{display:block; font-size:.74rem; color:var(--ink-soft);}
.fr-btns{display:flex; gap:6px;}
.fr-bell{background:none; border:1.5px solid var(--line); border-radius:99px; width:34px; height:34px; cursor:pointer; font-size:1rem;}
.fr-bell.on{border-color:#C2E2B8; background:var(--s3-bg);}
.fr-blocked{margin-top:8px;}
.fr-blocked > summary{cursor:pointer; font-weight:800; font-size:.86rem; color:var(--muted);}
/* החוקים */
.rules6{margin:0; padding:0 0 0 0; list-style:none; display:flex; flex-direction:column; gap:6px;}
.rules6 li details summary{cursor:pointer; list-style:none; font-size:.88rem; line-height:1.45; padding:6px 8px; border-radius:10px; background:#F8F6F0;}
.rules6 li details summary::-webkit-details-marker{display:none;}
.rules6 li details summary span{margin-inline-end:4px;}
.rule-why{margin:4px 8px 6px; font-size:.82rem; color:var(--ink-soft); line-height:1.45;}
.rules-cons{margin-top:8px;}
.rules-cons > summary{cursor:pointer; font-weight:800; font-size:.86rem; color:var(--brand-green-deep);}
.rules-cons ol{margin:6px 0 0; padding-inline-start:18px; font-size:.82rem; line-height:1.5; color:#2B2822;}
.friends .friend{background:none; border:0; font:inherit; color:inherit; cursor:pointer;}
/* 6 כיסים רק בתיק (#me-pockets); הכלל הקודם תפס בטעות את כל התפריטים הנצמדים והזיז אותם (דגן, 26.9) */
#me-pockets .bp-pockets{grid-template-columns:repeat(5, minmax(0,1fr)); gap:5px;} /* 10.10.2026 "תסדר ותפשט": 4 כיסים, ו-5 למי שבתכנית (היו 6 ו-7) */
/* (כלל ה-:has של כיס "התכנית" ירד 10.10.2026: 5 כיסים לכולם, ראו מעל) */ /* 10.10.2026: כיס שביעי "התכנית" רק למי שבתכנית (דגן: "תוסיף את זה לתפריט גם"); 7 בשורה אחת במקום גלישה לשורה שנייה */
#me-pockets .bp-pockets a{white-space:nowrap;}
.bp-pockets a span .pk-logo{height:1.35em; width:auto; display:block; margin:0 auto;} /* הלוגו של אני מול עצמי בכיס התכנית (דגן 10.10.2026: "שהלוגו של אני מול עצמי יהיה בתפריט"); גובה לפי הכתב, ולכן מתכווץ עם הפס */
#me-pockets .bp-pockets:has(a[href="#me-program"]) a{padding-left:0; padding-right:0;} /* ב-360 פיקסלים 7 כיסים = 42 לכל אחד, ו"במבט אחד" נחתך ב-2 פיקסלים בלי זה */
#me-pockets .bp-pockets a{font-size:.72rem; padding:8px 2px 6px;} /* 10.10.2026: עם 5 כיסים הכתב חוזר לרצפה .72rem (היה .66 = 10.56, מתחת לרצפה, ממצא שקד) */
.yq-sub{margin:4px 0 8px; font-size:1.05rem; font-weight:900;}
/* ===== תפריט הצד במחשב: אותם כללים כמו בתפריט התחתון (26.9.2026, דגן: "במחשב התפריט נדפק") ===== */
.side-nav .tab .tab-emoji{display:none;}
.side-nav .tab.active .tab-emoji{display:inline-block; font-size:22px; line-height:1;}
.side-nav .tab.active svg:has(+ .tab-emoji){display:none;}
.side-nav .tab-dagan-ico{position:relative; display:inline-block; width:24px; height:24px; flex-shrink:0;}
.side-nav .tab-dagan-mask{position:absolute; inset:0; background:currentColor; -webkit-mask:url(images/logo-ani.png) center/contain no-repeat; mask:url(images/logo-ani.png) center/contain no-repeat;}
.side-nav .tab-dagan img{position:absolute; inset:0; width:24px; height:24px; object-fit:contain; opacity:0; margin:0; border:0; padding:0; box-shadow:none; border-radius:0; background:none;}
.side-nav .tab-dagan.active .tab-dagan-mask{opacity:0;}
.side-nav .tab-dagan.active img{opacity:1;}
.side-nav .tab-dagan .soul-arm{display:none;}
/* ===== הפתיחה, תמונה רביעית לפני השער: הלופ נסגר, נפתח, ומאחוריו המתנה (26-27.9.2026, בקשת דגן) ===== */
.is-loop{display:flex; flex-direction:column; align-items:center; gap:18px;}
.gl-ring-wrap{position:relative; width:96px; height:96px; display:block;}
.gl-ring{width:96px; height:96px; transform:rotate(-90deg);}
.gl-ring circle{fill:none; stroke:#289A02; stroke-width:4.5; stroke-linecap:round; stroke-dasharray:163.4; stroke-dashoffset:163.4; transform-origin:50% 50%; animation:gl-draw .45s cubic-bezier(.4,0,.2,1) .1s forwards, gl-open .5s cubic-bezier(.3,.7,.3,1) .55s forwards;}
@keyframes gl-draw{to{stroke-dashoffset:0;}}                 /* הלופ נסגר */
@keyframes gl-open{from{stroke-dashoffset:0; transform:rotate(0);} to{stroke-dashoffset:52; transform:rotate(-34deg);}} /* ואז נפתח: נוצר פתח למעלה, כמו שער */
.gl-gift{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:2.2rem; opacity:0; transform:scale(.4); animation:gl-gift .45s cubic-bezier(.2,1.4,.4,1) .85s forwards;}
@keyframes gl-gift{to{opacity:1; transform:scale(1);}}
.gl-text{margin:0; max-width:300px; text-align:center; font-size:1.3rem; font-weight:500; color:#2B2822; line-height:1.55; text-wrap:balance;}
.gl-text span{display:inline-block; opacity:0; animation:is-word .35s ease forwards;}
.gl-text .gl-key{color:#289A02; font-weight:900;}
.app-version{text-align:center; margin:4px 0 10px; font-size:.72rem; color:var(--muted);}
/* ===== היררכיה של כותרות בכרטיסים (26.9.2026, דגן: "טיפה להקטין את כותרות המשנה... שיהיה יחס ופער מהכותרות הראשיות") ===== */
.card h3, .map-item h3{font-size:1.22rem !important; line-height:1.3;}        /* כותרת כרטיס: קטנה בבירור מכותרת הקטע (1.72rem) */
.sg-main > b, .goal-row b, .goal-row .gr-title, .sg-row .sg-main b{font-size:.94rem !important; line-height:1.35;} /* שורה בתוך כרטיס: קטנה עוד יותר */
.fr-title, .pv-how b, .nd2 .nd2-profile b{font-size:1.02rem !important;}
.join-soon{display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0; padding:10px 14px; border-radius:14px; border:1.5px dashed var(--line); background:#FFFDF8; font-weight:800; font-size:.95rem;}
.join-soon small{font-size:.78rem; font-weight:700; color:var(--muted); white-space:nowrap;}
/* ===== המדורה עברה לדף "דגן" (27.9.2026, דגן: "תכלס זה איתי"): השכבה עם 4 כיסים, דגן עם 6 ===== */
.home-pockets#home-pockets .bp-pockets{grid-template-columns:repeat(3, minmax(0,1fr));}
#pv-pockets .bp-pockets{grid-template-columns:repeat(5, minmax(0,1fr)); gap:4px;}   /* 5 כיסים מאז שהמדורה יצאה מהכיתה הפרטית (2.10.2026) */
#pv-pockets .bp-pockets a{font-size:.66rem; padding:8px 1px 6px;}

/* ===== תמונת הפרופיל בגדול, בלחיצה ארוכה (28.9.2026) ===== */
.topbar-me .avatar, .avatar.has-photo{-webkit-touch-callout:none; -webkit-user-select:none; user-select:none; touch-action:manipulation;}
.topbar-me .avatar img, .avatar.has-photo img{-webkit-touch-callout:none; pointer-events:none; -webkit-user-drag:none;}
.av-big{position:fixed; inset:0; z-index:400; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:24px; background:rgba(20,24,18,.72); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); opacity:0; transition:opacity .2s ease; cursor:pointer;}
.av-big.on{opacity:1;}
.av-big img, .av-big .av-big-letter{width:min(78vw, 340px); height:min(78vw, 340px); border-radius:50%; object-fit:cover; background:#fff; border:4px solid #fff; box-shadow:0 18px 50px rgba(0,0,0,.35); scale:.86; transition:scale .25s cubic-bezier(.2,1.2,.4,1);}
.av-big.on img, .av-big.on .av-big-letter{scale:1;}
.av-big .av-big-letter{display:flex; align-items:center; justify-content:center; font-size:8rem; font-weight:800; color:var(--brand-green-deep); background:#F1F8EC;}
.av-big small{color:#fff; font-size:.95rem; font-weight:600; text-align:center;}
@media (prefers-reduced-motion:reduce){ .av-big, .av-big img, .av-big .av-big-letter{transition:none;} }


/* ===== "לזכור אותי" בשער, מתחת לסיסמה (28.9.2026, בקשת דגן). השורה נכנסת לרווח שכבר קיים מעל הכפתור, כדי שהשער לא יגדל ===== */
.gate-rem{display:flex; align-items:center; gap:7px; width:max-content; margin:10px 0 8px; line-height:1; font-size:.9rem; font-weight:700; color:var(--ink-soft); cursor:pointer; -webkit-tap-highlight-color:transparent;}
.gate-rem input{width:16px; height:16px; margin:0; accent-color:#289A02;}
#login .gate-tabs + p{margin-top:0; margin-bottom:6px;}
#login .field:has(+ .gate-rem){margin-bottom:4px;}
#login .field:has(+ .field){margin-bottom:8px;} /* מפנה בדיוק את 10 הפיקסלים ש"לזכור אותי" תופס, מתוך הרווח הגדול שמעל שדה המייל */

/* ===== עמוד "דגן" למי שעוד לא בתכנית: אותו מראה כמו הכיתה הפרטית (28.9.2026, בקשת דגן) ===== */
#pv-pockets.tz-pockets .bp-pockets{grid-template-columns:repeat(5, minmax(0,1fr));}
#pv-pockets.tz-pockets .bp-pockets a{font-size:.7rem;}
.tz-motto{margin:2px 0 14px; text-align:center; font-size:1.3rem; font-weight:900; line-height:1.25; color:var(--brand-green-deep);}
.private-hero.compact.tz-door .ph-logo{position:static !important; transform:none !important; inset:auto !important; width:132px !important; height:auto !important; display:block; margin:12px auto 0;}
.private-hero.compact.tz-door{height:auto; min-height:168px; padding:22px 16px 20px; justify-content:flex-start;}
.tz-lead{display:flex; flex-direction:column; gap:10px; padding:16px 18px;}
.tz-lead p{margin:0; font-size:.98rem; line-height:1.55;}
.tz-lead b{display:block; font-weight:900; color:#111;}
.tz-get{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.tz-tile{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; padding:12px 5px 11px; border-radius:18px;}
.tz-ic{width:40px; height:40px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; background:#FBF2DC; margin-bottom:5px;}
.tz-tile b{font-size:.95rem; font-weight:800; line-height:1.2; color:#111; text-wrap:balance;}
.tz-tile small{font-size:.8rem; color:var(--ink-soft); line-height:1.3; text-wrap:balance;}
.tz-fire{background:linear-gradient(160deg, #2B2140, #4A2E63); border-color:#4A2E63;}
.tz-fire b{color:#fff;} .tz-fire small{color:rgba(255,255,255,.88);}
.tz-fire .zoom-ic{display:none;}
.tz-zoom{background:#0B5CFF; position:relative;}
.tz-zoom i{position:relative; display:block; width:20px; height:15px; border-radius:4px; background:#fff; margin-inline-end:8px;}
.tz-zoom i::after{content:''; position:absolute; left:100%; top:50%; transform:translateY(-50%); margin-left:2px; border-left:8px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; direction:ltr;}
.tz-how{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.tz-how li{display:flex; align-items:flex-start; gap:14px; padding:16px;}
.tz-n{flex:0 0 36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1.05rem; color:#fff; background:#289A02;}
.tz-how b{display:block; font-size:1.08rem; font-weight:800; color:#111; line-height:1.3;}
.tz-how p{margin:3px 0 0; font-size:.94rem; line-height:1.5; color:var(--ink-soft);}
.tz-facts{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.tz-facts .card{display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; padding:14px 6px;}
.tz-facts span{font-size:1.5rem; line-height:1.1;}
.tz-facts small{font-size:.74rem; font-weight:700; color:var(--ink-soft);}
.tz-facts b{font-size:1.08rem; font-weight:900; color:#111; line-height:1.2;}
.tz-facts p{margin:0; font-size:.76rem; line-height:1.35; color:var(--ink-soft);}
.tz-facts .tz-price{background:#FBF2DC; border-color:var(--gold);}
.tz-facts .tz-price b{font-size:1.25rem;}
.tz-facts + .cohort-card{margin-top:10px;}
.tz-cta{margin-top:10px; text-align:center; display:flex; flex-direction:column; gap:12px;}
.tz-cta p{margin:0;}
.tz-cta > p:first-child{font-weight:700;}
.tz-soon{font-weight:800; color:var(--brand-green-deep);}
.tz-diff{margin-top:14px;}
.tz-diff .table-wrap{margin-top:12px;}
.tz-fit-h{margin:18px 0 6px;}
.tz-fit{padding:10px 0; border-top:1px solid var(--line);}
.tz-fit b{font-weight:800;}
.tz-fit p{margin:2px 0 0;}

/* ===== העץ לבד במעברים: צומח מלמטה (28.9.2026, בקשת דגן) ===== */
.tree-only .is-tree-wrap{position:relative;}
.tree-only .is-tree{transform-origin:50% 100%; animation:tg-grow 1.15s cubic-bezier(.22,.9,.3,1.12) both;}
@keyframes tg-grow{
  0%{transform:scale(.18,.04); clip-path:inset(100% 0 0 0); opacity:.5;}
  35%{transform:scale(.5,.45); clip-path:inset(40% 0 0 0); opacity:1;}
  100%{transform:scale(1); clip-path:inset(0 0 0 0); opacity:1;}
}
.tg-ground{position:absolute; left:50%; bottom:-9px; width:128px; height:22px; border-radius:50% 50% 46% 46% / 100% 100% 22% 22%; z-index:1;
  background:radial-gradient(circle at 24% 58%, #5A3A22 0 2px, transparent 3px), radial-gradient(circle at 63% 44%, #5A3A22 0 1.6px, transparent 2.6px), radial-gradient(circle at 80% 68%, #A9784C 0 1.6px, transparent 2.6px), radial-gradient(circle at 42% 74%, #A9784C 0 1.4px, transparent 2.4px), linear-gradient(180deg, #8E6039, #6B4528);
  box-shadow:0 6px 12px rgba(80,52,28,.18); transform-origin:50% 100%; transform:translateX(-50%) scale(0, .4); animation:tg-ground .5s cubic-bezier(.2,.9,.3,1.2) both;}
@keyframes tg-ground{to{transform:translateX(-50%) scale(1);}}
.tg-leaf{position:absolute; left:50%; bottom:0; font-size:1.05rem; opacity:0; transform:translate(-50%, var(--y)) scale(.3); animation:tg-leaf .8s ease-out var(--d) both;}
@keyframes tg-leaf{
  0%{opacity:0; transform:translate(-50%, var(--y)) scale(.3);}
  40%{opacity:1;}
  100%{opacity:0; transform:translate(calc(-50% + var(--x)), calc(var(--y) - 26px)) scale(1) rotate(24deg);}
}
@media (prefers-reduced-motion:reduce){ .tree-only .is-tree, .tg-ground, .tg-leaf{animation:none;} .tg-ground{transform:translateX(-50%) scale(1);} }

/* ===== דף התודה אחרי תשלום (28.9.2026) ===== */
.thanks{position:fixed; inset:0; z-index:350; display:flex; align-items:center; justify-content:center; padding:20px 16px; background:#FFFDF8; overflow:auto; animation:th-in .3s ease;}
@keyframes th-in{from{opacity:0;} to{opacity:1;}}
.th-card{width:100%; max-width:400px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px;}
.th-tree{height:120px; width:auto; transform-origin:50% 100%; animation:tg-grow 1.1s cubic-bezier(.22,.9,.3,1.12) both;}
.th-ic{font-size:3rem; line-height:1;}
.th-checking .th-ic{animation:th-pulse 1.2s ease-in-out infinite;}
@keyframes th-pulse{50%{opacity:.45;}}
.th-tag{font-size:.82rem; font-weight:800; padding:4px 14px; border-radius:999px; background:#FBF2DC; color:#1A1814;}
.thanks h2{margin:0; font-size:1.85rem; font-weight:900; line-height:1.2; color:#111; text-wrap:balance;}
.th-p{margin:0; font-size:1.05rem; line-height:1.55; color:var(--ink-soft);}
.th-paid{margin:0; font-size:.9rem; font-weight:700; color:var(--brand-green-deep);}
.th-next{width:100%; display:flex; flex-direction:column; gap:3px; padding:16px; border-radius:18px; background:#F3F9F0; border:1px solid #CFE6C6; margin:4px 0;}
.th-next b{font-size:1.1rem; font-weight:800; color:#111;}
.th-next span{font-size:.94rem; line-height:1.5; color:var(--ink-soft);}
.th-why{margin:0; font-size:.8rem; color:var(--ink-soft);}
.thanks .btn{margin:0;}
@media (prefers-reduced-motion:reduce){ .thanks, .th-tree, .th-checking .th-ic{animation:none;} }

/* ===== עזרה עכשיו: בלי גלילה, והכל מיושר לאמצע כולל הקלמר (28.9.2026, בקשת דגן). עיצוב בלבד, התוכן לא השתנה ===== */
.sheet-panel.help-panel{max-height:94svh; overflow:hidden; padding:18px 16px calc(14px + env(safe-area-inset-bottom));}
.help-panel .hn-head{flex-direction:row; align-items:center; justify-content:center; text-align:center; gap:10px; padding:8px 12px;}
.help-panel .hn-head > div{align-items:center; text-align:center;}
.help-panel .hn-main{flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:2px; padding:10px 14px 12px;}
.help-panel .hn-main span:nth-child(2){flex:0 0 auto; align-items:center;}
.help-panel .hn-card, .help-panel .hn-calm .hn-card{align-items:center; justify-content:center; text-align:center;}
.help-panel .hn-kalmar{padding-top:20px !important; padding-bottom:10px !important;}
.help-panel .hn-ground{align-items:stretch; text-align:center;}
.help-panel .hg-step{justify-content:center;}

/* ===== שיעור עם תוכן (קובץ lessons/<כיתה>.json של ליאת): הרגע, הלוח, אותו רגע אחרת, המשפט שנשאר (28.9.2026) ===== */
.ls-video video{display:block; width:100%; aspect-ratio:16/9; border-radius:12px; background:#000;}
.ls-audio{display:flex; flex-direction:column; gap:8px; margin-top:14px;}
.ls-audio audio{width:100%;}
.ls-ai{font-size:.78rem; color:var(--ink-soft);}
.ls-body{display:flex; flex-direction:column; gap:18px; margin-top:18px;}
.ls-h{display:block; font-size:.86rem; font-weight:800; color:var(--ink-soft); margin-bottom:6px;}
.ls-part p, .ls-board p, .ls-practice p, .ls-step p{margin:0 0 10px; font-size:1.08rem; line-height:1.75;}
.ls-part p:last-child, .ls-board p:last-child{margin-bottom:0;}
.ls-part{padding:0 4px;}
.ls-again{padding:2px 16px 2px 4px; border-right:4px solid #289A02;}
.ls-board{position:relative; padding:20px 20px 22px; border-radius:20px; color:#fff; background:linear-gradient(160deg, #2F5D46, #24493A); border:7px solid #B48A55; box-shadow:0 10px 24px rgba(38,36,30,.16);}
.ls-board .ls-h{color:rgba(255,255,255,.75);}
.ls-board p{font-weight:600;}
.ls-line{margin:6px 0; padding:0 8px; text-align:center; font-size:1.5rem; font-weight:900; line-height:1.35; color:#111; text-wrap:balance;}
.ls-practice, .ls-step{margin-top:16px; display:flex; flex-direction:column; align-items:flex-start;}
.ls-practice .btn{margin-top:4px;}
.ls-step{background:#F3F9F0; border-color:#CFE6C6;}
.ls-step p{margin:0; font-weight:700;}
.ls-body + .ls-practice, .ls-body + .notebook{margin-top:20px;}
.notebook .ls-q{margin:4px 0 10px; font-size:1.08rem; font-weight:800; line-height:1.5; color:#111;}
.ls-practice + .notebook, .ls-body + .notebook{margin-top:16px;}
.ls-sub{display:block; font-size:1.12rem; font-weight:900; color:#111; margin-bottom:2px;}
.ls-board .ls-sub{color:#fff;}
.ls-practice .ls-sub, .ls-step .ls-sub{font-size:1.05rem;}
/* הקו המקווקו הפנימי של דלת הזהב עבר בדיוק מאחורי שלט הכותרת ונראה כמו קצוות של ריבועים מעליו. בעמוד הזה מורידים אותו */
.private-hero.compact.tz-door::before{display:none !important;}
.private-hero.compact.tz-door .ph-title{position:relative; z-index:1;}

/* ===== נשמה טובה סגור אחרי ביטול (28.9.2026, החלטת דגן: הכיתות נשארות, נשמה טובה נסגר) ===== */
.soul-closed{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; margin-top:-8px; max-width:460px; margin:0 auto;}
.sc-soul{width:38px; height:50px; object-fit:contain; filter:grayscale(.55); opacity:.85;}
.soul-closed h1{margin:0; font-size:1.5rem; line-height:1.2; font-weight:900; color:#111;}
.sc-sub{margin:0; color:var(--ink-soft); font-size:.9rem; line-height:1.4;}
.sc-line{margin:0; font-size:1rem; font-weight:800; line-height:1.4; color:#111; text-wrap:balance;}
.sc-box{width:100%; padding:11px 12px; display:flex; flex-direction:column; gap:6px;}
.sc-box > b{font-size:1.05rem; font-weight:800; color:#111;}
.sc-stays{background:#F3F9F0; border-color:#CFE6C6;}
.sc-stays ul, .sp-two ul{list-style:none; margin:0; padding:0;}
.sc-stays ul{display:grid; grid-template-columns:1fr 1fr; gap:4px 8px; font-size:.9rem; font-weight:700; text-align:center;}
.sc-back{background:linear-gradient(135deg, #F4EEFA, #FBF9FD); border-color:#D9CBEA;}
.sc-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px 6px;}
.sc-grid > div{display:flex; flex-direction:column; align-items:center; gap:1px;}
.sc-grid span{font-size:1.15rem; line-height:1.1;}
.sc-grid b{font-size:.84rem; font-weight:800; line-height:1.2; color:#111; text-wrap:balance;}
.sc-grid small{font-size:.72rem; line-height:1.25; color:var(--ink-soft); text-wrap:balance;}
.sc-note{margin:0;}
.sc-help{margin:0; font-size:.86rem; line-height:1.5; color:var(--ink-soft);}
.sc-help .link{font-weight:800;}
.soul-off-note{display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:18px; background:#FAF8F3; border:1px solid var(--line); margin-top:12px;}
.soul-off-note b{font-size:1.05rem; color:#111;}
.soul-off-note p{margin:0; font-size:.94rem; line-height:1.5; color:var(--ink-soft);}
.soul-off-note .actions{display:flex; flex-wrap:wrap; gap:6px;}
.sp-two{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:10px 0 4px;}
.sp-two > div{padding:10px; border-radius:14px; background:#fff; border:1px solid var(--line);}
.sp-two b{display:block; font-size:.86rem; font-weight:800; margin-bottom:4px; color:#111;}
.sp-two li{font-size:.8rem; line-height:1.5;}
.soul-off-note{align-items:center; text-align:center;}
.soul-off-note .actions{justify-content:center;}
.sp-two > div{text-align:center;}
.soul-plan .sp-note{text-align:center;}

/* ===== הלשונית "אני מול עצמי" בתפריט: הלוגו של התכנית, והשם המלא (28.9.2026, בקשת דגן) ===== */
.tabbar .tab-dagan-ico{width:34px; height:26px;}
.tabbar .tab-dagan img{width:34px; height:26px;}
.tabbar .tab-dagan > span:last-child{white-space:nowrap; font-size:.68rem; letter-spacing:-.01em;}
.side-nav .tab-dagan-ico{width:30px; height:24px;}
.side-nav .tab-dagan img{width:30px; height:24px;}

/* ===== כרטיס המנוי של נשמה טובה, עיצוב חדש (28.9.2026, בקשת דגן: "תעצב את נושא הביטול יפה") ===== */
.sp2{display:flex; flex-direction:column; gap:12px; padding:16px;}
.sp2-head{display:flex; align-items:center; gap:10px;}
.sp2-head .soul-mini{width:40px; height:52px; object-fit:contain;}
.sp2-head b{display:block; font-size:1.12rem; font-weight:900; color:#111; line-height:1.25;}
.sp2-head span{font-size:.86rem; color:var(--ink-soft);}
.sp2-pill{flex:0 0 auto; font-size:.78rem !important; font-weight:800; padding:4px 12px; border-radius:999px; color:#fff !important;}
.sp2-pill.on{background:#289A02;} .sp2-pill.wait{background:#C58A1F;} .sp2-pill.off{background:#8A8478;}
.sp2-facts{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.sp2-facts > div{display:flex; flex-direction:column; align-items:center; text-align:center; gap:1px; padding:10px 6px; border-radius:14px; background:#fff; border:1px solid var(--line);}
.sp2-facts small{font-size:.76rem; font-weight:700; color:var(--ink-soft);}
.sp2-facts b{font-size:1.02rem; font-weight:900; color:#111;}
.sp2-incl{margin:0; text-align:center; font-size:.86rem; line-height:1.45; color:var(--ink-soft);}
.sp2-two{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.sp2-col{padding:12px 10px; border-radius:16px;}
.sp2-col.soul{background:#F4EEFA; border:1px solid #D9CBEA;}
.sp2-col.keep{background:#F3F9F0; border:1px solid #CFE6C6;}
.sp2.off .sp2-col.soul{background:#F5F3EE; border-color:var(--line);}
.sp2-col b{display:block; text-align:center; font-size:.92rem; font-weight:900; color:#111; margin-bottom:6px;}
.sp2-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px;}
.sp2-col li{display:flex; align-items:flex-start; gap:6px; font-size:.84rem; line-height:1.3; font-weight:600;}
.sp2-col li span{flex:0 0 1.2em; text-align:center;}
.sp2.off .sp2-col.soul li{color:var(--ink-soft);}
.sp2-note{margin:0; text-align:center; font-size:.9rem; line-height:1.45; color:var(--ink-soft);}
.sp2-cancel{border-top:1px solid var(--line); padding-top:10px;}
.sp2-cancel summary{cursor:pointer; text-align:center; font-size:.9rem; font-weight:700; color:var(--ink-soft); list-style:none;}
.sp2-cancel summary::-webkit-details-marker{display:none;}
.sp2-cancel summary::after{content:' ⌄';}
.sp2-cancel[open] summary::after{content:' ⌃';}
.sp2-cancel p{margin:10px 0; text-align:center; font-size:.9rem; line-height:1.5; color:var(--ink-soft);}
.su-note{margin:8px 0 0;}
.yc-bell{font-size:2.2rem; line-height:1; filter:grayscale(.6); opacity:.8;}

/* ===== ראש העמוד "אני מול עצמי" כמו הסצנות של השכבה והחצר: אותו גובה (150), לוגו בלבד, והמשפט גדול (28.9.2026, בקשת דגן) ===== */
.ani-scene{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 16px 0 18px; background:linear-gradient(135deg, #FFF9E9 0%, #F6E7BF 60%, #E9D29B 100%); border:3px solid #CFB176;}
.as-arch{position:absolute; inset:7px; border-radius:16px; border:1.5px dashed rgba(185,154,94,.55); pointer-events:none;}
.as-knob{position:absolute; left:12px; top:50%; width:13px; height:13px; margin-top:-6px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #F4E6C2, #B48A55); box-shadow:0 2px 4px rgba(120,90,40,.35);}
.as-label{position:relative; z-index:1; margin:0; flex:0 0 auto; display:flex; flex-direction:column; gap:3px; padding:10px 14px 12px; border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 6px 16px rgba(139,111,71,.18);}
.as-label small{font-size:.72rem; font-weight:800; color:#B48A55;}
.as-label b{font-size:clamp(1.02rem, 5vw, 1.25rem); font-weight:900; line-height:1.22; color:#111; white-space:nowrap;}
.as-logo{position:relative; z-index:1; flex:1 1 0; min-width:0; height:100px; object-fit:contain; margin-left:16px;}

/* ===== תנועה ברקע של ראש העמוד "אני מול עצמי": שמש זהובה שנושמת, קרני אור, עלים שנסחפים וברק שעובר (28.9.2026, בקשת דגן) ===== */
.as-sky{position:absolute; inset:0; overflow:hidden; border-radius:inherit; pointer-events:none; z-index:0;}
.as-sky i{position:absolute; display:block; font-style:normal;}
.as-sun{left:8%; top:50%; width:150px; height:150px; margin-top:-75px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,236,170,.7) 38%, rgba(255,226,140,0) 70%); animation:as-breathe 6s ease-in-out infinite;}
@keyframes as-breathe{0%,100%{transform:scale(.9); opacity:.75;} 50%{transform:scale(1.12); opacity:1;}}
.as-ray{left:calc(8% + 75px); top:50%; width:260px; height:2px; transform-origin:0 50%; background:linear-gradient(90deg, rgba(255,255,255,.75), rgba(255,255,255,0)); animation:as-ray 9s ease-in-out infinite;}
.as-ray.r1{--a:-24deg;} .as-ray.r2{--a:8deg; animation-delay:-3s;} .as-ray.r3{--a:34deg; animation-delay:-6s;}
@keyframes as-ray{0%,100%{transform:rotate(var(--a)) scaleX(.55); opacity:0;} 50%{transform:rotate(calc(var(--a) + 6deg)) scaleX(1); opacity:.9;}}
.as-leaf{top:-18px; font-size:.95rem; opacity:0; animation:as-fall 11s linear infinite;}
.as-leaf.l0{left:12%; animation-delay:-1s;} .as-leaf.l1{left:31%; animation-delay:-5s; font-size:.8rem;} .as-leaf.l2{left:52%; animation-delay:-8s;} .as-leaf.l3{left:73%; animation-delay:-3s; font-size:.85rem;} .as-leaf.l4{left:90%; animation-delay:-9.5s;}
@keyframes as-fall{0%{transform:translate(0,0) rotate(0); opacity:0;} 10%{opacity:.85;} 50%{transform:translate(-26px,90px) rotate(140deg);} 90%{opacity:.7;} 100%{transform:translate(14px,190px) rotate(300deg); opacity:0;}}
.as-shine{top:0; bottom:0; left:-40%; width:30%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); animation:as-shine 7s ease-in-out infinite;}
@keyframes as-shine{0%,60%{left:-40%;} 100%{left:120%;}}
.as-logo{animation:as-sway 7s ease-in-out infinite; transform-origin:50% 100%;}
@keyframes as-sway{0%,100%{transform:rotate(-1.2deg);} 50%{transform:rotate(1.2deg);}}
@media (prefers-reduced-motion:reduce){ .as-sky i, .as-logo{animation:none !important;} .as-leaf{display:none !important;} }

/* ===== נשמה טובה כשומר החצר בסצנה של ההפסקה: כובע שומר, מגן, ושלט. מסתכל ימינה ושמאלה כמו מי ששומר (28.9.2026, בקשת דגן) ===== */
.yard-guard{position:absolute; left:34%; bottom:10px; z-index:4; display:flex; flex-direction:column; align-items:center; gap:2px; animation:yg-patrol 14s ease-in-out infinite;}
.yg-body{position:relative; display:block; width:74px; animation:yg-look 5s ease-in-out infinite; transform-origin:50% 100%;}
.yg-body img{display:block; width:74px; height:auto; filter:drop-shadow(0 6px 6px rgba(40,70,30,.25));}
.yg-cap{position:absolute; top:-7px; left:50%; width:46px; height:17px; margin-left:-23px; border-radius:14px 14px 4px 4px; background:linear-gradient(180deg, #2F4E9A, #223A78); box-shadow:0 2px 0 #1A2C5C;}
.yg-cap::before{content:''; position:absolute; left:50%; bottom:-5px; width:56px; height:7px; margin-left:-28px; border-radius:0 0 12px 12px; background:#1A2C5C;}
.yg-cap::after{content:'★'; position:absolute; left:50%; top:1px; margin-left:-5px; font-size:10px; line-height:1; color:#F4D36B;}
.yg-badge{position:absolute; right:-10px; bottom:14px; font-size:22px; font-style:normal; filter:drop-shadow(0 2px 2px rgba(0,0,0,.2)); animation:yg-shield 3.5s ease-in-out infinite;}
.yg-tag{font-size:14px; font-weight:900; line-height:1; padding:5px 12px 6px; border-radius:999px; color:#fff; background:#223A78; box-shadow:0 3px 8px rgba(34,58,120,.3); white-space:nowrap;}
@keyframes yg-patrol{0%,100%{transform:translateX(0);} 50%{transform:translateX(46px);}}
@keyframes yg-look{0%,100%{transform:rotate(-3deg);} 50%{transform:rotate(3deg);}}
@keyframes yg-shield{0%,100%{transform:scale(1);} 50%{transform:scale(1.15);}}
@media (prefers-reduced-motion:reduce){ .yard-guard, .yg-body, .yg-badge{animation:none;} }
/* השלט של החצר: "הפסקה" ו"החצר" גדולים יותר */
.scene-mini .yard-scene .label .eyebrow{font-size:1.05rem; font-weight:900;}
.scene-mini .yard-scene .label b{font-size:2rem; line-height:1.1;}

/* ===== המסכים הסגורים (נשמה טובה, ההפסקה): מרווחים ונעימים, בלי גלילה (28.9.2026, בקשת דגן) ===== */
.sc2{display:flex; flex-direction:column; align-items:stretch; text-align:center; gap:16px; max-width:440px; margin:0 auto; padding-top:6px;}
.sc2-top{display:flex; flex-direction:column; align-items:center; gap:8px;}
.sc2-ic{width:58px; height:74px; object-fit:contain; font-size:3rem; line-height:74px; filter:grayscale(.5); opacity:.85;}
.sc2 h1{margin:0; font-size:1.6rem; font-weight:900; line-height:1.2; color:#111;}
.sc2-top p{margin:0; font-size:.98rem; line-height:1.55; color:var(--ink-soft);}
.sc2-back{padding:18px 14px 20px; display:flex; flex-direction:column; gap:14px; background:linear-gradient(135deg, #F4EEFA, #FBF9FD); border-color:#D9CBEA;}
.sc2-back > b{font-size:1.08rem; font-weight:900; color:#111;}
.sc2-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px 8px;}
.sc2-grid > div{display:flex; flex-direction:column; align-items:center; gap:5px;}
.sc2-grid span{width:44px; height:44px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:1.35rem; background:#fff; box-shadow:0 3px 8px rgba(120,90,160,.12);}
.sc2-grid b{font-size:.86rem; font-weight:800; line-height:1.25; color:#111; text-wrap:balance;}
.sc2-keep{display:flex; flex-direction:column; align-items:center; gap:8px;}
.sc2-keep > b{font-size:.9rem; font-weight:800; color:var(--ink-soft);}
.sc2-keep > div{display:flex; flex-wrap:wrap; justify-content:center; gap:6px;}
.sc2-keep span{font-size:.86rem; font-weight:700; padding:6px 12px; border-radius:999px; background:#F3F9F0; border:1px solid #CFE6C6; color:#111;}
.sc2 .btn{margin:0;}
.sc2-foot{margin:0; font-size:.84rem; line-height:1.6; color:var(--ink-soft);}
.sc2-foot .link{font-weight:800;}
ul.yc-mine{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:10px;}
ul.yc-mine li{padding:12px 14px; border-radius:16px; background:#FAF8F3; border:1px solid var(--line);}
ul.yc-mine li small{font-size:.78rem; color:var(--ink-soft); font-weight:700;}
ul.yc-mine li p{margin:3px 0 0; font-size:1rem; line-height:1.5; color:#111;}
.yc-replies{display:flex; flex-direction:column; gap:4px; margin-top:8px; padding-right:10px; border-right:3px solid #CFE6C6;}
.yc-replies span{font-size:.9rem; line-height:1.45;}

/* הפעמון סגור כשנשמה טובה סגור */
.bell-btn.off{filter:grayscale(1); opacity:.45;}
.sc2-mine{font-size:.92rem; font-weight:800; align-self:center;}
.sc2.yard-closed{gap:13px;}
/* התיק הקופץ בסצנה של "התיק שלי": גדול יותר (28.9.2026, בקשת דגן) */
.lsm-bag{font-size:3.1rem; bottom:44px; left:118px;}
/* השורה הקטנה מתחת ל"נשמה טובה" בתפריט: קטנה יותר, כדי שלא תיגע במילים של הלשוניות שלידה */
.tabbar .tab-sub{font-size:.42rem; letter-spacing:-.01em;}
.sc2{gap:14px; padding-top:0; margin-top:-6px;}
.sc2.yard-closed{gap:12px;}
.sc2-top{gap:6px;}
.sc2-ic{width:46px; height:58px; font-size:2.4rem; line-height:58px;}
.sc2 h1{font-size:1.5rem;}
.sc2-top p{font-size:.94rem; line-height:1.5;}
.sc2-back{padding:16px 12px 18px; gap:12px;}
.sc2-grid{gap:13px 8px;}
.sc2-grid span{width:42px; height:42px;}
.sc2-keep{gap:6px;}

/* ===== ראש העמוד "אני מול עצמי": הדגשה ירוקה כמו בשאר הסצנות, לוגו גדול ומודגש, כיתוב קטן יותר (28.9.2026) ===== */
.as-label{padding:9px 13px 11px; gap:1px;}
.as-label .eyebrow{display:flex; align-items:center; gap:6px; font-size:.86rem; font-weight:900; color:var(--brand-green-deep);}
.as-label b{font-size:clamp(.9rem, 4.2vw, 1.05rem); font-weight:900; line-height:1.25; white-space:nowrap;}
.as-label small{font-size:.66rem; font-weight:800; color:#B48A55;}
.as-logo-wrap{position:relative; z-index:1; flex:1 1 0; min-width:0; align-self:stretch; display:flex; align-items:center; justify-content:center; margin:12px 0 12px 22px; border-radius:20px; background:radial-gradient(circle at 50% 45%, #fff 0%, rgba(255,255,255,.92) 55%, rgba(255,255,255,.55) 100%); box-shadow:0 8px 20px rgba(139,111,71,.22), 0 0 0 3px rgba(255,255,255,.7);}
.as-logo-wrap .as-logo{flex:none; height:108px; width:auto; max-width:94%; margin:0;}
/* מה מקבלים: כל קובייה נפתחת להסבר */
.tz-hint{margin:-4px 0 10px; text-align:center; font-size:.86rem; font-weight:700; color:var(--ink-soft);}
button.tz-tile{position:relative; font:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;}
button.tz-tile:active{transform:scale(.97);}
.tz-plus{position:absolute; top:6px; left:8px; width:18px; height:18px; border-radius:50%; font-style:normal; font-size:.86rem; font-weight:900; line-height:18px; text-align:center; color:#fff; background:#289A02;}
.tz-tile.on{border-color:#289A02; box-shadow:0 0 0 2px #289A02;}
.tz-tile.on .tz-plus{background:#111; transform:rotate(45deg);}
.tz-fire .tz-plus{background:#fff; color:#4A2E63;}
.tz-more{position:relative; margin-top:10px; padding:16px 16px 16px 44px; background:#F3F9F0; border-color:#CFE6C6; animation:th-in .2s ease;}
.tz-more b{display:block; font-size:1.08rem; font-weight:900; color:#111;}
.tz-more p{margin:4px 0 0; font-size:.98rem; line-height:1.55;}
.tz-x{position:absolute; top:10px; left:10px; width:28px; height:28px; border-radius:50%; background:#fff; border:1px solid var(--line); font-size:.8rem; cursor:pointer;}
.tz-after{margin-top:14px; text-align:center; background:#FBF2DC; border-color:var(--gold);}
.tz-after b{display:block; font-size:1.05rem; font-weight:900; color:#111;}
.tz-after p{margin:4px 0 0; font-size:.94rem; line-height:1.5;}
.lsm-bag{font-size:4.4rem; bottom:40px; left:108px;}
.tz-then{margin:8px 0 0; padding:12px 14px; text-align:center; font-size:.92rem; line-height:1.5; background:#FBF2DC; border-color:var(--gold);}
.tz-then b{font-weight:900;}

/* ===== האוזניות בסגול: אותן אוזניות, רק צבועות. בלי רקע מיוחד (28.9.2026, בקשת דגן) ===== */
.music-btn .mb-ic{color:transparent; text-shadow:0 0 0 #8E5BC9;}
.music-btn.on .mb-ic{text-shadow:0 0 0 #fff;}

/* ההסבר של כל קובייה ב"מה מקבלים" נפתח כחלון מלמטה, בלי גלילה */
.tz-sheet{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding-top:6px;}
.tz-sheet-ic{width:64px; height:64px; border-radius:22px; display:flex; align-items:center; justify-content:center; font-size:2rem; background:#FBF2DC;}
.tz-sheet h2{margin:0; padding:0 !important; font-size:1.5rem; font-weight:900;}
.tz-sheet p{margin:0 0 8px; font-size:1.08rem; line-height:1.6; color:#111;}

/* ===== הלופ שלי (28.9.2026) ===== */
.lp{display:flex; flex-direction:column; gap:10px; text-align:center;}
.lp h2{padding:0 !important; margin:0;}
.lp-eyebrow{font-size:.84rem; font-weight:800; color:#8E5BC9;}
.lp-name{font-size:1.7rem !important; font-weight:900; line-height:1.2; color:#111;}
.lp-lead{margin:0; font-size:1.02rem; line-height:1.6;}
.lp-empty{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin:4px 0;}
.lp-empty > div{display:flex; flex-direction:column; align-items:center; gap:4px; padding:12px 6px; border-radius:16px; background:#FAF8F3; border:1px solid var(--line);}
.lp-empty span{font-size:1.4rem;} .lp-empty b{font-size:.84rem; font-weight:800; line-height:1.25;}
.lp-list{padding:14px; border-radius:18px; text-align:start; background:#FAF8F3; border:1px solid var(--line);}
.lp-list > b{display:block; font-size:1.02rem; font-weight:900; color:#111; margin-bottom:8px;}
.lp-list ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.lp-list li{display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:10px 12px; border-radius:14px; background:#fff; border:1px solid var(--line);}
.lp-list li p{margin:0; font-size:1rem; line-height:1.45; color:#111;}
.lp-list li small{font-size:.78rem; color:var(--ink-soft);}
.lp-list li .btn{margin-top:6px;}
.lp-out{background:#F3F9F0; border-color:#CFE6C6;}
.lp-del{align-self:center; color:var(--ink-soft); margin-top:4px;}
.soul-links.one-row{gap:5px;}
.soul-links.one-row > *{font-size:.78rem; padding-inline:8px;}

/* הכפתור "הצטרפות" בתפריט של עמוד התכנית: מוביל לכפתור ההצטרפות, ובולט בזהב (28.9.2026, בקשת דגן) */
#pv-pockets .bp-pockets a.tz-join-pocket{border-color:var(--gold); background:#FBF2DC; font-weight:900;}
#pv-pockets .bp-pockets a.tz-join-pocket.on{background:var(--gold); border-color:var(--gold); color:#111;}
#pv-t-join{scroll-margin-top:var(--sticky-offset, 140px);}
/* אני מול עצמי: מתי וכמה (4 קוביות), מה ההבדל (פתוח, שתי עמודות), הצטרפות עם כותרת (29.9.2026) */
.tz-facts.tz-facts4{grid-template-columns:repeat(2, minmax(0,1fr));}
.tz-facts4 .card{padding:14px 8px;}
.tz-facts4 b{font-size:1.15rem;}
.tz-facts4 p{font-size:.82rem;}
.tz-facts4 small{font-size:.8rem;}
.tz-why{margin:10px 4px 0; text-align:center; font-size:.9rem; color:var(--ink-soft);}
.tz-seats{margin-top:10px; display:flex; flex-direction:column; gap:8px; text-align:center;}
.tz-vs{display:flex; flex-direction:column; gap:8px;}
.tz-vs-head{display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 12px; font-weight:900; font-size:.9rem; text-align:center;}
.tz-vs-head span:first-child{color:var(--brand-green-deep);}
.tz-vs-head span:last-child{color:#111;}
.tz-vs-row{padding:12px; display:flex; flex-direction:column; gap:8px;}
.tz-vs-row > b{font-weight:900; font-size:1rem; text-align:center;}
.tz-vs-row > div{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.tz-vs-row p{margin:0; padding:8px 10px; border-radius:12px; font-size:.88rem; line-height:1.4; text-align:center; background:#F1F7EE; display:flex; align-items:center; justify-content:center;}
.tz-vs-row p:last-child{background:#FFF6DC; font-weight:700;}
.tz-cta-h{font-size:1.2rem; font-weight:900; color:#111;}
.tz-cta .tz-cta-sub{font-weight:600; color:var(--ink-soft); font-size:.92rem;}
.tz-cta .tz-cta-keep{font-weight:600; font-size:.88rem; color:var(--ink-soft);}
.tz-cta > p:first-child{font-weight:700;}

/* כפתור לדגן בלבד בשער: צף בפינה, כדי שהגודל של השער לא ישתנה */
.gate-admin-first{position:fixed; top:calc(8px + env(safe-area-inset-top)); left:8px; z-index:5; padding:6px 10px; border-radius:999px; border:1px solid var(--line); background:#fff; font:inherit; font-size:.74rem; font-weight:700; color:var(--ink-soft); box-shadow:0 2px 8px rgba(0,0,0,.08); cursor:pointer;}

/* מה ההבדל, גרסה נקייה (29.9.2026): שני כרטיסים, ובשני רשימה של מה שמתווסף */
.tz-two{display:flex; flex-direction:column; gap:10px;}
.tz-two .card{padding:16px; display:flex; flex-direction:column; gap:4px;}
.tz-two .card > b{font-size:1.12rem; font-weight:900; color:#111;}
.tz-two .card > small{font-size:.86rem; font-weight:700; color:var(--ink-soft);}
.tz-two .card > p{margin:8px 0 0; font-size:.95rem; line-height:1.5;}
.tz-two-a{background:#F4F9F1;}
.tz-two-b{background:#FFFBEF; border-color:var(--gold);}
.tz-two-b > p{font-weight:800;}
.tz-two ul{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:10px;}
.tz-two li{display:flex; gap:10px; align-items:flex-start; font-size:.92rem; line-height:1.45;}
.tz-two li > span{flex:none; width:22px; height:22px; border-radius:50%; background:var(--brand-green, #289A02); color:#fff; font-weight:900; font-size:.8rem; display:flex; align-items:center; justify-content:center; margin-top:1px;}
.tz-two li b{display:block; font-weight:800;}

/* כפתורי התקשרות במענה למצוקה: ער״ן ומד״א, בלחיצה אחת */
.crisis-calls{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
.crisis-calls .btn{flex:1 1 auto; text-align:center;}
/* הכיתה הפרטית: הקו המקווקו של המסגרת עבר מאחורי השלט "הכיתה הפרטית של" ונראה כמו קצה ריבוע מעל השם (דגן, 29.9.2026). אותו תיקון כמו בדף ההצטרפות */
.private-hero.compact.gold-door::before{display:none !important;}
/* 6.10.2026 (דגן: "רואים בצבוץ של מרובע ופינה - למחוק"): פס הברק (shine) שעבר על הדלת כל 8 שניות נראה מעל השלט כמו מלבן עם פינה. יורד מהדלת של הכיתה הפרטית בלבד */
.private-hero.compact.gold-door::after{display:none !important;}
.private-hero.compact.gold-door .ph-title{position:relative; z-index:1;}
.private-hero.compact.gold-door{height:214px; padding-top:24px !important; padding-bottom:10px; justify-content:flex-start;}
.private-hero.compact.gold-door .ph-week{margin-top:6px;}

/* ===== מסך התשלום (29.9.2026): העיצוב שלנו מסביב, והטופס המאובטח של קארדקום בפנים ===== */
body.payx-on{overflow:hidden;}
.payx{position:fixed; inset:0; z-index:400; background:#fff; display:flex; flex-direction:column; padding:calc(10px + env(safe-area-inset-top)) 16px calc(10px + env(safe-area-inset-bottom)); gap:10px;}
.payx-top{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.payx-top img{height:46px; width:auto;}
.payx-x{width:40px; height:40px; border-radius:50%; border:1.5px solid var(--line); background:#fff; font-size:1rem; font-weight:800; color:#111; cursor:pointer;}
.payx-lock{font-size:.85rem; font-weight:800; color:var(--brand-green-deep);}
.payx-what{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:18px; border:1.5px solid #CBE6C2; background:#F4F9F1;}
.payx-what.gold{border-color:var(--gold); background:#FFFBEF;}
.payx-what small{display:block; font-size:.8rem; font-weight:700; color:var(--ink-soft);}
.payx-what b{display:block; font-size:1.15rem; font-weight:900; color:#111; line-height:1.25;}
.payx-price{text-align:left; flex:none;}
.payx-price b{font-size:1.5rem;}
.payx-body{flex:1 1 auto; min-height:0; display:flex; border:1.5px solid var(--line); border-radius:18px; overflow:hidden; background:#fff; position:relative;}
.payx-frame{flex:1; width:100%; height:100%; border:0; background:#fff;}
.payx-wait{position:absolute; inset:0; margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; font-weight:700; color:var(--ink-soft);}
.payx-foot{display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; font-size:.78rem; color:var(--ink-soft);}
.payx-foot a{font-weight:800; color:var(--brand-green-deep);}

/* אני מול עצמי (דגן, 29.9.2026): המשפט "הדרך מותאמת בדיוק אליך" עם אותו צל עדין של הכותרות, והכותרות בקוביות של "מה מקבלים" בגודל של "איך זה עובד" */
.tz-motto{text-shadow:0 1px 0 #fff, 0 2px 6px rgba(40,154,2,.14);}
.tz-tile b{font-size:1.08rem; font-weight:800; line-height:1.22;}

/* 6.10.2026 (דגן: "באיך המפגש עובד יש בעיה בעיצוב של הכתב"): היה margin:10px 0 0, שביטל את השוליים של .pg-fold, והטקסט נצמד לקצה הכרטיס ונחתך. עכשיו 16 מכל צד ו-16 מתחת לפסקה האחרונה */
.pv-meet-rules p{margin:10px 16px 0; line-height:1.6;}
.pv-meet-rules p:last-child{margin-bottom:16px;}
.tz-sheet p{text-wrap:pretty;}

/* הנוסח המלא על המפגש, גלוי לפני כפתור ההצטרפות (הכרעת טל 29.9.2026, סעיף 32): כאן מחליטים, ולכן כאן קוראים מה קונים */
.tz-meet{margin-top:14px; padding:16px;}
.tz-meet b{display:block; font-size:1.08rem; font-weight:900; color:#111;}
.tz-meet p{margin:8px 0 0; font-size:.95rem; line-height:1.6;}

.pv-meet-calm{margin:10px 4px 8px; text-align:center; font-weight:700; color:var(--brand-green-deep);}

/* נושא המפגש השבועי (29.9.2026) */
.wk-topic{margin-top:10px; padding:12px 14px; border-radius:14px; background:#F4F9F1; border:1.5px solid #CBE6C2;}
.wk-topic small{display:block; font-size:.78rem; font-weight:800; color:var(--ink-soft);}
.wk-topic b{display:block; font-size:1.15rem; font-weight:900; color:#111; line-height:1.3;}
.wk-topic p{margin:4px 0 0; font-size:.92rem; line-height:1.5;}
.wk-soon, .wk-free{margin:8px 2px 0;}
.wk-admin.ok{border-color:#CBE6C2;}
.wk-card{margin:8px 0; padding:12px 14px; border-radius:14px; background:#FFFBEF; border:1.5px solid var(--gold);}
.wk-card > b{display:block; font-size:1.2rem; font-weight:900; color:#111;}
.wk-card p{margin:8px 0 0; line-height:1.5;}
.wk-card p small{display:block; font-size:.76rem; font-weight:800; color:var(--ink-soft);}
.wk-actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;}
.wk-hard{margin-top:12px; border-top:1px dashed var(--line); padding-top:10px;}
.wk-hard summary{cursor:pointer; font-weight:800; font-size:.92rem;}
.wk-hard .btn{margin-top:8px;}

.wk-close{margin:10px 0 0; padding:8px 12px; border-radius:12px; background:#F4F9F1; font-size:.88rem; font-weight:700; line-height:1.5;}

.wk-note, .wk-end{margin:10px 0 0; padding:10px 12px; border-radius:12px; background:#F4F9F1; font-size:.9rem; line-height:1.5;}
.wk-note small, .wk-end small{display:block; font-size:.76rem; font-weight:800; color:var(--ink-soft);}
.wk-end p{margin:4px 0 0;} .wk-end p + p{margin-top:8px; font-weight:700;}

.wk-prep{margin-top:12px; display:flex; flex-direction:column; gap:6px; padding:12px; border-radius:12px; border:1.5px dashed var(--line);}
.wk-prep > small{font-size:.8rem; font-weight:800; color:#111; margin-top:4px;}
.wk-prep .btn{align-self:flex-start; margin-top:4px;}
.wk-end p + p{font-weight:400;} .wk-end p:last-child{font-weight:700;}

.wk-guard{margin:10px 0 0; padding:10px 12px; border-radius:12px; background:#FFF6DC; border:1.5px solid var(--gold); font-size:.88rem; line-height:1.55;}

.wk-cal{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}

.wk-crit{display:block; margin-top:6px; font-size:.8rem; color:var(--ink-soft);}

.wk-off{margin:10px 0 0; padding:12px 14px; border-radius:14px; background:#F4F9F1; font-weight:800; text-align:center;}
.wk-offs{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:8px 0;}
.wk-offs small{flex-basis:100%; font-size:.8rem; color:var(--ink-soft);}
.wk-off-date{display:flex; flex-wrap:wrap; gap:6px; align-items:center; flex-basis:100%;}\n.wk-off-date label{flex-basis:100%; font-size:.8rem; color:var(--ink-soft);}
.wk-off-date .input{flex:1 1 150px; min-width:0;}
.wk-off-row{flex-basis:100%; display:flex; justify-content:space-between; gap:8px; font-size:.9rem; padding:4px 0; border-top:1px dashed var(--line);}

/* הדבקה אחת של כל טיוטות המכתבים (29.9.2026) */
.adm-bulk{margin:8px 0 12px; padding:10px 12px; border:1.5px dashed var(--line); border-radius:14px;}
.adm-bulk summary{cursor:pointer; font-weight:800;}
.adm-bulk textarea{margin:8px 0; direction:rtl;}
.bulk-list{list-style:none; margin:10px 0; padding:0; display:flex; flex-direction:column; gap:6px;}
.bulk-list li{padding:8px 10px; border-radius:10px; background:#F4F9F1; border:1.5px solid #CBE6C2;}
.bulk-list li.bad{background:#FDECEC; border-color:#E5A3A3;}
.bulk-list b{display:block;}
.bulk-list small{display:block; font-size:.84rem; line-height:1.45; color:#111;}
.wk-empty{font-size:.86rem; font-weight:700; color:var(--ink-soft);}

.adm-demo{display:inline-block; padding:1px 8px; border-radius:999px; background:#FFF6DC; border:1px solid var(--gold); font-size:.72rem; font-weight:800; vertical-align:middle;}

/* יציאה: הבחירה למחוק גם מהמכשיר (29.9.2026) */
.out-wipe{display:flex; align-items:center; gap:10px; margin:14px 0 4px; padding:12px 14px; border:1.5px solid var(--line); border-radius:14px; font-weight:700; cursor:pointer;}
.out-wipe input{width:22px; height:22px; flex:none; accent-color:#289A02;}

.out-note{margin:6px 2px 0; line-height:1.5;}

/* להקליט לנשמה טובה (29.9.2026) */
.soul-mic{flex:none; min-width:48px; padding-inline:0; font-size:1.2rem;}
.soul-mic.on{background:#FDECEC; border-color:#E5A3A3; animation:micPulse 1.2s ease-in-out infinite;}
@keyframes micPulse{50%{box-shadow:0 0 0 6px rgba(229,163,163,.35);}}
@media (prefers-reduced-motion: reduce){.soul-mic.on{animation:none;}}

.soul-mic-note{margin:2px 4px 0; font-size:.72rem; line-height:1.3; color:var(--ink-soft); text-align:center;}

.soul-mic-note.care{font-size:.8rem; font-weight:700; color:#111;}
.soul-mic-note a{color:inherit; text-decoration:underline;}

/* קטע ההצטרפות לתכנית "אני מול עצמי": מסגרת זהב, הלוגו, ומחיר במרכז (דגן, 29.9.2026) */
.tz-royal{position:relative; margin-top:12px; padding:34px 22px 24px; border-radius:28px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px;
  background:radial-gradient(120% 70% at 50% 0%, #FFFDF6 0%, #FBF4E2 55%, #F3E6C8 100%);
  border:2px solid var(--gold); box-shadow:0 0 0 5px #FFFDF6, 0 0 0 6px var(--gold-light), 0 18px 40px rgba(150,115,40,.22);}
.tz-royal::before{content:''; position:absolute; inset:9px; border:1px solid rgba(207,177,118,.7); border-radius:20px; pointer-events:none;}
.tz-royal::after{content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.65) 50%, transparent 65%); background-size:250% 100%; animation:tzShine 5s ease-in-out infinite;}
@keyframes tzShine{0%,60%{background-position:120% 0;}100%{background-position:-60% 0;}}
@media (prefers-reduced-motion: reduce){.tz-royal::after{animation:none; opacity:0;}}
.tz-royal > *{position:relative; z-index:1;}
.tz-royal-crown{position:absolute !important; top:-15px; left:50%; transform:translateX(-50%); width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg, #E6CE96, #B8934A); color:#fff; font-size:.95rem; box-shadow:0 0 0 4px #FFFDF6, 0 4px 10px rgba(150,115,40,.35);}
.tz-royal-logo{width:min(190px, 58%); height:auto; filter:drop-shadow(0 6px 12px rgba(150,115,40,.25));}
.tz-royal .tz-cta-h{font-size:1.45rem; line-height:1.25; text-shadow:0 2px 0 rgba(207,177,118,.35);}
.tz-royal-list{list-style:none; margin:0; padding:0; width:100%; display:flex; flex-direction:column; gap:8px;}
.tz-royal-list li{display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:14px; background:rgba(255,255,255,.8); border:1px solid rgba(207,177,118,.6); font-weight:800; color:#111; text-align:start;}
.tz-royal-list li span{flex:none; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg, #F6E9C8, #E2C88E);}
.tz-voices{width:100%; display:flex; flex-direction:column; gap:8px;}
.tz-voices figure{margin:0; padding:14px 16px; border-radius:16px; background:#fff; border:1px solid rgba(207,177,118,.6); text-align:start;}
.tz-voices blockquote{margin:0; font-weight:700; line-height:1.55; color:#111;}
.tz-voices figcaption{margin-top:6px; font-size:.84rem; font-weight:800; color:#111;}
.tz-royal-price{display:flex; flex-direction:column; align-items:center; line-height:1.2;}
.tz-royal-price b{font-size:2.3rem; font-weight:900; color:#111; letter-spacing:-.5px;}
.tz-royal-price small{font-size:.86rem; font-weight:800; color:#111;}
.tz-royal-go{background:linear-gradient(135deg, #D9BC7C 0%, #B8934A 100%); color:#fff; font-size:1.12rem; font-weight:900; padding-block:16px; border-radius:18px; box-shadow:0 8px 20px rgba(150,115,40,.4), inset 0 1px 0 rgba(255,255,255,.5); text-shadow:0 1px 2px rgba(90,65,15,.5);}
.tz-royal .tz-cta-keep{margin:0; font-weight:700; font-size:.88rem; color:#111;}
.tz-royal .tz-soon{margin:0; font-weight:800;}

.tz-voices-h{font-size:1.05rem; font-weight:900; color:#111; text-align:center;}
.tz-voices figcaption{margin-top:6px; font-size:1rem; font-weight:700; line-height:1.55; color:#111;}

/* קטע ההצטרפות: במקום רשימת "מה מקבלים", מה קורה אחרי הלחיצה (29.9.2026) */
.tz-royal-motto{margin:-6px 0 0; font-size:1.02rem; font-weight:800; color:#111;}
.tz-royal-next{width:100%; display:flex; flex-direction:column; gap:10px;}
.tz-royal-next small{font-size:.84rem; font-weight:800; color:#111; letter-spacing:.2px;}
.tz-royal-next ol{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; position:relative;}
.tz-royal-next ol::before{content:''; position:absolute; top:22px; inset-inline:16%; height:2px; background:linear-gradient(90deg, transparent, var(--gold), transparent);}
.tz-royal-next li{position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:.84rem; font-weight:800; line-height:1.3; color:#111;}
.tz-royal-next li span{width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-size:1.2rem; background:linear-gradient(135deg, #FFFDF6, #F1DEB0); border:2px solid var(--gold); box-shadow:0 4px 10px rgba(150,115,40,.25);}

.tz-royal-all{margin-top:-6px; font-size:.9rem; font-weight:800; color:#111; text-decoration:underline; text-underline-offset:3px;}

p.tz-royal-all{margin:-6px 0 0; text-decoration:none;}

/* קטע ההצטרפות נכנס למסך אחד, בלי גלילה (דגן, 29.9.2026): הכל מכווץ, והלוגו מתכווץ עוד במסכים נמוכים */
.tz-royal{padding:24px 18px 16px; gap:9px; margin-top:16px;}
.tz-royal-logo{width:auto; height:clamp(64px, 13vh, 112px); max-width:60%;}
.tz-royal .tz-cta-h{font-size:1.25rem;}
.tz-royal-next{gap:6px;}
.tz-royal-next small{font-size:.8rem;}
.tz-royal-next li{font-size:.78rem; gap:4px;}
.tz-royal-next li span{width:36px; height:36px; font-size:1rem;}
.tz-royal-next ol::before{top:18px;}
.tz-royal-price b{font-size:1.9rem;}
.tz-royal-price small{font-size:.8rem;}
p.tz-royal-all{margin:-4px 0 0; font-size:.84rem;}
.tz-royal-go{padding-block:13px; font-size:1.05rem;}
.tz-royal .tz-cta-keep{font-size:.8rem; line-height:1.35;}
#pv-t-join{margin-bottom:0;}
@media (max-height: 780px){
  .tz-royal{padding:20px 16px 12px; gap:6px; margin-top:14px;}
  .tz-royal-logo{height:clamp(50px, 9.5vh, 80px);}
  .tz-royal .tz-cta-h{font-size:1.12rem;}
  .tz-royal-next li span{width:32px; height:32px; font-size:.95rem;}
  .tz-royal-next ol::before{top:16px;}
  .tz-royal-price b{font-size:1.6rem;}
  .tz-royal-go{padding-block:11px;}
  .tz-royal-crown{width:26px; height:26px; top:-13px; font-size:.8rem;}
}
@media (max-height: 700px){
  .tz-royal{gap:4px; padding:18px 14px 10px;}
  .tz-royal-next small{display:none;}
  .tz-royal-next li{font-size:.74rem;}
  .tz-royal .tz-cta-keep{font-size:.76rem;}
}

/* השורה הקטנה מתחת ל"נשמה טובה" בסרגל התחתון (שקד ושלמה, 29.9.2026): היא הייתה בגודל .42rem, כלומר פחות מ-6 פיקסלים, ואי אפשר לקרוא אותה.
   בגודל קריא (11.5 פיקסלים ומעלה) היא לא נכנסת בין הלשוניות, ולכן היא לא מוצגת בסרגל. התיאור המלא נשאר במסך של נשמה טובה.
   כלל: בפלטפורמה אין טקסט שאמורים לקרוא בגודל קטן מ-.72rem */
.tabbar .tab-sub{display:none;}

/* מסך העבודה: רק שורה דחופה מסומנת באדום (29.9.2026) */
.adm-row.adm-now{border-inline-start:4px solid #D64545; padding-inline-start:10px; background:#FFF6F6; border-radius:10px;}

/* ראש "אני מול עצמי" (דגן, דרך שקד, 29.9.2026): ריבוע לבן אחד בלבד, של הכיתוב. הלוגו שלידו בלי רקע משלו */
.as-logo-wrap{background:none; box-shadow:none;}

/* דגן בלבד: קפיצה מראש התיק למצב אדמין (29.9.2026) */
.me-admin-jump{display:block; margin:0 0 10px auto; padding:8px 14px; border-radius:999px; border:1.5px solid var(--gold); background:#fff; font:inherit; font-size:.84rem; font-weight:900; color:#111; cursor:pointer;}

/* הפלייליסט של דגן במסך "סגור כרגע" (29.9.2026) */
.sc2-music{margin:8px 0 0; text-align:center; font-size:.84rem; font-weight:700; color:#111;}

/* ההזמנה לבית של המשוגעים, בסוף הכיתה הפרטית (30.9.2026). חמה ושקטה: בית מואר, בלי אדום ובלי דחיפות */
.home-invite{position:relative; margin-top:72px; padding:42px 20px 22px; border-radius:26px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px;
  background:radial-gradient(110% 80% at 50% 0%, #FFF8E6 0%, #FDF1D6 45%, #F3F9F0 100%); border:1.5px solid var(--gold-light); box-shadow:0 14px 34px rgba(150,115,40,.16);}
.home-invite p{margin:0; font-weight:600; line-height:1.5; color:#111;}
.hi-ic{position:absolute; top:-32px; left:50%; transform:translateX(-50%); width:64px; height:64px; border-radius:50%; display:grid; place-items:center; font-size:1.9rem; background:#fff; border:2px solid var(--gold); box-shadow:0 0 0 6px #FFF8E6, 0 8px 18px rgba(150,115,40,.25);}
.hi-title{font-size:1.4rem; font-weight:900; color:#111; line-height:1.2;}
.hi-price{display:flex; align-items:baseline; gap:8px; margin-top:4px; padding:8px 16px; border-radius:999px; background:#fff; border:1px solid var(--gold-light);}
.hi-price b{font-size:1.15rem; font-weight:900; color:#111;}
.hi-price small{font-size:.84rem; font-weight:700; color:#111;}
.home-invite .hi-free{font-weight:900; color:#111;}

/* ניווט בתוך שיעור (30.9.2026): הקטע נעצר מתחת לשורת הכיסים, כך שרואים את הכותרת שלו */
#ls-moment, #ls-board, #ls-practice, #ls-step{scroll-margin-top:var(--sticky-offset, 140px);}
.ls-pockets .bp-pockets{grid-template-columns:repeat(auto-fit, minmax(0, 1fr));}
/* שמות הכיסים בשיעור לא יורדים מתחת לרצפת הכתב גם כשהשורה נצמדת ומתכווצת */
.ls-pockets .bp-pockets a, .ls-pockets.stuck .bp-pockets a{font-size:.72rem;}

/* דגן מקליט את הסיפור שלו לשיעור (30.9.2026). רק מנהל רואה */
.story-rec{display:flex; flex-direction:column; gap:8px; margin:0 0 14px; border:1.5px dashed var(--gold); background:#FFFDF6;}
.story-rec > b{font-size:1rem; font-weight:900; color:#111;}
.story-rec > small{margin-top:-6px; font-size:.78rem; font-weight:700; color:#111;}
.sr-row{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.sr-time{font-weight:900; font-variant-numeric:tabular-nums; color:#B3261E;}
.story-rec [data-story-go].on{background:#B3261E; border-color:#B3261E;}
.sr-take{display:flex; flex-direction:column; gap:8px;}
.sr-take audio{width:100%;}
.sr-state{margin:0; min-height:1.3em;}

.hi-admin{font-size:.78rem; font-weight:800; color:#111; background:#fff; border:1px dashed var(--gold); border-radius:999px; padding:4px 12px;}
.sr-fact{margin:0; line-height:1.45;}
.hi-admin{border-radius:14px; line-height:1.4; text-align:center;}

/* הבית של המשוגעים מעוצב כמו קטע ההצטרפות של "אני מול עצמי" (דגן, 30.9.2026): אותה מסגרת זהב, אותו מבנה, המחיר במרכז.
   ובלי חום: כל הכיתוב המשני בשני הכרטיסים שחור. הזהב נשאר רק במסגרות ובכפתור */
.tz-royal.hi-royal{margin-top:34px;}
.hi-royal .hi-ic{position:static; transform:none; margin:0; width:76px; height:76px; font-size:2.3rem; box-shadow:0 0 0 5px #FFFDF6, 0 8px 18px rgba(150,115,40,.25);}
.hi-royal p{margin:0; font-weight:700; line-height:1.5; color:#111;}
.hi-royal .hi-free{font-weight:900;}
.hi-royal .hi-admin{order:-1;}

/* הוראת עיצוב 03 של שקד (30.9.2026), אחרי הכרעת דגן: "להשוות ל-30, כן ל-6 השורות, 19.5".
   כל המספרים נמדדו על המסך ולא לפי מה שכתוב: בכמה מהמקומות האלה כלל ישן גבר על ההחלטה, ולכן הכללים כאן בסוף הקובץ וחזקים */
/* א. כותרת קטע בתוך כרטיס, בשכבה: 1.85rem כמו בכל מקום */
html body h2#ci-title.ci-headline, html body .map-pulse h2.q-title, html body .next-lesson h2.q-title, html body .map-pulse .mpd-title{font-size:1.85rem !important;}
/* ב. כותרת של כרטיס: 1.22rem בכל המסכים. בכרטיסי המפה בתיק כלל של 1.45rem גבר על ההחלטה מ-26.9 */
html body .classroom .cr-body > h3, html body .soft-map .map-item > h3, html body .mi-talent > h3, html body .map-item > h3, html body h2#lc-title{font-size:1.22rem !important;}
/* ג. כתב קטן: רצפה של .72rem */
html body .tabbar .tab-dagan > span, html body .floor-mine, html body .floor small, html body .cr-status, html body .cr-lessons .n, html body .cr-lessons .m,
html body #me-pockets .bp-pockets a, html body #me-pockets.stuck .bp-pockets a{font-size:.72rem !important;}

/* 📢 הכריזה (30.9.2026): לוח ההודעות של בית הספר, בראש השכבה */
.crz{margin:0 0 14px; padding:14px 16px; border:2px solid #289A02; background:#F3F9F0; display:flex; flex-direction:column; gap:10px;}
.crz-head{display:flex; align-items:center; gap:10px;}
.crz-ic{width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-size:1.3rem; background:#fff; border:2px solid #289A02;}
.crz h2{margin:0; font-size:1.22rem; font-weight:900; color:#111; display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.crz-new{font-size:.78rem; font-weight:900; color:#fff; background:#289A02; border-radius:999px; padding:3px 10px;}
.crz-item{padding:10px 12px; border-radius:12px; background:#fff; border:1px solid #CBE6C2;}
.crz-item.fresh{border-color:#289A02;}
.crz-item.older{opacity:.85;}
.crz-item p{margin:0; font-weight:700; line-height:1.5; color:#111; white-space:pre-line;}
.crz-item small{display:block; margin-top:4px; font-size:.78rem; font-weight:700; color:#111;}
#home-board{scroll-margin-top:var(--sticky-offset, 120px);}
#adm-board textarea{margin:8px 0;}

/* כשיש כריזה, שורת הלשוניות בשכבה היא 4 עמודות ולא 3 */
.home-pockets#home-pockets.has-board .bp-pockets{grid-template-columns:repeat(4, minmax(0,1fr));}
.crz::before, .crz::after{display:none;}

.crz-head > div{display:flex; flex-direction:column; gap:2px; min-width:0;}
.crz-sub{margin:0; font-size:.84rem; font-weight:700; line-height:1.4; color:#111;}
.crz-k{margin-inline-end:6px;}
.crz-item .btn{margin-top:8px; align-self:flex-start;}
.crz-item{display:flex; flex-direction:column;}
.crz-kinds{display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 8px;}

img.crz-k{display:block; height:34px; width:auto; max-width:120px; margin:0 0 6px; object-fit:contain;}
.crz-kinds img.crz-k{height:20px; max-width:48px;}

/* הודעות מוכנות בכריזה (30.9.2026) */
.crz-presets{margin:6px 0 4px;}
.crz-presets summary{cursor:pointer; font-weight:800; color:#111;}
.crz-preset-list{display:flex; flex-direction:column; gap:6px; margin-top:8px;}
.crz-preset-list button{text-align:start; padding:9px 12px; border-radius:12px; border:1.5px solid var(--line); background:#fff; font:inherit; font-size:.92rem; font-weight:700; color:#111; cursor:pointer;}
.crz-preset-list button:active{background:#F3F9F0;}
.crz-preset{display:flex; align-items:center; gap:6px;}
.crz-preset > button:first-child{flex:1; display:flex; align-items:center; gap:8px;}
.crz-preset img.crz-k{display:inline-block; height:22px; margin:0;}

/* בכיתה הפרטית, כשיש כיס "הבית": 7 כיסים */
#pv-pockets.has-home .bp-pockets{grid-template-columns:repeat(6, minmax(0,1fr)); gap:4px;}
#pv-home{scroll-margin-top:var(--sticky-offset, 140px);}

/* 8 קוביות ב"מה מקבלים" אחרי שהמדורה יצאה (2.10.2026): 3 בשורה, והאחרונה רחבה כדי שהשורה האחרונה תתמלא */
.tz-get .tz-tile:nth-child(8):last-child{grid-column:span 2;}

/* כפתור הגרסה במסך האדמין (2.10.2026) */
.admin-ver{margin:.3rem 0 0; display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; font-size:.8rem; color:var(--ink-soft);}

/* 4.10.2026, דגן: "למה תכנית הליווי האישית כתובה בחום", ואחרי שראה אפור: "תכתוב בזהב של המותג". זהב המותג, ובגודל 13.5 (האפשרות של שקד מ-30.9: זהב קטן מזה לא קריא) */
/* בחירה של דגן בעיניים אחרי צילום (4.10.2026), ולא ברירת מחדל לקוד חדש; וזה לא פספוס של הכלל "זהב לא קריא בכתב קטן". תקדים זהה: "לקרוא עוד" בעמוד הנחיתה */
.as-label small{font-size:.84rem; color:#CFB176;}
/* 5.10.2026: נוסח החיוב החוזר במסך התשלום, בגוף המסך ולפני הטופס (דן סעיף 9) */
.payx-terms{margin:0 0 10px; padding:10px 12px; border-radius:14px; background:#F6F4EE; font-size:.86rem; line-height:1.55; color:#111;}

/* 5.10.2026, דגן דרך נשמה טובה: "הכפתור יותר גדול מהאחרים". כל הכפתורים בשורה באותו יחס, והשורה ממורכזת (הכלל שהגדיל את האחרון נכתב כשהיו 3 קישורים) */
.soul-links.one-row{justify-content:center;}
.soul-links.one-row a, .soul-links.one-row button{flex:1 1 0;}
/* "מה נשמה טובה יודע עלייך": התוכן עצמו, שורה לכל פריט */
.smem{margin:10px 0 0; display:grid; gap:8px;}
.smem > div{padding:10px 12px; border-radius:14px; background:#F6F4EE;}
.smem dt{font-weight:900; font-size:.9rem;}
.smem dd{margin:3px 0 4px; font-size:.86rem; line-height:1.5; color:#111;}
.smem-ed{font-size:.78rem; font-weight:700; color:var(--brand-green); text-decoration:underline;}
/* 5.10.2026: בחירת מספר התשלומים במסך התשלום, והחשבון של האדם לפני הטופס (דן סעיף 10) */
.payx-count{margin:0 0 10px; display:grid; gap:8px;}
.payx-count > b{font-size:.95rem;}
.payx-pick{display:grid; grid-template-columns:repeat(6, 1fr); gap:6px;}
.payx-pick button{padding:9px 0; border-radius:12px; border:1.5px solid var(--line); background:#fff; font-weight:900; font-size:.95rem;}
.payx-pick button.on{border-color:var(--brand-green); background:#E8F4E5; color:var(--brand-green);}
.payx-plan{margin:0; font-size:.86rem; line-height:1.55; color:#111;}
.smem-more{margin:2px 0 6px;} .smem-more > summary{cursor:pointer; font-size:.82rem; font-weight:700; color:var(--brand-green);}
/* 5.10.2026, דגן: "בחצר... תעצב שלא יהיו מרווחים". רק בדף ההפסקה (זה הדף היחיד עם #yd-pockets) */
.main-inner:has(#yd-pockets) > * + *{margin-top:12px;}
.main-inner:has(#yd-pockets) > .section-title{margin-top:26px; margin-bottom:8px;}
.main-inner:has(#yd-pockets) .sec-sub{margin-bottom:8px;}
.main-inner:has(#yd-pockets) .crazy-rooms{gap:10px;}
#yd-pockets .bp-pockets{grid-template-columns:repeat(3,1fr);} /* 3 כיסים בהפסקה אחרי שהשאלה והמדורה ירדו (5.10.2026) */

/* ---------- שותפים (אפילייט): המסך של דגן, #partners (ירדן, 5.10.2026). כתב: הרצפה .72rem (כלל 5יד), כותרות 900 ---------- */
.pt-card.off{opacity:.72;}
.pt-card h2 small{font-size:.8rem; color:var(--ink-soft); font-weight:700; margin-inline-start:6px;}
.pt-card code{font-family:ui-monospace, Menlo, monospace; font-size:.86rem; background:var(--cream-2); padding:1px 6px; border-radius:6px; direction:ltr; display:inline-block;}
.pt-link{display:flex; gap:8px; align-items:center; margin:10px 0;}
.pt-link .input{flex:1 1 auto; min-width:0; font-size:.8rem; padding:9px 12px; direction:ltr; text-align:left; font-family:ui-monospace, Menlo, monospace;}
.pt-link .btn{flex:0 0 auto;}
.pt-stats{display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin:8px 0;}
.pt-stat{background:var(--cream-2); border-radius:12px; padding:8px 4px; text-align:center; display:flex; flex-direction:column; gap:2px; min-width:0;}
.pt-stat b{font-size:.95rem; font-weight:900; overflow-wrap:anywhere;}
.pt-stat small{font-size:.72rem; color:var(--ink-soft); font-weight:700;}
.pt-sum p{margin:8px 0 0;}
.pt-sales summary{cursor:pointer; font-weight:800; font-size:.9rem; margin:6px 0; list-style:none;}
.pt-sales summary::-webkit-details-marker{display:none;}
.pt-sales ul{list-style:none; margin:0; padding:0;}
.pt-sales li{display:grid; grid-template-columns:1fr auto; gap:4px 10px; align-items:center; padding:8px 0; border-top:1px dashed var(--line); font-size:.86rem;}
.pt-sales li b{font-weight:900;}
.pt-sales li small{grid-column:1 / -1; font-size:.78rem; color:var(--ink-soft);}
.pt-sales li small.ok{color:var(--brand-green); font-weight:800;}
.pt-sales li .btn{grid-column:1 / -1; justify-self:start;}
.pt-actions{margin-top:8px;}
.pt-new .field small{font-size:.78rem; margin-top:4px; overflow-wrap:anywhere;}
.pt-new .field small span{direction:ltr; unicode-bidi:isolate;}

/* ---------- "מה יש כאן": מסך אחד שמסביר את הפלטפורמה, #about (ירדן, 5.10.2026, נוסח ליאת). כתב: רצפה .72rem, כותרות 900 ---------- */
.about{display:flex; flex-direction:column; gap:12px;}
.about-head h1{margin:2px 0 6px; font-size:1.7rem; font-weight:900;}
.about-lead{margin:0; font-size:1.02rem; line-height:1.5;}
.about-lead + .about-lead{margin-top:.6rem;} /* 7.10: הפתיח נהיה 3 פסקאות (הגדרת המשחק של ליאת), רווח קטן ביניהן */
.about-place{display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:start; text-decoration:none; color:inherit;}
.about-ic{font-size:1.7rem; line-height:1; margin-top:2px; text-align:center;}
.about-body h2{margin:0 0 6px; font-size:1.15rem; font-weight:900;}
.about-body h2 small{font-size:.86rem; font-weight:700; color:var(--ink-soft); margin-inline-start:6px;}
.about-body p{margin:0 0 4px; font-size:.9rem; line-height:1.5;}
.about-body p b{font-weight:800; color:var(--brand-green);}
.about-top p{margin:0 0 6px; font-size:.9rem; line-height:1.55;}
.about-all{font-size:.98rem !important;}
.me-fold-link{display:flex; justify-content:space-between; align-items:center; padding:14px 16px; font-weight:800; font-size:1.02rem; color:#1A1814; text-decoration:none;}

/* ---------- "החיים הם משחק": הקונספט של דגן, 5.10.2026, פיילוט בפלטפורמה (ירדן). 4 מקומות: לוח השכבה, הצ׳ק-אין, כרטיס הסוג, העיצוב האנושי ---------- */
/* 6.10.2026 (דגן: "איפה שהוספת תוספות על המשחק... יש רווח הגיוני וזה מעוצב"): שורות המשחק הן כרטיסון קטן עם רקע, כמו "התפקיד בשולחן המשחק" (.type-role), ולא שורה אפורה צמודה לכותרת.
   ⛔ בוטל: .ci-game עם margin:-4px שהדביק אותה לכותרת, ו-.cb-game בלי רקע */
.cb-game, .ci-game{margin:10px 0 12px; padding:9px 12px; border-radius:12px; background:var(--cream-2); font-size:.9rem; line-height:1.5; font-weight:500; color:#1A1814;}
.ci-game{margin:8px 0 12px;}
.cb-game{margin:10px 0 8px; background:rgba(255,255,255,.14); color:inherit;} /* על לוח השכבה הירוק: רקע לבן שקוף ולא קרם */
.type-role{margin:10px 0 0; padding:10px 12px; border-radius:12px; background:var(--cream-2); font-size:.9rem; line-height:1.5;}
.type-role b{font-weight:800;}
.hd-game{margin:0 0 8px; font-size:.95rem; font-weight:800; color:var(--brand-green);}
/* "כמה פוגשים": קופסה משלה, כמו התפקיד שמעליה (דגן 6.10.2026: "לעצב יפה את הסוג שפוגשים, כי אין רווחים"). כותרת בשורה משלה, הסבר, והמקור בקטן */
.type-freq{margin:10px 0 14px; padding:10px 12px; border-radius:12px; background:#fff; border:1.5px dashed var(--line); font-size:.9rem; line-height:1.55; color:var(--ink);}
.type-freq b{display:block; margin-bottom:3px; font-weight:800;}
.type-freq small{display:block; margin-top:6px; font-size:.72rem; color:var(--ink-soft); font-weight:700;}
/* תמונת המשחק במסך הפתיחה (דגן 5.10.2026): 3 שורות, אחת אחרי השנייה, באותו קו של המשפט */
.is-game{display:flex; flex-direction:column; gap:14px; max-width:320px; padding:0 6px;}
.is-game p{margin:0; font-size:1.45rem; font-weight:900; line-height:1.35; color:#2B2822; opacity:0; transform:translateY(8px); animation:is-game-in .6s cubic-bezier(.2,.7,.3,1) forwards;}
.is-game p:first-child{color:#289A02; font-size:1.7rem;}
@keyframes is-game-in{to{opacity:1; transform:none;}}
.gate-game{text-align:center; margin:-2px 0 14px; font-size:.9rem; line-height:1.5; color:var(--ink-soft); font-weight:700;}

/* ---------- 6.10.2026 (ירדן, בקשות דגן): מדורת הערב בעיצוב הלילי בתוך הכיתה הפרטית, והדלת בסגנון לוח המשחק ---------- */
.pv-medura{margin-top:26px; scroll-margin-top:150px;}
.pv-medura .wk-topic{margin:0 0 12px; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.22);}
.pv-medura .wk-topic small{color:#FFD08A;}
.pv-medura .wk-topic b{color:#fff;}
.pv-medura .wk-topic p{color:rgba(255,255,255,.88);}
.pv-medura .wk-soon, .pv-medura .wk-free, .pv-medura .wk-off{margin:0 0 12px; padding:0; background:transparent; text-align:start; font-weight:700; color:rgba(255,255,255,.82) !important;}
.pv-medura .mh-actions .btn-primary{text-align:center;}
.private-hero.compact.gold-door{height:auto; min-height:214px; padding-bottom:14px;}
.private-hero.compact.gold-door .ph-logo{transform:none !important; width:66px !important; margin:6px auto 0 !important;} /* הלוגו הוזז למעלה ב-transform ונכנס בשורת השבוע; עכשיו הוא יושב מתחתיה */
.private-hero.compact.gold-door .ph-week{max-width:none; justify-content:center;}
.ph-role{position:relative; z-index:1; margin-top:8px; padding:4px 14px; border-radius:99px; background:#2B1D3A; color:#FFE9B8; font-size:.82rem; font-weight:800; box-shadow:0 2px 6px rgba(43,29,58,.25);}
.ph-track{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:5px; margin-top:10px;}
.ph-track i{width:13px; height:13px; border-radius:50%; background:#fff; border:2px solid #CFB176; font-style:normal; flex:none;}
.ph-track i.done{background:#CFB176;}
.ph-track i.now{width:28px; height:28px; display:grid; place-items:center; background:var(--brand-green); border:2px solid #fff; color:#fff; font-size:.82rem; font-weight:900; box-shadow:0 0 0 3px rgba(40,154,2,.25), 0 3px 8px rgba(0,0,0,.18);}

/* ---------- 6.10.2026 (ירדן, דגן: "קיר שיתופים לחדרים"): חדר בהפסקה כקיר ולא כצ'אט. כתב: רצפה .72rem ---------- */
.r2-rule{display:flex; gap:8px; align-items:flex-start; margin:10px 2px 10px; font-size:.92rem; line-height:1.45; color:#1A1814;}
.r2-rule b{font-weight:900;}
.r2-write{margin-top:0; padding:12px; gap:10px; border-radius:20px; border:1.5px solid #CBE6C2; background:#fff; box-shadow:0 6px 18px rgba(40,154,2,.08);}
.r2-q{display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%; text-align:start; padding:10px 12px; border-radius:14px; background:#FFF6DC; border:0; font:inherit; color:#1A1814; cursor:pointer;}
.r2-q small{font-size:.74rem; font-weight:800; color:#514E44;}
.r2-q b{font-size:1rem; line-height:1.4; font-weight:900;}
.r2-area{width:100%; min-height:84px; resize:vertical; line-height:1.55; font:inherit; font-size:1rem; padding:12px 14px; border-radius:14px;}
.r2-write .btn{align-self:stretch; text-align:center; font-weight:900;}
.r2-about{margin:10px 2px 0;}
.r2-about > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-size:.84rem; font-weight:800; color:#514E44; padding:6px 0;}
.r2-about > summary::-webkit-details-marker{display:none;}
.r2-about > summary::after{content:'⌄'; font-weight:900;}
.r2-about[open] > summary::after{content:'⌃';}
.r2-about .room-why{margin:6px 0 4px;}
.r2-about .rw-bell{align-self:flex-start;}
.room-chat.r2-feed{max-height:none; min-height:0; overflow:visible; padding:0; margin-top:12px; gap:12px; background:transparent !important; border:0; border-radius:0;}
.r2-feed:empty::before{content:'עוד לא שיתפו כאן. אפשר להיות הראשונים.'; display:block; padding:18px 14px; border-radius:16px; border:1.5px dashed var(--line); text-align:center; color:#514E44; font-weight:700;}
.r2-feed .msg, .r2-feed .msg.me, .r2-feed .msg.them{max-width:none; align-self:stretch; flex-direction:row; align-items:flex-start; gap:10px;}
.r2-feed .msg > div{flex:1; min-width:0;}
.r2-feed .msg .bubble, .r2-feed .msg.me .bubble, .r2-feed .msg.them .bubble{display:block; padding:12px 14px; border-radius:16px; background:#fff; border:1px solid var(--line); font-size:1rem; line-height:1.6; box-shadow:0 2px 8px rgba(0,0,0,.04);}
.r2-feed .msg.me .bubble{background:#F4F9F1; border-color:#CBE6C2;}
.r2-feed .msg .who{font-size:.9rem; font-weight:900; margin-bottom:2px; color:#1A1814;} /* שם הכותב בשחור: זהב המותג בכתב קטן על לבן אינו קריא (2.06) */
.r2-feed .m-new{font-size:.72rem;} /* היה .66rem, מתחת לרצפת הכתב */
.r2-feed .msg .avatar{width:34px; height:34px; margin-top:4px;}
.m-long{display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden;}
.m-long.open{display:block;}
.m-more{display:inline-block; margin-top:4px; font-weight:800;}
.r2-foot{margin:12px 2px 0; text-align:center;}

/* 6.10.2026 (ירדן, דגן): קטע "בונוסים" אחרי "מה מקבלים" במסך ההיכרות של אני מול עצמי */
.tz-bonus{display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:start; padding:16px;}
.tz-bonus-ic{font-size:1.7rem; line-height:1; text-align:center; margin-top:2px;}
.tz-bonus b{display:block; font-size:1.12rem; font-weight:900; line-height:1.3;}
.tz-bonus small{display:block; font-size:.84rem; font-weight:700; color:#514E44; margin-top:2px;}
.tz-bonus p{margin:8px 0 0; font-size:.95rem; line-height:1.6;}

/* 6.10.2026 (ירדן, הכרעת דן): שיתוף בלי שם בחדרי ההפסקה */
.r2-anon{display:flex; gap:10px; align-items:flex-start; padding:4px 2px 0; cursor:pointer;}
.r2-anon input{width:22px; height:22px; margin:2px 0 0; flex:none; accent-color:var(--brand-green);}
.r2-anon b{display:block; font-size:.95rem; font-weight:900;}
.r2-anon small{display:block; font-size:.8rem; line-height:1.5; color:#514E44; margin-top:2px;}
.anon-av{display:inline-grid; place-items:center; background:#EEF4EA; color:#289A02; font-size:1rem;}
.m-del{color:#514E44;}

/* ---------- 🫧 הסיור בכניסה הראשונה (ירדן, 6.10.2026, נוסח ליאת). כתב: הרצפה .72rem ---------- */
.tour-dim{position:fixed; inset:0; z-index:70; background:rgba(26,24,20,.55); display:none;}
.tour.no-spot .tour-dim{display:block;}
.tour-spot{position:fixed; z-index:70; border-radius:18px; box-shadow:0 0 0 9999px rgba(26,24,20,.55), 0 0 0 3px #fff, 0 0 0 6px var(--brand-green); pointer-events:none; transition:top .25s ease, left .25s ease, width .25s ease, height .25s ease;}
.tour.no-spot .tour-spot{display:none;}
.tour-bubble{position:fixed; z-index:71; right:16px; left:16px; max-width:420px; margin:0 auto; padding:16px 16px 14px; border-radius:20px; background:#fff; border:1.5px solid var(--line); box-shadow:0 14px 40px rgba(0,0,0,.28); animation:th-in .22s ease;}
.tour-bubble small{display:block; font-size:.74rem; font-weight:800; color:#514E44; margin-bottom:4px;}
.tour-bubble > b{display:block; font-size:1.2rem; font-weight:900; line-height:1.3; margin:0 36px 6px 0;}
.tour-ic{display:inline-block; margin-inline-end:8px; font-size:1.35rem; vertical-align:-2px;} /* דגן 6.10: אמוג'י בכל בועה, אותו אמוג'י של הלשונית שהבועה יושבת עליה */
.tour-bubble p{margin:0 0 6px; font-size:1rem; line-height:1.55;}
.tour-bubble p b{font-weight:800;}
.tour-bubble .btn{margin-top:8px;}
.tour-x{position:absolute; top:10px; left:10px; width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:#fff; font:inherit; font-size:1rem; font-weight:900; color:#514E44; cursor:pointer;}
.tour-bubble::after{content:''; position:absolute; right:40px; width:16px; height:16px; background:#fff; border:1.5px solid var(--line); border-width:0 1.5px 1.5px 0; transform:rotate(45deg); bottom:-9px; display:none;}
.tour-bubble.above::after{display:block;}
.tour-bubble:not(.above)::before{content:''; position:absolute; right:40px; top:-9px; width:16px; height:16px; background:#fff; border:1.5px solid var(--line); border-width:1.5px 0 0 1.5px; transform:rotate(45deg);}
body.touring{overflow:hidden;}

/* ---------- 🚪 דלתות החדרים בהפסקה (ירדן, 6.10.2026, דגן: "ייחודיות לכל חדר... יותר בגדול כדי שיזמין הצטרפות"). כתב: הרצפה .72rem ---------- */
.rd{display:flex; flex-direction:column; padding:0 !important; overflow:hidden; color:inherit; text-decoration:none; border-radius:24px;}
.rd-scene{position:relative; display:block; height:118px; background:#F6F1E4;}
.rd-icon{position:absolute; right:16px; bottom:-22px; width:60px; height:60px; border-radius:18px; background:#fff; border:3px solid #fff; box-shadow:0 6px 16px rgba(0,0,0,.14); display:grid; place-items:center; font-size:2rem;}
.rd .room-twist{position:absolute; left:12px; top:12px; transform:none;}
.rd-badge{position:absolute; left:12px; bottom:12px; padding:4px 10px; border-radius:99px; background:#1A1814; color:#fff; font-size:.76rem; font-weight:800;}
.rd-body{display:flex; flex-direction:column; gap:6px; padding:30px 16px 16px;}
.rd-name{font-size:1.3rem; font-weight:900; line-height:1.2;}
.rd-short{font-size:.98rem; font-weight:700; color:#1A1814;}
.rd-why{font-size:.92rem; line-height:1.5; color:#514E44;}
.rd-q{display:flex; flex-direction:column; gap:1px; margin-top:4px; padding:10px 12px; border-radius:14px; background:#FFF6DC; font-size:.95rem; font-weight:700; line-height:1.4;}
.rd-q small{font-size:.74rem; font-weight:800; color:#514E44;}
.rd-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px;}
.rd-who{display:flex; align-items:center; gap:6px; font-size:.84rem; font-weight:700; color:#514E44;}
.rd-who .avatars{display:flex;}
.rd-who .avatar{width:26px; height:26px; font-size:.72rem; margin-inline-end:-6px; border:2px solid #fff;}
.rd-go{padding:10px 18px; font-weight:900;}
/* הסצנות: אחת לכל חדר */
.rd.theme-bench .rd-scene{background:linear-gradient(180deg, #DCEFF7 0 62%, #ABD79C 62%);}
.rd.theme-bench .rd-scene::before{content:''; position:absolute; inset:0; background:url('images/tree-full.png') no-repeat 10% 100%/auto 110px;}
.rd.theme-nurse .rd-scene{background:linear-gradient(180deg, #FFF0F3, #FBD9E1); }
.rd.theme-nurse .rd-scene::before{content:''; position:absolute; inset:0; background:radial-gradient(circle at 22% 55%, #fff 0 18px, transparent 19px), radial-gradient(circle at 40% 35%, #fff 0 12px, transparent 13px), radial-gradient(circle at 60% 60%, rgba(255,255,255,.8) 0 14px, transparent 15px); opacity:.9;}
.rd.theme-topic-talent .rd-scene{background:#FFFDF8;}
.rd.theme-topic-talent .rd-scene::before{content:''; position:absolute; inset:0; background:radial-gradient(circle at 18% 40%, #F6C1C1 0 22px, transparent 23px), radial-gradient(circle at 38% 70%, #CFE8F7 0 18px, transparent 19px), radial-gradient(circle at 55% 30%, #FFE7A8 0 20px, transparent 21px), radial-gradient(circle at 72% 65%, #CBE6C2 0 16px, transparent 17px);}
.rd.theme-topic-body .rd-scene{background:linear-gradient(180deg, #CFE8F7 0 58%, #8FCB7F 58% 66%, #289A02 66%);}
.rd.theme-topic-body .rd-scene::before{content:''; position:absolute; inset:0; background:radial-gradient(circle at 24% 34%, #FFD94A 0 22px, rgba(255,217,74,.35) 23px 30px, transparent 31px), repeating-linear-gradient(90deg, transparent 0 34px, rgba(255,255,255,.55) 34px 36px) 0 76%/100% 8px no-repeat;}
.r2-games{margin-top:12px; padding:14px;}
.r2-games .section-title{margin:0 0 10px;}

.lsh-label .lsh-role{display:block; margin-top:2px;} /* דגן 6.10: התפקיד בשולחן בכיתוב של השכבה */

.pv-how-title{margin:14px 0 8px;} /* כותרת גלויה לרצועה "איך התכנית עובדת" (6.10.2026) */

/* 6.10.2026 (דגן: "בהבית של המשוגעים שזה יהיה בזהב והמחיר בירוק", ואחרי צילום: "דיברתי לשנות את הצבע של הכיתוב לא הרקעים"): הכותרת בזהב המותג, המחיר בירוק, הרקע לא משתנה.
   ⛔ בוטל: רקע זהב לכרטיס. זהב המותג בכתב גדול (23 פיקסלים, 900) הוא בחירה של דגן בעיניים, כמו השלט "תכנית הליווי האישית", ולא ברירת מחדל לקוד חדש */
.hi-royal .hi-title{color:#CFB176; font-size:1.9rem !important;} /* דגן 6.10: "להגדיל את הבית של המשוגעים": הכותרת מ-1.45rem ל-1.9rem (30 פיקסלים) */
.hi-royal .hi-ic{width:92px; height:92px; font-size:2.9rem;} /* והבית עצמו גדל איתה, מ-76 ל-92 */
.hi-royal .tz-royal-price b{color:var(--brand-green);}

/* 🎲 זריקת קוביות אחרי הסיור, גרסה 2 (ירדן, 6.10.2026; דגן: "יותר מגניבות ובלי רקע, כאילו זורקים אותם על שולחן, בלי לכתוב שום דבר אחרי") */
.dice-roll{position:fixed; inset:0; z-index:72; display:flex; align-items:center; justify-content:center; perspective:900px; cursor:pointer; background:rgba(26,24,20,.55); animation:th-in .25s ease;} /* דגן 6.10: רקע שחור דהוי כמו ב-7 הבועות (אותו ערך של .tour-spot) */
.dice-roll.out{opacity:0; transition:opacity .45s ease;}
.dice3{position:absolute; left:50%; top:46%; width:64px; height:64px; margin:-32px 0 0 -32px; transform-style:preserve-3d; animation:dice-throw 1.25s cubic-bezier(.25,.9,.3,1) var(--delay) both;}
.cube{position:absolute; inset:0; transform-style:preserve-3d; animation:dice-spin 1.25s cubic-bezier(.2,.8,.3,1) var(--delay) both;}
.cf{position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:8px; border-radius:12px; background:linear-gradient(145deg, #FFFFFF, #ECE7D9); box-shadow:inset 0 0 0 1.5px #D9D0BA, inset 0 -3px 6px rgba(0,0,0,.08); backface-visibility:hidden;}
.cf b{display:block; border-radius:50%; background:transparent;}
.cf b.on{background:#1A1814; box-shadow:inset 0 2px 3px rgba(255,255,255,.35);}
.cf.f{transform:rotateY(0deg) translateZ(32px);} .cf.b{transform:rotateY(180deg) translateZ(32px);}
.cf.r{transform:rotateY(90deg) translateZ(32px);} .cf.l{transform:rotateY(-90deg) translateZ(32px);}
.cf.t{transform:rotateX(90deg) translateZ(32px);} .cf.d{transform:rotateX(-90deg) translateZ(32px);}
.dice-shadow{position:absolute; left:4px; right:4px; bottom:-14px; height:14px; border-radius:50%; background:rgba(0,0,0,.28); filter:blur(5px); transform:translateZ(-40px); animation:dice-shadow 1.25s cubic-bezier(.25,.9,.3,1) var(--delay) both;}
@keyframes dice-throw{0%{transform:translate(calc(var(--dx) * -3 + 120px), 42vh) rotate(0) scale(.5); opacity:0;} 10%{opacity:1;} 30%{transform:translate(calc(var(--dx) * -1), -16vh) rotate(calc(var(--dz) * 4)) scale(1.1);} 58%{transform:translate(var(--dx), 10px) rotate(calc(var(--dz) * 2)) scale(1.04);} 74%{transform:translate(var(--dx), -22px) rotate(calc(var(--dz) * 1.3)) scale(1);} 86%{transform:translate(var(--dx), 4px) rotate(var(--dz));} 100%{transform:translate(var(--dx), 0) rotate(var(--dz)) scale(1);}}
@keyframes dice-spin{0%{transform:rotateX(calc(var(--rx) + 1080deg)) rotateY(calc(var(--ry) + 720deg));} 100%{transform:rotateX(var(--rx)) rotateY(var(--ry));}}
@keyframes dice-shadow{0%{opacity:0; transform:translateZ(-40px) scale(.4);} 58%{opacity:.9; transform:translateZ(-40px) scale(1.05);} 74%{opacity:.5; transform:translateZ(-40px) scale(.8);} 100%{opacity:.85; transform:translateZ(-40px) scale(1);}}
@media (prefers-reduced-motion:reduce){ .dice3, .cube, .dice-shadow{animation:none;} .dice3{transform:translate(var(--dx), 0) rotate(var(--dz));} .cube{transform:rotateX(var(--rx)) rotateY(var(--ry));} }

/* 🎲 הצ'ק-אין בקונספט קוביות (דגן 6.10.2026): כל מזג הוא קובייה לבנה עם 4 נקודות בפינות, והנבחרת מודגשת */
.checkin .moods .mood{position:relative; border-radius:14px; background:#fff radial-gradient(circle, #1A1814 0 2.2px, transparent 2.6px) no-repeat; background-image:radial-gradient(circle at 9px 9px, #1A1814 0 2.2px, transparent 2.6px), radial-gradient(circle at calc(100% - 9px) 9px, #1A1814 0 2.2px, transparent 2.6px), radial-gradient(circle at 9px calc(100% - 9px), #1A1814 0 2.2px, transparent 2.6px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), #1A1814 0 2.2px, transparent 2.6px), linear-gradient(145deg, #FFFFFF, #F1ECE0); box-shadow:0 3px 0 #DCD3BE, 0 5px 10px rgba(0,0,0,.08);}
.checkin .moods .mood:active{transform:translateY(2px); box-shadow:0 1px 0 #DCD3BE;}
.checkin .moods .mood[aria-pressed="true"]{background-image:radial-gradient(circle at 9px 9px, #289A02 0 2.2px, transparent 2.6px), radial-gradient(circle at calc(100% - 9px) 9px, #289A02 0 2.2px, transparent 2.6px), radial-gradient(circle at 9px calc(100% - 9px), #289A02 0 2.2px, transparent 2.6px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), #289A02 0 2.2px, transparent 2.6px), linear-gradient(145deg, #F4F9F1, #E6F3E0); box-shadow:0 3px 0 #9FCB8E, 0 5px 12px rgba(40,154,2,.18);}

/* 🎲 קובייה מסתובבת ליד "איך אני מרגיש היום?" עד שמסמנים (דגן 6.10.2026: "משהו עם קוביה מסתובבת... שימשוך את העין לסמן") */
.ci-die{display:inline-block; width:40px; height:40px; margin-inline-end:12px; vertical-align:-8px; perspective:400px;}
.ci-die .cube{position:relative; display:block; width:40px; height:40px; transform-style:preserve-3d; animation:ci-die-spin 5s linear infinite;}
.ci-die .cf{padding:5px; gap:2px; border-radius:8px; box-shadow:inset 0 0 0 1px #D9D0BA, 0 2px 6px rgba(0,0,0,.12);}
.ci-die .cf.f{transform:rotateY(0deg) translateZ(20px);} .ci-die .cf.b{transform:rotateY(180deg) translateZ(20px);}
.ci-die .cf.r{transform:rotateY(90deg) translateZ(20px);} .ci-die .cf.l{transform:rotateY(-90deg) translateZ(20px);}
.ci-die .cf.t{transform:rotateX(90deg) translateZ(20px);} .ci-die .cf.d{transform:rotateX(-90deg) translateZ(20px);}
@keyframes ci-die-spin{0%{transform:rotateX(-20deg) rotateY(0deg);} 100%{transform:rotateX(-20deg) rotateY(360deg);}}
@media (prefers-reduced-motion:reduce){ .ci-die .cube{animation:none; transform:rotateX(-20deg) rotateY(-30deg);} }
.checkin .ci-headline:has(.ci-die){display:flex; align-items:center; gap:10px;} /* הקובייה באותה שורה עם הכותרת, לא מעליה */
.ci-headline .ci-die{margin:0; flex:none;}

/* 🎲 גרסה 3: נשמה טובה זורק את הקוביות (דגן 6.10.2026). הדמות עולה מלמטה-שמאל עם "מתחילים לשחק", מניפה, והקוביות עפות ממנה אל אמצע המסך */
.dice-soul{position:absolute; left:14px; bottom:calc(var(--tab-h, 64px) + 22px); width:124px; display:flex; flex-direction:column; align-items:center; gap:6px; animation:soul-in .5s cubic-bezier(.2,.8,.3,1) both;}
.dice-soul img{width:124px; height:auto; filter:drop-shadow(0 10px 18px rgba(0,0,0,.35)); transform-origin:50% 90%; animation:soul-throw .6s ease .75s both, soul-dance .55s ease-in-out 1.4s 4 alternate;} /* דגן 6.10: "אפשרי שהוא ירקוד?": אחרי הזריקה, 4 קפיצות עם נדנוד לצדדים */
.dice-say{animation:th-in .3s ease .3s both, say-bounce .55s ease-in-out 1.4s 4 alternate;}
@keyframes soul-dance{0%{transform:translateY(0) rotate(-9deg) scaleX(1);} 50%{transform:translateY(-18px) rotate(0) scaleX(1.04);} 100%{transform:translateY(0) rotate(9deg) scaleX(1);}}
@keyframes say-bounce{0%{transform:translateY(0) rotate(-3deg);} 100%{transform:translateY(-6px) rotate(3deg);}}
.dice-say{padding:8px 14px; border-radius:999px; background:#fff; color:#1A1814; font-weight:900; font-size:1rem; white-space:nowrap; box-shadow:0 8px 20px rgba(0,0,0,.25); animation:th-in .3s ease .3s both;}
@keyframes soul-in{0%{transform:translateY(60vh); opacity:0;} 100%{transform:translateY(0); opacity:1;}}
@keyframes soul-throw{0%{transform:rotate(0);} 35%{transform:rotate(-14deg) translateY(6px);} 60%{transform:rotate(12deg) translateY(-10px);} 100%{transform:rotate(0);}}
@media (prefers-reduced-motion:reduce){ .dice-soul, .dice-soul img{animation:none;} }

/* 6.10.2026 (דגן: "שלא תהיה גלילה באיך אני מרגיש היום, שזה יהיה באותו מסך ולהקטין את הקובייה קצת ככה שגם מסביבה יהיו יותר רווחים"): הצ'ק-אין נכנס למסך אחד */
.ci-die{width:30px; height:30px; margin:0;}
.ci-die .cube{width:30px; height:30px;}
.ci-die .cf{padding:4px; gap:1.5px; border-radius:6px;}
.ci-die .cf.f{transform:rotateY(0deg) translateZ(15px);} .ci-die .cf.b{transform:rotateY(180deg) translateZ(15px);}
.ci-die .cf.r{transform:rotateY(90deg) translateZ(15px);} .ci-die .cf.l{transform:rotateY(-90deg) translateZ(15px);}
.ci-die .cf.t{transform:rotateX(90deg) translateZ(15px);} .ci-die .cf.d{transform:rotateX(-90deg) translateZ(15px);}
.checkin .ci-headline{display:flex !important; align-items:center; justify-content:center; gap:14px; margin:4px 0 8px;}
.checkin .ci-game{margin:0 0 8px; padding:8px 12px;}
.checkin .sec-sub{margin-bottom:4px;}
.checkin .moods{margin-top:10px; gap:6px; flex-wrap:nowrap;}
.checkin .moods .mood{padding:8px 6px; font-size:.78rem; gap:4px; flex:1 1 0; min-width:0; justify-content:center;}
.checkin .moods .mood span{font-size:1.25rem;}
/* המזגים בשורה אחת: אמוג'י מעל המילה, נקודות קטנות יותר בפינות, כדי שהמילים לא יתנגשו בנקודות */
.checkin .moods .mood{flex-direction:column; gap:2px; padding:7px 4px 6px; font-size:.72rem; line-height:1.15; border-radius:12px; background-image:radial-gradient(circle at 6px 6px, #1A1814 0 1.6px, transparent 2px), radial-gradient(circle at calc(100% - 6px) 6px, #1A1814 0 1.6px, transparent 2px), radial-gradient(circle at 6px calc(100% - 6px), #1A1814 0 1.6px, transparent 2px), radial-gradient(circle at calc(100% - 6px) calc(100% - 6px), #1A1814 0 1.6px, transparent 2px), linear-gradient(145deg, #FFFFFF, #F1ECE0);}
.checkin .moods .mood[aria-pressed="true"]{background-image:radial-gradient(circle at 6px 6px, #289A02 0 1.6px, transparent 2px), radial-gradient(circle at calc(100% - 6px) 6px, #289A02 0 1.6px, transparent 2px), radial-gradient(circle at 6px calc(100% - 6px), #289A02 0 1.6px, transparent 2px), radial-gradient(circle at calc(100% - 6px) calc(100% - 6px), #289A02 0 1.6px, transparent 2px), linear-gradient(145deg, #F4F9F1, #E6F3E0);}
.checkin .moods .mood span{font-size:1.35rem; line-height:1;}

/* 🃏 הסקריפט של השכבה (דגן 6.10.2026): "מתחילים לשחק" בחלון משלו של נשמה טובה, ו-3 קלפים שעולים מהדשא ונפרשים, האמצעי מתהפך לג'וקר. ⛔ הקוביות על הדשא בוטלו (דגן: "קוביות יש כבר הרבה") */
.lsh-say2{animation-name:lsh-say2 !important;}
@keyframes lsh-say2{0%, 20%{opacity:0;} 24%, 36%{opacity:1;} 40%, 100%{opacity:0;}}
.lsh-cards{position:absolute; z-index:3; bottom:34px; left:160px; width:60px; height:44px; pointer-events:none; opacity:0; animation:lsh-cards 30s ease-in-out 2s infinite;}
.lsh-card{position:absolute; left:18px; bottom:0; width:26px; height:38px; transform-origin:50% 100%; transform-style:preserve-3d; animation:lsh-card 30s cubic-bezier(.3,.8,.3,1) 2s infinite;}
.lsh-card i{position:absolute; inset:0; border-radius:4px; backface-visibility:hidden; box-shadow:0 1px 3px rgba(0,0,0,.2);}
.lsh-card .cback{ /* לא .back: מחלקה גלובלית של כפתור חזרה עם חץ */ background:#CFB176 repeating-linear-gradient(45deg, rgba(255,255,255,.35) 0 2px, transparent 2px 5px); border:1.5px solid #fff;}
.lsh-card .cface{background:#fff; border:1.5px solid #CFB176; display:grid; place-items:center; font-size:1rem; font-style:normal; transform:rotateY(180deg);}
.lsh-card.c1{--r:-22deg; --x:-12px;} .lsh-card.c2{--r:0deg; --x:0px;} .lsh-card.c3{--r:22deg; --x:12px;}
@keyframes lsh-cards{0%, 21%{opacity:0; transform:translateY(30px);} 24%, 36%{opacity:1; transform:translateY(0);} 40%, 100%{opacity:0; transform:translateY(0);}}
@keyframes lsh-card{0%, 23%{transform:translateX(0) rotate(0) rotateY(0);} 27%{transform:translateX(var(--x)) rotate(var(--r)) rotateY(0);} 30%, 36%{transform:translateX(var(--x)) rotate(var(--r)) rotateY(0);} 40%, 100%{transform:translateX(var(--x)) rotate(var(--r)) rotateY(0);}}
.lsh-card.c2{animation-name:lsh-card-joker;}
@keyframes lsh-card-joker{0%, 23%{transform:translateX(0) rotate(0) rotateY(0);} 27%{transform:translateX(0) rotate(0) rotateY(0);} 30%, 36%{transform:translateX(0) translateY(-6px) rotate(0) rotateY(180deg);} 40%, 100%{transform:translateX(0) rotate(0) rotateY(180deg);}}
@media (prefers-reduced-motion:reduce){ .lsh-cards, .lsh-card{animation:none;} .lsh-cards{opacity:1; transform:none;} .lsh-card.c2{transform:rotateY(180deg);} }
.lsh-say2{right:auto !important; left:-124px !important; bottom:40% !important;} /* הבועה השנייה משמאל לדמות, כדי שלא תיכנס מתחת לכרטיס הברכה */

/* רגשות מדויקים בצ'ק-אין (דגן 6.10.2026): צ'יפים מתחת ל"המזג של היום", עד 3 */
.ci-feel{margin-top:10px; padding:10px 12px; border-radius:14px; background:#fff; border:1px solid var(--line);}
.ci-feel small{display:block; font-size:.8rem; font-weight:800; color:#1A1814; margin-bottom:8px;}
.ci-feel small .muted{font-weight:700; color:#514E44;}
.ci-feel-chips{display:flex; flex-wrap:wrap; gap:6px;}
.ci-chip{font:inherit; font-size:.84rem; font-weight:700; padding:6px 12px; border-radius:999px; border:1.5px solid var(--line); background:#fff; color:#1A1814; cursor:pointer;}
.ci-chip[aria-pressed="true"]{border-color:var(--brand-green); background:var(--s3-bg); color:var(--brand-green-deep); font-weight:900;}

/* 2 המפות של התכנית בסקשן "אני מול עצמי" בתיק (10.10.2026, דגן: "שיבינו שהמפה האנושית והמפה האישית זה 2 דברים שונים"). רצפת כתב .72rem (כלל 5יד): הקטן כאן .8rem */
.ani-maps{display:flex; flex-direction:column; gap:10px; border:1.5px solid #E6DCC4; background:#FFFDF7;}
.ani-maps .am-lead{margin:0; font-weight:800;}
.ani-maps .am-row{display:flex; gap:10px; align-items:flex-start;}
.ani-maps .am-ic{font-size:1.5rem; line-height:1; flex:none; width:1.6em; text-align:center;}
.ani-maps .am-row b{font-size:1.02rem;}
.ani-maps .am-row small{color:var(--ink-soft); font-size:.8rem; margin-inline-start:4px;}
.ani-maps .am-row p{margin:2px 0 0; font-size:.92rem; line-height:1.5;}
.ani-maps .am-row u{text-decoration:none; font-weight:800;}
.ani-maps .am-sum{margin:0; font-size:.9rem; line-height:1.5; color:#514E44; border-top:1px dashed var(--line); padding-top:8px;}
.ani-pmap .am-gives{margin:0 0 8px; font-size:.95rem; line-height:1.5;}
.ani-pmap .am-list{margin:6px 0 0; padding-inline-start:1.1em; font-size:.9rem; line-height:1.55;}
.ani-pmap .am-list li{margin:4px 0;}
.ani-pmap .hd-more{margin:6px 0 10px;}

/* "המפה שלי במשחק" בתיק (10.10.2026): אותו ציור כמו בטופס (אתר/ani-form/form.css .gm-*), בלי המפה האנושית. מי שמשנה שם בודק גם כאן */
.gm-pic h3{margin:0 0 6px; font-size:1.05rem; font-weight:900;}
.gm-skin{fill:#F1EADB; stroke:#CFB176; stroke-width:1.5;}
.gm-one{width:calc(100% + 24px); max-width:none; height:auto; display:block; margin:4px -12px 6px;}
.gm-how > summary{cursor:pointer; list-style:none; display:inline-block; padding:4px 0;}
.gm-how > summary::-webkit-details-marker{display:none;}
.gm-key{font-size:.84rem; line-height:1.5; color:#514E44; margin:6px 0 0;}