:root{--red: #B83227;--red-dark: #8B1A12;--red-soft: #FBEAE7;--yellow: #F4C20D;--yellow-soft: #FEF6D6;--bg: #F4EFE3;--surface: #FFFFFF;--surface-2: #FAF6EB;--ink: #1A1410;--ink-soft: #6B5F4F;--ink-mute: #8A7E68;--line: #E5DDC8;--line-soft: #EFE8D6;--ok: #1F8A5B;--ok-soft: #DBEFE4;--blue: #2F6F9F;--blue-soft: #E6F0F8;--shadow-card: 0 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(26,20,16,.04), 0 4px 12px -4px rgba(26,20,16,.06);--shadow-elevated: 0 1.5px 0 rgba(255,255,255,.95) inset, 0 -1px 0 rgba(26,20,16,.04) inset, 0 1px 2px rgba(26,20,16,.04), 0 10px 24px -8px rgba(26,20,16,.12), 0 28px 56px -20px rgba(26,20,16,.22);--shadow-red: 0 6px 16px rgba(184,50,39,.28);--radius-pill: 99px;--radius-nav: 28px;--radius-modal: 26px;--radius-card: 18px;--radius-btn: 14px;--radius-input: 12px;--radius-chip: 12px;--font-body: "Be Vietnam Pro", -apple-system, sans-serif;--font-display: "Bricolage Grotesque", "Be Vietnam Pro", sans-serif;--font-mono: "JetBrains Mono", monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--red: #D9483B;--red-dark: #B83227;--red-soft: #3A211E;--yellow: #F4C20D;--yellow-soft: #3A3413;--bg: #14110D;--surface: #1F1B15;--surface-2: #26211A;--ink: #F2EBDD;--ink-soft: #C7BDA9;--ink-mute: #9A8F79;--line: #3A3329;--line-soft: #2D2820;--ok: #3BBE83;--ok-soft: #173228;--blue: #6BA8D6;--blue-soft: #16273A;--shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.3), 0 4px 12px -4px rgba(0,0,0,.45);--shadow-elevated: 0 1.5px 0 rgba(255,255,255,.05) inset, 0 10px 24px -8px rgba(0,0,0,.5), 0 28px 56px -20px rgba(0,0,0,.6);--shadow-red: 0 6px 16px rgba(0,0,0,.45)}body{background:radial-gradient(circle at 15% 0%,#211b12 0%,transparent 38%),radial-gradient(circle at 95% 100%,#1d1a13 0%,transparent 45%),var(--bg)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--ink);background:radial-gradient(circle at 15% 0%,#fbf5e5 0%,transparent 35%),radial-gradient(circle at 95% 100%,#f0e4c9 0%,transparent 45%),var(--bg);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}img{display:block;max-width:100%}.app-shell{position:relative;min-height:100dvh;overflow-x:hidden}.tab-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:0;min-height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translate3d(0,12px,0) scale(.985);filter:blur(1px);pointer-events:none;z-index:0;transition:opacity .28s cubic-bezier(.2,.8,.2,1),transform .34s cubic-bezier(.2,.8,.2,1),filter .24s ease;will-change:opacity,transform,filter}.tab-panel.active{position:relative;height:auto;min-height:100dvh;overflow:visible;visibility:visible;opacity:1;transform:none;filter:none;will-change:auto;pointer-events:auto;z-index:1}.page{max-width:480px;margin:0 auto;padding:20px 16px 72px}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:pageFade .22s ease-out both}.top-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:200;background:linear-gradient(90deg,var(--red),var(--yellow),var(--red));background-size:200% 100%;animation:progressSlide 1.1s linear infinite}.skip-link{position:fixed;top:12px;left:12px;z-index:300;transform:translateY(-150%);padding:9px 12px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;box-shadow:var(--shadow-elevated);transition:transform .15s}.skip-link:focus{transform:translateY(0);outline:2px solid var(--yellow);outline-offset:2px}@keyframes progressSlide{0%{background-position:200% 0}to{background-position:0 0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow-card)}.card.tinted{background:var(--surface-2)}.card.elevated{box-shadow:var(--shadow-elevated)}.card.red{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;border-color:var(--red);box-shadow:0 6px 14px -4px #b8322740,0 16px 32px -10px #b8322773}.card.yellow{background:var(--yellow-soft);border-color:var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 16px;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);transition:transform .1s,box-shadow .15s,background .15s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn.primary{background:var(--red);color:#fff;border-color:var(--red);box-shadow:var(--shadow-red)}.btn.primary:hover{background:var(--red-dark)}.btn.yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.btn.ghost{background:transparent}.btn.full{width:100%}.btn.sm{padding:9px 12px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.pill.red{background:var(--red);color:#fff;border-color:var(--red)}.pill.yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.pill.blue{background:var(--blue-soft);color:var(--blue);border-color:transparent}.field{width:100%;padding:11px 13px;border-radius:var(--radius-input);border:1.5px solid var(--line);background:var(--surface);font-family:var(--font-body);font-size:14px;color:var(--ink);outline:none;transition:border-color .15s;-webkit-appearance:none}.field:focus{border-color:var(--red)}.field::placeholder{color:var(--ink-mute)}textarea.field{resize:vertical;min-height:120px;line-height:1.55}.field-label{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);margin-bottom:6px}.field-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.chip{width:36px;height:36px;border-radius:var(--radius-chip);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);flex-shrink:0}.chip.red{background:var(--red-soft);color:var(--red);border-color:transparent}.chip.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.chip.ink{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.lg{width:44px;height:44px;border-radius:14px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:var(--ink-mute);margin-bottom:10px}h1,h2,h3{font-family:var(--font-display)}.msg{font-size:13px;padding:8px 12px;border-radius:10px;margin-top:8px}.msg.success{background:var(--ok-soft);color:var(--ok)}.msg.error{background:var(--red-soft);color:var(--red)}.msg.neutral{background:var(--surface-2);color:var(--ink-soft)}.msg:empty{display:none}.page-header{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;padding:18px 16px 20px;margin:-20px -16px 20px;border-radius:0 0 24px 24px}.page-header h1{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.page-header p{font-size:13px;opacity:.88;margin-top:4px}.learning-page{padding-bottom:88px}.learning-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;box-shadow:var(--shadow-card)}.learning-tab{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 4px;border-radius:13px;color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.05;transition:background .18s,color .18s,box-shadow .18s,transform .1s}.learning-tab:active{transform:scale(.97)}.learning-tab.active{background:var(--red-soft);color:var(--red);box-shadow:0 1px #ffffffd9 inset,0 6px 12px -10px #b8322759}.video-view-page{max-width:760px}.learning-toolbar{margin-bottom:10px}.learning-search{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink-mute);box-shadow:var(--shadow-card)}.learning-search:focus-within{border-color:var(--red)}.learning-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.learning-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:7px 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1;box-shadow:0 1px #ffffffb3 inset}.pill-button.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:var(--shadow-red)}.video-grid{display:grid;gap:12px}.video-card{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);cursor:pointer;text-align:left;transition:transform .14s,box-shadow .14s,border-color .14s}.video-card:hover{border-color:#b8322752;box-shadow:var(--shadow-elevated)}.video-card:active{transform:scale(.99)}.video-thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--ink)}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(180deg,#1a141014,#1a141061)}.video-play svg{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.video-card-body{display:flex;flex-direction:column;gap:7px;padding:12px}.video-card-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--font-display);font-size:15px;font-weight:800;line-height:1.28}.video-card-desc{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--ink-soft);font-size:12px;line-height:1.5}.video-detail{display:flex;flex-direction:column;gap:12px}.video-backbar{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:var(--shadow-card)}.video-backbar button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:13px;font-weight:700}.video-backbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffb8;font-size:12px;font-weight:600}.video-frame{overflow:hidden;aspect-ratio:16 / 9;border-radius:18px;background:#000;box-shadow:var(--shadow-elevated)}.video-frame iframe{display:block;width:100%;height:100%;border:0}.learning-title{margin:10px 0 7px;font-size:19px;line-height:1.25}.learning-description{color:var(--ink-soft);font-size:13px;line-height:1.65;white-space:pre-line}.infographic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.infographic-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink-soft);text-align:left}.infographic-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:top;background:var(--surface-2)}.infographic-card span{display:block;padding:9px 10px 10px;font-size:12px;font-weight:700}.learning-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:16px;background:#0e0c0ae0}.lightbox-content{position:relative;width:min(100%,760px);max-height:92dvh;display:flex;flex-direction:column;align-items:center;gap:10px}.lightbox-content img{max-width:100%;max-height:calc(92dvh - 58px);border-radius:14px;object-fit:contain;box-shadow:0 18px 44px #00000057}.lightbox-close{position:absolute;top:-12px;right:-8px;z-index:1;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-elevated)}.lightbox-controls{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-pill);background:#ffffff24;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lightbox-controls button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff2e;color:#fff}.lightbox-controls span{min-width:42px;text-align:center;font-size:12px;font-weight:800}.notebook-card{padding:22px 18px;text-align:center}.notebook-icon{width:58px;height:58px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--blue-soft);color:var(--blue)}.notebook-card h2{margin-bottom:7px;font-size:21px}.notebook-card p{margin:0 auto 18px;max-width:330px;color:var(--ink-soft);font-size:13px;line-height:1.6}.quiz-embedded{display:flex;flex-direction:column;gap:12px}.quiz-embedded-header{padding:16px;border-radius:18px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;box-shadow:var(--shadow-red)}.quiz-embedded-header h1{font-size:19px;font-weight:800;line-height:1.2}.quiz-embedded-header p{margin-top:4px;font-size:13px;opacity:.88}@media(max-width:360px){.learning-tab{font-size:10px}.infographic-grid{grid-template-columns:1fr}}.chat-markdown>:first-child{margin-top:0}.chat-markdown>:last-child{margin-bottom:0}.chat-markdown p{margin:0 0 10px;white-space:pre-wrap}.chat-markdown h3,.chat-markdown h4,.chat-markdown h5{margin:12px 0 6px;font-family:var(--font-display);line-height:1.3}.chat-markdown h3{font-size:16px}.chat-markdown h4{font-size:14px}.chat-markdown h5{font-size:13px}.chat-markdown ul,.chat-markdown ol{margin:0 0 10px;padding-left:20px}.chat-markdown li{margin-bottom:4px}.chat-markdown ul{list-style:disc}.chat-markdown ol{list-style:decimal}.chat-markdown strong{font-weight:700}.chat-markdown em{font-style:italic}.chat-markdown code{font-family:var(--font-mono);font-size:.9em;padding:1px 5px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line-soft)}.chat-markdown blockquote{margin:0 0 10px;padding:4px 10px;border-left:3px solid var(--line);color:var(--ink-soft)}.empty{text-align:center;padding:32px 16px;color:var(--ink-mute);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .8s linear infinite;display:inline-block}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1}.text-mute{color:var(--ink-mute)}.text-soft{color:var(--ink-soft)}.text-sm{font-size:13px}.text-xs{font-size:12px}.mono{font-family:var(--font-mono)}.divider{height:1px;background:var(--line-soft);margin:12px 0}.bottom-nav-spacer{height:82px}.bottom-nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:380px;min-width:300px;border-radius:999px;padding:5px 8px;display:flex;gap:5px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fffffff0,#ffffffd1);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.92);box-shadow:0 1px #fffffffa inset,0 -1px #1a14100d inset,0 0 0 1px #1a14100a,0 6px 18px -8px #1a141038,0 16px 32px -16px #1a141059;z-index:100}.bottom-nav-center{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;border-radius:50%;opacity:.82;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.bottom-nav-center.active{opacity:1}.bottom-nav-center:active{transform:scale(.94)}.bottom-nav-center img{width:48px;height:48px;border-radius:50%;object-fit:contain;display:block;box-shadow:none;transition:box-shadow .2s ease}.bottom-nav-center.active img{box-shadow:0 0 0 2.5px #b8322759,0 4px 10px #b8322738}.bottom-nav-tab{flex:1;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 8px;border-radius:999px;font-size:11px;font-weight:600;font-family:var(--font-body);color:var(--ink-soft);background:transparent;box-shadow:none;border:none;cursor:pointer;line-height:1;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease}.bottom-nav-tab:active{transform:scale(.94)}.bottom-nav-tab.active{font-weight:700;color:var(--red);background:var(--red-soft);box-shadow:0 1px #fffc inset,0 4px 10px -6px #b8322747}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-fade,.tab-panel,.spinner{animation:none!important;transition:none!important}.tab-panel{transform:none;filter:none}}.tusach-page{display:flex;flex-direction:column;gap:14px}.tusach-embedded{padding-top:0}.tusach-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 0 4px}.tusach-hero h1{margin-top:2px;font-family:var(--font-display);font-size:31px;line-height:1.08;letter-spacing:0;color:var(--ink)}.tusach-hero p:last-child{margin-top:8px;color:var(--ink-soft);font-size:14px;line-height:1.55}.tusach-hero-mark{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-btn);color:var(--red);background:var(--red-soft);border:1px solid rgba(184,50,39,.18)}.tusach-library-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tusach-library-strip div{min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px;border-radius:var(--radius-card);border:1px solid rgba(184,50,39,.12);background:linear-gradient(135deg,#b8322714,#f8b31914),#ffffffb8;box-shadow:0 10px 22px -20px #1f191473}.tusach-library-strip strong{font-family:var(--font-display);font-size:22px;line-height:1;color:var(--red)}.tusach-library-strip span{color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.25}.tusach-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 13px;border-radius:var(--radius-input);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);color:var(--ink-soft)}.tusach-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.tusach-search input::placeholder{color:var(--ink-mute)}.tusach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tusach-book-card{min-height:318px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;color:var(--ink);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.tusach-book-card:hover{border-color:#b8322747;box-shadow:0 1px #ffffffdb inset,0 12px 28px -20px #1f19147a}.tusach-cover{position:relative;width:100%;aspect-ratio:3 / 4;max-height:148px;display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--radius-card) - 4px);border:1px solid rgba(137,111,83,.16);background:linear-gradient(135deg,#b8322714,#f8b3191f),var(--surface-2);color:#b83227b8}.tusach-cover:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(22,16,13,.36));pointer-events:none}.tusach-cover img{width:100%;height:100%;object-fit:cover;display:block}.tusach-cover-badge{position:absolute;right:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:var(--radius-chip);background:#ffffffeb;color:var(--red);font-size:11px;font-weight:800;box-shadow:0 8px 18px -14px #1f19148c}.tusach-book-card:active{transform:scale(.985)}.tusach-book-card.selected{border-color:#b832277a;box-shadow:0 1px #ffffffe6 inset,0 8px 18px -10px #b832276b}.tusach-card-kicker{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tusach-card-kicker>span:last-child{flex:0 0 auto;padding-top:5px;color:var(--ink-mute);font-size:11px;font-weight:800}.tusach-topic{display:inline-flex;max-width:100%;padding:5px 8px;border-radius:var(--radius-chip);background:var(--yellow-soft);color:#7b5b00;font-size:11px;font-weight:700;line-height:1.15}.tusach-book-card strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.32;letter-spacing:0}.tusach-book-card small{color:var(--ink-soft);font-size:11px;line-height:1.35}.tusach-book-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--ink-soft);font-size:12px;line-height:1.5}.tusach-resource-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.tusach-resource-tags span{width:auto;padding:4px 7px;border-radius:var(--radius-chip);border:1px solid rgba(184,50,39,.1);background:#b832270f;color:var(--red);font-size:10px;font-weight:800;line-height:1.15}.tusach-book-card.loading i,.tusach-book-card.loading span,.tusach-book-card.loading strong,.tusach-book-card.loading p{display:block;width:100%;border-radius:10px;background:linear-gradient(90deg,var(--line-soft),#fff,var(--line-soft));background-size:220% 100%;animation:tusachShimmer 1.1s linear infinite}.tusach-book-card.loading i{width:100%;aspect-ratio:3 / 4;max-height:148px}.tusach-book-card.loading span{width:64%;height:22px}.tusach-book-card.loading strong{height:42px}.tusach-book-card.loading p{height:64px}.tusach-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;border-radius:var(--radius-card);border:1px dashed var(--line);color:var(--ink-soft);background:#ffffff73}.tusach-ask{display:flex;flex-direction:column;gap:12px;padding:15px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow-card)}.tusach-ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tusach-ask-head h2{margin-top:2px;font-size:16px;line-height:1.3;letter-spacing:0}.tusach-ask-head svg{flex:0 0 auto;color:var(--red)}.tusach-ask-form{display:flex;flex-direction:column;gap:10px}.tusach-ask-form textarea{width:100%;resize:vertical;min-height:108px;padding:12px;border-radius:var(--radius-input);border:1px solid var(--line);outline:0;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.55}.tusach-ask-form textarea:focus{border-color:#b832276b;box-shadow:0 0 0 3px #b832271a}.tusach-answer{padding:13px;border-radius:var(--radius-card);border:1px solid rgba(31,138,91,.25);background:var(--ok-soft);color:var(--ink)}.tusach-answer p{font-size:14px;line-height:1.65}.tusach-answer-refs{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.tusach-answer-refs span{padding:5px 8px;border-radius:var(--radius-chip);background:#ffffffb3;color:var(--ok);font-size:11px;font-weight:700}.tusach-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 12px calc(92px + env(safe-area-inset-bottom,0px));background:#1a14106b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tusach-modal{position:relative;width:min(100%,760px);max-height:min(82dvh,820px);overflow:auto;overscroll-behavior:contain;padding:18px;border-radius:var(--radius-modal);border:1px solid rgba(255,255,255,.86);background:var(--surface);box-shadow:var(--shadow-elevated)}.tusach-close{position:sticky;top:0;float:right;width:38px;height:38px;display:grid;place-items:center;margin:-4px -4px 8px 8px;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);z-index:1}.tusach-modal-head{clear:both;display:grid;grid-template-columns:126px minmax(0,1fr);gap:16px;align-items:start;padding:12px;border-radius:var(--radius-card);background:linear-gradient(135deg,#b8322712,#f8b31914),var(--surface-2);border:1px solid rgba(184,50,39,.1)}.tusach-detail-cover{aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface-2);box-shadow:0 12px 24px -20px #1f19148c}.tusach-detail-cover img{width:100%;height:100%;display:block;object-fit:cover}.tusach-modal h2{margin:10px 0 4px;font-size:22px;line-height:1.18;letter-spacing:0}.tusach-meta{color:var(--ink-soft);font-size:13px}.tusach-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tusach-detail-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.tusach-detail-overview span{min-height:44px;display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:var(--radius-input);border:1px solid var(--line);background:#ffffffad;color:var(--ink-soft);font-size:12px;font-weight:800;line-height:1.25}.tusach-detail-overview svg{flex:0 0 auto;color:var(--red)}.tusach-detail-loading{margin-top:12px;padding:9px 10px;border-radius:var(--radius-input);background:var(--blue-soft);color:var(--blue);font-size:13px;font-weight:700}.tusach-detail-block{margin-top:16px;padding:13px;border-radius:var(--radius-card);border:1px solid var(--line);background:#ffffff9e}.tusach-detail-block h3{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:14px;line-height:1.2}.tusach-detail-block p{color:var(--ink-soft);font-size:14px;line-height:1.62}.tusach-audio-player{margin-top:12px;padding:8px 12px;background:var(--bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-input, 8px);border:1px solid var(--line, #e2e8f0)}.tusach-audio-player audio{width:100%;height:36px;display:block;outline:none}.tusach-visual-panel{background:linear-gradient(135deg,#b832270d,#f8b31914),#ffffffb8}.tusach-mindmap-board{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center}.tusach-mindmap-board>strong{min-height:72px;display:grid;place-items:center;padding:10px;border-radius:var(--radius-card);background:var(--red);color:#fff;text-align:center;font-size:13px;line-height:1.35;box-shadow:var(--shadow-red)}.tusach-mindmap{display:flex;flex-wrap:wrap;gap:7px}.tusach-mindmap span{padding:7px 9px;border-radius:var(--radius-chip);border:1px solid rgba(184,50,39,.14);background:#b832270f;color:var(--ink);font-size:12px;font-weight:700}.tusach-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tusach-media-card{display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.tusach-media-card:hover{transform:translateY(-1px);border-color:#b832273d;box-shadow:0 14px 28px -24px #1f191480}.tusach-media-card img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover;border-radius:calc(var(--radius-card) - 5px);background:var(--surface)}.tusach-media-card:first-child{grid-column:span 2}.tusach-media-card:first-child img{aspect-ratio:16 / 10;object-fit:contain}.tusach-media-card span{width:fit-content;padding:4px 7px;border-radius:var(--radius-chip);background:var(--red-soft);color:var(--red);font-size:10px;font-weight:800}.tusach-media-card strong{font-size:12px;line-height:1.32}.tusach-media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:calc(14px + env(safe-area-inset-top,0px)) 10px calc(88px + env(safe-area-inset-bottom,0px));background:#120e0bc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tusach-media-viewer-panel{position:relative;width:min(100%,980px);max-height:86dvh;display:flex;flex-direction:column;gap:10px}.tusach-media-viewer-panel>img{max-width:100%;max-height:calc(86dvh - 76px);display:block;object-fit:contain;border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-elevated)}.tusach-media-close{position:absolute;top:10px;right:10px;margin:0;float:none}.tusach-media-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-card);background:#ffffffeb;color:var(--ink)}.tusach-media-caption strong{font-size:13px;line-height:1.35}.tusach-media-caption a{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:var(--red);font-size:12px;font-weight:800}.tusach-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.spin{animation:tusachSpin .9s linear infinite}@keyframes tusachSpin{to{transform:rotate(360deg)}}@keyframes tusachShimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@media(max-width:390px){.tusach-grid{grid-template-columns:1fr}.tusach-library-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tusach-hero h1{font-size:28px}.tusach-book-card{min-height:250px}.tusach-modal-head{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px}.tusach-detail-overview,.tusach-mindmap-board,.tusach-media-grid{grid-template-columns:1fr}.tusach-media-caption{align-items:flex-start;flex-direction:column}}