@import"https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500;600;700&family=Heebo:wght@400;500;600;700&display=swap";:root{--bg: #eee9dc;--surface: #fffdf7;--text: #1d2924;--muted: #68716b;--accent: #1f654f;--accent-strong: #154939;--line: #d2cdc0;--done: #2f9e63;--current: #2f6fd0;--danger: #c2402f;--warn: #c8912f;--todo: #b9b3a4;--ink: #10201a;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Heebo,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.centered{height:100%;display:grid;place-content:center;gap:1rem;text-align:center;padding:2rem}.brand{width:min(220px,60vw);height:auto;justify-self:center}.brand-sm{height:34px;width:auto;flex:0 0 auto}.btn{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:.8rem 1.6rem;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn-small{padding:.45rem 1rem;font-size:.85rem;white-space:nowrap}.btn-ghost{background:transparent;border:1px solid currentColor;color:inherit}.link{background:none;border:0;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}.muted{color:var(--muted)}.error-text{color:var(--danger)}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:var(--surface)}.topbar-actions{display:flex;align-items:center;gap:.4rem}.status-chip{display:inline-flex;align-items:center;gap:.3rem;flex:0 1 auto;min-width:0;margin-inline-end:auto;margin-inline-start:.75rem;padding:.3rem .7rem;background:#1f654f14;border:0;border-radius:999px;color:var(--accent-strong);font:inherit;font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.status-chip:hover{background:#1f654f29}.status-book{padding:.7rem 0;border-bottom:1px solid var(--line)}.status-book h3{margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.05rem}.status-section{margin-top:.55rem;padding-inline-start:.6rem;border-inline-start:2px solid var(--line)}.status-section .status-line{margin-top:.1rem}.status-section b{font-size:.88rem}.status-current{margin:.15rem 0 0;font-size:.86rem;color:var(--muted)}.status-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem .6rem;margin:.35rem 0 0;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.status-line b{color:var(--text)}.status-week--on{color:var(--accent-strong);font-weight:600}.status-totals{padding-top:.9rem}.status-totals p{margin:0 0 .3rem;font-size:.9rem}.status-reminder{margin-top:.6rem;border-top:1px solid var(--line)}.status-reminder p{margin:0 0 .2rem;font-size:.8rem}.status-reminder .btn{margin-top:.3rem}.reminder-again{display:flex;justify-content:space-between;gap:.6rem;margin-top:.4rem}.btn-link{padding:0;border:0;background:none;color:var(--accent-strong);font:inherit;font-size:.8rem;cursor:pointer}.btn-link:disabled{color:var(--muted);cursor:default}.btn-share{display:inline-flex;align-items:center;gap:.35rem}.install{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-top:1px solid var(--line);background:var(--surface)}.install-icon{width:34px;height:34px;flex:0 0 auto}.install-text{display:grid;gap:.1rem;min-width:0;font-size:.82rem}.install-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}.tabbar{display:flex;border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:grid;justify-items:center;gap:.15rem;padding:.5rem .25rem .55rem;background:none;border:0;color:var(--muted);font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.tab--on{color:var(--accent-strong)}.home{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1rem 3rem;display:grid;gap:2rem;align-content:start}.home>*{min-width:0}.map-title{font-family:Frank Ruhl Libre,serif;font-size:1.6rem;margin:0 0 1rem}.map-empty{display:block;width:100%;font:inherit;background:none;cursor:pointer;border:1px dashed var(--line);border-radius:14px;padding:2.5rem 1rem;text-align:center;color:var(--muted)}.map-empty:hover{border-color:var(--accent);color:var(--text)}.my-sparks{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%;margin:2rem 0 .5rem;padding:1.25rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--accent);font:inherit;text-align:center;cursor:pointer}.my-sparks:hover{border-color:var(--accent)}.my-sparks-title{font-family:Frank Ruhl Libre,serif;font-size:1.15rem}.my-sparks-sub{color:var(--muted);font-size:.85rem}.home-about{display:block;margin:.75rem auto 0;text-decoration:underline}.credit{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}.about{max-width:34rem;margin:0 auto;padding:2rem 1.25rem 3rem;overflow-y:auto;height:100%}.about-head{text-align:center;display:grid;gap:.5rem;margin-bottom:2rem}.about-section{margin-bottom:1.75rem}.about-section h2{font-family:Frank Ruhl Libre,serif;font-size:1.1rem;margin:0 0 .5rem}.about-section p{margin:0 0 .6rem;line-height:1.7}.about-fine{font-size:.85rem}.about-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;color:var(--muted);direction:ltr}.book{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;margin-bottom:1rem}.book-head{display:flex;flex-direction:column;gap:.15rem}.book-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.book-title{display:flex;align-items:center;gap:.5rem;padding-inline-end:.4rem}.book-title h2{flex:1;min-width:0;margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbs{margin:0;color:var(--muted);font-size:.75rem}.book-actions{display:flex;gap:.25rem}.icon-btn{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;background:none;border:0;border-radius:50%;color:var(--muted);font:inherit;font-size:.95rem;cursor:pointer}.icon-btn:hover{background:#1f654f14;color:var(--accent-strong)}.icon-btn--danger:hover{background:#c2402f1a;color:var(--danger)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#10201a73}.modal-card{position:relative;display:flex;flex-direction:column;width:min(30rem,100%);max-height:88vh;background:var(--surface);border-radius:18px 18px 0 0;overflow:hidden}@media (min-width: 40rem){.modal{align-items:center}.modal-card{border-radius:18px}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .75rem;border-bottom:1px solid var(--line)}.modal-title h2{margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.25rem}.modal-title p{margin:.2rem 0 0}.modal-body{padding:.5rem 1.1rem 1.2rem;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:.6rem;padding:.75rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.modal-ask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:1.1rem;padding:1.4rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom));background:var(--surface)}.modal-ask p{margin:0;font-size:1rem;line-height:1.6;text-align:center}.modal-ask-actions{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.modal-ask-actions .btn{justify-content:center;text-align:center}.btn-danger{color:var(--danger)}.modal--confirm{z-index:40;align-items:center}.confirm-card{width:min(23rem,calc(100% - 2rem));gap:.55rem;padding:1.3rem 1.2rem calc(1.1rem + env(safe-area-inset-bottom));border-radius:18px;text-align:center}.confirm-card h2{margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.15rem}.confirm-card p{margin:0;line-height:1.6;white-space:pre-line}.confirm-actions{display:flex;gap:.6rem;margin-top:.7rem}.confirm-actions .btn{flex:1;justify-content:center;text-align:center}.btn-danger-solid{background:var(--danger);color:#fff}.field{display:grid;gap:.3rem;padding:.7rem 0 0;font-size:.85rem;font-weight:600}.field input,.field textarea{padding:.6rem .8rem;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-weight:400;font-size:.95rem}.field textarea{min-height:4.5rem;resize:vertical}.invite{display:flex;gap:.4rem;align-items:center}.invite input{flex:1;min-width:0;direction:ltr;text-align:left;font-size:.8rem;color:var(--muted)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;font-size:.95rem;cursor:pointer}.switch-row+.switch-row{border-top:1px solid var(--line)}.select-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0 .5rem;font-size:.95rem}.select-row select{padding:.4rem .6rem;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:.9rem;font-weight:600;color:var(--accent-strong)}.hint{margin:0 0 .4rem;padding-bottom:.6rem;border-bottom:1px solid var(--line);font-size:.75rem}.switch{position:relative;flex:0 0 46px;width:46px;height:26px}.switch input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch input+span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--line);transition:background .15s;pointer-events:none}.switch input+span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(20px)}.picker{margin-top:.6rem;padding-top:.9rem;border-top:1px solid var(--line)}.picker-head{margin:0 0 .6rem;font-size:.9rem;font-weight:600}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem;padding:0}.chips li{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem .3rem .35rem;background:#1f654f1a;color:var(--accent-strong);border-radius:999px;font-size:.85rem;font-weight:600}.chip-x{background:none;border:0;padding:0;color:inherit;font:inherit;font-size:.75rem;opacity:.7;cursor:pointer}.chips li.chip--new{background:var(--accent);color:#fff;animation:chip-in 1.4s ease-out 2}@keyframes chip-in{0%,to{box-shadow:0 0 #1f654f00}35%{box-shadow:0 0 0 5px #1f654f40}}.picker-error{margin:0 0 .7rem;font-size:.8rem;color:var(--danger)}.search-small{padding:.55rem .9rem;font-size:.9rem}.picker .results{max-height:15rem;overflow-y:auto}.settings-note{margin:1rem 0 0;font-size:.75rem}.custom-prompt{width:100%;min-height:4.5rem;margin-bottom:.6rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:.9rem;resize:vertical}.branch{padding-inline-start:.65rem;margin-top:.5rem;border-inline-start:2px solid var(--line)}.node{margin:.15rem 0}.node-row{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .4rem;background:none;border:0;border-radius:8px;font:inherit;color:inherit;text-align:start;cursor:pointer}.node-row:hover{background:#1f654f0f}.node-label{flex:1;font-weight:600}.counts{display:inline-flex;align-items:baseline;gap:.25rem;flex:0 0 auto;padding:.15rem .55rem;border-radius:999px;background:#1f654f12;color:var(--muted);font-size:.72rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.counts b{color:var(--accent-strong);font-size:.85rem;font-weight:700}.counts-of{opacity:.75}.counts-unit{opacity:.9}.node-chevron{color:var(--muted);font-size:.78rem;width:1rem;text-align:center}.node-summary{margin:0 0 .6rem;padding-inline-start:1.4rem;color:var(--muted);font-size:.86rem;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:var(--todo)}.dot--done{background:var(--done)}.dot--in_progress{background:var(--current);box-shadow:0 0 0 4px #2f6fd033}.btn-continue{width:100%;margin-top:.9rem}.library{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1rem 2rem}.library h2{font-family:Frank Ruhl Libre,serif;font-size:1.3rem;margin:0 0 .75rem}.search{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit}.results{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.4rem}.results-head{margin:1rem 0 0;font-size:.85rem;font-weight:600;color:var(--muted)}.results li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;background:var(--surface);border:1px solid var(--line);border-radius:12px}.results p{margin:0}.result-title{font-weight:600}.results--tappable li{padding:0;overflow:hidden}.result-row{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:none;border:0;border-radius:inherit;font:inherit;color:inherit;text-align:start;cursor:pointer}.result-row:disabled{cursor:default}.result-row--busy{opacity:.55}.result-row:active{background:#1f654f12}.result-main{flex:1;min-width:0;display:grid}.result-note{flex:none;font-size:.7rem;font-weight:600;color:var(--accent-strong);background:#1f654f1a;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.learn{height:100%;display:flex;flex-direction:column;background:var(--ink);color:#f4f1e8}.learn--message{align-items:center;justify-content:center;gap:1.25rem;text-align:center;padding:2rem}.pulse{width:42px;height:42px;border-radius:50%;background:var(--done);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}.learn-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .9rem}.learn-title{flex:1;display:grid;justify-items:center;line-height:1.25;color:inherit;text-decoration:none}.learn-title strong{font-family:Frank Ruhl Libre,serif;font-size:1.1rem}.learn-book{color:#f4f1e899;font-size:.72rem}.icon-button{width:34px;height:34px;display:grid;place-content:center;border:0;border-radius:50%;background:#ffffff1a;color:inherit;font-size:1rem;cursor:pointer}.icon-button--spark{color:var(--warn)}.deck{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}.deck::-webkit-scrollbar{display:none}.slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;align-content:center;align-content:safe center;padding:1.5rem 1.25rem;overflow-y:auto;scrollbar-width:none}.slide::-webkit-scrollbar{display:none}.slide-body{display:grid;gap:1rem;max-width:34rem;margin-inline:auto;width:100%}.slide-kicker{margin:0;color:var(--warn);font-size:.78rem;font-weight:700}.slide-source p{margin:0 0 .7rem;font-family:Frank Ruhl Libre,serif;font-size:1.45rem;line-height:1.95}.slide-text p{margin:0 0 .8rem;font-size:1.08rem;line-height:1.85;color:#f4f1e8eb}.slide--deeper{background:linear-gradient(180deg,rgba(47,111,208,.16),transparent 60%)}.slide--image{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem}.slide--image img{max-width:min(100%,26rem);max-height:100%;width:auto;height:auto;border-radius:18px;object-fit:contain}.slide--chat{background:linear-gradient(180deg,rgba(47,158,99,.16),transparent 60%)}.slide--commentary .slide-text p{font-family:Frank Ruhl Libre,serif;font-size:1.2rem;line-height:1.9}.slide--questions{background:linear-gradient(180deg,rgba(212,160,23,.16),transparent 60%)}.slide--custom{background:linear-gradient(180deg,rgba(148,108,210,.16),transparent 60%)}.bubble{justify-self:start;max-width:85%;margin:0;padding:.6rem .9rem;border-radius:14px 14px 14px 4px;background:#ffffff24;font-size:.95rem}.deeper{justify-self:start;border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;color:#f4f1e8d9;cursor:pointer}.slide--end{justify-items:center;text-align:center;gap:.75rem}.slide--end h2{margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.5rem}.slide--waiting{justify-items:center;align-content:center;text-align:center;gap:.75rem;color:#f4f1e899}.dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.5rem 0}.dot-part{flex:0 1 6px;min-width:3px;width:6px;height:6px;border-radius:999px;background:#f4f1e840;transition:background .16s ease,flex-basis .2s ease,width .2s ease}.dot-part--on{flex:0 1 32px;min-width:18px;width:32px;overflow:hidden}.dot-part--on>span{display:block;height:100%;border-radius:999px;background:#f4f1e8;transition:width .2s ease}.dot-part--done{background:#2f9e638c}.learn-error{margin:0;padding:0 1rem .5rem;color:#ff9d8d;font-size:.85rem;text-align:center}.ask{display:flex;gap:.5rem;padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1)}.ask input{flex:1;min-width:0;padding:.65rem 1rem;border:0;border-radius:999px;background:#ffffff1f;color:inherit;font:inherit}.ask input::placeholder{color:#f4f1e873}.ask button{border:0;border-radius:999px;padding:0 1.1rem;background:var(--done);color:#fff;font:inherit;font-weight:600;cursor:pointer}.ask button:disabled{opacity:.4}.sheet{position:fixed;inset-inline:0;bottom:0;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));background:#1c2f27;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #00000073;text-align:center}.sheet p{margin:0 0 1rem}.sheet-actions{display:flex;gap:.6rem;justify-content:center}@media (min-width: 720px){.home,.library{width:min(100%,46rem);margin-inline:auto}}.avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;object-fit:cover;background:var(--line)}.avatar--empty{background:var(--accent);color:#fff;font-weight:700}.profile-photo{display:flex;align-items:center;gap:1rem;padding:.9rem 0}.profile-photo-actions{display:flex;align-items:center;gap:.75rem}.author-card{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.author-card h2{margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.3rem}.author-card p{margin:.2rem 0 0;font-size:.85rem}.sparks{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--ink);color:#f4f1e8}.sparks--message{align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center}.sparks--message h2{margin:0;font-family:Frank Ruhl Libre,serif}.sparks--message .muted{color:#f4f1e899;max-width:22rem}.sparks--page{overflow-y:auto;padding:1rem 1rem 2rem}.back{align-self:flex-start;color:#f4f1e8b3;margin-bottom:.75rem}.spark-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;margin:0;padding:0}.spark-grid li{position:relative}.spark-tile{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;display:grid;align-content:center;padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0f;color:inherit;font:inherit;text-align:start;cursor:pointer}.spark-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spark-tile-text{font-size:.85rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.spark-tile-foot{position:absolute;inset-inline-start:.5rem;bottom:.45rem;display:flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:999px;background:#10201a99;font-size:.75rem}.spark-tile-meta{display:grid;gap:.1rem;margin:.3rem 0 0;color:#f4f1e899;font-size:.7rem;line-height:1.4}.spark-tile-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spark-tile-actions{position:absolute;inset-inline-end:.3rem;top:.3rem;display:flex;gap:.2rem}.spark-tile-actions .icon-btn{color:#f4f1e8d9;background:#10201a99;border-radius:50%}.spark-view{touch-action:pan-y}.spark-view--next{animation:spark-rise .36s cubic-bezier(.22,.61,.36,1)}.spark-view--prev{animation:spark-drop .36s cubic-bezier(.22,.61,.36,1)}@keyframes spark-rise{0%{transform:translateY(92%) scale(.9);border-radius:26px;box-shadow:0 -20px 45px #00000080;opacity:.5}}@keyframes spark-drop{0%{transform:translateY(-92%) scale(.9);border-radius:26px;box-shadow:0 20px 45px #00000080;opacity:.5}}@media (prefers-reduced-motion: reduce){.spark-view--next,.spark-view--prev{animation:spark-fade .16s ease}}@keyframes spark-fade{0%{opacity:0}}.spark-bar{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem}.spark-author{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:start;cursor:pointer}.spark-author>span{display:grid;min-width:0}.spark-author strong{font-size:.95rem}.spark-source{color:#f4f1e88c;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spark-date{color:#f4f1e873;font-size:.7rem}.spark-progress{display:flex;gap:3px;padding:0 .9rem .7rem}.spark-progress span{flex:1;height:3px;border-radius:999px;background:#f4f1e833;transition:background .2s ease}.spark-progress span.on{background:#f4f1e8}.slide--note{background:linear-gradient(180deg,rgba(212,160,23,.2),transparent 65%)}.slide--note .slide-text p{font-family:Frank Ruhl Libre,serif;font-size:1.3rem;line-height:1.8;color:#f4f1e8}.slide--join{justify-items:center;align-content:center;text-align:center}.slide--join .slide-body{display:grid;justify-items:center;gap:1rem}.slide--join .brand{width:120px}.slide--join h2{margin:0;font-family:Frank Ruhl Libre,serif;font-size:1.5rem;color:#f4f1e8}.spark-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem .9rem .7rem}.like{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border:0;border-radius:999px;background:#ffffff1a;color:inherit;font:inherit;font-weight:600;cursor:pointer}.like--on{background:#c2402f40;color:#ff9d8d}.learn{position:relative}.modal-card--dark{background:#1c2f27;color:#f4f1e8}.modal-card--dark .modal-head,.modal-card--dark .switch-row{border-color:#ffffff1f}.modal-card--dark .crumbs,.modal-card--dark .muted{color:#f4f1e899}.modal-card--dark .hint{border-color:#ffffff1f}.card-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;margin:.5rem 0 0;padding:0}.card-tile{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;display:grid;align-content:start;gap:.3rem;padding:1.5rem .55rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0f;color:inherit;font:inherit;text-align:start;cursor:pointer}.card-tile:disabled{opacity:.4;cursor:default}.card-tile--on{border-color:var(--warn);background:#d4a01729}.card-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-mark{position:absolute;inset-inline-start:.4rem;top:.4rem;z-index:1;width:1.15rem;height:1.15rem;display:grid;place-items:center;border:1.5px solid rgba(244,241,232,.65);border-radius:5px;background:#10201a80;font-size:.72rem;font-weight:700}.card-tile--on .card-mark{border-color:var(--warn);background:var(--warn);color:var(--ink)}.card-text{font-size:.72rem;line-height:1.5;color:#f4f1e8d9;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-kind{position:absolute;inset-inline:0;bottom:0;padding:.2rem .5rem;background:#10201aa6;font-size:.68rem;font-weight:600;color:#f4f1e8bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spark-compose{border-top:1px solid rgba(255,255,255,.12);padding-bottom:env(safe-area-inset-bottom)}.spark-compose .switch-row{padding:.4rem 1.1rem .8rem;font-size:.88rem}