.behind-the-scenes.svelte-bhocbu{margin-top:var(--space-6)}.toggle-button.svelte-bhocbu{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-usuzumi);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);cursor:pointer;transition:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);line-height:1;min-height:auto}.toggle-button.svelte-bhocbu:hover{color:var(--text-bokashi);background:var(--bg-washi)}.toggle-button.svelte-bhocbu:focus-visible{outline:2px solid var(--accent-shu);outline-offset:2px}.toggle-chevron.svelte-bhocbu{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);transform:rotate(-90deg);transition:transform var(--duration-normal) var(--ease-out);line-height:1;width:1em}.toggle-chevron.open.svelte-bhocbu{transform:rotate(90deg)}.reveal.svelte-bhocbu{margin-top:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-washi);border:1px solid var(--border-light);border-radius:var(--radius-lg);animation:svelte-bhocbu-revealIn var(--duration-slow) var(--ease-out);display:grid;gap:var(--space-5)}.section.svelte-bhocbu{display:grid;gap:var(--space-3)}.section-heading.svelte-bhocbu{margin:0;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-usuzumi);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.section-body.svelte-bhocbu{margin:0;font-size:var(--text-sm);color:var(--text-bokashi);line-height:var(--leading-normal)}.flow-diagram.svelte-bhocbu{--flow-icon-size: 2rem;--flow-step-width: 7rem;--flow-step-gap: 1.5rem;padding:var(--space-4) var(--space-2);background:var(--bg-kinu);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.flow-steps.svelte-bhocbu{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--flow-step-gap);min-width:max-content}.flow-step.svelte-bhocbu{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;inline-size:var(--flow-step-width);flex:0 0 var(--flow-step-width);text-align:center}.flow-step.svelte-bhocbu:not(:last-child):after{content:"";position:absolute;top:1rem;left:calc(50% + (var(--flow-icon-size) / 2));width:calc(var(--flow-step-width) + var(--flow-step-gap) - var(--flow-icon-size));height:1px;background:var(--border-mid)}.step-icon.svelte-bhocbu{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--text-sm);color:var(--text-bokashi);background:var(--bg-shoji);border:1px solid var(--border-light);border-radius:var(--radius-md);line-height:1}.step-label.svelte-bhocbu{font-size:var(--text-xs);color:var(--text-usuzumi);white-space:nowrap;text-align:center}.detail-list.svelte-bhocbu{margin:0;padding:0 0 0 var(--space-5);display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-bokashi);line-height:var(--leading-normal)}.detail-list.svelte-bhocbu li:where(.svelte-bhocbu)::marker{color:var(--border-mid)}.detail-list.full-app.svelte-bhocbu li:where(.svelte-bhocbu)::marker{color:var(--accent-matcha-soft)}.detail-list.svelte-bhocbu strong:where(.svelte-bhocbu){font-weight:var(--weight-medium);color:var(--text-sumi)}.divider.svelte-bhocbu{border:none;border-top:1px solid var(--border-light);margin:0}@keyframes svelte-bhocbu-revealIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:37.5rem){.reveal.svelte-bhocbu{padding:var(--space-4)}.flow-diagram.svelte-bhocbu{--flow-step-width: 6rem}}.portfolio-page.svelte-1x5usuh{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4) var(--space-12);background:var(--bg-shoji)}.portfolio-content.svelte-1x5usuh{width:100%;max-width:var(--content-width)}.card.svelte-1x5usuh{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-shoji) 92%,white);box-shadow:var(--shadow-card);padding:var(--space-6)}.intro-card.svelte-1x5usuh,.lesson-card.svelte-1x5usuh,.summary-card.svelte-1x5usuh,.message-card.svelte-1x5usuh{display:grid;gap:var(--space-4)}.eyebrow.svelte-1x5usuh,.lesson-label.svelte-1x5usuh{margin:0;font-size:var(--text-xs);color:var(--text-usuzumi);text-transform:uppercase;letter-spacing:.08em}h1.svelte-1x5usuh,h2.svelte-1x5usuh,h3.svelte-1x5usuh,p.svelte-1x5usuh{margin:0;color:var(--text-sumi)}h1.svelte-1x5usuh{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--weight-light);line-height:1.15}h2.svelte-1x5usuh{font-size:var(--text-2xl);font-weight:var(--weight-light)}h3.svelte-1x5usuh{font-size:var(--text-lg);font-weight:var(--weight-medium)}.supporting.svelte-1x5usuh,.trust-note.svelte-1x5usuh,.lesson-copy.svelte-1x5usuh,.summary-text.svelte-1x5usuh,.done-note.svelte-1x5usuh{color:var(--text-bokashi)}.trust-note.svelte-1x5usuh,.done-note.svelte-1x5usuh{font-size:var(--text-sm)}.intro-actions.svelte-1x5usuh{display:grid;gap:var(--space-2)}.scenario-grid.svelte-1x5usuh{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.scenario-tile.svelte-1x5usuh{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-shoji);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);font:inherit;color:var(--text-sumi)}.scenario-tile.svelte-1x5usuh:hover{border-color:var(--accent-shu-soft);background:var(--bg-washi)}.scenario-tile.selected.svelte-1x5usuh{border-color:var(--accent-shu);background:var(--accent-shu-wash)}.scenario-emoji.svelte-1x5usuh{font-size:var(--text-2xl)}.scenario-label.svelte-1x5usuh{font-size:var(--text-sm);font-weight:var(--weight-medium)}.cultural-note.svelte-1x5usuh{background:var(--bg-washi);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:var(--space-4);display:grid;gap:var(--space-2)}.section-title.svelte-1x5usuh{margin-bottom:var(--space-3)}.key-phrases.svelte-1x5usuh{display:grid;gap:var(--space-3)}.key-phrase.svelte-1x5usuh{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3);display:grid;gap:var(--space-1)}.jp.svelte-1x5usuh{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-medium)}.romaji.svelte-1x5usuh,.usage.svelte-1x5usuh{color:var(--text-usuzumi);font-size:var(--text-sm)}.english.svelte-1x5usuh{color:var(--text-bokashi)}.active-card.svelte-1x5usuh{display:grid;gap:var(--space-4)}.loading-card.svelte-1x5usuh{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);gap:var(--space-6)}.loading-visual.svelte-1x5usuh{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.enso.svelte-1x5usuh{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-120deg);overflow:visible}.enso-stroke.svelte-1x5usuh{fill:none;stroke:var(--text-sumi);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:239;stroke-dashoffset:239;animation:svelte-1x5usuh-draw-enso 4s ease-in-out infinite}@keyframes svelte-1x5usuh-draw-enso{0%{stroke-dashoffset:239;opacity:0}6%{stroke-dashoffset:224;opacity:.6}50%{stroke-dashoffset:20;opacity:.6}65%{stroke-dashoffset:20;opacity:.6}92%{stroke-dashoffset:20;opacity:0}to{stroke-dashoffset:20;opacity:0}}.enso-kanji.svelte-1x5usuh{position:relative;font-size:var(--text-3xl);color:var(--accent-shu);font-weight:var(--weight-light);animation:svelte-1x5usuh-kanji-breathe 4s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes svelte-1x5usuh-kanji-breathe{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}.loading-text.svelte-1x5usuh{color:var(--text-bokashi);font-size:var(--text-base);text-align:center;transition:opacity .4s var(--ease-out);min-height:1.6em}.loading-fact-card.svelte-1x5usuh{width:100%;max-width:42rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-kinu);display:grid;gap:var(--space-1)}.loading-fact-label.svelte-1x5usuh{font-size:var(--text-xs);color:var(--text-usuzumi);letter-spacing:.06em;text-transform:uppercase}.loading-fact-text-container.svelte-1x5usuh{display:grid}.loading-fact-text.svelte-1x5usuh{grid-area:1 / 1;font-size:var(--text-sm);color:var(--text-bokashi);line-height:1.5}.celebration.svelte-1x5usuh{display:flex;align-items:center}.celebration-label.svelte-1x5usuh{font-size:var(--text-sm);color:var(--text-usuzumi);text-transform:uppercase;letter-spacing:.06em}.accuracy.svelte-1x5usuh{display:grid;gap:var(--space-1)}.accuracy-label.svelte-1x5usuh{color:var(--text-usuzumi);font-size:var(--text-sm)}.accuracy-value.svelte-1x5usuh{font-size:var(--text-4xl);color:var(--accent-shu-deep);font-weight:var(--weight-light)}.stats-grid.svelte-1x5usuh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0}.stats-grid.svelte-1x5usuh div:where(.svelte-1x5usuh){border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-washi);padding:var(--space-3);display:grid;gap:var(--space-1)}.stats-grid.svelte-1x5usuh dt:where(.svelte-1x5usuh){color:var(--text-usuzumi);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.stats-grid.svelte-1x5usuh dd:where(.svelte-1x5usuh){margin:0;color:var(--text-sumi)}.feedback-section.svelte-1x5usuh{display:grid;gap:var(--space-2)}.feedback-section.svelte-1x5usuh ul:where(.svelte-1x5usuh){margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-1)}.strengths.svelte-1x5usuh li:where(.svelte-1x5usuh)::marker{color:var(--accent-matcha)}.misses.svelte-1x5usuh li:where(.svelte-1x5usuh)::marker{color:var(--accent-shu)}.next-steps.svelte-1x5usuh li:where(.svelte-1x5usuh)::marker{color:var(--text-usuzumi)}@media(max-width:48rem){.portfolio-page.svelte-1x5usuh{padding-top:var(--space-6)}.stats-grid.svelte-1x5usuh{grid-template-columns:1fr}}@media(max-width:30rem){.scenario-grid.svelte-1x5usuh{grid-template-columns:1fr}}