:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#132033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:grid;grid-template-columns:clamp(20ch,26vw,34ch) minmax(0,1fr)}.sidebar{position:sticky;top:0;block-size:100vh;border-inline-start:1px solid #d6dee8;background:linear-gradient(160deg,#f9fcff,#eaf4ff);padding:20px;overflow:hidden;display:flex;flex-direction:column;gap:10px}.sidebar-header{position:relative;z-index:auto;background:transparent;padding-bottom:0}.sidebar h1{margin:0;font-size:1.6rem}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sidebar-image{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;border-radius:12px;margin-bottom:12px;object-fit:contain}.sidebar p,.sidebar ul{margin:0 0 10px;padding-inline-start:20px;max-width:42ch;color:#355170}.topics-toggle{display:none;font-size:1.1rem}.folder-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.folder-tab{border:1px solid #cfdae7;background:#ffffffc2;color:#1b2e47;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:1.08rem}.folder-tab.active{border-color:#2e7be6;background:#dcecff;font-weight:700}.topic-list{display:flex;flex-direction:column;gap:8px;margin-top:0;overflow:auto;min-block-size:0;padding-inline-end:2px}.topic-item{text-align:start;width:100%;border:1px solid #cfdae7;background:#fff;color:#1b2e47;padding:10px;border-radius:10px;cursor:pointer;white-space:normal;overflow-wrap:anywhere;overflow:visible;font-size:1.15rem;line-height:1.45}.topic-item.active{border-color:#4a97ff;background:#eaf3ff;font-weight:600}.content{min-height:100vh;padding:24px;display:flex;flex-direction:column;align-items:stretch;gap:16px;justify-content:center}.content>*{width:100%;max-width:none}.controls{display:flex;justify-content:center;align-items:center;gap:12px}.controls h2{text-align:center;margin:0;font-size:1.2rem;max-width:68ch;overflow-wrap:anywhere}.info-toggle{inline-size:34px;block-size:34px;border:1px solid #c7d5e8;border-radius:50%;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#294a70}.info-toggle svg{inline-size:18px;block-size:18px}.card{border:0;background:transparent;padding:0;cursor:pointer;inline-size:min(100%,68ch);align-self:center;perspective:1200px}.card-inner{position:relative;min-height:0;block-size:clamp(340px,56vh,520px);transform-style:preserve-3d;transition:transform .4s ease;border-radius:18px;background:#fff;will-change:transform}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:18px;padding:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:flex-start;justify-content:flex-start;text-align:start;line-height:1.6;font-size:1.85rem;box-shadow:0 20px 45px #1b3a5c2e;overflow:hidden}.card-face p{margin:0 auto;width:100%;max-width:60ch;overflow-wrap:anywhere;white-space:pre-line}.card-content{inline-size:100%;block-size:100%;overflow-y:hidden;overflow-x:hidden;display:flex;align-items:flex-start;justify-content:flex-start}.text-he{direction:rtl;text-align:right}.text-en{direction:ltr;text-align:left}.turn-stack{display:flex;flex-direction:column;gap:20px;align-items:center}.turn-card{display:flex;flex-direction:column;gap:6px;inline-size:100%;align-items:center}.speaker-label{font-size:.95rem;font-weight:700;color:#294a70}.multi-turn{justify-content:flex-start}.conversation-stack{max-inline-size:850px;align-self:center;padding-block:4px calc(24px + var(--conversation-tail-gap, 0px))}.conversation-stack .turn-card{position:relative;inline-size:88%}.conversation-stack .speaker-label{position:absolute;inset-block-start:0;inset-inline-start:14px;transform:translateY(-50%);z-index:3;padding:2px 8px;border:1px solid #cfdae7;border-radius:8px;background:#f4f6f8;pointer-events:none}.conversation-stack .speaker-b .speaker-label{inset-inline-start:auto;inset-inline-end:14px}.conversation-stack .speaker-a{align-self:flex-start;align-items:flex-start}.conversation-stack .speaker-b{align-self:flex-end;align-items:flex-end}.conversation-stack .card{inline-size:100%}.conversation-stack .card-inner{display:grid;block-size:auto}.conversation-stack .card-face{position:relative;inset:auto;grid-area:1 / 1;min-inline-size:0;padding:18px;box-shadow:0 5px 16px #1b3a5c1f;border:1px solid #cfdae7}.conversation-stack .card-content{block-size:auto;min-inline-size:0}.conversation-stack .speaker-a .card-face{border-color:#8cb5df}.conversation-stack .speaker-b .card-face{border-color:#93bba6}.card:focus-visible{outline:3px solid #2e7be6;outline-offset:4px;border-radius:18px}.card-front{transform:rotateY(0) translateZ(.1px);background:linear-gradient(160deg,#eef7ff,#e8f4ee);z-index:2}.card-back{background:linear-gradient(160deg,#fff5db,#ffe8d9);transform:rotateY(180deg) translateZ(.1px);z-index:1}.card-inner.flipped .card-front{z-index:1}.card-inner.flipped .card-back{z-index:2}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:nowrap}.actions button{border:1px solid #cad7e7;background:#fff;border-radius:8px;padding:9px 14px;cursor:pointer}.actions button:disabled{cursor:not-allowed;opacity:.45}.counter{margin:0;color:#4d637c;text-align:center;white-space:nowrap}.content-footer{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #d6dee8;background:linear-gradient(180deg,#f4f6f8e0,#f4f6f8 40%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.copyright-footer{margin:0;flex-basis:100%;text-align:center;font-size:.8rem;color:#4d637c}.instructions-panel{border:1px solid #cfdae7;border-radius:12px;background:#fff;padding:12px 14px}.instructions-popover{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:20;box-shadow:0 12px 30px #1b3a5c33}.instructions-panel h1{margin:0 0 8px;font-size:1rem}.instructions-panel p{margin:0 0 8px;max-width:60ch}.empty-state{min-height:100vh;display:grid;place-items:center;text-align:center}@media(max-width:640px){html,body,#root{block-size:100%;overflow:hidden}.layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);block-size:100vh;overflow:hidden}.sidebar{position:sticky;top:0;z-index:5;block-size:auto;border-inline-start:0;border-bottom:1px solid #d6dee8;padding:12px;overflow:visible;display:block;gap:0;background:linear-gradient(160deg,#f9fcff,#eaf4ff)}.sidebar-header{position:sticky;top:0;z-index:6;padding-bottom:6px;background:linear-gradient(160deg,#f9fcff,#eaf4ff)}.instructions-popover{inset-inline:0;top:calc(100% + 6px)}.sidebar-image{max-inline-size:min(42vw,160px);margin-inline:auto;margin-bottom:6px}.sidebar h1{font-size:1.22rem}.sidebar-title-row{margin-bottom:4px}.topics-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cad7e7;border-radius:10px;background:#fff;padding:7px 10px;cursor:pointer;margin-top:6px}.folder-tabs{gap:6px;margin-top:6px;margin-bottom:0}.folder-tab{padding:5px 8px;font-size:.96rem}.topic-list{display:none;margin-top:10px;max-height:42vh;overflow:auto}.topic-list.open{display:flex}.controls{position:sticky;top:0;z-index:4;justify-content:center;padding:6px 8px;border-bottom:1px solid #d6dee8;background:#f4f6f8f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content{block-size:100%;min-height:0;justify-content:flex-start;gap:8px;padding:0 12px 70px;overflow:hidden}.content.multi-turn{padding-bottom:12px;overflow-y:auto;overflow-x:hidden;scroll-padding-top:65px}.conversation-stack .turn-card{inline-size:96%;flex-shrink:0}.multi-turn>.controls,.multi-turn>.turn-stack{flex-shrink:0}.conversation-stack .card-face{padding:14px}.card-inner{block-size:clamp(210px,44vh,320px);overflow:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translateZ(0);-webkit-transform:translateZ(0)}.card-face{font-size:clamp(1.32rem,4.6vw,1.5rem);min-height:0;padding:14px;-webkit-transform-style:preserve-3d;backface-visibility:visible;-webkit-backface-visibility:visible}.card-front{transform:rotateY(0) translateZ(.1px);opacity:1;pointer-events:auto}.card-back{transform:rotateY(180deg) translateZ(.1px);opacity:0;pointer-events:none}.card-inner.flipped .card-front{opacity:0;pointer-events:none}.card-inner.flipped .card-back{opacity:1;pointer-events:auto}.actions{flex-wrap:nowrap;gap:6px}.actions button{padding:7px 10px;font-size:.92rem;white-space:nowrap}.content-footer{position:fixed;inset-inline:0;bottom:0;gap:6px;padding:8px 10px;border-top:1px solid #d6dee8;border-radius:0;justify-content:center}.counter{font-size:.9rem}.copyright-footer{font-size:.72rem;line-height:1.2}}@media(max-width:640px)and (max-height:520px){.sidebar{padding:8px 10px}.sidebar-image{display:none}.sidebar-title-row{margin-bottom:2px}.topics-toggle{margin-top:4px;padding:5px 8px;font-size:.95rem}.folder-tabs{margin:4px 0 0}.folder-tab{padding:4px 7px;font-size:.86rem}.controls{padding:4px 8px}.controls h2{font-size:.98rem}.content{gap:6px;padding-bottom:56px}.card-inner{block-size:clamp(180px,43vh,210px)}.card-face{padding:10px}.content-footer{padding:5px 8px}.actions button{padding:5px 8px;font-size:.86rem}.counter{font-size:.82rem}.copyright-footer{font-size:.66rem}}