:root{--brand-050:#f5f1ff;--brand-100:#eae2ff;--brand-200:#d9ccff;--brand-400:#9e6dff;--brand-500:#7b4ae2;--brand-600:#6a35d6;--brand-700:#5b28c4;--bg-page:#f5f6f8;--bg-card:#fff;--bg-fill:#f2f3f5;--bg-sunken:#ebedf0;--text-1:#1b1d21;--text-2:#5a5f66;--text-3:#6e757d;--text-4:#9aa1a9;--border-1:#ebedf0;--border-2:#dce0e5;--border-strong:#8c939b;--success-600:#0e7c4a;--warning-600:#b45309;--danger-600:#b3261e;--price-600:#c0392b;--tag-neutral-bg:#f0f1f3;--tag-neutral-ink:#5a5f66;--tag-brand-bg:#eae2ff;--tag-brand-ink:#6a35d6;--tag-success-bg:#e6f5ee;--tag-success-ink:#0e7c4a;--tag-warning-bg:#fff4e5;--tag-warning-ink:#b45309;--tag-danger-bg:#fdecea;--tag-danger-ink:#c0392b;--fs-12:12px;--lh-12:18px;--fs-13:13px;--lh-13:20px;--fs-14:14px;--lh-14:22px;--fs-16:16px;--lh-16:24px;--fs-18:18px;--lh-18:26px;--fs-20:20px;--lh-20:28px;--fs-24:24px;--lh-24:32px;--fs-32:32px;--lh-32:40px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-num:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Roboto Mono", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--gutter:16px;--gutter-pc:24px;--card-pad:16px;--row-h:44px;--tap-min:44px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-full:999px;--shadow-1:0 1px 2px #1018280a, 0 1px 3px #1018280f;--shadow-2:0 4px 12px #10182812, 0 2px 4px #1018280a;--shadow-top:0 -2px 12px #1018280f;--shadow-focus:0 0 0 3px #6a35d62e;--shadow-card:0 1px 2px #1018280a, 0 12px 28px -12px #1018281a, inset 0 1px 0 #ffffffe6;--shadow-card-hover:0 2px 4px #1018280d, 0 18px 36px -14px #10182824, inset 0 1px 0 #ffffffe6;--mask:#1b1d2173;--text-on-brand:#fff;--dur-1:.12s;--dur-2:.2s;--dur-3:.3s;--ease-out:cubic-bezier(.05, .7, .1, 1);--ease-in:cubic-bezier(.3, 0, .8, .15);--ease-std:cubic-bezier(.2, 0, 0, 1);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--appbar-h:48px;--tabbar-h:56px;--actionbar-h:92px;--topnav-h:64px;--page-pad-b:calc(var(--tabbar-h) + var(--safe-b) + var(--sp-4));--page-pad-b-action:calc(var(--actionbar-h) + var(--safe-b) + var(--sp-4));--content-max:640px;--content-max-md:720px;--content-max-pc:1200px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}html,body,#app{min-height:100%}body{min-width:320px;font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-14);color:var(--text-1);background-color:var(--bg-page);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video,canvas{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.01em}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.sr-only{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;font-size:inherit;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.hairline{position:relative}.hairline:after{content:"";pointer-events:none;border-top:1px solid var(--border-1);position:absolute;bottom:0;left:0;right:0}.rows>*{position:relative}.rows>*+:before{content:"";pointer-events:none;border-top:1px solid var(--border-1);position:absolute;top:0;left:0;right:0}.app-bar:after,.action-bar:after,.pay-sheet:after,.pay-countdown:after{content:"";pointer-events:none;border-top:1px solid var(--border-1);position:absolute;left:0;right:0}.app-bar:after{bottom:0}.action-bar:after,.pay-sheet:after,.pay-countdown:after{top:0}@media (resolution>=2x){.hairline:after,.app-bar:after{transform-origin:0 100%;transform:scaleY(.5)}.rows>*+:before,.action-bar:after,.pay-sheet:after,.pay-countdown:after{transform-origin:0 0;transform:scaleY(.5)}}.app-shell{background-color:var(--bg-page);min-height:100vh;position:relative}.site-root{width:100%;max-width:var(--content-max);background-color:var(--bg-page);min-height:100vh;margin:0 auto;position:relative}.page{padding:var(--sp-4) var(--gutter) calc(var(--sp-6) + var(--safe-b));display:block}.page--tab{padding-bottom:var(--page-pad-b)}.page--action{padding-bottom:var(--page-pad-b-action)}.page--flush{padding-top:0}.page>*+*{margin-top:var(--sp-3)}.muted,.hint{color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.signup-deadline{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);background-color:var(--tag-warning-bg);color:var(--tag-warning-ink);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-medium);display:flex}.signup-deadline .icon{flex:none;margin-top:2px}.signup-deadline--urgent{background-color:var(--tag-danger-bg);color:var(--tag-danger-ink)}.signup-deadline--closed{background-color:var(--tag-neutral-bg);color:var(--tag-neutral-ink)}.app-bar{z-index:20;padding-top:var(--safe-t);background-color:var(--bg-card);position:sticky;top:0}.app-bar__inner{min-height:var(--appbar-h);padding:0 var(--gutter);justify-content:center;align-items:center;display:flex;position:relative}.app-bar__back{left:var(--sp-2);width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-full);color:var(--text-1);transition:opacity var(--dur-1) var(--ease-out);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.app-bar__back:active{opacity:.6}.app-bar__title{font-size:17px;line-height:24px;font-weight:var(--fw-semibold);color:var(--text-1);text-align:center}.tab-bar{z-index:100;padding-bottom:var(--safe-b);background-color:var(--bg-card);display:flex;position:fixed;inset:auto 0 0}.tab-bar:after{content:"";pointer-events:none;border-top:1px solid var(--border-1);position:absolute;top:0;left:0;right:0}.tab-bar__item{min-height:var(--tabbar-h);color:var(--text-3);font-size:var(--fs-12);line-height:16px;font-weight:var(--fw-medium);transition:opacity var(--dur-1) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.tab-bar__item:active{opacity:.6}.tab-bar__item:focus-visible{outline:2px solid var(--brand-600);outline-offset:-2px}.tab-bar__item.router-link-exact-active{color:var(--brand-600)}@media (resolution>=2x){.tab-bar:after{transform-origin:0 0;transform:scaleY(.5)}}.action-bar,.pay-sheet{z-index:30;width:100%;max-width:var(--content-max);padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + var(--safe-b));background-color:var(--bg-card);box-shadow:var(--shadow-top);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.action-bar__row,.pay-sheet__row{align-items:center;gap:var(--sp-3);display:flex}.action-bar__amount,.pay-sheet__amount{flex:1;min-width:0}.action-bar__label,.pay-sheet__label{color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12)}.action-bar__button{min-width:110px}.action-bar__note{margin-top:var(--sp-1);color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12)}.btn__spinner{border-radius:var(--r-full);border:2px solid;border-top-color:#0000;width:16px;height:16px;animation:.8s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.pay-sheet__polling{margin-bottom:var(--sp-2);color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12)}.pay-sheet__button{min-width:110px}.pay-sheet__notice{margin-bottom:var(--sp-2);font-size:var(--fs-12);line-height:var(--lh-12)}.pay-sheet__notice--info{color:var(--brand-600)}.pay-sheet__notice--error{color:var(--danger-600)}.pay-sheet__channel{margin-top:var(--sp-1);color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12)}.panel{padding:var(--card-pad);border-radius:var(--r-md);background-color:var(--bg-card);box-shadow:var(--shadow-1)}.panel__title{margin-bottom:var(--sp-3);font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-semibold);color:var(--text-1)}.panel__note{margin-top:var(--sp-3)}.panel--flush{padding:0;overflow:hidden}.logout-action{margin-top:var(--sp-6)}.panel__subtitle{color:var(--text-2);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-regular);overflow-wrap:anywhere}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.card-head__title{min-width:0;font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-semibold);color:var(--text-1);overflow-wrap:anywhere}.card-actions{margin-top:var(--sp-3);justify-content:flex-end;display:flex}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.info-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);min-height:var(--row-h);padding:var(--sp-2) 0;font-size:var(--fs-14);line-height:var(--lh-14);display:flex}.info-row__label{color:var(--text-2);flex:0 0 5em}.info-row__value{min-width:0;color:var(--text-1);text-align:right;overflow-wrap:anywhere;flex:1}.info-row--total .info-row__value{color:var(--price-600);font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-bold)}.tag{padding:2px var(--sp-2);border-radius:var(--r-xs);background-color:var(--tag-neutral-bg);color:var(--tag-neutral-ink);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-semibold);white-space:normal;overflow-wrap:anywhere;align-items:center;display:inline-flex}.tag--brand{background-color:var(--tag-brand-bg);color:var(--tag-brand-ink)}.tag--success{background-color:var(--tag-success-bg);color:var(--tag-success-ink)}.tag--warning{background-color:var(--tag-warning-bg);color:var(--tag-warning-ink)}.tag--danger{background-color:var(--tag-danger-bg);color:var(--tag-danger-ink)}.price{color:var(--price-600);font-weight:var(--fw-bold);align-items:baseline;gap:2px;display:inline-flex}.price__symbol{font-size:var(--fs-14)}.price__value{font-size:var(--fs-20);line-height:var(--lh-20)}.price__free{font-size:var(--fs-20);line-height:var(--lh-20);color:var(--success-600)}.price__origin{margin-left:var(--sp-2);color:var(--text-2);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-regular);text-decoration:line-through}.order-no{font-family:var(--font-num);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-2);letter-spacing:.02em;overflow-wrap:anywhere}.ticket-line{margin:var(--sp-3) 0;border-top:1px dashed var(--border-2)}.order-title{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-semibold);color:var(--text-1);overflow-wrap:anywhere}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:0 var(--sp-5);border-radius:var(--r-full);font-size:15px;line-height:22px;font-weight:var(--fw-semibold);text-align:center;transition:opacity var(--dur-1) var(--ease-out), background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){opacity:.6}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background-color:var(--brand-500);color:var(--text-on-brand)}.btn--primary:hover:not(:disabled){background-color:var(--brand-600)}.btn--primary:active:not(:disabled){background-color:var(--brand-700);opacity:1}.btn--ghost{border-color:var(--border-strong);background-color:var(--bg-card);color:var(--brand-600)}.btn--ghost:hover:not(:disabled){border-color:var(--brand-600);background-color:var(--brand-050)}.btn--ghost:active:not(:disabled){background-color:var(--brand-100);opacity:1}.btn--danger-text{min-height:var(--tap-min);padding:0 var(--sp-4);color:var(--danger-600);background-color:#0000;border:0}.btn--danger-text:hover:not(:disabled){text-decoration:underline}.btn--block{width:100%}.btn--compact{min-height:32px;padding:0 var(--sp-4);font-size:var(--fs-13);position:relative}.btn--compact:after{content:"";position:absolute;inset:-6px 0}.btn--small{min-height:var(--tap-min);padding:0 var(--sp-4);font-size:var(--fs-13)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14)}.field__input,.field__textarea{width:100%;min-height:var(--row-h);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);background-color:var(--bg-card);color:var(--text-1);font-size:var(--fs-16);line-height:var(--lh-16);outline:none}.field__textarea{min-height:88px;padding:var(--sp-3);resize:vertical}.field__input::placeholder,.field__textarea::placeholder{color:var(--text-3)}.field__input:focus,.field__textarea:focus{border-color:var(--brand-600);box-shadow:var(--shadow-focus)}.field__input[aria-invalid=true],.field__textarea[aria-invalid=true]{border-color:var(--danger-600)}.field__error{color:var(--danger-600);font-size:var(--fs-12);line-height:var(--lh-12)}.field-row{align-items:flex-start;gap:var(--sp-3);min-height:var(--row-h);display:flex}.field-row__label{color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14);flex:0 0 4.5em;padding-top:9px}.field-row__control{flex:1;min-width:0}.checkbox{align-items:flex-start;gap:var(--sp-3);min-height:var(--row-h);padding:var(--sp-2) 0;color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);cursor:pointer;display:flex}.checkbox input{border:1px solid var(--border-strong);border-radius:var(--r-xs);background-color:var(--bg-card);appearance:none;flex:none;width:20px;height:20px;margin:0}.checkbox input:checked{border-color:var(--brand-500);background-color:var(--brand-500)}.checkbox input:checked:after{border:solid var(--text-on-brand);content:"";border-width:0 2px 2px 0;width:5px;height:10px;margin:1px auto 0;display:block;transform:rotate(45deg)}.checkbox input:focus-visible{box-shadow:var(--shadow-focus)}.checkbox input[aria-invalid=true]{border-color:var(--danger-600)}.filter-bar{z-index:10;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);background-color:var(--bg-card);box-shadow:inset 0 -1px 0 var(--border-1);position:sticky;top:0}.filter-bar:before,.filter-bar:after{content:"";z-index:2;width:var(--sp-5);pointer-events:none;background-image:linear-gradient(90deg, var(--bg-card), #fff0);position:absolute;top:0;bottom:1px}.filter-bar:before{left:0}.filter-bar:after{right:0;transform:scaleX(-1)}.chip-row{gap:var(--sp-2);padding:var(--sp-3) 0;scrollbar-width:none;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border-2);border-radius:var(--r-full);background-color:var(--bg-card);min-height:40px;color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-regular);transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);flex:none;padding:0 14px;position:relative}.chip:after{content:"";position:absolute;inset:-2px 0}.chip:hover{border-color:var(--border-strong)}.chip:active{background-color:var(--bg-fill)}.chip.is-active{border-color:var(--brand-200);background-color:var(--tag-brand-bg);color:var(--tag-brand-ink);font-weight:var(--fw-semibold)}.exam-hero{justify-content:space-between;align-items:center;gap:var(--sp-4);margin:calc(-1 * var(--sp-4)) calc(-1 * var(--gutter)) calc(-1 * var(--sp-8));padding:calc(var(--safe-t) + var(--sp-5)) var(--gutter) var(--sp-8);background-image:linear-gradient(135deg, var(--brand-050), var(--brand-100));border-radius:0 0 var(--r-lg) var(--r-lg);display:flex}.exam-hero__copy{min-width:0}.exam-hero__brand{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:-.01em}.exam-hero__slogan{margin-top:var(--sp-1);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.exam-hero__art{width:84px;height:70px;color:var(--brand-400);flex:none}.exam-hero__art .art-soft{stroke:var(--brand-200)}.exam-list{gap:var(--sp-3);flex-direction:column;display:flex}.exam-card{min-width:0;padding:var(--card-pad);border:1px solid var(--border-1);border-radius:var(--r-lg);background-color:var(--bg-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.exam-card__head{align-items:flex-start;gap:var(--sp-2);display:flex}.exam-card__title{min-width:0;font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-semibold);color:var(--text-1);min-height:calc(var(--lh-16) * 2 + 20px);flex:1;margin-block:-10px;padding-block:10px}.exam-card__status{flex:none;margin-block-start:2px}.exam-card__category{margin-top:var(--sp-1);color:var(--brand-600);font-size:var(--fs-13);line-height:var(--lh-13);overflow-wrap:anywhere}.exam-card__title-link{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.exam-card__tags,.tag-row{gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.exam-card__meta{justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-1);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);display:flex}.exam-card__footer{justify-content:space-between;align-items:center;gap:var(--sp-2);padding-top:var(--sp-3);margin-top:auto;display:flex}@media (width<=359px){.exam-card__head{row-gap:var(--sp-1);flex-wrap:wrap}.exam-card__title{flex-basis:100%}}.list-footer{text-align:center}.list-footer__text{padding-top:var(--sp-3);color:var(--text-2);font-size:var(--fs-12);line-height:var(--lh-12)}.list-footer__count{display:none}.skeleton-card{padding:var(--card-pad);border:1px solid var(--border-1);border-radius:var(--r-lg);background-color:var(--bg-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.skeleton-block{border-radius:var(--r-xs);background-color:var(--bg-sunken)}.skeleton-lines{gap:var(--sp-2);min-width:0;padding-top:var(--sp-1);flex-direction:column;flex:1;display:flex}.skeleton-line{height:var(--sp-4);border-radius:var(--r-xs);background-color:var(--bg-sunken)}.skeleton-line--title{width:70%}.skeleton-line--short{width:45%}.skeleton-card .skeleton-line--title{margin-block:var(--sp-1)}.skeleton-card .skeleton-line--short,.skeleton-meta .skeleton-line,.skeleton-foot .skeleton-line{height:var(--lh-13)}.skeleton-card .skeleton-line--short{margin-top:var(--sp-1)}.skeleton-meta,.skeleton-foot{justify-content:space-between;align-items:center;display:flex}.skeleton-meta{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.skeleton-foot{padding-top:var(--sp-3)}.skeleton-meta .skeleton-line{width:30%}.skeleton-foot .skeleton-line{width:25%}.skeleton-btn{border-radius:var(--r-full);width:73px;height:32px}.skeleton-card--panel{border-radius:var(--r-md);box-shadow:var(--shadow-1);border:0}.skeleton-card--panel .skeleton-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.skeleton-head .skeleton-line{width:60%;height:var(--lh-16)}.skeleton-tag{border-radius:var(--r-xs);flex:none;width:48px;height:22px}.skeleton-info{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--row-h);padding:var(--sp-2) 0;display:flex}.skeleton-info .skeleton-line{height:var(--lh-14)}.skeleton-info .skeleton-line:first-child{width:4em}.skeleton-info .skeleton-line:last-child{width:40%}.skeleton-actions{margin-top:var(--sp-3);justify-content:flex-end;display:flex}@media (prefers-reduced-motion:no-preference){.skeleton-block,.skeleton-line{background-image:linear-gradient(90deg, var(--bg-sunken), var(--bg-fill), var(--bg-sunken));background-size:200% 100%;animation:1.4s linear infinite skeleton-shimmer}}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.empty-state{padding:var(--sp-8) var(--sp-4) var(--sp-6);text-align:center}.empty-state--page{padding-top:15vh}.exam-page .empty-state--page{padding-top:var(--sp-10)}.empty-state__art{width:160px;height:160px;margin:0 auto var(--sp-4);border-radius:var(--r-lg);background-color:var(--brand-050);color:var(--brand-200);justify-content:center;align-items:center;display:flex}.empty-state__title{color:var(--text-2);font-size:15px;line-height:22px;font-weight:var(--fw-semibold)}.empty-state__description{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.empty-state__action{gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap;justify-content:center;display:flex}.error-block{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-1);border-radius:var(--r-sm);background-color:var(--tag-danger-bg)}.error-block__text{color:var(--danger-600);font-size:var(--fs-13);line-height:var(--lh-13)}.error-block__action{margin-top:var(--sp-3)}.loading-block{padding:var(--sp-10) var(--sp-4);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);text-align:center}.detail-title{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold);color:var(--text-1);overflow-wrap:anywhere}.detail-price{align-items:baseline;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.detail-price__label{color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.detail-paragraph{color:var(--text-2);font-size:var(--fs-14);white-space:pre-wrap;overflow-wrap:anywhere;line-height:24px}.subject-item,.rule-item{padding:var(--sp-3) 0}.subject-item:first-child,.rule-item:first-child{padding-top:0}.subject-item:last-child,.rule-item:last-child{padding-bottom:0}.subject-item__head{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-semibold);color:var(--text-1);overflow-wrap:anywhere;display:flex}.subject-item__head .tag{flex:none}.subject-item__meta{margin-top:var(--sp-1);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);overflow-wrap:anywhere}.rule-item__title{font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold);color:var(--text-1);overflow-wrap:anywhere}.rule-item__content{margin-top:var(--sp-1);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);white-space:pre-wrap;overflow-wrap:anywhere}.pay-countdown{align-items:center;gap:var(--sp-2);margin:calc(-1 * var(--sp-4)) calc(-1 * var(--gutter)) var(--sp-3);padding:var(--sp-2) var(--gutter);background-color:var(--tag-warning-bg);color:var(--tag-warning-ink);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-semibold);flex-wrap:wrap;display:flex}.pay-countdown--danger{background-color:var(--tag-danger-bg);color:var(--tag-danger-ink)}.pay-countdown__action{margin-left:auto}.qr-panel{padding:var(--card-pad);border-radius:var(--r-md);background-color:var(--bg-card);box-shadow:var(--shadow-1);text-align:center}.qr-panel__title{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-semibold);color:var(--text-1)}.qr-panel__canvas-wrap{width:fit-content;margin:var(--sp-4) auto;padding:var(--sp-3);border-radius:var(--r-sm);background-color:var(--bg-sunken);justify-content:center;display:flex}.qr-panel__canvas{width:200px;height:200px}.qr-panel__tip{color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12)}.qr-panel__lead{margin-bottom:var(--sp-1);color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14)}.qr-panel__error{margin-bottom:var(--sp-3);color:var(--danger-600);font-size:var(--fs-13);line-height:var(--lh-13)}.qr-panel__actions{margin-top:var(--sp-4)}.result-seal{color:var(--brand-500);flex-direction:column;align-items:center;display:flex}.result-seal--success{color:var(--success-600)}.result-seal--warning{color:var(--warning-600)}.result-seal--danger{color:var(--danger-600)}.result-seal--closed{color:var(--text-3)}.result-seal__ring{border-radius:var(--r-full);border:2px solid;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.result-seal__rule{width:160px;height:1px;margin:var(--sp-5) auto;background-image:linear-gradient(90deg, var(--brand-400), transparent)}.result-state{text-align:center}.result-state__title{font-size:var(--fs-24);line-height:var(--lh-24);font-weight:var(--fw-bold);color:var(--text-1)}.result-state__desc{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14)}.result-state__actions{gap:var(--sp-3);margin-top:var(--sp-6);flex-direction:column;display:flex}.timeline__item{padding:0 0 var(--sp-4) var(--sp-6);position:relative}.timeline__item:before{content:"";border-radius:var(--r-full);background-color:var(--brand-500);width:8px;height:8px;position:absolute;top:6px;left:3px}.timeline__item:after{content:"";border-left:1px solid var(--border-1);position:absolute;top:18px;bottom:0;left:7px}.timeline__item:last-child{padding-bottom:0}.timeline__item:last-child:after{display:none}.timeline__item--pending:before{border:1px solid var(--border-2);background-color:#0000}.timeline__title{font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold);color:var(--text-1)}.timeline__time{color:var(--text-3);font-size:var(--fs-13);line-height:var(--lh-13);margin-top:2px}.profile{align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0 var(--sp-5);display:flex}.profile__avatar{border-radius:var(--r-full);background-color:var(--bg-fill);width:56px;height:56px;color:var(--text-2);font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-semibold);object-fit:cover;flex:0 0 56px;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile__name{font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-semibold);color:var(--text-1)}.profile__meta{margin-top:var(--sp-1);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.nav-row{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:0 var(--card-pad);color:var(--text-1);text-align:left;background-color:#0000;border:0;font-size:15px;line-height:22px;display:flex}.nav-row:active{background-color:var(--bg-fill)}.nav-row__icon{color:var(--text-4)}.nav-row__value{color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.about-block{padding:var(--sp-3) var(--card-pad) var(--sp-4);border-top:1px solid var(--border-1);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.about-block__version{margin-top:var(--sp-1);color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12)}.page-footer{margin-top:var(--sp-6);color:var(--text-2);font-size:var(--fs-12);line-height:var(--lh-12);text-align:center}.drawer{z-index:60;background-color:var(--mask);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer__panel{width:100%;max-width:var(--content-max);max-height:88vh;padding:var(--sp-6) var(--sp-4) calc(var(--sp-5) + var(--safe-b));border-radius:var(--r-lg) var(--r-lg) 0 0;background-color:var(--bg-card);box-shadow:var(--shadow-2);position:relative;overflow-y:auto}.drawer__head{padding-right:var(--sp-10)}.drawer__title{font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-semibold);color:var(--text-1)}.drawer__copy{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.drawer__close{top:var(--sp-3);right:var(--sp-3);width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-full);color:var(--text-2);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.drawer__close:active{background-color:var(--bg-fill)}.drawer__actions{gap:var(--sp-3);margin-top:var(--sp-5);flex-direction:column;display:flex}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity var(--dur-2) var(--ease-out)}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-slide-enter-active{transition:transform var(--dur-2) var(--ease-out)}.drawer-slide-leave-active{transition:transform var(--dur-2) var(--ease-in)}.drawer-slide-enter-from,.drawer-slide-leave-to{transform:translateY(100%)}.segmented{gap:var(--sp-1);margin:var(--sp-4) 0;border-radius:var(--r-full);background-color:var(--bg-fill);padding:3px;display:flex}.segmented__item{border-radius:var(--r-full);min-height:40px;color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-regular);background-color:#0000;border:0;flex:1}.segmented__item.is-active{background-color:var(--bg-card);color:var(--text-1);font-weight:var(--fw-semibold);box-shadow:var(--shadow-1)}.sms-row{align-items:flex-end;gap:var(--sp-3);display:flex}.sms-row__field{flex:1;min-width:0}.sms-row__button{min-width:108px;min-height:40px;padding:0 var(--sp-4);font-size:var(--fs-13)}.form-feedback{margin-top:var(--sp-3);font-size:var(--fs-13);line-height:var(--lh-13)}.form-feedback--error{color:var(--danger-600)}.form-feedback--success{color:var(--success-600)}.legal-note{margin-top:var(--sp-4);color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12);text-align:center}.legal-note__link{color:var(--brand-600)}.legal-note__link:hover{text-decoration:underline}@media (width>=768px){:root{--content-max:var(--content-max-md)}}@media (width>=1024px){:root{--content-max:var(--content-max-pc);--gutter:var(--gutter-pc);--card-pad:20px}.tab-bar{display:none}.page--tab{padding-bottom:var(--sp-12)}.hairline:after,.rows>*+:before,.app-bar:after,.action-bar:after,.pay-sheet:after,.pay-countdown:after{transform:none}}.top-nav,.crumbs,.skip-link,.pc-only{display:none}.detail-col>*+*,.result-center>*+*,.grid-12>*+*{margin-top:var(--sp-3)}@media (width>=1024px){.skip-link{top:-64px;left:var(--sp-4);z-index:100;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);background-color:var(--bg-card);box-shadow:var(--shadow-2);color:var(--brand-600);font-size:var(--fs-14);line-height:var(--lh-14);transition:top var(--dur-2) var(--ease-out);display:block;position:absolute}.skip-link:focus{top:var(--sp-2)}.site-root{min-height:calc(100vh - var(--topnav-h))}.page{padding:var(--sp-8) var(--gutter) var(--sp-12)}.crumbs+.page{padding-top:var(--sp-4)}.action-bar,.pay-sheet{display:none}.page--action{padding-bottom:var(--sp-12)}.grid-12{gap:var(--sp-5);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.grid-12>*+*{margin-top:0}.grid-12>.detail-col{align-self:stretch}.grid-span-4{grid-column:span 4}.grid-span-5{grid-column:span 5}.grid-span-6{grid-column:span 6}.grid-span-7{grid-column:span 7}.grid-span-8{grid-column:span 8}.grid-span-12{grid-column:span 12}.sticky-col{top:calc(var(--topnav-h) + var(--sp-6));position:sticky}.top-nav{z-index:90;height:var(--topnav-h);background-color:var(--bg-card);border-bottom:1px solid var(--border-1);display:block;position:sticky;top:0}.top-nav__inner{height:var(--topnav-h);max-width:var(--content-max);padding:0 var(--gutter);align-items:center;margin:0 auto;display:flex}.top-nav__brand{color:var(--text-1);font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-bold);letter-spacing:-.01em;flex:none}.top-nav__links{align-items:center;gap:var(--sp-8);margin-left:var(--sp-12);display:flex}.top-nav__item{height:var(--topnav-h);align-items:center;display:flex;position:relative}.top-nav__link{height:36px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--text-2);transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);align-items:center;font-size:15px;line-height:22px;display:flex}.top-nav__link:hover{background-color:var(--bg-fill);color:var(--text-1)}.top-nav__link.router-link-exact-active{color:var(--brand-600);font-weight:var(--fw-semibold)}.top-nav__link.router-link-exact-active:after{content:"";border-radius:var(--r-full);background-color:var(--brand-500);height:2px;position:absolute;bottom:0;left:0;right:0}.top-nav__user{margin-left:auto;position:relative}.top-nav__user-button{align-items:center;gap:var(--sp-2);border-radius:var(--r-full);color:var(--text-1);font-size:var(--fs-14);line-height:var(--lh-14);transition:background-color var(--dur-2) var(--ease-out);background-color:#0000;border:0;padding:6px 10px;display:flex}.top-nav__user-button:hover{background-color:var(--bg-fill)}.top-nav__avatar{border-radius:var(--r-full);background-color:var(--bg-fill);width:32px;height:32px;color:var(--text-2);font-size:var(--fs-13);place-items:center;display:grid;overflow:hidden}.top-nav__avatar img{object-fit:cover;width:100%;height:100%}.top-nav__name{white-space:nowrap;text-overflow:ellipsis;max-width:12em;overflow:hidden}.top-nav__caret{color:var(--text-3);display:block}.top-nav__menu{top:calc(100% + var(--sp-2));width:180px;padding:var(--sp-1);border-radius:var(--r-md);background-color:var(--bg-card);box-shadow:var(--shadow-2);position:absolute;right:0}.top-nav__menu-item{width:100%;height:40px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--text-1);font-size:var(--fs-14);line-height:var(--lh-14);text-align:left;transition:background-color var(--dur-2) var(--ease-out);background-color:#0000;border:0;align-items:center;display:flex}.top-nav__menu-item:hover{background-color:var(--bg-fill)}.top-nav__menu-item--danger{color:var(--danger-600)}.top-nav__login{height:36px;padding:0 var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-full);background-color:var(--bg-card);color:var(--brand-600);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold);transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);margin-left:auto}.top-nav__login:hover{border-color:var(--brand-600);background-color:var(--brand-050)}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out)}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0;transform:translateY(-4px)}.crumbs{padding:var(--sp-6) var(--gutter) 0;display:block}.crumbs__list,.crumbs__item{align-items:center;gap:var(--sp-2);display:flex}.crumbs__link{color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);transition:color var(--dur-2) var(--ease-out)}.crumbs__link:hover{color:var(--brand-600);text-decoration:underline}.crumbs__sep{color:var(--text-4);font-size:var(--fs-13);line-height:var(--lh-13)}.crumbs__current{color:var(--text-1);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-regular);margin:0}.app-bar,.exam-hero{display:none}.exam-list{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.exam-card{transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out)}.exam-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.exam-card__title-link:hover{color:var(--brand-600)}.btn--compact{min-height:34px}.skeleton-btn{height:34px}.list-footer{justify-content:center;align-items:center;gap:var(--sp-4);padding-top:var(--sp-8);display:flex}.list-footer .btn--block{width:auto;min-width:132px}.list-footer__count{color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);padding-top:0;display:block}.list-footer--count .list-footer__text{display:none}.pc-only{display:block}.btn.pc-only{display:inline-flex}.detail-col>*+*{margin-top:var(--sp-5)}.detail-title{font-size:var(--fs-24);line-height:var(--lh-24)}.detail-price .price__symbol{font-size:var(--fs-20)}.detail-price .price__value,.detail-price .price__free{font-size:var(--fs-32);line-height:var(--lh-32)}.ticket-subjects{gap:var(--sp-2);flex-wrap:wrap;display:flex}.info-row__label{flex:0 0 6em}.panel__title{font-size:var(--fs-20);line-height:var(--lh-20)}.detail-paragraph{letter-spacing:.01em;max-width:68ch;font-size:15px;line-height:26px}.subject-table{width:100%;margin-top:var(--sp-4);border-collapse:collapse;display:table}.subject-table th{height:var(--row-h);padding:0 var(--sp-4);background-color:var(--bg-fill);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-semibold);text-align:left}.subject-table td{height:48px;padding:0 var(--sp-4);border-top:1px solid var(--border-1);color:var(--text-1);font-size:var(--fs-14);line-height:var(--lh-14);overflow-wrap:anywhere}.subject-blocks{display:none}.field__input,.field__textarea{font-size:15px;line-height:var(--lh-14)}.signup-summary .order-title{margin-bottom:var(--sp-1)}.summary-amount{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.summary-amount .price__symbol{font-size:var(--fs-14)}.summary-amount .price__value{font-size:var(--fs-24);line-height:var(--lh-24)}.signup-summary .btn--block{margin-top:var(--sp-5)}.m-only,.pay-countdown{display:none}.pay-summary__amount{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.pay-summary__amount .price__symbol{font-size:var(--fs-20)}.pay-summary__amount .price__value{font-size:var(--fs-32);line-height:var(--lh-32)}.pay-summary__countdown{align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);color:var(--tag-warning-ink);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-semibold);display:flex}.pay-summary__countdown--danger{color:var(--danger-600)}.pay-summary__button,.pay-summary__order{margin-top:var(--sp-5)}.pay-summary .pay-sheet__notice,.pay-summary .pay-sheet__polling{margin-top:var(--sp-2);margin-bottom:0}.qr-panel{padding:var(--sp-5)}.qr-panel__canvas-wrap{padding:var(--sp-4);border-radius:var(--r-md)}.qr-panel__canvas{width:220px;height:220px}.qr-steps{margin:var(--sp-5) 0;padding:var(--sp-4) 0;border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);text-align:left;display:block}.qr-steps__item{align-items:center;gap:var(--sp-3);min-height:40px;color:var(--text-1);font-size:15px;line-height:22px;display:flex}.qr-steps__no{border-radius:var(--r-full);background-color:var(--brand-100);width:24px;height:24px;color:var(--brand-600);font-size:var(--fs-12);line-height:1;font-weight:var(--fw-semibold);flex:0 0 24px;place-items:center;display:grid}.qr-steps__amount{color:var(--price-600);font-weight:var(--fw-semibold)}.qr-panel__actions{max-width:220px;margin:var(--sp-5) auto 0}.result-center{max-width:520px;margin:0 auto}.result-center>*+*{margin-top:var(--sp-5)}.filter-bar{top:var(--topnav-h)}.reg-table-card{border:1px solid var(--border-1);border-radius:var(--r-md);background-color:var(--bg-card);overflow:hidden}.reg-table{border-collapse:collapse;table-layout:fixed;width:100%;display:table}.reg-table th,.reg-table td{padding:0 var(--sp-4);text-align:left;overflow-wrap:anywhere}.reg-table th{height:var(--row-h);background-color:var(--bg-fill);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-semibold)}.reg-table td{border-top:1px solid var(--border-1);height:56px;color:var(--text-1);font-size:var(--fs-14);line-height:var(--lh-14)}.reg-table tbody tr{transition:background-color var(--dur-1) var(--ease-out)}.reg-table tbody tr:hover{background-color:var(--bg-fill)}.reg-table tbody tr:first-child td{border-top:0}.reg-table__col-no{width:220px}.reg-table__col-time{width:160px}.reg-table__col-amount{text-align:right;width:110px}.reg-table__col-status{width:100px}.reg-table__col-action{width:96px}.reg-table .order-no{font-size:var(--fs-13)}.reg-table__amount{color:var(--price-600);font-size:15px;line-height:22px;font-weight:var(--fw-semibold);text-align:right}.reg-table__amount .price__free{font-size:15px}.reg-table__link{color:var(--brand-600);font-size:var(--fs-13);line-height:var(--lh-13);background-color:#0000;border:0;padding:0}.reg-table__link:hover{text-decoration:underline}.reg-table__muted{color:var(--text-4)}.reg-table-card+.list-footer{padding-top:var(--sp-5)}.reg-table-card+.list-footer .list-footer__text{font-size:var(--fs-13);padding-top:0}.timeline__item{justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:48px;padding:0 0 0 var(--sp-6);display:flex}.timeline__time{color:var(--text-3);font-size:var(--fs-14);line-height:var(--lh-14);text-align:right;margin-top:0}.me-page{max-width:560px;margin:0 auto}.profile__avatar{width:64px;height:64px;font-size:var(--fs-24);flex:0 0 64px}.profile__name{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold)}.empty-state--page{padding-top:120px}.error-block{max-width:560px;margin-left:auto;margin-right:auto}.drawer{padding:var(--sp-6);align-items:center}.drawer__panel{width:400px;max-width:100%;max-height:calc(100vh - var(--sp-12));padding:var(--sp-6);border-radius:var(--r-md)}.drawer__close{top:var(--sp-2);right:var(--sp-2)}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out)}.drawer-slide-enter-from,.drawer-slide-leave-to{opacity:0;transform:scale(.98)}.nav-row:hover{background-color:var(--bg-fill)}.reg-table__link,.crumbs__link{align-items:center;min-height:32px;display:inline-flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.notice-bar{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border-2);border-radius:var(--r-sm);background-color:var(--bg-fill);color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14);overflow-wrap:anywhere;display:flex}.notice-bar svg{flex:none;width:20px;height:20px}.notice-bar--success{background-color:var(--tag-success-bg);color:var(--tag-success-ink)}.notice-bar--info{background-color:var(--tag-brand-bg);color:var(--tag-brand-ink)}.notice-bar--danger{border-color:var(--tag-danger-ink);background-color:var(--tag-danger-bg);color:var(--tag-danger-ink);font-weight:var(--fw-medium)}.link-row{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-min);padding:0 var(--card-pad);background-color:var(--bg-card);color:var(--brand-600);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-medium);text-align:left;border:0;text-decoration:none;display:flex}.link-row svg{color:var(--text-4);flex:none}.link-row:active{background-color:var(--bg-fill)}.link-row:focus-visible{box-shadow:var(--shadow-focus)}@media (prefers-reduced-motion:no-preference){.link-row{transition:background-color var(--dur-1) var(--ease-out)}}.subject-progress{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.subject-progress__row{align-items:center;gap:var(--sp-2);min-height:var(--row-h);padding:0 var(--sp-3);color:var(--text-2);font-size:var(--fs-14);line-height:var(--lh-14);display:flex;position:relative}.subject-progress>*+:before{content:"";pointer-events:none;border-top:1px solid var(--border-1);position:absolute;top:0;left:0;right:0}.subject-progress__row>:last-child{margin-left:auto}.subject-progress__row.is-active{background-color:var(--brand-050);color:var(--text-1);font-weight:var(--fw-medium)}.subject-progress__row.is-active:after{content:"";background-color:var(--brand-500);width:3px;position:absolute;top:0;bottom:0;left:0}.subject-progress__row.is-clickable{cursor:pointer}.subject-progress__row.is-clickable:active{background-color:var(--bg-fill)}.subject-progress__row.is-clickable:focus-visible{box-shadow:var(--shadow-focus)}.subject-progress__row.is-clickable svg{color:var(--text-4);flex:none}@media (resolution>=2x){.subject-progress>*+:before{transform-origin:0 0;transform:scaleY(.5)}}@media (width>=1024px){.subject-progress>*+:before{transform:none}}.image-viewer{z-index:70;background-color:var(--mask);justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.image-viewer__img{object-fit:contain;max-width:100%;max-height:100%}.image-viewer__close{top:var(--sp-3);right:var(--sp-3);width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-full);background-color:var(--mask);color:var(--text-on-brand);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.image-viewer__close:focus-visible{box-shadow:var(--shadow-focus)}@media (prefers-reduced-motion:no-preference){.image-viewer{transition:opacity var(--dur-2) var(--ease-out)}}