:root{--g:#2e7d4f;--g2:#e8f5ec;--t:#1f6f8b;--o:#f4a259;--ink:#1d2b24;--r:18px}
*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{font-family:"Rubik","Heebo","Assistant",Arial,sans-serif;direction:rtl;text-align:right;background:linear-gradient(180deg,#f2faf4,#fff 400px);color:var(--ink);line-height:1.5;font-size:17px}
a{color:var(--t)}
.top{position:sticky;top:0;z-index:5;background:#fff;box-shadow:0 2px 10px #0001;padding:8px 10px}
.brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--g);font-size:22px}
.brand small{color:#557;font-size:13px;margin-right:4px}
.lv{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.lv button{flex:1 1 0;min-width:0;border:2px solid var(--g);background:#fff;color:var(--g);border-radius:999px;padding:6px 2px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.lv button.on{background:var(--g);color:#fff}
main{max-width:860px;margin:0 auto;padding:12px}
h1{font-size:25px;color:var(--g);margin:6px 0 8px}h2{font-size:20px;color:var(--t);margin:16px 0 6px}
.hero{background:linear-gradient(135deg,#d9f2e1,#e6f4fb);border-radius:24px;padding:16px;margin-bottom:12px}
.hero .big{font-size:52px;line-height:1}
.nav4{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.nav4 div{background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 1px 6px #0001;font-size:15px}
.nav4 b{display:block;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile{display:block;text-decoration:none;color:var(--ink);background:#fff;border-radius:var(--r);padding:14px 12px;box-shadow:0 2px 10px #0002;border-bottom:5px solid var(--g);min-height:116px}
.tile .e{font-size:34px}.tile b{display:block;font-size:17px;margin:2px 0}.tile small{color:#556;font-size:14px}
.card{background:#fff;border-radius:var(--r);padding:14px;box-shadow:0 2px 12px #0002;margin:10px 0}
.thought{font-size:21px;font-weight:700;background:var(--g2);border-radius:14px;padding:14px;margin:8px 0;min-height:70px}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.btn{border:none;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;background:var(--g);color:#fff;font-size:17px;min-height:48px}
.btn.alt{background:#fff;color:var(--g);border:2px solid var(--g)}.btn.o{background:var(--o);color:#3a1d00}.btn.t{background:var(--t)}
.btn.wide{flex:1 1 140px}
.opt{display:block;width:100%;text-align:right;border:2px solid #cfe3d6;background:#fff;border-radius:16px;padding:12px;margin:6px 0;font:inherit;cursor:pointer;font-size:16px}
.opt.ok{border-color:#2e7d4f;background:#e3f6e8}.opt.no{border-color:#d9822b;background:#fff3e6}
.fb{border-radius:14px;padding:10px 12px;margin:8px 0;font-weight:600}
.fb.ok{background:#e3f6e8;color:#155c33}.fb.no{background:#fff3e6;color:#8a4b0b}
.score{font-weight:700;color:var(--t)}
.bar{height:10px;background:#e3ece6;border-radius:9px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:var(--g);transition:width .3s}
textarea,input[type=text]{width:100%;font:inherit;border:2px solid #cfe3d6;border-radius:14px;padding:10px;min-height:48px}
.wb{background:#ecfbf1;border:2px dashed #7cc79a;border-radius:14px;padding:8px 10px;margin:8px 0}
.wb summary{font-weight:700;cursor:pointer}.wb span{display:inline-block;background:#fff;border-radius:10px;padding:2px 8px;margin:3px;font-size:16px}
.wb small{direction:ltr;unicode-bidi:isolate;color:#557}
.circles{display:flex;gap:8px;flex-wrap:wrap}.circles>div{flex:1 1 140px;border-radius:18px;padding:8px;min-height:80px;background:#f6faf7;border:2px solid #cfe3d6}
.circles>div b{display:block;margin-bottom:4px}.chip{display:inline-block;background:#fff;border-radius:999px;padding:3px 10px;margin:2px;font-size:14px;box-shadow:0 1px 4px #0002}
.traps{display:grid;grid-template-columns:1fr;gap:6px}
.sw{display:flex;flex-direction:column;align-items:center;gap:10px}
.rule{font-size:20px;font-weight:800;padding:8px 16px;border-radius:999px;background:#fff3d6;color:#7a4b00}
.stim{width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.stim i{display:block;width:96px;height:96px}
.stim i.circle{border-radius:50%}.stim i.square{border-radius:10px}
.stim i.red{background:#e2453c}.stim i.blue{background:#2f6fd6}
.breath{width:170px;height:170px;border-radius:50%;margin:14px auto;background:radial-gradient(circle,#bfe8cf,#5fb685);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#0e3d22;transform:scale(.6);transition:transform 4s ease-in-out}
.breath.in{transform:scale(1)}
.ash{display:grid;gap:6px}.ash div{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 1px 6px #0001}
.ash b{font-size:26px;color:#fff;background:var(--g);border-radius:12px;min-width:44px;text-align:center;padding:2px 0}
table{width:100%;border-collapse:collapse;font-size:15px}td,th{border:1px solid #cfe3d6;padding:6px;text-align:right;vertical-align:top}th{background:var(--g2)}
.note{background:#fff8e6;border-right:5px solid var(--o);border-radius:12px;padding:10px 12px;margin:10px 0}
.safe{background:#eef4ff;border-right:5px solid var(--t);border-radius:12px;padding:10px 12px;margin:10px 0}
.m .btn,.m .opt{font-size:24px;min-height:72px;border-radius:24px}.m .thought{font-size:30px;text-align:center}
.m .bigchoice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m .bigchoice .btn{width:100%;font-size:26px;padding:16px 6px}
.files a{display:block;margin:6px 0}
.foot{display:flex;gap:10px;align-items:center;justify-content:center;padding:16px 12px 24px;color:#4a5a50;font-size:14px;border-top:1px solid #dde9e1;margin-top:20px;flex-wrap:wrap}
.foot img{border-radius:50%}.foot .src{font-size:12px;color:#6a7a70}
.back{display:inline-block;margin:4px 0;text-decoration:none;font-weight:700}
.reveal{background:#eef7ff;border-radius:12px;padding:10px;margin:6px 0}
@media print{@page{size:A4;margin:15mm}body{background:#fff;font-size:12pt;text-align:right}.top .lv,.btn,.btns,.back{display:none!important}.top{position:static;box-shadow:none}.card,.tile{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}