*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;color:#f5f0e8;font-family:Segoe UI,system-ui,sans-serif;height:100svh;overflow:hidden}body:before{content:"";position:fixed;inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");z-index:9999}.app.svelte-1uha8ag{height:100svh;overflow:hidden;position:relative;display:flex;flex-direction:column}.tab-bar.svelte-1uha8ag{position:fixed;top:0;left:0;right:0;z-index:200;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0f0f0f;border-bottom:1px solid #1e1e1e;padding:0 1rem;height:48px}.tab-logo.svelte-1uha8ag{font-size:1.1rem;font-weight:800;letter-spacing:-.03em;color:#ff2d78;line-height:1;cursor:pointer;text-decoration:none;flex-shrink:0;background:transparent;border:none;padding:0;justify-self:start}.tab-logo.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#f5f0e8}.tab-tabs.svelte-1uha8ag{display:flex;align-items:center;height:48px}.tab-right.svelte-1uha8ag{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.tab-btn.svelte-1uha8ag{background:none;border:none;color:#555;font-size:.85rem;font-weight:600;cursor:pointer;padding:0 .75rem;height:100%;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.03em}.tab-btn.svelte-1uha8ag:hover{color:#888}.tab-btn.active.svelte-1uha8ag{color:#f5f0e8;border-bottom-color:#ff2d78}.account-btn.svelte-1uha8ag{background:none;border:none;color:#444;cursor:pointer;padding:.3rem;display:flex;align-items:center;border-radius:999px;transition:color .15s}.account-btn.svelte-1uha8ag:hover{color:#f5f0e8}.breadcrumb-bar.svelte-1uha8ag{position:fixed;top:48px;left:0;right:0;z-index:150;background:#0f0f0f;padding:.45rem clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;gap:.2rem;border-bottom:1px solid #181818}.breadcrumb.svelte-1uha8ag{font-size:clamp(.78rem,1.6vw,.95rem);color:#555;display:flex;gap:.4rem;align-items:center;flex-wrap:nowrap;white-space:nowrap}.breadcrumb.svelte-1uha8ag span:where(.svelte-1uha8ag){cursor:pointer;transition:color .15s}.breadcrumb.svelte-1uha8ag span:where(.svelte-1uha8ag):hover{color:#ff2d78}.crumb-sep.svelte-1uha8ag{color:#333;pointer-events:none;cursor:default!important}.topic-tagline.svelte-1uha8ag{font-size:clamp(.68rem,1.2vw,.8rem);color:#3a3a3a;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes svelte-1uha8ag-crumbRotateIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.breadcrumb-animate.svelte-1uha8ag{animation:svelte-1uha8ag-crumbRotateIn .35s cubic-bezier(.22,.68,0,1.2) both;transform-origin:top center;perspective:400px}.progress-fixed.svelte-1uha8ag{position:fixed;bottom:0;left:0;right:0;z-index:100;height:3px;background:#1a1a1a}.progress-fill.svelte-1uha8ag{height:100%;background:#ff2d78;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.snap-container.svelte-1uha8ag{height:100svh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:0}.snap-container.svelte-1uha8ag::-webkit-scrollbar{display:none}.slide.svelte-1uha8ag{height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem);position:relative;overflow:hidden}.slide.reading-slide.svelte-1uha8ag{padding-top:calc(100px + clamp(1.5rem,4vw,3rem))}@keyframes svelte-1uha8ag-slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.slide-content.svelte-1uha8ag{animation:svelte-1uha8ag-slideUp .75s cubic-bezier(.22,.68,0,1.2) both;width:100%;max-width:min(720px,90vw);display:flex;flex-direction:column;gap:1.5rem}.welcome-inner.svelte-1uha8ag{text-align:center}.logo.svelte-1uha8ag{font-size:clamp(3rem,10vw,7rem);font-weight:800;letter-spacing:-.04em;color:#ff2d78;line-height:1;margin-bottom:.3rem}.logo.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#f5f0e8}.sub.svelte-1uha8ag{font-size:clamp(1rem,2.5vw,1.5rem);color:#666;line-height:1.6;margin-bottom:3rem}.scroll-hint.svelte-1uha8ag{font-size:clamp(.75rem,1.5vw,.95rem);color:#333;display:flex;align-items:center;justify-content:center;gap:.4rem;animation:svelte-1uha8ag-bounce 2s ease-in-out infinite}@keyframes svelte-1uha8ag-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.screen-title.svelte-1uha8ag{font-size:clamp(1.2rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:.5rem}.l1-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,18vw,160px),1fr));gap:.75rem;width:100%}.l1-card.svelte-1uha8ag{cursor:pointer;transition:border-color .2s,transform .2s;text-align:center;animation:svelte-1uha8ag-slideUp .5s cubic-bezier(.22,.68,0,1.2) both}.l1-card.svelte-1uha8ag:hover{border-color:#ff2d78;transform:translateY(-3px)}.l1-emoji.svelte-1uha8ag{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.4rem}.l1-label.svelte-1uha8ag{font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;line-height:1.3}.l1-desc.svelte-1uha8ag{font-size:clamp(.65rem,1.2vw,.75rem);color:#555;margin-top:.25rem;line-height:1.3}.topic-list.svelte-1uha8ag{display:flex;flex-direction:column;gap:.75rem;width:100%}.topic-row.svelte-1uha8ag{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;padding:1.25rem 1.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;transition:border-color .2s,transform .2s;animation:svelte-1uha8ag-slideUp .5s cubic-bezier(.22,.68,0,1.2) both}.topic-row.svelte-1uha8ag:hover{border-color:#ff2d78;transform:translate(4px)}.topic-name.svelte-1uha8ag{font-weight:700;font-size:clamp(1rem,2vw,1.25rem)}.topic-tag.svelte-1uha8ag{font-size:clamp(.8rem,1.5vw,.9rem);color:#666;line-height:1.4}.floating-up-btn.svelte-1uha8ag{position:fixed;bottom:1.5rem;right:1.5rem;z-index:300;background:none;border:1px solid #2a2a2a;color:#555;border-radius:999px;padding:.5rem 1rem;font-size:clamp(.75rem,1.4vw,.9rem);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0fb3}.floating-up-btn.svelte-1uha8ag:hover{border-color:#888;color:#f5f0e8}.card-wrap.svelte-1uha8ag{padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;width:100%}.card-role.svelte-1uha8ag{font-size:clamp(.65rem,1.2vw,.75rem);font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.transition-whisper.svelte-1uha8ag{font-size:clamp(.8rem,1.5vw,1rem);color:#ff2d78;font-style:italic;margin-bottom:1rem;opacity:.7}.card-text.svelte-1uha8ag{font-family:Georgia,Playfair Display,serif;font-size:clamp(1.4rem,3.5vw,2.8rem);line-height:1.65;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.word.svelte-1uha8ag{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;margin-right:.22em;white-space:nowrap}.word.visible.svelte-1uha8ag{opacity:1;transform:translateY(0)}.keyword{font-weight:800;color:#ff2d78}.secondary{font-style:italic;color:#f5d4a0}.card-type.svelte-1uha8ag{position:absolute;top:1.25rem;right:1.5rem;font-size:clamp(.6rem,1vw,.75rem);color:#2a2a2a;font-weight:700}.card-actions.svelte-1uha8ag{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.bookmark-btn.svelte-1uha8ag{background:transparent;border:1px solid #2a2a2a;color:#555;border-radius:999px;padding:.32rem .85rem;font-size:clamp(.7rem,1.3vw,.85rem);font-weight:600;cursor:pointer;letter-spacing:.04em;transition:border-color .15s,color .15s,background .15s;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.bookmark-btn.svelte-1uha8ag:hover{border-color:#ff2d78;color:#ff2d78}.bookmark-btn.active.svelte-1uha8ag{background:#ff2d78;border-color:#ff2d78;color:#fff}.swipe-hint.svelte-1uha8ag{font-size:clamp(.65rem,1.2vw,.8rem);color:#2a2a2a;text-align:center;letter-spacing:.05em}.done-inner.svelte-1uha8ag{text-align:center}.done-title.svelte-1uha8ag{font-size:clamp(2rem,6vw,4rem);font-weight:800;margin-bottom:.5rem;color:#ff2d78}.done-sub.svelte-1uha8ag{font-size:clamp(1rem,2vw,1.5rem);color:#666;line-height:1.6;margin-bottom:1rem}.done-next-hint.svelte-1uha8ag{font-size:clamp(.75rem,1.5vw,.95rem);color:#333;animation:svelte-1uha8ag-bounce 2s ease-in-out infinite;margin-top:.5rem}.error-box.svelte-1uha8ag{background:#2a1010;border:1px solid #ff2d78;border-radius:12px;padding:1.5rem;max-width:400px;font-size:1rem;color:#ff8080;text-align:center;margin:auto}.bm-empty.svelte-1uha8ag{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#333;font-size:clamp(1rem,2vw,1.3rem);text-align:center;padding:2rem}.bm-empty-icon.svelte-1uha8ag{font-size:3rem;opacity:.3}.l1-card.svelte-1uha8ag:nth-child(1){animation-delay:.03s}.l1-card.svelte-1uha8ag:nth-child(2){animation-delay:.06s}.l1-card.svelte-1uha8ag:nth-child(3){animation-delay:.09s}.l1-card.svelte-1uha8ag:nth-child(4){animation-delay:.12s}.l1-card.svelte-1uha8ag:nth-child(5){animation-delay:.15s}.l1-card.svelte-1uha8ag:nth-child(6){animation-delay:.18s}.l1-card.svelte-1uha8ag:nth-child(7){animation-delay:.21s}.l1-card.svelte-1uha8ag:nth-child(8){animation-delay:.24s}.l1-card.svelte-1uha8ag:nth-child(9){animation-delay:.27s}.l1-card.svelte-1uha8ag:nth-child(10){animation-delay:.3s}.l1-card.svelte-1uha8ag:nth-child(11){animation-delay:.33s}.topic-row.svelte-1uha8ag:nth-child(1){animation-delay:.04s}.topic-row.svelte-1uha8ag:nth-child(2){animation-delay:.1s}.topic-row.svelte-1uha8ag:nth-child(3){animation-delay:.16s}.topic-row.svelte-1uha8ag:nth-child(4){animation-delay:.22s}.topic-row.svelte-1uha8ag:nth-child(5){animation-delay:.28s}