:root{--sumi: #1c1917;--sumi-2: #292524;--sumi-3: #3f3a36;--kinari: #faf7f2;--washi: #ffffff;--shu: #a4343a;--shu-dark: #87282e;--kin: #c8a45c;--kin-akarui: #d4a63c;--midori: #3f7d4e;--midori-dark: #2c5c39;--ink: #292524;--gray: #78716c;--line: #e7e0d6;--radius: 16px;--shadow: 0 24px 60px rgba(28, 25, 23, .35);color-scheme:light;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,system-ui,sans-serif;--mincho: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:var(--kinari);line-height:1.7;-webkit-font-smoothing:antialiased;word-break:auto-phrase;overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3{text-wrap:balance}a{color:var(--shu)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.7em 1.4em;border:1px solid transparent;border-radius:999px;font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.button--primary{background:var(--shu);color:var(--washi)}.button--primary:hover:not(:disabled){background:var(--shu-dark)}.button--cta{background:linear-gradient(180deg,var(--shu),#96271c);border-color:var(--kin);border-radius:4px;color:#fff5e6;padding:.85em 2.4em;font-size:1.05rem;letter-spacing:.18em;box-shadow:0 4px 16px #1c191747}.button--cta:hover:not(:disabled){background:linear-gradient(180deg,var(--shu-dark),#7d1f16)}.button--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.button--ghost:hover{border-color:var(--shu);color:var(--shu)}.button:disabled{opacity:.45;cursor:not-allowed}.shell{min-height:100%;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--line);background:var(--washi)}.header__brand{font-size:clamp(.95rem,3.4vw,1.15rem);font-weight:800;letter-spacing:.06em;color:var(--ink);text-decoration:none;white-space:nowrap}.header__nav{display:flex;align-items:center;gap:.75rem;min-width:0}.header__link{font-size:.9rem;color:var(--gray);text-decoration:none;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__link:hover{color:var(--shu)}@media(max-width:480px){.header{padding:.75rem 1rem;gap:.5rem}.header__brand{font-size:.88rem;letter-spacing:.01em}.header__nav{gap:.5rem}.header__link{max-width:none}.header__auth-note{white-space:nowrap}}.footer{margin-top:auto;padding:1.25rem 1.5rem 1.75rem;border-top:1px solid var(--line);color:var(--gray);font-size:.82rem}.footer__inner{width:min(960px,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem}.footer__brand{font-weight:700;letter-spacing:.08em;color:var(--ink)}.footer__copy{font-size:inherit}.footer__nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.35rem 1rem}.footer__link{color:var(--gray);text-decoration:none}.footer__link:hover{color:var(--shu)}@media(max-width:480px){.footer__inner{flex-direction:column;align-items:flex-start}.footer__nav{margin-left:0}}.page{width:min(720px,100%);margin:0 auto;padding:3rem 1.5rem 4rem}.page__kicker{margin:0 0 .75rem;font-size:.85rem;letter-spacing:.08em;color:var(--gray)}.page__title{margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.35}.page__lead{margin:0 0 2rem;color:#57534e}.page__actions{display:flex;flex-wrap:wrap;gap:.75rem}.page__footnote,.page__notice{margin-top:1.25rem;font-size:.85rem;color:var(--gray)}.page__notice{padding:3rem 1.5rem;text-align:center}.panel{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi)}.panel__title{margin:0 0 .75rem;font-size:1.05rem}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(1200px 500px at 15% -10%,rgba(164,52,58,.35),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(200,164,92,.18),transparent 60%),var(--sumi)}.login__inner{display:grid;grid-template-columns:1.05fr 1fr;width:min(980px,100%);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.login__brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:3rem 2.5rem;background:linear-gradient(160deg,var(--sumi-2),var(--sumi));color:var(--kinari)}.login__kicker{margin:0 0 1.5rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kin)}.login__title{margin:0;font-size:clamp(2rem,4.5vw,2.8rem);letter-spacing:.12em;font-weight:800}.login__title-accent{color:var(--kin)}.login__lead{margin:.5rem 0 2rem;color:#d6cec2}.login__points{margin:0;padding:0;list-style:none;display:grid;gap:.7rem;font-size:.9rem;color:#d6cec2}.login__points li{padding-left:1.4rem;position:relative}.login__points li:before{content:"";position:absolute;left:0;top:.62em;width:.5rem;height:.5rem;border-radius:50%;background:var(--shu)}.login__seal{position:absolute;right:2rem;bottom:2rem;margin:0;width:4.5rem;height:4.5rem;display:grid;place-items:center;border:2px solid rgba(200,164,92,.45);border-radius:50%;color:#c8a45ca6;font-size:1.1rem;letter-spacing:.1em}.login__card{padding:3rem 2.5rem;background:var(--kinari)}.login__card-title{margin:0 0 .4rem;font-size:1.3rem;letter-spacing:.06em}.login__card-note{margin:0 0 1.5rem;font-size:.85rem;color:var(--gray)}.login__unconfigured{padding:1.25rem;border:1px dashed var(--line);border-radius:12px;background:var(--washi);font-size:.85rem;color:var(--gray)}.login__unconfigured code{font-size:.8rem;color:var(--ink)}.login__escape{margin:1.75rem 0 0;font-size:.85rem;text-align:center}.login__escape a{color:var(--gray);text-decoration:none}.login__escape a:hover{color:var(--shu);text-decoration:underline}.login__card [data-amplify-authenticator]{--amplify-components-authenticator-max-width: 100%}.login__card [data-amplify-authenticator] [data-amplify-router]{background:transparent}@media(max-width:860px){.login__inner{grid-template-columns:1fr}.login__brand{padding:2.25rem 1.75rem}.login__points,.login__seal{display:none}.login__lead{margin-bottom:0}.login__card{padding:2rem 1.5rem 2.5rem}}.modes{display:grid;gap:.75rem;margin:0 0 2rem;padding:0;border:0}.modes__legend{padding:0;margin-bottom:.75rem;font-size:.85rem;letter-spacing:.08em;color:var(--gray)}.mode{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"radio name" "radio meta" "radio summary";gap:.15rem .75rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi);cursor:pointer}.mode__badge{display:inline-block;margin-left:.5rem;padding:.1em .6em;border-radius:999px;background:var(--shu);color:#fff;font-size:.7rem;font-weight:700;vertical-align:middle}.mode--selected{border-color:var(--shu);box-shadow:inset 0 0 0 1px var(--shu)}.mode__radio{grid-area:radio;align-self:center;accent-color:var(--shu)}.mode__name{grid-area:name;font-weight:800;font-size:1.05rem}.mode__meta{grid-area:meta;font-size:.8rem;color:var(--gray)}.mode__summary{grid-area:summary;font-size:.88rem;color:#57534e}.quiz{display:flex;flex-direction:column;min-height:70vh}.progress{margin-bottom:2.5rem}.progress__bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.progress__fill{display:block;height:100%;background:var(--shu);transition:width .25s ease}.progress__caption{margin:.5rem 0 0;font-size:.8rem;color:var(--gray)}.quiz__question{margin:0 0 2rem;font-size:clamp(1.2rem,3.6vw,1.6rem);line-height:1.6}.quiz__lead{margin:0 0 1.25rem;color:var(--gray)}.likert{display:grid;gap:.55rem;margin:0 0 2rem;padding:0;list-style:none}.likert__button,.choice__button{width:100%;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi);color:var(--ink);font-size:.98rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.likert__button:hover,.choice__button:hover{border-color:var(--shu)}.likert__button--selected{border-color:var(--shu);background:#fdf3f3;font-weight:700}.choice{display:grid;gap:.75rem}.choice__button{min-height:5rem;font-size:1.02rem;line-height:1.6}.quiz__nav{margin-top:auto}.result{width:min(760px,100%)}.result__kicker{margin:0 0 .75rem;font-size:.85rem;letter-spacing:.1em;color:var(--gray)}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.75rem;border-radius:var(--radius);background:var(--sumi);color:var(--kinari)}.hero__portrait{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.hero__body{flex:1 1 16rem}.hero__label{display:inline-block;margin:0 0 .5rem;padding:.15em .7em;border:1px solid var(--kin);border-radius:999px;font-size:.78rem;letter-spacing:.12em;color:var(--kin)}.hero__epithet{margin:0;font-size:1rem;color:var(--kin)}.hero__name{margin:.1rem 0 .4rem;font-size:clamp(2rem,6vw,2.8rem);letter-spacing:.06em}.hero__years{margin:0 0 .75rem;font-size:.82rem;opacity:.7}.hero__province{margin-left:.4em}.hero__similarity{margin:0;font-size:.9rem}.hero__similarity strong{font-size:1.6rem;color:var(--kin)}.section{margin-top:3rem;scroll-margin-top:1.5rem}.section__title{margin:0 0 1rem;font-size:1.15rem;letter-spacing:.04em;padding-left:.7rem;border-left:4px solid var(--shu)}.section__body{margin:0;color:#44403c}.section__note{margin-top:1rem;font-size:.85rem;color:var(--gray)}.panel--close{margin-top:1.25rem}.reasons{display:grid;gap:1rem;margin:0;padding:0;list-style:none;counter-reset:reason}.reason{padding:1.25rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi)}.reason__facet{margin:0;font-size:.75rem;letter-spacing:.1em;color:var(--shu)}.reason__headline{margin:.3rem 0 .6rem;font-size:1.05rem}.reason__text{margin:0;color:#44403c}.mini{display:flex;align-items:center;gap:1rem;margin-top:1rem}.mini--large{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi);align-items:flex-start}.mini__portrait{width:120px;height:120px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 10px rgba(28,25,23,.22))}.mini__label{margin:0;font-size:.72rem;letter-spacing:.12em;color:var(--gray)}.mini__epithet{margin:0;font-size:.85rem;color:var(--shu)}.mini__name{margin:.1rem 0 .4rem;font-size:1.3rem;font-weight:800}.mini__reason{margin:0;font-size:.9rem;color:#57534e}.badge{display:inline-block;margin:0 0 1rem;padding:.35em .8em;border-radius:8px;font-size:.8rem}.typecode{letter-spacing:.16em;font-size:1.1rem;color:var(--shu)}.axes{display:grid;gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none}.axis__head{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--gray);margin-bottom:.35rem}.axis__pole{font-weight:700;color:var(--ink)}.axis__bar{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#e7e0d6,#d8cfc0)}.axis__marker{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--shu);transform:translateY(-50%)}.axis__certainty{margin:.3rem 0 0;font-size:.78rem;color:var(--gray)}.axis__band{position:absolute;top:-3px;height:14px;border-radius:999px;background:#c44a2e2e}.axis__caption--wide{flex:1;text-align:center}.bigfive__level{font-weight:700;color:var(--ink)}.bigfive__group{margin:.9rem 0 0;font-size:.82rem;font-weight:700;color:var(--ink)}.facets__item--wide{grid-template-columns:7rem 1fr 2.5rem}.facets__hint{grid-column:1 / -1;margin:-.15rem 0 .2rem;font-size:.76rem;color:var(--gray)}.modes--instrument{margin-top:.75rem}.method{margin-top:1rem;font-size:.9rem}.method summary{cursor:pointer;color:var(--gray)}.method__list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--gray);line-height:1.7}.retest{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.35rem}.retest__row{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:baseline;font-size:.9rem;border-bottom:1px dashed var(--line);padding-bottom:.3rem}.retest__values{font-variant-numeric:tabular-nums;color:var(--gray)}.retest__diff{min-width:3ch;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.retest__diff--big{color:var(--shu)}.validation__consent{display:flex;gap:.5rem;align-items:flex-start;margin:.75rem 0;font-size:.9rem}.validation__list{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.6rem}.validation__item{font-size:.92rem}.validation__text{margin:0 0 .25rem}.likert--compact{gap:.3rem}.likert--compact .likert__button{min-width:2.2rem;padding:.3rem 0;font-size:.85rem}.axis__contested{margin:.4rem 0 0;font-size:.78rem;color:var(--shu)}.facets{margin-top:1.75rem;font-size:.9rem}.facets summary{cursor:pointer;color:var(--gray)}.facets__list{display:grid;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}.facets__item{display:grid;grid-template-columns:7rem 1fr 2.5rem;align-items:center;gap:.6rem}.facets__name{font-size:.82rem;color:var(--gray)}.facets__bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.facets__fill{display:block;height:100%;background:var(--sumi-3)}.facets__value{font-size:.8rem;text-align:right;color:var(--gray)}.disclaimer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.78rem;line-height:1.8;color:var(--gray)}.header__sub{margin-left:.5em;font-size:.7em;font-weight:500;opacity:.75}.ad{margin:2rem 0;padding:.75rem 1rem 1rem;border:1px dashed var(--line);border-radius:12px;background:var(--washi)}.ad__label{margin:0 0 .5rem;font-size:.75rem;color:var(--gray);letter-spacing:.08em}.ad__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.ad__link{display:flex;gap:.75rem;align-items:center;color:inherit;text-decoration:none}.ad__link:hover .ad__title{text-decoration:underline}.ad__image{flex:0 0 auto;max-width:min(40%,300px);height:auto;border-radius:6px}.ad__body{display:grid;gap:.2rem;min-width:0}.ad__pr{justify-self:start;padding:0 .4em;border:1px solid var(--gray);border-radius:4px;font-size:.7rem;color:var(--gray)}.ad__title{font-weight:700;line-height:1.5}.ad__text{font-size:.9rem;line-height:1.6;color:var(--sumi-3)}.ad__pixel{position:absolute;width:1px;height:1px;border:0}.ad__adsense{margin-top:.75rem;min-height:100px}@media(max-width:480px){.ad__link{flex-direction:column;align-items:stretch}.ad__image{max-width:100%}}.badge--done{background:#1665341a;color:#166534}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#1c191799}.modal__panel{width:min(520px,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem;border-radius:16px;background:#fffbeb;color:#1c1917;box-shadow:0 20px 60px #00000059}.modal__title{margin:0 0 .5rem;font-size:1.3rem}.modal__lead{margin:0 0 1rem;line-height:1.7;font-size:.95rem}.field{display:block;margin-bottom:.9rem}.field__label{display:block;margin-bottom:.3rem;font-size:.85rem;color:#57534e}.field__input{width:100%;box-sizing:border-box;padding:.6rem .75rem;border:1px solid #d6d3d1;border-radius:8px;font:inherit;background:#fff}.field--check{display:flex;gap:.5rem;align-items:center}.modal__warn{padding:.6rem .8rem;border-radius:8px;background:#b453091f;color:#92400e;font-size:.9rem}.modal__error{color:#b91c1c;font-size:.9rem}.top{width:min(960px,100%);margin:0 auto;padding:0 1.5rem 4rem}.top__hero{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--line)}.top__title{margin:0 0 1rem;font-family:var(--mincho);font-size:clamp(1.7rem,4.4vw,2.6rem);line-height:1.35;letter-spacing:.04em}.top__lead{margin:0;max-width:40em;color:#57534e}.top__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.top__section{padding-top:2.5rem;scroll-margin-top:1.5rem}.top__section-head{margin-bottom:1.25rem}.top__heading{margin:0 0 .5rem;font-family:var(--mincho);font-size:1.45rem;letter-spacing:.06em}.top__section-note{margin:0;max-width:44em;font-size:.92rem;color:#57534e}.top__footnote{margin-top:2.5rem;font-size:.85rem;color:var(--gray)}.catalog{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.catalog-card{position:relative;display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi);overflow:hidden}.catalog-card--planned{background:linear-gradient(180deg,var(--washi),var(--kinari))}.catalog-card__rank{position:absolute;top:0;left:0;min-width:2.2rem;padding:.15rem .55rem;border-radius:0 0 10px;background:var(--sumi);color:var(--kin-akarui);font-family:var(--mincho);font-weight:700;text-align:center;letter-spacing:.06em}.catalog-card__body{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;width:100%;padding:1.5rem 1.25rem 1.25rem}.catalog-card__text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.badge--status{margin:0 0 .5rem;background:#f5f5f4;border:1px solid var(--line);color:var(--gray)}.badge--available{background:#3f7d4e1a;border-color:var(--midori);color:var(--midori-dark)}.catalog-card__title{margin:0 0 .35rem;font-family:var(--mincho);font-size:1.2rem;letter-spacing:.04em}.catalog-card__catch{margin:0 0 .5rem;font-size:.92rem;line-height:1.65}.catalog-card__meta{margin:0 0 1rem;font-size:.8rem;color:var(--gray)}.catalog-card__action{margin-top:auto}.catalog-card .button--cta{padding:.6em 1.4em;font-size:.95rem;letter-spacing:.1em}@media(max-width:480px){.catalog-card__body{grid-template-columns:1fr}.catalog-card__body .catalog-card__faces{flex-direction:row;padding-left:2.5rem}.catalog-card__body .catalog-card__faces .catalog-card__face+.catalog-card__face{margin-top:0;margin-left:-10px}}.maker__form{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi)}.maker__label{display:block;margin-bottom:.5rem;font-weight:700}.maker__textarea{width:100%;box-sizing:border-box;padding:.8rem .9rem;border:1px solid #d6d3d1;border-radius:10px;font:inherit;line-height:1.7;background:#fff;resize:vertical}.maker__textarea:focus{outline:2px solid var(--shu);outline-offset:1px;border-color:var(--shu)}.maker__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.maker__count{font-size:.8rem;color:var(--gray);font-variant-numeric:tabular-nums}.maker__row--count{align-items:flex-end}.count-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.count-picker__label{margin:0 .4rem 0 0}.count-picker__step{width:2.2rem;height:2.2rem;border:1px solid var(--line);border-radius:999px;background:var(--kinari);color:var(--ink);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.count-picker__step:hover:not(:disabled){border-color:var(--shu);color:var(--shu)}.count-picker__step:disabled{opacity:.4;cursor:default}.count-picker__input{width:4.2rem;padding:.45rem .5rem;border:1px solid #d6d3d1;border-radius:10px;font:inherit;font-weight:700;text-align:center;background:#fff;font-variant-numeric:tabular-nums}.count-picker__input:focus{outline:2px solid var(--shu);outline-offset:1px;border-color:var(--shu)}.count-picker__hint{flex-basis:100%;font-size:.78rem;color:var(--gray)}.count-picker__note{margin:.5rem 0 0;font-size:.85rem;color:var(--shu)}.maker__examples{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem}.maker__examples-label{font-size:.8rem;color:var(--gray);letter-spacing:.06em}.chip{padding:.35em .8em;border:1px solid var(--line);border-radius:999px;background:var(--kinari);color:var(--ink);font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.chip:hover{border-color:var(--shu);color:var(--shu)}.maker__error{margin:1rem 0 0;color:#b91c1c;font-size:.9rem}.maker__done{margin-top:1.25rem;padding:1rem 1.1rem;border-radius:10px;background:#3f7d4e14;border:1px solid rgba(63,125,78,.35)}.maker__done-title{margin:0 0 .25rem;font-weight:700;color:var(--midori-dark)}.maker__done-body{margin:0 0 .9rem;font-size:.92rem}.portrait--emoji{display:inline-grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9ec,#f1e6d0);box-shadow:inset 0 0 0 2px #c8a45c8c,0 6px 14px #1c19172e;line-height:1;-webkit-user-select:none;user-select:none}.hero .portrait--emoji{background:radial-gradient(circle at 35% 30%,#fff4dc,#d9c39a)}.catalog-card__body{color:inherit;text-decoration:none}.catalog-card__body:hover .catalog-card__go{color:var(--shu-dark);text-decoration:underline}.catalog-card__faces{display:flex;flex-direction:column;align-items:center;gap:.2rem}.catalog-card__face{width:56px;height:56px;object-fit:contain}.catalog-card__faces .catalog-card__face+.catalog-card__face{margin-top:-10px}.badge--made{background:#a4343a14;border-color:#a4343a66;color:var(--shu-dark)}.catalog-card__go{margin-top:auto;font-weight:700;color:var(--shu);font-size:.95rem}.maker__progress{display:flex;gap:.9rem;align-items:flex-start;margin-top:1.25rem;padding:1rem 1.1rem;border-radius:10px;background:#c8a45c1f;border:1px solid rgba(200,164,92,.5)}.maker__progress-title{margin:0 0 .25rem;font-weight:700}.maker__progress-body{margin:0;font-size:.9rem;color:#57534e}.maker__spinner{flex:none;width:1.4rem;height:1.4rem;margin-top:.15rem;border-radius:50%;border:3px solid rgba(164,52,58,.2);border-top-color:var(--shu);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.maker__spinner{animation:none}}.seeds{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.seed{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"emoji text" "emoji action";gap:.5rem .9rem;padding:1rem 1.1rem;border:1px dashed #d6d3d1;border-radius:var(--radius);background:var(--kinari)}.seed__emoji{grid-area:emoji;font-size:1.8rem;line-height:1}.seed__text{grid-area:text}.seed__title{margin:0 0 .15rem;font-weight:700}.seed__catch{margin:0;font-size:.85rem;color:#57534e}.seed__action{grid-area:action;justify-self:start;padding:.45em 1em;font-size:.85rem}.share{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1rem}.share--compact{margin:0}.share--compact .button{padding:.5em 1em;font-size:.85rem}.theme__created{margin:0 0 1.5rem;padding:1rem 1.1rem;border-radius:10px;background:#3f7d4e14;border:1px solid rgba(63,125,78,.35)}.theme__created-title{margin:0 0 .25rem;font-weight:700;color:var(--midori-dark)}.theme__created-body{margin:0;font-size:.92rem}.theme__title{font-family:var(--mincho);letter-spacing:.04em}.theme__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 2rem}.chars{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.char{padding:.9rem .6rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--washi);text-align:center}.char__face{width:64px;height:64px;object-fit:contain;margin:0 auto .4rem}.char__label{margin:0;font-size:.72rem;letter-spacing:.08em;color:var(--shu)}.char__name{margin:.1rem 0 0;font-weight:700;font-size:.98rem}.char__epithet{margin:.1rem 0 0;font-size:.78rem;color:var(--gray)}.field__hint{display:block;margin-top:.3rem;font-size:.78rem;color:var(--gray);line-height:1.5}.theme__prompt{margin:0 0 .75rem;padding:.9rem 1.1rem;border-left:4px solid var(--kin);background:var(--washi);border-radius:0 10px 10px 0;font-size:.98rem}.result__theme{font-weight:700;color:var(--shu)}.result__again{margin-top:.5rem}.button--small{padding:.35em .9em;font-size:.82rem;min-height:0}.button--danger{border:1px solid #b91c1c;background:var(--washi);color:#b91c1c}.button--danger:hover:not(:disabled){background:#b91c1c;color:var(--washi)}.header__auth{display:inline-flex;align-items:center;gap:.6rem}.header__auth-note{font-size:.78rem;color:var(--gray)}.header__auth-error{font-size:.78rem;color:#b91c1c}.header__link--admin{color:var(--midori)}.page__error{margin:1rem 0;padding:.7rem 1rem;border-left:4px solid #b91c1c;background:#fef2f2;color:#b91c1c;border-radius:0 10px 10px 0;font-size:.92rem}.maker__note{margin:.6rem 0 0;font-size:.88rem;color:var(--gray)}.maker__note--warn{color:var(--shu)}.maker__note-button{margin-left:.6rem;vertical-align:middle}.theme__invite{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.reuse{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:1rem 0 0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.75rem;font-size:.92rem}.reuse__lead{flex:1 1 18rem;margin:0}.reuse--hint{border-style:dashed;color:var(--gray);font-size:.85rem}.theme__manage{border-top:1px solid var(--line);padding-top:1.2rem}.mine{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}.mine__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;background:var(--washi);border:1px solid var(--line);border-radius:12px}.mine__row--deleted{opacity:.6}.mine__text{min-width:min(100%,16rem);flex:1 1 16rem}.mine__title{margin:0;font-weight:700}.mine__badge{margin-left:.5rem;padding:.1em .6em;border-radius:999px;background:var(--line);color:var(--gray);font-size:.72rem;font-weight:400}.mine__meta{margin:.15rem 0 0;font-size:.82rem;color:var(--gray)}.mine__actions{display:flex;gap:.5rem}.admin__stats{list-style:none;margin:1rem 0 1.4rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem}.admin__stat{padding:.8rem 1rem;background:var(--washi);border:1px solid var(--line);border-radius:12px;display:grid;gap:.1rem}.admin__stat-label{font-size:.78rem;color:var(--gray)}.admin__stat-today{font-size:1.6rem;font-weight:700;line-height:1.2}.admin__stat-month{font-size:.75rem;color:var(--gray)}.admin__tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip--on{border-color:var(--shu);background:var(--shu);color:var(--washi)}.chip--on:hover{color:var(--washi)}.admin__panel{overflow-x:auto}.admin__search{display:flex;gap:.5rem;margin-bottom:.8rem}.admin__table{width:100%;border-collapse:collapse;font-size:.86rem;background:var(--washi)}.admin__table th,.admin__table td{padding:.6rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.admin__table th{font-size:.78rem;color:var(--gray);white-space:nowrap}.admin__row--deleted{opacity:.55}.admin__sub{display:block;font-size:.76rem;color:var(--gray)}.admin__prompt{max-width:28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__uid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.admin__actions{display:flex;flex-wrap:wrap;gap:.4rem}.admin__themes{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.admin__theme{display:grid;gap:.6rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi);min-width:0}.admin__theme-head{min-width:0}.admin__theme-title{font-weight:700}.admin__theme .admin__prompt{max-width:100%}.admin__theme-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:0;font-size:.86rem}.admin__theme-meta div{display:flex;gap:.5rem;min-width:0}.admin__theme-meta dt{color:var(--gray);font-size:.78rem;white-space:nowrap}.admin__theme-meta dd{margin:0;overflow-wrap:anywhere}.field__input--tiny{width:5rem;padding:.3em .5em;font-size:.82rem}.modal__panel--narrow{max-width:24rem}.providers{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}.provider{width:100%;display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--washi);color:var(--ink);font:inherit;font-size:.95rem;text-align:left;cursor:pointer}.provider:hover:not(:disabled){border-color:var(--sumi);background:var(--kinari)}.provider:disabled{opacity:.55;cursor:default}.provider__mark{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;font-weight:700;font-size:.95rem;color:var(--washi);flex:none}.provider__mark--google{background:#4285f4}.provider__mark--line{background:#06c755}.provider__mark--twitter{background:#000}.provider__mark--github{background:#24292f;font-size:.72rem;letter-spacing:-.02em}.provider__mark--facebook{background:#1877f2}.provider__label{font-weight:600}.modal__notice{margin:.9rem 0 0;padding:.6rem .9rem;border-radius:8px;background:#ecfdf5;color:var(--midori-dark);font-size:.88rem}.modal__fine{margin:.9rem 0 0;font-size:.78rem;color:var(--gray)}.signin-form{display:grid;gap:.6rem;margin-top:.4rem}.signin-form__submit{width:100%;margin-top:.2rem}.signin-form__switch{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:.2rem}.linklike{border:0;background:none;padding:0;color:var(--shu);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer}.linklike:disabled{opacity:.5;cursor:default}.modal__divider{display:flex;align-items:center;gap:.8rem;margin:1rem 0 .2rem;color:var(--gray);font-size:.78rem}.modal__divider:before,.modal__divider:after{content:"";flex:1;height:1px;background:var(--line)}.provider__mark--password{background:var(--sumi-3)}.verify-banner{margin:1rem 0;padding:.9rem 1.1rem;border-left:4px solid var(--kin);background:#fffbeb;border-radius:0 10px 10px 0}.verify-banner__text{margin:0;font-size:.9rem}.verify-banner__note{margin:.4rem 0 0;font-size:.82rem;color:var(--gray)}.verify-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.panel{margin-top:1.2rem;padding:1.2rem 1.3rem;background:var(--washi);border:1px solid var(--line);border-radius:12px;display:grid;gap:.8rem}.panel__lead{margin:0;font-size:.92rem}.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;font-size:.92rem}.facts dt{color:var(--gray);font-size:.85rem}.facts dd{margin:0}.mine__face{flex:none}.help__toc{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .5rem}.help__list{margin:0}.help__item{padding:1rem 0;border-bottom:1px solid var(--line);scroll-margin-top:1.5rem}.help__q{margin:0;font-weight:700;font-size:1rem}.help__a{margin:.4rem 0 0;font-size:.94rem}.help__a p{margin:0 0 .5rem}.help__a p:last-child{margin-bottom:0}.help__a ol{margin:0 0 .5rem;padding-left:1.2rem}.help__a li{margin:0 0 .3rem}.help__table{width:100%;margin:.6rem 0 .8rem;border-collapse:collapse;font-size:.88rem;background:var(--washi)}.help__table th,.help__table td{padding:.5rem .6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.help__table th{font-size:.78rem;color:var(--gray);white-space:nowrap}.help__table td:first-child,.help__table .help__nowrap{white-space:nowrap}.admin__limits{display:flex;flex-wrap:wrap;gap:0 1.25rem;margin-top:1rem}.admin__limits .field{flex:1 1 16rem;margin-bottom:.6rem}.admin__cost{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.admin__cost-table{margin-top:1rem}.admin__cost-caption{text-align:left;font-size:.85rem;color:var(--gray);padding-bottom:.4rem}.admin__cost-usd{font-size:.78rem;color:var(--gray)}.admin__cost-notes{padding-left:1.2rem}.admin__cost-notes li+li{margin-top:.35rem}.admin__saved{align-self:center;color:var(--midori);font-size:.86rem}.contact-history,.admin__contacts{list-style:none;margin:.6rem 0 0;padding:0}.contact-history__item,.admin__contact{padding:.8rem 0;border-bottom:1px solid var(--line)}.contact-history__head,.admin__contact-head,.admin__contact-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin:0;font-size:.82rem;color:var(--gray)}.contact-history__body,.admin__contact-body{margin:.4rem 0;font-size:.92rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.admin__contact-foot{margin-top:.4rem}.policy p{font-size:.94rem;line-height:1.85}.policy__meta{margin:0 0 .75rem;color:var(--gray);font-size:.82rem}.policy__list{margin:.4rem 0 0;padding-left:1.2rem;font-size:.94rem;line-height:1.85}.policy__list li{margin-bottom:.4rem}.policy__sub{margin:1rem 0 .2rem;font-size:.95rem}.policy__note{padding:.7rem .9rem;border-left:3px solid var(--line);background:#00000005}.policy__table-wrap{overflow-x:auto;margin:.6rem 0}.policy__table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.88rem}.policy__table th,.policy__table td{padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.policy__table th{color:var(--gray);font-weight:600;white-space:nowrap}.header__link--help{font-size:.85rem}@media(max-width:640px){.facts{grid-template-columns:1fr;gap:.1rem 0}.facts dd{margin-bottom:.5rem}}.report{margin:1.5rem 0 0;font-size:.85rem;color:var(--gray)}.report__open{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.report--open{padding:.75rem 1rem;border:1px solid var(--line);border-radius:12px}.report__reasons{margin:0 0 .75rem;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}.video-form{display:grid;gap:.9rem;margin:1rem 0 2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi);min-width:0}.video-form__cast{margin:0;padding:0;border:0;min-width:0}.video-form__chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;max-height:320px;overflow-y:auto}.video-form__char{position:relative;display:grid;justify-items:center;gap:.15rem;width:100%;padding:.5rem .25rem;border:1px solid var(--line);border-radius:12px;background:var(--kinari);color:var(--ink);font:inherit;cursor:pointer}.video-form__char:hover{border-color:var(--shu)}.video-form__char--on{border-color:var(--shu);box-shadow:inset 0 0 0 2px var(--shu);background:var(--washi)}.video-form__order{position:absolute;top:4px;left:4px;display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:999px;background:var(--shu);color:#fff;font-size:.75rem;font-weight:700}.video-form__portrait{width:56px;height:56px;object-fit:contain}.video-card__faces .video-form__portrait{width:40px;height:40px}.video-form__name{font-size:.78rem;font-weight:700;line-height:1.3;text-align:center;overflow-wrap:anywhere}.video-form__type{font-size:.7rem;color:var(--gray)}.video-form__chemistry{padding:.7rem .9rem;border-left:3px solid var(--shu);background:var(--kinari);font-size:.86rem}.video-form__chemistry ul{margin:.3rem 0 0;padding-left:1.1rem}.video-form__examples{display:flex;flex-wrap:wrap;gap:.4rem}.video-form__check{display:flex;align-items:center;gap:.5rem;font-size:.88rem}.video-card__head{display:flex;gap:.75rem;align-items:flex-start;min-width:0}.video-card__faces{display:flex;flex-shrink:0}.video-card__faces>*+*{margin-left:-10px}.video-card__progress{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.video-card__progress span{display:block;height:100%;background:var(--shu);transition:width .6s ease}.video-card__chemistry{margin:0;font-size:.86rem}.video-card__player video{display:block;width:100%;border-radius:12px;background:#000}.video-card__player--tall{max-width:320px}.video-card__player--wide{max-width:640px}.video-card__board summary{cursor:pointer;font-size:.86rem}.video-card__board ol{display:grid;gap:.5rem;margin:.5rem 0 0;padding-left:1.3rem;font-size:.84rem}.video-card__board li{display:grid;gap:.15rem}.video-warning{margin:.75rem 0 0;padding:.75rem .9rem;border:1px solid #e0b25c;border-left-width:4px;border-radius:10px;background:#fdf6e7;color:var(--ink);font-size:.86rem;line-height:1.7}.video-warning>strong:first-child{display:block;margin-bottom:.2rem;color:#8a5a00}.video-form__total{display:block;padding:.55em 0;font-weight:700}.video-form__total--ng{color:var(--shu)}.cut-picker summary{cursor:pointer;font-size:.9rem;font-weight:700}.cut-picker__cuts{display:grid;gap:.9rem;margin:.6rem 0;padding:0;list-style:none}.cut-picker__cut{display:grid;gap:.4rem;padding:.6rem;border:1px solid var(--line);border-radius:12px;background:var(--kinari);min-width:0}.cut-picker__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem}.cut-picker__count{display:flex;align-items:center;gap:.35rem;margin-left:auto;font-size:.84rem}.cut-picker__group{margin:0;padding:0;border:0;min-width:0}.cut-picker__group legend{padding:0 0 .25rem}.cut-picker__takes{display:flex;gap:.5rem;overflow-x:auto}.cut-picker__take{display:grid;gap:.25rem;flex:0 0 auto;width:220px;padding:.3rem;border:2px solid transparent;border-radius:10px;background:var(--washi);cursor:pointer}.cut-picker__take--tall{width:130px}.cut-picker__take--on{border-color:var(--shu)}.cut-picker__take video{display:block;width:100%;border-radius:6px;background:#000}.cut-picker__take-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.78rem}.cut-picker__warn{padding:0 .35em;border-radius:4px;background:#fdf0e0;color:#8a5a00;font-size:.7rem}.danger-zone{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(185,28,28,.35)}.danger-zone h3{margin:0 0 .4rem;font-size:1rem;color:#b91c1c}.danger-zone ul.modal__lead{padding-left:1.2rem}.video-request__warn{padding:.7rem .9rem;border-radius:8px;background:#b453091f;color:#92400e;font-size:.9rem;line-height:1.7}.video-request__pair{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.video-request__pair .field{flex:1 1 12rem;min-width:0}.video-request__x{padding-bottom:.6rem;font-weight:700}.mine__video{display:block;width:100%;max-width:320px;margin:.5rem 0;border-radius:8px;background:#000}.admin__subpanel{margin-bottom:1.6rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.admin__list{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:.8rem}.showcase__rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.9rem}.showcase__card{min-width:0}.showcase__cover,.showcase__player{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:9 / 16;max-height:72vh;border:0;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#2b2320,#5d4037);color:#fff}.showcase__cover{cursor:pointer;gap:.6rem;padding:1rem}.showcase__cover--wide{aspect-ratio:16 / 9}.showcase__faces{display:flex;gap:.4rem}.showcase__face{border-radius:50%;background:#ffffff1f}.showcase__names{font-weight:700;font-size:.95rem}.showcase__play{display:grid;place-items:center;width:64px;height:64px;margin-top:.4rem;padding-left:5px;border-radius:50%;background:#ffffffeb;color:#3a2a24;font-size:1.6rem;transition:transform .15s ease}.showcase__cover:hover .showcase__play,.showcase__cover:focus-visible .showcase__play{transform:scale(1.08)}.showcase__video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.showcase__spinner{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:showcase-spin .9s linear infinite;pointer-events:none}@keyframes showcase-spin{to{transform:rotate(360deg)}}.showcase__title{margin:.5rem 0 .1rem;font-weight:700}.showcase__meta{margin:0;font-size:.85rem;color:var(--sub, #666)}.showcase__hint{margin:.6rem 0 0;font-size:.8rem;color:var(--sub, #666);text-align:center}.showcase__social{margin-top:1.4rem;text-align:center}.showcase__social-list{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}@media(min-width:720px){.showcase__rail{grid-template-columns:repeat(3,minmax(0,1fr))}}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;color:#fff}.viewer__rail{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}.viewer__rail::-webkit-scrollbar{display:none}.viewer__slide{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.viewer__video{width:100%;height:100%;object-fit:contain;background:#000}.viewer__bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.6rem;padding:calc(env(safe-area-inset-top,0px) + .6rem) .8rem .6rem;background:linear-gradient(rgba(0,0,0,.6),transparent);pointer-events:none}.viewer__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.viewer__count{font-size:.85rem;opacity:.8}.viewer__close{pointer-events:auto;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff2e;color:#fff;font-size:1.1rem;cursor:pointer}.viewer__tap{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;padding-left:6px;border:0;border-radius:50%;background:#ffffffeb;color:#111;font-size:1.8rem;cursor:pointer}.viewer__hint{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 4.2rem);margin:0;text-align:center;font-size:.8rem;opacity:.75;pointer-events:none}.compat__panel{margin-top:1.25rem}.compat__row{display:flex;gap:.5rem;align-items:center}.compat__row .field__input{flex:1;min-width:0}.compat__row .button{flex:none}.compat__report{margin-top:1.5rem}.compat__pair{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;margin-bottom:1rem}.compat__side{display:flex;gap:.75rem;align-items:center;min-width:0}.compat__side .mini__portrait{width:72px;height:72px;flex:none}.compat__times{font-size:1.4rem;color:var(--gray)}.compat__meta{margin:.2rem 0 0;font-size:.78rem;color:var(--gray)}.compat__meta .typecode{font-size:.85rem}.compat__legend{font-size:.8rem;color:var(--gray)}.compat__dot{display:inline-block;width:10px;height:10px;margin-right:.3rem;border-radius:50%;vertical-align:-1px}.compat__dot--you,.compat__marker--you{background:var(--shu)}.compat__dot--partner,.compat__marker--partner{background:var(--midori)}.compat__heading{margin:1.75rem 0 .75rem;font-size:1rem}.compat__items{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.compat__items--plain{margin-top:.9rem}.compat__item{padding:1rem 1.1rem;border:1px solid var(--line);border-left:4px solid var(--shu);border-radius:10px;background:var(--washi)}.compat__item--shared{border-left-color:var(--midori)}.compat__item-head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;margin:0 0 .6rem}.compat__badge{font-size:.75rem;font-weight:400;color:var(--gray)}.compat__traits{margin:.7rem 0 .4rem;font-size:.82rem;color:var(--gray)}.compat__advice{margin:0;line-height:1.8}.compat__bar{position:relative;display:block;height:6px;border-radius:999px;background:var(--line)}.compat__span{position:absolute;top:0;height:100%;background:#78716c59}.compat__marker{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;border:2px solid var(--washi);border-radius:50%;transform:translateY(-50%)}.compat__area{margin-top:1.5rem}.compat__area-title{display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:baseline;margin:0 0 .5rem;font-size:.95rem}.compat__area-caption{font-size:.78rem;font-weight:400;color:var(--gray)}.compat__facet{display:grid;grid-template-columns:7rem 1fr 4rem;align-items:center;gap:.6rem}.compat__guide{margin-top:1rem}.compat__axis{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.compat__dl{margin:0}.compat__dl dt{margin-top:.6rem;font-size:.8rem;color:var(--gray)}.compat__dl dd{margin:.2rem 0 0;line-height:1.8}.compat__tips{margin:0;padding-left:1.2rem}@media(max-width:520px){.compat__pair{grid-template-columns:1fr}.compat__times{text-align:center}.compat__facet{grid-template-columns:5.5rem 1fr 3.5rem}}.compat__nopdf{display:inline-block;margin-left:.6rem;padding:.1rem .5rem;border:1px solid var(--line);border-radius:999px;font-size:.72rem;font-weight:400;vertical-align:2px;color:var(--gray)}.compat__nopdf-note{margin-top:0}.compat__ai{margin-bottom:1.25rem}.compat__ai-read{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}