:root{--colors-surface-primary-normal: #ffffff;--colors-surface-secondary-normal: #fafafa;--colors-surface-tertiary-normal: #ffd700;--colors-text-primary-normal: #242424;--colors-text-primary-soft: #919191;--colors-text-inverse-normal: #ffffff;--colors-button-brand-normal: #ffd700;--colors-button-primary-normal: #007aff;--colors-button-primary-hover: #0062d6;--colors-button-primary-disabled: #ececec;--colors-button-secondary-normal: #ffffff;--colors-border-primary-normal: #ececec;--colors-border-secondary-normal: #006fe8;--colors-link-text-primary-normal: #006fe8;--colors-status-default-soft: #f5f5f5;--colors-status-information-hard: #0050a7;--colors-status-information-normal: #006fe8;--colors-status-information-softest: #edf8ff;--colors-status-warn-softest: #fffae3;--colors-status-warn-softer: #ffea93;--colors-status-success-normal: #1bb22a;--colors-status-success-hard: #0a8517;--colors-status-success-softest: #f0fef1;--colors-status-success-softer: #c3fbc8;--colors-status-alert-normal: #e02217;--colors-status-alert-softest: #fff5f4;--colors-status-alert-softer: #ffcfcc}.learning-lp .material-symbols-rounded{font-family:Material Symbols Rounded;font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 40;font-size:24px;display:inline-block;vertical-align:middle;user-select:none;line-height:1}.learning-lp{background:var(--colors-surface-primary-normal, #ffffff);min-height:100dvh}#screen-intro.lp-step-active .reveal-stack>*{opacity:1;transform:translateY(0)}.learning-lp .lp-error{font-size:13px;color:var(--colors-status-alert-normal, #e02217);background:var(--colors-status-alert-softest, #fff5f4);padding:10px 12px;border-radius:8px;margin-top:8px}.learning-lp .lp-error[hidden]{display:none}.learning-lp .btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:8px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color .15s;border:none;box-sizing:border-box}.learning-lp .btn-h48{height:48px;padding:0 24px;font-size:16px;font-weight:700;line-height:1}.learning-lp .btn-h44{height:44px;padding:0 24px;font-size:16px;font-weight:700;line-height:1}.learning-lp .btn-h40{height:40px;padding:0 18px;font-size:16px;font-weight:700;line-height:1}.learning-lp .btn-h32{height:32px;padding:0 14px;font-size:14px;font-weight:400;line-height:1}.learning-lp .btn-h24{height:24px;padding:0 12px;font-size:12px;font-weight:400;line-height:1}.learning-lp .btn-h16{height:16px;padding:0 8px;font-size:10px;font-weight:400;line-height:1}.learning-lp .btn-primary{background-color:var(--colors-button-primary-normal, #007aff);color:var(--colors-text-inverse-normal, #ffffff)}.learning-lp .btn-primary:hover{background-color:var(--colors-button-primary-hover, #0062d6)}.learning-lp .btn-secondary{background-color:var(--colors-button-secondary-normal, #ffffff);color:var(--colors-link-text-primary-normal, #006fe8);border:2px solid var(--colors-border-secondary-normal, #006fe8)}.learning-lp .btn-secondary:hover{background-color:var(--colors-button-secondary-hover, #edf8ff)}.learning-lp .btn-danger{background-color:var(--colors-button-danger-normal, #e02217);color:var(--colors-text-inverse-normal, #ffffff)}.learning-lp .btn-danger:hover{background-color:var(--colors-button-danger-hover, #c11d14)}.learning-lp .btn-default{background-color:var(--colors-surface-primary-normal, #ffffff);color:var(--colors-text-primary-normal, #242424);border:2px solid var(--colors-border-primary-normal, #ececec)}.learning-lp .btn-default:hover{background-color:var(--colors-surface-secondary-normal, #fafafa)}.learning-lp .btn-disabled,.learning-lp .btn[disabled],.learning-lp .btn:disabled{background-color:var(--colors-button-primary-disabled, #ececec);color:var(--colors-text-primary-soft, #919191);border:none;cursor:not-allowed;pointer-events:none}.learning-lp .btn-loading{position:relative;color:transparent;pointer-events:none}.learning-lp .btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lp-btn-spin .6s linear infinite}.learning-lp .btn-primary.btn-loading:after{border-color:#fff;border-right-color:transparent}.learning-lp .btn-secondary.btn-loading:after{border-color:var(--colors-link-text-primary-normal);border-right-color:transparent}@keyframes lp-btn-spin{to{transform:rotate(360deg)}}.learning-lp .btn-round{border-radius:48px}.learning-lp .btn-block{display:flex;width:100%}.learning-lp .btn .material-symbols-rounded{line-height:1}.lp-container{max-width:720px;margin:0 auto;padding:16px 16px 64px;font-family:var( --font-noto-sans-jp, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif )}@media(min-width:720px){.lp-container{padding:32px 24px 96px}}.lp-progress{position:sticky;top:0;background:var(--colors-surface-primary-normal, #ffffff);padding:8px 0 12px;z-index:10;margin-bottom:16px}.lp-progress-label{font-size:11px;font-weight:700;color:var(--colors-text-primary-soft, #919191);letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.lp-progress-track{height:4px;background:var(--colors-status-default-soft, #f5f5f5);border-radius:2px;overflow:hidden}.lp-progress-fill{height:100%;background:var(--colors-button-brand-normal, #ffd700);border-radius:2px;width:0%;transition:width .4s ease}.lp-step{display:none}.lp-step.lp-step-active{display:block}.lp-eyebrow{display:inline-block;font-size:11px;font-weight:700;color:var(--colors-status-information-hard, #0050a7);background:var(--colors-status-information-softest, #edf8ff);padding:4px 12px;border-radius:12px;margin-bottom:12px;letter-spacing:.5px}.lp-hero{text-align:center;padding:8px 0 16px}.lp-hero-icon{display:inline-flex;width:80px;height:80px;border-radius:50%;background:var(--colors-surface-tertiary-normal, #ffd700);align-items:center;justify-content:center;color:var(--colors-text-primary-normal, #242424)}.lp-step h2{font-size:20px;font-weight:700;line-height:1.45;color:var(--colors-text-primary-normal, #242424);margin-bottom:12px}.lp-step .lp-lead{font-size:14px;line-height:1.7;color:var(--colors-text-primary-normal, #242424);margin-bottom:16px}.lp-step .lp-note{display:inline-block;font-size:12px;color:var(--colors-text-primary-soft, #919191);margin-top:4px}.lp-step .lp-sub{font-size:13px;color:var(--colors-text-primary-normal, #242424);line-height:1.7;padding:12px 16px;background:var(--colors-status-warn-softest, #fffae3);border-radius:8px;border-left:3px solid var(--colors-button-brand-normal, #ffd700)}.lp-illust{display:flex;align-items:center;justify-content:center;margin:12px 0 16px;padding:20px;background:var(--colors-status-information-softest, #edf8ff);border-radius:12px;color:var(--colors-status-information-normal, #006fe8)}.lp-illust-mockup{padding:12px}.app-mockup{background:var(--colors-surface-primary-normal, #ffffff);border-radius:12px;padding:12px 16px;width:100%;max-width:320px;box-shadow:0 1px 4px #00000014}.app-mockup-header{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--colors-text-primary-normal, #242424);margin-bottom:12px}.app-mockup-header .material-symbols-rounded{font-size:16px;color:var(--colors-text-primary-normal, #242424)}.app-mockup-chips{display:flex;flex-wrap:wrap;gap:8px}.app-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--colors-surface-secondary-normal, #fafafa);border:1px solid var(--colors-border-primary-normal, #ececec);border-radius:16px;font-size:12px;color:var(--colors-text-primary-soft, #919191);transition:all .2s ease}.app-chip.is-selected{background:var(--colors-button-brand-normal, #ffd700);border-color:var(--colors-button-brand-normal, #ffd700);color:var(--colors-text-primary-normal, #242424);font-weight:700}@keyframes app-chip-tap{0%,to{transform:scale(1)}50%{transform:scale(.92)}}.app-chip.is-selected{animation:app-chip-tap 2.4s ease infinite}.app-mockup-chips>.app-chip.is-selected:nth-of-type(4){animation-delay:.6s}@media(prefers-reduced-motion:reduce){.app-chip.is-selected{animation:none}}.app-mockup-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--colors-border-primary-normal, #ececec)}.app-mockup-row:last-child{border-bottom:none}.app-mockup-row-icon-block{display:flex;flex-direction:column;align-items:center;gap:4px;width:48px;flex-shrink:0}.app-mockup-row-icon-block .material-symbols-rounded{font-size:20px;color:var(--colors-text-primary-normal, #242424)}.app-mockup-row-icon-block-label{font-size:11px;color:var(--colors-text-primary-normal, #242424);font-weight:400}.app-mockup-row-value{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:14px;font-weight:700;color:var(--colors-text-primary-normal, #242424);font-variant-numeric:tabular-nums}.app-mockup-row-value-chevron{font-size:18px;color:var(--colors-text-primary-soft, #919191)}@keyframes app-mockup-tap-hint{0%,to{transform:translate(0);opacity:1}50%{transform:translate(4px);opacity:.4}}.app-mockup-row-value-chevron{animation:app-mockup-tap-hint 2.4s ease infinite}@media(prefers-reduced-motion:reduce){.app-mockup-row-value-chevron{animation:none}}.app-mockup-actions{display:flex;gap:8px;margin-top:8px}.app-mockup-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:8px 12px;font-size:12px;font-weight:700;background:var(--colors-surface-primary-normal, #ffffff);border:1px solid var(--colors-border-primary-normal, #ececec);border-radius:8px;color:var(--colors-text-primary-normal, #242424)}.app-mockup-action-btn .material-symbols-rounded{font-size:16px}@keyframes app-mockup-btn-highlight{0%,to{border-color:var(--colors-button-brand-normal, #ffd700);background:var(--colors-status-warn-softest, #fffae3);transform:scale(1)}50%{border-color:var(--colors-button-brand-normal, #ffd700);background:var(--colors-status-warn-softer, #ffea93);transform:scale(1.04)}}.app-mockup-action-btn.is-highlighted{border-color:var(--colors-button-brand-normal, #ffd700);background:var(--colors-status-warn-softest, #fffae3);animation:app-mockup-btn-highlight 2.4s ease infinite}@media(prefers-reduced-motion:reduce){.app-mockup-action-btn.is-highlighted{animation:none}}.app-mockup-section-title{font-size:12px;color:var(--colors-text-primary-soft, #919191);margin-bottom:4px}.app-mockup-schedule{font-size:13px;font-weight:700;color:var(--colors-text-primary-normal, #242424);font-variant-numeric:tabular-nums;margin-bottom:12px}.app-mockup-job-title{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--colors-text-primary-normal, #242424);line-height:1.4}.app-mockup-job-meta{display:flex;flex-direction:column;gap:4px}.app-mockup-job-meta-row{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--colors-text-primary-normal, #242424)}.app-mockup-job-meta-row .material-symbols-rounded{font-size:16px;color:var(--colors-text-primary-soft, #919191)}.app-mockup-job-pay{font-size:16px;font-weight:700;color:var(--colors-text-primary-normal, #242424);margin-top:8px;font-variant-numeric:tabular-nums}.app-mockup-job-badge{display:inline-flex;align-items:center;padding:4px 8px;background:var(--colors-status-success-softest, #f0fef1);color:var(--colors-status-success-hard, #0a8517);font-size:11px;font-weight:700;border-radius:8px;margin-bottom:8px}.app-mockup-date-chips{display:flex;gap:4px;margin-bottom:8px}.app-mockup-date-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px 4px;background:var(--colors-surface-primary-normal, #ffffff);border:1px solid var(--colors-border-primary-normal, #ececec);border-radius:8px;font-size:11px;color:var(--colors-text-primary-normal, #242424);line-height:1.3}.app-mockup-date-chip.is-today{background:var(--colors-button-brand-normal, #ffd700);border-color:var(--colors-button-brand-normal, #ffd700);font-weight:700}.app-mockup-sort{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--colors-surface-primary-normal, #ffffff);border:1px solid var(--colors-border-primary-normal, #ececec);border-radius:8px;font-size:14px;font-weight:700;color:var(--colors-text-primary-normal, #242424)}.app-mockup-sort>.material-symbols-rounded:first-child{font-size:20px;color:var(--colors-text-primary-normal, #242424)}.app-mockup-sort-chevron{font-size:20px;color:var(--colors-text-primary-soft, #919191);margin-left:auto}@keyframes app-mockup-sort-pulse{0%,to{background:var(--colors-status-warn-softest, #fffae3);border-color:var(--colors-button-brand-normal, #ffd700)}50%{background:var(--colors-status-warn-softer, #ffea93);border-color:var(--colors-button-brand-normal, #ffd700)}}.app-mockup-sort.is-highlighted{background:var(--colors-status-warn-softest, #fffae3);border-color:var(--colors-button-brand-normal, #ffd700);animation:app-mockup-sort-pulse 2.4s ease infinite}@media(prefers-reduced-motion:reduce){.app-mockup-sort.is-highlighted{animation:none}}.reveal-stack>*{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.reveal-stack>.reveal-shown{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal-stack>*{transition:none;opacity:1;transform:none}}.lp-tips{list-style:none;padding:0;margin:0 0 24px;counter-reset:tip-counter}.lp-tips li{padding:16px 16px 16px 48px;margin-bottom:12px;background:var(--colors-surface-primary-normal, #ffffff);border:1px solid var(--colors-border-primary-normal, #ececec);border-radius:8px;font-size:14px;line-height:1.7;position:relative}.lp-tips li:before{content:counter(tip-counter);counter-increment:tip-counter;position:absolute;left:12px;top:16px;width:24px;height:24px;background:var(--colors-button-brand-normal, #ffd700);color:var(--colors-text-primary-normal, #242424);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.lp-tips li strong{display:block;font-weight:700;margin-bottom:2px;color:var(--colors-text-primary-normal, #242424)}.lp-options{margin:8px 0 16px}.lp-option-card{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:var(--colors-surface-primary-normal, #ffffff);border:2px solid var(--colors-border-primary-normal, #ececec);border-radius:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;min-height:48px}.lp-option-card:hover{border-color:var(--colors-link-text-primary-normal, #006fe8);background:var(--colors-status-information-softest, #edf8ff)}.lp-option-card input[type=radio]{margin-top:2px;width:18px;height:18px;flex-shrink:0;accent-color:var(--colors-link-text-primary-normal, #006fe8);cursor:pointer}.lp-option-card.is-selected{border-color:var(--colors-link-text-primary-normal, #006fe8);background:var(--colors-status-information-softest, #edf8ff)}.lp-option-card-text{flex:1;font-size:14px;line-height:1.6;color:var(--colors-text-primary-normal, #242424)}.lp-actions{margin-top:16px;display:flex;gap:12px;flex-direction:column}.lp-actions>button{width:100%}@media(min-width:720px){.lp-actions{flex-direction:row;justify-content:flex-end}.lp-actions>button{width:auto;min-width:160px}}.lp-result-hero{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;margin-bottom:16px;background:var(--colors-status-success-softest, #f0fef1);border:1px solid var(--colors-status-success-softer, #c3fbc8)}.lp-result-hero.is-incorrect{background:var(--colors-status-alert-softest, #fff5f4);border-color:var(--colors-status-alert-softer, #ffcfcc)}.lp-result-hero-text{flex:1;min-width:0}.lp-result-hero h2{margin:0;font-size:16px;line-height:1.45;word-break:normal;overflow-wrap:anywhere}.lp-result-icon{flex-shrink:0;color:var(--colors-status-success-normal, #1bb22a)}.lp-result-icon.is-incorrect{color:var(--colors-status-alert-normal, #e02217)}.lp-result-summary{background:var(--colors-surface-secondary-normal, #fafafa);padding:16px;border-radius:8px;font-size:14px;line-height:1.7;color:var(--colors-text-primary-normal, #242424);margin-bottom:16px}.lp-result-summary h3{font-size:14px;font-weight:700;margin-bottom:8px}.learning-lp .lp-container{background:var(--colors-surface-primary-normal, #ffffff)}