:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f7f7f7;--color-text: #222222;--color-text-sub: #6a6a6a;--color-accent: #ff385c;--color-accent-active: #e00b41;--color-border: #dddddd;--color-border-soft: #ebebeb;--color-accent-contrast: #ffffff;--color-surface-2: #ffffff;--gradient-accent: linear-gradient(135deg, #ff385c 0%, #e00b41 100%);--color-success-bg: #eef7f0;--color-success-border: #b7dcc0;--color-success-text: #1c7a43;--color-danger-bg: #fdeeea;--color-danger-border: #f3c2b5;--color-danger-text: #c13515;--color-warning-bg: #fbf6ea;--color-warning-border: #ecd9a6;--color-warning-text: #8a6d1a;--color-accent-bg: #ffe9ee;--color-accent-border: #ffd1da;--color-accent-text: #c13515;--color-text-secondary: var(--color-text-sub);--color-surface-alt: var(--color-surface);--color-border-strong: var(--color-border);--color-success: var(--color-success-text);--color-danger: var(--color-danger-text);--font-sans: system-ui, "Hiragino Sans", "Segoe UI", Meiryo, sans-serif;--font-numeric: "SF Pro Display", "Helvetica Neue", "Roboto Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--fs-score: 2.2rem;--fs-emphasis: 1.2rem;--fs-base: 1rem;--fs-sm: .875rem;--tracking-tight: -.02em;--leading-tight: 1.15;--leading-normal: 1.6;--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--radius-md: var(--radius);--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .02), 0 2px 6px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .1);--shadow-md: var(--shadow-sm);--shadow-lg: var(--shadow-sm);--shadow-card: var(--shadow-sm);--shadow-tile: 0 1px 1px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .12);--duration-fast: .12s;--duration: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app-layout{min-height:100svh;display:flex;flex-direction:column}.app-layout>main{flex:1 0 auto;width:100%}h1{font-size:var(--fs-emphasis);font-weight:600;margin:0;color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}h2{font-size:var(--fs-base);font-weight:600;margin:0;color:var(--color-text)}p{margin:0;line-height:var(--leading-normal)}a{color:var(--color-accent)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2)}.page-shell{max-width:640px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}@media(min-width:640px){.page-shell{padding:var(--space-6) var(--space-4)}}.page-header{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.page-header-link{display:flex;gap:var(--space-2)}.page-header-link-item{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-2);font-size:var(--fs-sm);color:var(--color-text-sub);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover){.page-header-link-item:hover{color:var(--color-accent);text-decoration:underline}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:var(--fs-base);font-weight:500;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-sm);background:var(--gradient-accent);color:var(--color-accent-contrast);text-decoration:none;cursor:pointer;transition:box-shadow var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard),transform var(--duration) var(--ease-standard)}@media(hover:hover){.btn-primary:hover{background:var(--color-accent-active);box-shadow:var(--shadow-sm)}}.btn-primary:active{background:var(--color-accent-active);transform:translateY(1px)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-sub);box-shadow:none;transform:none;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:var(--fs-base);font-weight:500;padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);text-decoration:none;cursor:pointer;transition:border-color var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard),transform var(--duration) var(--ease-standard)}@media(hover:hover){.btn-secondary:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg))}}.btn-secondary:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.btn-primary,.btn-secondary,.quiz-choice-btn,.home-mode-card{transform:none!important}}.articles-page{--fl-teal: #2ba8a2;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold-dark: #e6b800;--fl-coral: #ef6c4a;--fl-sky: #5dade2;--fl-cream: #fff8e7;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;gap:24px;color:var(--fl-body);background:radial-gradient(130% 55% at 50% -10%,#ffe28a80,#ffe28a00 60%),var(--fl-surface)}.articles-page .page-header{position:sticky;top:8px;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.articles-page .page-header h1{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--fl-teal-dark)}.articles-page .page-header-link{gap:8px}.articles-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.articles-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.articles-page .page-header-link-item:active{transform:scale(.95)}.articles-page .article-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.articles-page .article-list-item{--accent: var(--fl-teal);position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 44px 16px 22px;background:var(--fl-card);border:2px solid color-mix(in srgb,var(--accent) 22%,#fff);border-radius:var(--fl-r-lg);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 26%,transparent);text-decoration:none;color:var(--fl-ink);overflow:hidden;transition:transform var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce),border-color var(--fl-dur) var(--fl-bounce);animation:articles-rise .4s var(--fl-bounce) both}.articles-page .article-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent)}.articles-page .article-list-item:after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:800;line-height:1;color:var(--accent);transition:transform var(--fl-dur) var(--fl-bounce)}.articles-page .article-list li:nth-child(4n+2) .article-list-item{--accent: var(--fl-coral)}.articles-page .article-list li:nth-child(4n+3) .article-list-item{--accent: var(--fl-gold-dark)}.articles-page .article-list li:nth-child(4n+4) .article-list-item{--accent: var(--fl-sky)}@media(hover:hover){.articles-page .article-list-item:hover{border-color:var(--accent);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 42%,transparent);transform:translateY(-4px)}.articles-page .article-list-item:hover:after{transform:translateY(-50%) translate(3px)}}.articles-page .article-list-item:active{transform:scale(.98)}.articles-page .article-list-title{font-size:1.05rem;font-weight:800;line-height:1.3;color:var(--fl-ink)}.articles-page .article-list-desc{font-size:.85rem;line-height:1.6;color:var(--fl-muted)}@keyframes articles-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.articles-page .article-list-item{animation:none;transition:none;transform:none}.articles-page .page-header-link-item{transition:none;transform:none}}.article-page{--fl-teal: #2ba8a2;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold: #ffd23f;--fl-gold-light: #ffe47a;--fl-gold-dark: #e6b800;--fl-cream: #fff8e7;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-sm: 10px;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-glow-teal: 0 8px 22px rgba(43, 168, 162, .28);--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-glow-gold: 0 8px 22px rgba(255, 210, 63, .42);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;gap:24px;color:var(--fl-body);background:radial-gradient(120% 40% at 50% -6%,#ffe28a73,#ffe28a00 60%),var(--fl-surface)}.article-page .article-topnav{position:sticky;top:8px;z-index:10;display:flex;gap:8px;padding:10px 12px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.article-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.article-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.article-page .page-header-link-item:active{transform:scale(.95)}.article-page .article-body{display:flex;flex-direction:column;gap:var(--space-4);padding:22px 20px;background:var(--fl-card);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-teal-soft);line-height:var(--leading-normal);color:var(--fl-body)}.article-page .article-body h1{font-size:1.5rem;font-weight:800;line-height:var(--leading-tight);color:var(--fl-ink)}.article-page .article-body h1:after{content:"";display:block;width:56px;height:5px;margin-top:12px;background:var(--fl-gold);border-radius:var(--fl-r-pill)}.article-page .article-body h2{margin-top:var(--space-3);padding-bottom:6px;font-size:1.15rem;font-weight:800;color:var(--fl-teal-dark);border-bottom:3px dashed rgba(43,168,162,.4)}.article-page .article-body p,.article-page .article-body ul,.article-page .article-body ol{margin:0}.article-page .article-body ul,.article-page .article-body ol{padding-left:1.3em;display:flex;flex-direction:column;gap:var(--space-2)}.article-page .article-body li::marker{color:var(--fl-teal)}.article-page .article-body blockquote{margin:0;padding:14px 16px;border:2px solid rgba(43,168,162,.3);border-left:6px solid var(--fl-teal);border-radius:var(--fl-r-md);background:var(--fl-teal-bg);color:var(--fl-body)}.article-page .article-body blockquote p{color:var(--fl-body)}.article-page .article-body pre{margin:0;padding:14px 16px;overflow-x:auto;border:2px solid rgba(43,168,162,.28);border-radius:var(--fl-r-md);background:var(--fl-cream);font-size:var(--fs-sm)}.article-page .article-body code{font-family:var(--font-numeric)}.article-page .article-body :not(pre)>code{padding:1px 7px;font-size:.9em;color:var(--fl-teal-dark);background:var(--fl-teal-bg);border-radius:7px}.article-page .article-body hr{margin:0;border:none;border-top:3px dashed rgba(43,168,162,.35)}.article-page .article-link{color:var(--fl-teal-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}@media(hover:hover){.article-page .article-link:hover{color:var(--fl-teal)}}.article-page .article-link-disabled{color:inherit}.article-page .article-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:140px;border:2px solid rgba(43,168,162,.28);border-radius:var(--fl-r-md);background:var(--fl-teal-bg);color:var(--fl-muted);text-align:center}.article-page .article-image-placeholder-img{max-width:100%;height:auto;border-radius:inherit}.article-page .article-image-placeholder-icon{font-size:1.8rem}.article-page .article-image-placeholder-alt{font-size:var(--fs-sm)}.article-page .article-image-caption{font-size:var(--fs-sm);color:var(--fl-muted);text-align:center}.article-page .article-table-wrap{overflow-x:auto;border:2px solid rgba(43,168,162,.28);border-radius:var(--fl-r-md)}.article-page .article-table-wrap table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.article-page .article-table-wrap th,.article-page .article-table-wrap td{padding:8px 12px;border:1px solid rgba(43,168,162,.2);text-align:left;vertical-align:top}.article-page .article-table-wrap th{color:var(--fl-teal-dark);font-weight:800;background:var(--fl-teal-bg);white-space:nowrap}.article-page .article-table-wrap th:last-child,.article-page .article-table-wrap td:last-child{width:4.5em}.article-page .article-end-cta{display:flex;justify-content:center;padding-top:var(--space-3)}.article-page .article-end-cta .btn-primary{position:relative;overflow:hidden;min-height:54px;padding:0 28px;font-weight:800;color:var(--fl-ink);background:linear-gradient(180deg,var(--fl-gold-light) 0%,var(--fl-gold) 100%);border:none;border-radius:var(--fl-r-pill);box-shadow:var(--fl-glow-gold);transition:transform var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}.article-page .article-end-cta .btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:52%;left:0;background:linear-gradient(180deg,#ffffff8c,#fff0);border-radius:var(--fl-r-pill) var(--fl-r-pill) 40% 40%;pointer-events:none}@media(hover:hover){.article-page .article-end-cta .btn-primary:hover{background:linear-gradient(180deg,var(--fl-gold-light) 0%,var(--fl-gold) 100%);box-shadow:0 12px 28px #ffd23f80;transform:translateY(-2px)}}.article-page .article-end-cta .btn-primary:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.article-page .page-header-link-item,.article-page .article-end-cta .btn-primary{transition:none;transform:none}}.mj-tile-wrap{--mj-tile-h: 56px;--mj-tile-w: 42px;display:inline-flex;align-items:center;justify-content:center;width:var(--mj-tile-w);height:var(--mj-tile-h);vertical-align:bottom}.mj-tile-wrap.mj-tile-size-md{--mj-tile-w: min(42px, calc((min(100vw, 640px) - 78px) / 13));--mj-tile-h: calc(var(--mj-tile-w) * 4 / 3)}.mj-tile-wrap.mj-tile-size-sm{--mj-tile-h: 40px;--mj-tile-w: 30px}.mj-tile-wrap.mj-tile-size-lg{--mj-tile-h: 72px;--mj-tile-w: 54px}.mj-tile-wrap.mj-tile-rotated{width:var(--mj-tile-h);height:var(--mj-tile-w)}.mj-tile-inner{position:relative;width:var(--mj-tile-w);height:var(--mj-tile-h);filter:drop-shadow(var(--shadow-tile))}.mj-hand-display .mj-tile-inner,.dora-indicator-tiles .mj-tile-inner{border-radius:6px}.dora-indicator-tiles .mj-tile-inner{box-shadow:0 0 0 1.5px #5a4a3a59}.mj-hand-display .mj-tile-inner{box-shadow:0 0 0 1px #5a4a3a26}.mj-tile-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mj-tile-mark{box-sizing:border-box;padding:7%;object-fit:contain}.mj-tile-rotated .mj-tile-inner{transform:rotate(90deg)}.mj-tile-row{display:inline-flex;align-items:flex-end;gap:4px}.mj-tile-row.mj-tile-row-gap-tight{gap:0}.mj-meld-group{display:inline-flex;align-items:flex-end;gap:1px;padding:0 4px}.mj-hand-display{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);width:100%;overflow-x:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);--mj-hand-tile-w: min(42px, calc((min(100vw, 640px) - 110px) / 13))}.mj-hand-display .mj-tile-wrap.mj-tile-size-md{--mj-tile-w: var(--mj-hand-tile-w);--mj-tile-h: calc(var(--mj-hand-tile-w) * 4 / 3)}.mj-hand-row{display:flex;align-items:flex-end;gap:10px}.mj-meld-row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:10px;min-height:calc(var(--mj-hand-tile-w) * 4 / 3 + var(--space-3) + 1px);border-top:1px dotted var(--color-border);padding-top:var(--space-3)}@media(max-width:639px){.mj-tile-row{gap:1px}.mj-hand-row,.mj-meld-row{gap:4px}.mj-meld-group{padding:0 2px}.mj-hand-display{gap:8px;--mj-hand-tile-w: min(42px, calc((min(100vw, 640px) - 76px) / 13))}}.app-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--color-border);background:var(--color-bg)}.app-footer-nav{display:flex;gap:var(--space-4)}.app-footer-nav a{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-2);font-size:var(--fs-sm);color:var(--color-text-sub);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover){.app-footer-nav a:hover{color:var(--color-accent);text-decoration:underline}}.app-footer-copy{font-size:var(--fs-sm);color:var(--color-text-sub)}.quiz-conditions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-text-sub);letter-spacing:var(--tracking-tight)}.badge-label{font-size:var(--fs-sm);color:var(--color-text-sub)}.badge-value{font-weight:700;color:var(--color-text)}.badge--windset{gap:var(--space-0);align-items:baseline}.badge--windset .badge-value{font-size:var(--fs-base)}.badge-riichi{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.badge-riichi{color:var(--color-danger-text)}.badge--roundup{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent-text)}.quiz-hand{overflow-x:auto;padding-bottom:var(--space-1)}.quiz-hand h2{margin:0 0 var(--space-2)}.quiz-tile-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.win-indicator-section .tile-info-group,.dora-indicator-group{flex:1;justify-content:center}.dora-indicator-section,.win-indicator-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.dora-indicator-group{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--color-success-border);background:var(--color-success-bg)}.dora-indicator-tiles{display:flex;gap:var(--space-4) var(--space-5)}@media(max-width:639px){.dora-indicator-tiles{gap:var(--space-2) var(--space-3)}}.dora-indicator-tiles .tile-info-label{color:var(--color-success-text);font-weight:600}.tile-info-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.tile-info-slot{display:flex;align-items:center;justify-content:center}.dora-indicator-tiles .tile-info-slot{--slot-w: min(42px, calc((min(100vw, 640px) - 78px) / 13));min-width:var(--slot-w);min-height:calc(var(--slot-w) * 4 / 3)}.tile-info-group--tsumo,.tile-info-group--ron{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1.5px solid transparent}.tile-info-group--tsumo{background:#d9e6fa;border-color:#b3cdf2}.tile-info-group--ron{background:#ffd6de;border-color:var(--color-accent-border)}.tile-info-group--tsumo .mj-winning-label{color:#1c5aa8;font-weight:700}.tile-info-group--ron .mj-winning-label{color:var(--color-accent-text);font-weight:700}.tile-info-group--tsumo .mj-tile-inner{outline:2px solid #2f6fd0;outline-offset:1px;border-radius:3px}.tile-info-group--ron .mj-tile-inner{outline:2px solid var(--color-accent);outline-offset:1px;border-radius:3px}.tile-info-label{font-size:var(--fs-sm);color:var(--color-text-sub);white-space:nowrap}.tile-info-none{font-size:var(--fs-sm);color:var(--color-text-sub)}.quiz-answer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.quiz-answer-label{margin:0;font-size:var(--fs-sm);color:var(--color-text-sub)}.quiz-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quiz-choice-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-3) var(--space-4);font-size:var(--fs-base);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard),box-shadow var(--duration) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}@media(hover:hover){.quiz-choice-btn:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));box-shadow:var(--shadow-sm)}}.quiz-choice-btn:active{transform:translateY(1px)}.quiz-skip{display:flex;justify-content:center}.quiz-page{--fl-teal: #2ba8a2;--fl-teal-light: #3cc4bd;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold: #ffd23f;--fl-gold-light: #ffe47a;--fl-gold-dark: #e6b800;--fl-coral: #ef6c4a;--fl-coral-light: #ff8a6a;--fl-coral-dark: #d45233;--fl-cream: #fff8e7;--fl-sky: #5dade2;--fl-sky-dark: #2f80b8;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-sm: 10px;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-shadow-card: 0 6px 20px rgba(43, 168, 162, .12);--fl-glow-teal: 0 8px 22px rgba(43, 168, 162, .28);--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-glow-coral: 0 6px 18px rgba(239, 108, 74, .3);--fl-glow-gold: 0 6px 18px rgba(255, 210, 63, .36);--fl-glow-sky: 0 6px 18px rgba(93, 173, 226, .3);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;color:var(--fl-body);background:radial-gradient(130% 55% at 50% -10%,#ffe28a80,#ffe28a00 60%),var(--fl-surface)}.quiz-page .page-header{position:sticky;top:8px;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-bottom:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.quiz-page .page-header h1{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--fl-teal-dark)}.quiz-page .page-header-link{gap:8px}.quiz-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.quiz-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.quiz-page .page-header-link-item:active{transform:scale(.95)}.quiz-page .quiz-conditions{gap:10px}.quiz-page .badge{padding:6px 14px;background:var(--fl-cream);border:2px solid rgba(43,168,162,.4);border-radius:var(--fl-r-pill);color:var(--fl-body);box-shadow:var(--fl-glow-teal-soft)}.quiz-page .badge-label{color:var(--fl-muted);font-weight:700}.quiz-page .badge-value{color:var(--fl-ink);font-weight:800}.quiz-page .badge--windset .badge-value{color:var(--fl-teal-dark)}.quiz-page .badge--dealer{background:var(--fl-teal-bg);border-color:var(--fl-teal)}.quiz-page .badge--dealer .badge-value{color:var(--fl-teal-dark)}.quiz-page .badge-riichi{background:color-mix(in srgb,var(--fl-coral) 14%,#fff);border-color:var(--fl-coral);color:var(--fl-coral-dark);box-shadow:var(--fl-glow-coral)}.quiz-page .badge-riichi .badge-value{color:var(--fl-coral-dark)}.quiz-page .badge--roundup{background:var(--fl-gold-light);border-color:var(--fl-gold-dark);box-shadow:var(--fl-glow-gold)}.quiz-page .badge--roundup .badge-value{color:#8a6d00}.quiz-page .qp-board{display:flex;flex-direction:column;gap:18px;padding:18px 16px;background:var(--fl-teal-bg);border:2px solid rgba(43,168,162,.2);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-teal-soft);overflow-x:visible}.quiz-page .tile-info-group--tsumo,.quiz-page .tile-info-group--ron{padding:8px 14px;border-width:2px;border-radius:var(--fl-r-md)}.quiz-page .tile-info-group--tsumo{background:color-mix(in srgb,var(--fl-sky) 16%,#fff);border-color:var(--fl-sky);box-shadow:var(--fl-glow-sky)}.quiz-page .tile-info-group--ron{background:color-mix(in srgb,var(--fl-coral) 15%,#fff);border-color:var(--fl-coral);box-shadow:var(--fl-glow-coral)}.quiz-page .tile-info-group--tsumo .mj-winning-label{color:var(--fl-sky-dark);font-weight:800}.quiz-page .tile-info-group--ron .mj-winning-label{color:var(--fl-coral-dark);font-weight:800}.quiz-page .tile-info-group--tsumo .mj-tile-inner{outline-color:var(--fl-sky)}.quiz-page .tile-info-group--ron .mj-tile-inner{outline-color:var(--fl-coral)}.quiz-page .dora-indicator-group{padding:8px 14px;border-width:2px;border-color:var(--fl-gold-dark);border-radius:var(--fl-r-md);background:var(--fl-gold-light);box-shadow:var(--fl-glow-gold)}.quiz-page .dora-indicator-tiles .tile-info-label{color:#8a6d00;font-weight:800}.quiz-page .tile-info-label{color:var(--fl-muted);font-weight:700}.quiz-page .tile-info-none{color:var(--fl-muted)}.quiz-page .quiz-hand{display:flex;flex-direction:column;gap:8px;overflow-x:visible;margin-left:-16px;margin-right:-16px}.quiz-page .qp-section-label{align-self:flex-start;padding:3px 12px 5px;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--fl-teal-dark);border-bottom:3px dashed rgba(43,168,162,.5);margin-left:16px}.quiz-page .mj-hand-display{padding-left:8px;padding-right:8px;background:var(--fl-card);border:2px solid rgba(43,168,162,.32);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.quiz-page .mj-meld-row{border-top-color:#2ba8a259}.quiz-page .quiz-answer{gap:14px;padding-top:0;border-top:none}.quiz-page .quiz-answer-label{display:inline-flex;align-self:center;align-items:center;gap:8px;padding-bottom:8px;font-size:.95rem;font-weight:800;letter-spacing:.04em;color:var(--fl-teal-dark);border-bottom:3px dashed rgba(43,168,162,.5)}.quiz-page .qp-answer-icon{font-size:1.1em;line-height:1}.quiz-page .quiz-choices{gap:14px}.quiz-page .quiz-choice-btn{min-height:62px;font-size:1.05rem;font-weight:800;color:var(--fl-ink);background:var(--fl-card);border:2px solid var(--fl-teal);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.quiz-page .quiz-choice-btn:hover{background:var(--fl-teal-bg);border-color:var(--fl-teal);box-shadow:var(--fl-glow-teal);transform:translateY(-3px)}}.quiz-page .quiz-choice-btn:active{transform:scale(.96)}.quiz-page .qp-skip-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:.95rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);cursor:pointer;transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}.quiz-page .qp-skip-arrow{font-size:1.05em;line-height:1}@media(hover:hover){.quiz-page .qp-skip-btn:hover{color:var(--fl-cream);background:var(--fl-teal);box-shadow:var(--fl-glow-teal);transform:translateY(-2px)}}.quiz-page .qp-skip-btn:active{transform:scale(.96)}.quiz-page .qp-board{animation:qp-rise .42s var(--fl-bounce) both}.quiz-page .quiz-choices{animation:qp-rise .46s var(--fl-bounce) both}@keyframes qp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-page .qp-board,.quiz-page .quiz-choices{animation:none}.quiz-page .page-header-link-item,.quiz-page .quiz-choice-btn,.quiz-page .qp-skip-btn{transition:none;transform:none}}.result-verdict-row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:var(--space-3);row-gap:var(--space-1)}.result-verdict{font-size:var(--fs-score);font-weight:700;line-height:var(--leading-tight);margin:0}.result-verdict.correct{color:var(--color-success-text)}.result-verdict.incorrect{color:var(--color-danger-text)}.result-answer{margin:0;font-size:var(--fs-score);font-weight:700;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-accent);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.result-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.yaku-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.yaku-list li{display:flex;justify-content:space-between;font-size:var(--fs-emphasis);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text)}.calculation-line{margin:0;padding-top:var(--space-2);border-top:1px dashed var(--color-border);font-size:var(--fs-emphasis);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:right}.result-actions{display:flex;gap:var(--space-3)}.result-actions .btn-primary,.result-actions .btn-secondary{flex:1}.fu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.fu-list li{display:flex;justify-content:space-between;font-size:var(--fs-sm);font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text-sub)}.result-breakdown--primary .fu-list li{font-size:var(--fs-emphasis);font-weight:600;color:var(--color-text)}.result-breakdown--primary .meld-mark{position:relative}.result-breakdown--primary .meld-mark:before{content:"";position:absolute;left:-.9em;top:50%;transform:translateY(-50%);width:.6em;height:.6em;border-radius:50%;box-sizing:border-box;border:2px solid var(--meld-dot-color);background:var(--meld-dot-fill, transparent)}.result-breakdown--primary .meld-mark--ankou{--meld-dot-color: var(--color-success-text);--meld-dot-fill: var(--color-success-text)}.result-breakdown--primary .meld-mark--minkou{--meld-dot-color: var(--color-success-text)}.result-breakdown--primary .meld-mark--ankan{--meld-dot-color: var(--color-warning-text);--meld-dot-fill: var(--color-warning-text)}.result-breakdown--primary .meld-mark--minkan{--meld-dot-color: var(--color-warning-text)}.fu-note{margin:0;font-size:var(--fs-sm);color:var(--color-text-sub)}.result-alt{padding:var(--space-4);border-radius:var(--radius);background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.result-alt h2{margin:0 0 var(--space-1)}.result-alt p{margin:0;font-size:var(--fs-sm)}.result-page{--fl-teal: #2ba8a2;--fl-teal-light: #3cc4bd;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold: #ffd23f;--fl-gold-light: #ffe47a;--fl-gold-dark: #e6b800;--fl-gold-ink: #8a6d00;--fl-coral: #ef6c4a;--fl-coral-dark: #d45233;--fl-cream: #fff8e7;--fl-sky: #5dade2;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-sm: 10px;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-glow-teal: 0 8px 22px rgba(43, 168, 162, .28);--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-glow-coral: 0 8px 22px rgba(239, 108, 74, .32);--fl-glow-gold: 0 8px 22px rgba(255, 210, 63, .42);--fl-glow-gold-soft: 0 4px 14px rgba(255, 210, 63, .28);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;color:var(--fl-body);background:radial-gradient(130% 55% at 50% -10%,#ffe28a80,#ffe28a00 60%),var(--fl-surface)}.result-page .page-header{position:sticky;top:8px;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.result-page .page-header h1{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--fl-teal-dark)}.result-page .page-header-link{gap:8px}.result-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.result-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.result-page .page-header-link-item:active{transform:scale(.95)}.result-page .result-verdict-row{align-items:center;gap:10px 16px;padding:18px 20px;background:var(--fl-card);border:2px solid rgba(43,168,162,.28);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-teal-soft);animation:rp-pop .42s var(--fl-bounce) both}.result-page .result-verdict-row:has(.result-verdict.correct){background:color-mix(in srgb,var(--fl-teal) 9%,#fff);border-color:var(--fl-teal);box-shadow:var(--fl-glow-teal)}.result-page .result-verdict-row:has(.result-verdict.incorrect){background:color-mix(in srgb,var(--fl-coral) 9%,#fff);border-color:var(--fl-coral);box-shadow:var(--fl-glow-coral)}.result-page .result-verdict{font-weight:800;letter-spacing:.01em}.result-page .result-verdict.correct{color:var(--fl-teal-dark)}.result-page .result-verdict.incorrect{color:var(--fl-coral-dark)}.result-page .result-answer{display:inline-flex;align-items:baseline;gap:6px;padding:6px 16px;font-size:1.5rem;font-weight:800;color:var(--fl-ink);background:var(--fl-gold-light);border:2px solid var(--fl-gold-dark);border-radius:var(--fl-r-pill);box-shadow:var(--fl-glow-gold-soft)}.result-page .card{padding:18px;background:var(--fl-card);border:2px solid rgba(43,168,162,.3);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-teal-soft)}.result-page .result-breakdown{gap:12px;animation:rp-rise .46s var(--fl-bounce) both}.result-page .rp-section-label{align-self:flex-start;padding:3px 12px 5px;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--fl-teal-dark);border-bottom:3px dashed rgba(43,168,162,.5)}.result-page .yaku-list{gap:0}.result-page .yaku-list li{align-items:center;padding:9px 0;border-bottom:2px dashed rgba(43,168,162,.22)}.result-page .yaku-list li:last-child{border-bottom:none}.result-page .yaku-list li>span:first-child{color:var(--fl-ink);font-weight:700}.result-page .yaku-list li>span:last-child{display:inline-flex;align-items:center;padding:2px 12px;font-size:.85em;font-weight:800;color:var(--fl-teal-dark);background:var(--fl-teal-bg);border-radius:var(--fl-r-pill)}.result-page .calculation-line{padding-top:12px;border-top:2px dashed rgba(43,168,162,.4);font-weight:800;color:var(--fl-teal-dark)}.result-page .fu-list li,.result-page .fu-note{color:var(--fl-muted)}.result-page .result-breakdown--primary .fu-list li{align-items:center;padding:9px 0;font-weight:700;color:var(--fl-ink);border-bottom:2px dashed rgba(43,168,162,.22)}.result-page .result-breakdown--primary .fu-list li:last-child{border-bottom:none}.result-page .result-breakdown--primary .fu-list li>span:last-child{display:inline-flex;align-items:center;padding:2px 12px;font-size:.9em;font-weight:800;color:var(--fl-teal-dark);background:var(--fl-teal-bg);border-radius:var(--fl-r-pill)}.result-page .result-breakdown--primary .meld-mark--ankou{--meld-dot-color: var(--fl-teal);--meld-dot-fill: var(--fl-teal)}.result-page .result-breakdown--primary .meld-mark--minkou{--meld-dot-color: var(--fl-teal)}.result-page .result-breakdown--primary .meld-mark--ankan{--meld-dot-color: var(--fl-gold-dark);--meld-dot-fill: var(--fl-gold-dark)}.result-page .result-breakdown--primary .meld-mark--minkan{--meld-dot-color: var(--fl-gold-dark)}.result-page .result-alt{padding:16px 18px;background:color-mix(in srgb,var(--fl-gold) 14%,#fff);border:2px solid var(--fl-gold-dark);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-gold-soft)}.result-page .result-alt h2{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--fl-gold-ink)}.result-page .rp-alt-icon{font-size:1.1em;line-height:1}.result-page .result-alt p{color:var(--fl-body)}.result-page .result-actions{gap:12px}.result-page .btn-primary{position:relative;overflow:hidden;min-height:54px;gap:8px;font-weight:800;color:var(--fl-ink);background:linear-gradient(180deg,var(--fl-gold-light) 0%,var(--fl-gold) 100%);border:none;border-radius:var(--fl-r-pill);box-shadow:var(--fl-glow-gold);transition:transform var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}.result-page .btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:52%;left:0;background:linear-gradient(180deg,#ffffff8c,#fff0);border-radius:var(--fl-r-pill) var(--fl-r-pill) 40% 40%;pointer-events:none}.result-page .rp-cta-arrow{position:relative;font-size:1.1em;line-height:1}@media(hover:hover){.result-page .btn-primary:hover{background:linear-gradient(180deg,var(--fl-gold-light) 0%,var(--fl-gold) 100%);box-shadow:0 12px 28px #ffd23f80;transform:translateY(-2px)}}.result-page .btn-primary:active{transform:scale(.96)}.result-page .btn-secondary{min-height:54px;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.result-page .btn-secondary:hover{color:var(--fl-cream);background:var(--fl-teal);border-color:var(--fl-teal);box-shadow:var(--fl-glow-teal);transform:translateY(-2px)}}.result-page .btn-secondary:active{transform:scale(.96)}@keyframes rp-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes rp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.result-page .result-verdict-row,.result-page .result-breakdown{animation:none}.result-page .page-header-link-item,.result-page .btn-primary,.result-page .btn-secondary{transition:none;transform:none}}.home-page{--fl-teal: #2ba8a2;--fl-teal-light: #3cc4bd;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold: #ffd23f;--fl-gold-light: #ffe47a;--fl-gold-dark: #e6b800;--fl-coral: #ef6c4a;--fl-coral-light: #ff8a6a;--fl-coral-dark: #d45233;--fl-cream: #fff8e7;--fl-sky: #5dade2;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-sm: 10px;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-xl: 32px;--fl-r-pill: 999px;--fl-shadow-card: 0 6px 20px rgba(43, 168, 162, .12);--fl-glow-teal: 0 8px 22px rgba(43, 168, 162, .3);--fl-glow-coral: 0 8px 22px rgba(239, 108, 74, .34);--fl-glow-gold: 0 8px 22px rgba(255, 210, 63, .42);--fl-glow-sky: 0 6px 18px rgba(93, 173, 226, .3);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .24s;display:flex;flex-direction:column;color:var(--fl-body);background:radial-gradient(130% 60% at 50% -12%,#ffe28a8c,#ffe28a00 60%),var(--fl-surface)}.home-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff8e7db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid rgba(43,168,162,.22)}.home-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.home-brand-chip{display:inline-flex;padding:5px;background:var(--fl-cream);border:2px solid var(--fl-ink);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal);transform:rotate(-5deg);transition:transform var(--fl-dur) var(--fl-bounce)}.home-brand:hover .home-brand-chip{transform:rotate(-5deg) scale(1.06)}.home-brand-name{font-size:1.05rem;font-weight:800;letter-spacing:.01em;color:var(--fl-teal-dark)}.home-topbar-nav{display:flex;align-items:center}.home-pill-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-size:.9rem;font-weight:700;color:var(--fl-teal-dark);text-decoration:none;white-space:nowrap;background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}.home-pill-btn-icon{font-size:1.05em;line-height:1}@media(hover:hover){.home-pill-btn:hover{background:var(--fl-teal);color:var(--fl-cream);box-shadow:var(--fl-glow-teal);transform:translateY(-2px)}}.home-pill-btn:active{transform:scale(.95)}.home-content{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;width:100%;max-width:560px;margin:0 auto;padding:48px 20px 56px;text-align:center}.home-hero{display:flex;flex-direction:column;align-items:center;gap:16px;animation:home-rise .46s var(--fl-bounce) both}.home-hero-fan{display:inline-flex;align-items:flex-end;justify-content:center;height:52px;margin-bottom:4px}.home-hero-fan-card{width:30px;height:44px;margin:0 -7px;border-radius:8px;border:2px solid var(--fl-ink);box-shadow:0 4px 10px #123f3c29;transform-origin:bottom center}.home-hero-fan-card--teal{background:var(--fl-teal);transform:rotate(-24deg) translateY(6px)}.home-hero-fan-card--coral{background:var(--fl-coral);transform:rotate(-12deg) translateY(-1px)}.home-hero-fan-card--gold{background:var(--fl-gold);transform:rotate(0) translateY(-5px)}.home-hero-fan-card--sky{background:var(--fl-sky);transform:rotate(12deg) translateY(-1px)}.home-hero-fan-card--mint{background:var(--fl-teal-light);transform:rotate(24deg) translateY(6px)}.home-ribbon{position:relative;z-index:1;display:inline-block;padding:7px 20px;font-size:.85rem;font-weight:800;letter-spacing:.14em;color:var(--fl-teal-dark);background:var(--fl-cream);border:3px solid var(--fl-ink);border-radius:6px}.home-ribbon:before,.home-ribbon:after{content:"";position:absolute;z-index:-1;top:8px;width:18px;height:100%;background:var(--fl-gold-light);border:3px solid var(--fl-ink)}.home-ribbon:before{left:-12px;border-radius:4px 0 0 4px}.home-ribbon:after{right:-12px;border-radius:0 4px 4px 0}.home-hero-title{margin:0;font-size:clamp(1.9rem,8vw,2.6rem);font-weight:800;line-height:1.2;letter-spacing:.005em;color:var(--fl-ink)}.home-hero-mark{position:relative;white-space:nowrap;padding:0 4px;color:var(--fl-ink)}.home-hero-mark:before{content:"";position:absolute;left:-2px;right:-2px;bottom:2px;height:42%;z-index:-1;background:var(--fl-gold);border-radius:6px;transform:rotate(-1.5deg)}.home-hero-sub{max-width:30em;margin:0;font-size:1rem;font-weight:500;color:var(--fl-muted)}.home-modes{width:100%;display:flex;flex-direction:column;gap:18px}.home-modes-title{display:inline-flex;align-self:center;align-items:center;gap:8px;margin:0;padding-bottom:8px;font-size:.95rem;font-weight:800;letter-spacing:.08em;color:var(--fl-teal-dark);border-bottom:3px dashed rgba(43,168,162,.5)}.home-modes-title-icon{font-size:1.2em;line-height:1}.home-modes-grid{display:grid;grid-template-columns:1fr;gap:14px;width:100%}.home-mode{position:relative;display:flex;align-items:center;gap:14px;min-height:72px;padding:16px 18px 16px 22px;background:var(--fl-card);border:2px solid transparent;border-radius:var(--fl-r-lg);text-align:left;text-decoration:none;color:var(--fl-ink);overflow:hidden;transition:transform var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce);animation:home-pop .42s var(--fl-bounce) both}.home-mode:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px}.home-mode--score{box-shadow:var(--fl-glow-teal);animation-delay:60ms}.home-mode--score:before{background:var(--fl-teal)}.home-mode--fu{box-shadow:var(--fl-glow-coral);animation-delay:.12s}.home-mode--fu:before{background:var(--fl-coral)}.home-mode--stats{box-shadow:var(--fl-glow-gold);animation-delay:.18s}.home-mode--stats:before{background:var(--fl-gold-dark)}@media(hover:hover){.home-mode:hover{transform:translateY(-4px)}.home-mode--score:hover{box-shadow:0 14px 30px #2ba8a266}.home-mode--fu:hover{box-shadow:0 14px 30px #ef6c4a6b}.home-mode--stats:hover{box-shadow:0 14px 30px #ffd23f80}.home-mode:hover .home-mode-arrow{transform:translate(3px)}}.home-mode:active{transform:scale(.97)}.home-mode-icon{display:inline-flex;flex:none;padding:6px;background:var(--fl-cream);border-radius:var(--fl-r-md);transform:rotate(-4deg)}.home-mode--score .home-mode-icon{box-shadow:0 0 0 2px var(--fl-teal)}.home-mode--fu .home-mode-icon{box-shadow:0 0 0 2px var(--fl-coral)}.home-mode--stats .home-mode-icon{box-shadow:0 0 0 2px var(--fl-gold-dark)}.home-mode-body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.home-mode-title{font-size:1.05rem;font-weight:800;line-height:1.2;color:var(--fl-ink)}.home-mode-desc{font-size:.85rem;font-weight:500;color:var(--fl-muted)}.home-mode-arrow{flex:none;font-size:1.6rem;font-weight:800;line-height:1;color:var(--fl-teal);transition:transform var(--fl-dur) var(--fl-bounce)}.home-mode--fu .home-mode-arrow{color:var(--fl-coral)}.home-mode--stats .home-mode-arrow{color:var(--fl-gold-dark)}@media(min-width:480px){.home-modes-grid{grid-template-columns:1fr 1fr}.home-mode--wide{grid-column:1 / -1}}.home-articles-link{margin:0;line-height:1}.home-guide-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:.9rem;font-weight:700;color:var(--fl-teal-dark);text-decoration:none;background:transparent;border:2px dashed var(--fl-teal);border-radius:var(--fl-r-pill);transition:background var(--fl-dur) var(--fl-bounce),transform var(--fl-dur) var(--fl-bounce)}.home-guide-pill-icon{font-size:1.05em;line-height:1}@media(hover:hover){.home-guide-pill:hover{background:var(--fl-teal-bg);transform:translateY(-2px)}}.home-guide-pill:active{transform:scale(.96)}@keyframes home-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes home-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.home-hero,.home-mode{animation:none}.home-brand-chip,.home-pill-btn,.home-mode,.home-mode-arrow,.home-guide-pill{transition:none;transform:none}}.privacy-page{--fl-teal: #2ba8a2;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-cream: #fff8e7;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;gap:20px;color:var(--fl-body);background:radial-gradient(120% 40% at 50% -6%,#ffe28a73,#ffe28a00 60%),var(--fl-surface)}.privacy-page .page-header{position:sticky;top:8px;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.privacy-page .page-header h1{font-size:1.15rem;font-weight:800;letter-spacing:.02em;color:var(--fl-teal-dark)}.privacy-page .page-header-link{gap:8px}.privacy-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.privacy-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.privacy-page .page-header-link-item:active{transform:scale(.95)}.privacy-page>p:not(.privacy-date){margin:0;color:var(--fl-body);line-height:var(--leading-normal)}.privacy-section{display:flex;flex-direction:column;gap:var(--space-2);padding:18px 20px;background:var(--fl-card);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-teal-soft);animation:privacy-rise .38s var(--fl-bounce) both}.privacy-page .privacy-section h2{font-size:1.05rem;font-weight:800;color:var(--fl-teal-dark);padding-bottom:6px;border-bottom:3px dashed rgba(43,168,162,.4)}.privacy-page .privacy-section p{margin:0;color:var(--fl-body);line-height:var(--leading-normal)}.privacy-section ul{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:var(--space-2);line-height:var(--leading-normal)}.privacy-page .privacy-section li::marker{color:var(--fl-teal)}.privacy-page a{color:var(--fl-teal-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}@media(hover:hover){.privacy-page a:hover{color:var(--fl-teal)}}.privacy-contact{font-weight:600}.privacy-date{margin:0;font-size:var(--fs-sm);color:var(--fl-muted)}@keyframes privacy-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.privacy-section{animation:none}.privacy-page .page-header-link-item{transition:none;transform:none}}.settings-page{--fl-teal: #2ba8a2;--fl-teal-light: #3cc4bd;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold: #ffd23f;--fl-gold-light: #ffe47a;--fl-gold-dark: #e6b800;--fl-coral: #ef6c4a;--fl-cream: #fff8e7;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-glow-teal: 0 8px 22px rgba(43, 168, 162, .28);--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;gap:24px;color:var(--fl-body);background:radial-gradient(130% 55% at 50% -10%,#ffe28a80,#ffe28a00 60%),var(--fl-surface)}.settings-page .page-header{position:sticky;top:8px;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.settings-page .page-header h1{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--fl-teal-dark)}.settings-page .page-header-link{gap:8px}.settings-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.settings-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.settings-page .page-header-link-item:active{transform:scale(.95)}.settings-loading{color:var(--fl-muted);font-weight:600}.settings-page .card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--fl-card);border:2px solid rgba(43,168,162,.3);border-radius:var(--fl-r-lg);box-shadow:var(--fl-glow-teal-soft);animation:settings-rise .42s var(--fl-bounce) both}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.settings-toggle-text{display:flex;flex-direction:column;gap:4px}.settings-toggle-title{font-size:1.05rem;font-weight:800;color:var(--fl-ink)}.settings-toggle-desc{font-size:.85rem;line-height:1.6;color:var(--fl-muted)}.settings-toggle-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:60px;height:34px;margin:0;border-radius:var(--fl-r-pill);border:2px solid rgba(43,168,162,.35);background-color:var(--fl-cream);background-image:radial-gradient(circle,#fff 44%,#0000 46%);background-repeat:no-repeat;background-position:left 3px center;background-size:26px 26px;box-shadow:inset 0 1px 3px #123f3c1f;cursor:pointer;transition:background-color var(--fl-dur) var(--fl-bounce),background-position var(--fl-dur) var(--fl-bounce),border-color var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}.settings-toggle-row input[type=checkbox]:checked{border-color:var(--fl-teal);background-color:var(--fl-teal);background-image:radial-gradient(circle,#fff 44%,#0000 46%);background-position:right 3px center;box-shadow:var(--fl-glow-teal-soft)}.settings-toggle-row input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--fl-teal) 30%,transparent)}@keyframes settings-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.settings-page .card{animation:none}.settings-page .page-header-link-item,.settings-toggle-row input[type=checkbox]{transition:none}}.stats-page{--fl-teal: #2ba8a2;--fl-teal-light: #3cc4bd;--fl-teal-dark: #1e8c86;--fl-teal-bg: #e8f6f5;--fl-gold: #ffd23f;--fl-gold-ink: #8a6d00;--fl-coral: #ef6c4a;--fl-coral-dark: #d45233;--fl-cream: #fff8e7;--fl-surface: #eff8f7;--fl-card: #ffffff;--fl-ink: #123f3c;--fl-body: #34514f;--fl-muted: #566d6b;--fl-r-md: 16px;--fl-r-lg: 24px;--fl-r-pill: 999px;--fl-glow-teal-soft: 0 4px 14px rgba(43, 168, 162, .18);--fl-bounce: cubic-bezier(.34, 1.56, .64, 1);--fl-dur: .22s;gap:24px;color:var(--fl-body);background:radial-gradient(130% 55% at 50% -10%,#ffe28a80,#ffe28a00 60%),var(--fl-surface)}.stats-page .page-header{position:sticky;top:8px;z-index:10;align-items:center;gap:12px;padding:10px 16px;background:#fff8e7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(43,168,162,.22);border-radius:var(--fl-r-md);box-shadow:var(--fl-glow-teal-soft)}.stats-page .page-header h1{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--fl-teal-dark)}.stats-page .page-header-link{gap:8px}.stats-page .page-header-link-item{min-height:36px;padding:0 14px;font-size:.8rem;font-weight:700;color:var(--fl-teal-dark);background:var(--fl-cream);border:2px solid var(--fl-teal);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.stats-page .page-header-link-item:hover{color:var(--fl-cream);background:var(--fl-teal);text-decoration:none;transform:translateY(-2px)}}.stats-page .page-header-link-item:active{transform:scale(.95)}.stats-summary{display:flex;gap:14px;flex-wrap:wrap}.stats-page .stat-card{--accent: var(--fl-teal);--accent-ink: var(--fl-teal-dark);flex:1 1 120px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 14px;text-align:center;background:var(--fl-card);border:2px solid color-mix(in srgb,var(--accent) 26%,#fff);border-radius:var(--fl-r-lg);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 24%,transparent);animation:stats-pop .4s var(--fl-bounce) both}.stats-page .stat-card:nth-child(1){--accent: var(--fl-teal);--accent-ink: var(--fl-teal-dark);flex-basis:100%}.stats-page .stat-card:nth-child(2){--accent: var(--fl-coral);--accent-ink: var(--fl-coral-dark);animation-delay:60ms}.stats-page .stat-card:nth-child(3){--accent: var(--fl-gold);--accent-ink: var(--fl-gold-ink);animation-delay:.12s}.stat-card-label{font-size:var(--fs-sm);font-weight:700;color:var(--fl-muted)}.stat-card-value{font-size:1.9rem;font-weight:800;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;line-height:1.1;color:var(--accent-ink)}.stats-page .stat-card:nth-child(1) .stat-card-value{font-size:2.8rem}.stat-card-sub{font-size:var(--fs-sm);color:var(--fl-muted);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.stats-page>p{margin:0;padding:20px;text-align:center;font-weight:600;color:var(--fl-muted);background:var(--fl-card);border:2px dashed rgba(43,168,162,.35);border-radius:var(--fl-r-lg)}.stats-page h2{margin:0 0 14px;padding-bottom:6px;font-size:1.05rem;font-weight:800;color:var(--fl-teal-dark);border-bottom:3px dashed rgba(43,168,162,.4)}.tag-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.tag-row-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:var(--fs-sm);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.tag-row-label>span:first-child{font-weight:800;color:var(--fl-ink)}.tag-row-label>span:last-child{color:var(--fl-muted)}.tag-row-bar-track{height:12px;border-radius:var(--fl-r-pill);background:var(--fl-teal-bg);border:1px solid rgba(43,168,162,.18);overflow:hidden}.tag-row-bar-fill{height:100%;background:linear-gradient(90deg,var(--fl-teal) 0%,var(--fl-teal-light) 100%);border-radius:var(--fl-r-pill);transition:width var(--fl-dur) var(--fl-bounce)}.stats-reset{display:flex;justify-content:center;margin-top:8px}.stats-page .stats-reset-trigger{min-height:48px;padding:0 24px;font-weight:700;color:var(--fl-coral-dark);background:var(--fl-cream);border:2px solid var(--fl-coral);border-radius:var(--fl-r-pill);transition:transform var(--fl-dur) var(--fl-bounce),background var(--fl-dur) var(--fl-bounce),color var(--fl-dur) var(--fl-bounce),box-shadow var(--fl-dur) var(--fl-bounce)}@media(hover:hover){.stats-page .stats-reset-trigger:hover{color:var(--fl-cream);background:var(--fl-coral);border-color:var(--fl-coral);box-shadow:0 8px 22px #ef6c4a52;transform:translateY(-2px)}}.stats-page .stats-reset-trigger:active{transform:scale(.96)}@keyframes stats-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.stats-page .stat-card{animation:none}.stats-page .page-header-link-item,.stats-page .stats-reset-trigger,.tag-row-bar-fill{transition:none}}