@charset "UTF-8";:root{font-family:Yu Gothic,Meiryo,system-ui,sans-serif;color:#34313b;background:#faf8f9;font-synthesis:none;line-height:1.7;--pink: #d83065;--pink-light: #fff0f5;--muted: #766e7b;--line: #eae3e7}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}button,a,select,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #922249;outline-offset:5px}h1:focus{outline:none}.icon{width:24px;height:24px;flex-shrink:0}.site-header{max-width:1260px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:.015em}.brand-icon{display:grid;place-items:center;background:var(--pink);color:#fff;width:42px;height:42px;border-radius:13px}.brand-small{margin-left:5px;font-size:15px}.local-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);border:1px solid var(--line);padding:5px 13px;border-radius:30px;white-space:nowrap;background:#fff}.local-badge>span{width:6px;height:6px;border-radius:50%;background:#739780}.page-shell{max-width:1260px;margin:12px auto 0;padding:0 40px 28px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 12px 48px #45333d06;min-height:670px}.main-panel{padding:44px 48px 36px;min-width:0}.main-panel{grid-column:1;grid-row:1}.guide-panel{grid-column:2;grid-row:1}.guide-panel{background:#fcf1f5;border-left:1px solid #f3e0e8;padding:35px 26px 28px;display:flex;flex-direction:column;align-items:center}.tiny-label{color:#8a7984;font-size:11px;font-weight:700;letter-spacing:.14em}.speech{position:relative;background:#fff;border:1px solid #ead7df;border-radius:16px;padding:24px 22px;width:100%;min-height:140px;font-size:17px;font-weight:700;line-height:1.9;white-space:pre-line}.speech:after{content:"";width:16px;height:16px;background:#fff;border-right:1px solid #ead7df;border-bottom:1px solid #ead7df;position:absolute;bottom:-9px;left:50%;transform:rotate(45deg)}.character-stage{width:100%;position:relative;margin-top:20px}.stage-circle{position:absolute;width:230px;height:230px;background:#f8e1ea;border-radius:50%;left:50%;top:45px;transform:translate(-50%)}.character-stage img{position:relative;width:100%;height:100%;object-fit:contain;display:block}.eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--pink);letter-spacing:.04em}.small-spark{font-size:21px}.start-title{font-size:clamp(34px,3.65vw,49px);letter-spacing:-.055em;line-height:1.5;margin:22px 0 16px;font-weight:800}.start-title>span:not(.title-period){color:var(--pink)}.title-period{color:var(--pink);margin-left:2px}.start-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:12px;margin:14px 0}.hero-cover{display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(145deg,#fff8fa,#fce9f0);overflow:hidden}.hero-cover-image{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}.start-cover:has(.hero-cover[hidden]){grid-template-columns:1fr}.intro{font-size:17px;line-height:1.9;color:#706772;margin:0 0 25px}.check-overview{display:flex;border:1px solid var(--line);border-radius:13px;padding:20px 8px;margin:28px 0}.check-overview>div{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.check-overview>div+div{border-left:1px solid var(--line)}.check-overview .icon{color:var(--pink);width:25px;height:25px}.check-overview span{font-size:14px;font-weight:700;line-height:1.5}.check-overview small{display:block;font-size:10px;color:#998690;letter-spacing:.12em}.time-choice{border:0;padding:0;margin:0 0 26px}.time-choice legend{font-size:13px;font-weight:700;margin-bottom:10px}.time-choice legend span{color:#8d8189;font-size:11px;font-weight:400}.time-choice>div{display:flex;gap:8px;flex-wrap:wrap}.time-choice label{position:relative}.time-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.time-choice label>span{display:block;padding:6px 16px;min-width:62px;text-align:center;font-size:13px;border:1px solid var(--line);border-radius:8px}.time-choice input:checked+span{background:var(--pink-light);border-color:var(--pink);color:var(--pink);font-weight:700}.time-choice input:focus-visible+span{outline:3px solid #922249;outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 23px;border-radius:11px;border:1px solid transparent;font-weight:700;font-size:17px;line-height:1.5;transition:background .15s,transform .15s}.primary{color:#fff;background:var(--pink);box-shadow:0 4px 12px #d830651a}.primary:hover:not(:disabled){background:#be2455;transform:translateY(-1px)}.secondary{border-color:#ddd2d8;color:#615460;background:#fff}.secondary:hover{background:#f9f4f6}.start-button{width:100%;min-height:62px;justify-content:space-between;padding:14px 26px}.button-note{color:#8a7c86;font-size:12px;text-align:center;margin:12px 0 0}.privacy-note{color:#887b85;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:23px;text-align:center}.privacy-note .icon{width:17px;height:17px}.mobile-break{display:none}.connection-warning{margin:0 0 20px;padding:17px 22px;border-radius:12px;border:1px solid #e7c374;background:#fff9e9;color:#71531e;font-size:14px}.connection-warning strong,.connection-warning span{display:block}.connection-warning span{margin-top:3px}.progress-top{display:flex;justify-content:space-between;align-items:center}.step-count{color:#85747e;font-size:13px}.progress{display:flex;padding:0;list-style:none;margin:15px 0 28px}.progress>li{position:relative;display:flex;align-items:center;gap:8px;color:#918590;font-size:13px;font-weight:700;flex:1}.progress>li:not(:last-child):after{content:"";height:1px;flex:1;background:var(--line);margin:0 14px}.step-dot{display:grid;place-items:center;width:29px;height:29px;background:#f5f0f3;border:1px solid #e7e0e4;border-radius:50%;font-size:12px;flex-shrink:0}.progress .current{color:var(--pink)}.current .step-dot{background:var(--pink);color:#fff;border-color:var(--pink)}.done .step-dot{background:#eaf6ef;color:#347151;border-color:#d0e5d8}.step-dot .icon{width:17px;height:17px}.check-title{font-size:clamp(25px,2.5vw,32px);letter-spacing:-.03em;line-height:1.55;margin:0 0 8px}.check-description{color:var(--muted);font-size:15px;margin:0 0 24px}.camera-view{position:relative;width:100%;aspect-ratio:16 / 9;background:#2f2b34;border-radius:14px;overflow:hidden}.camera-view video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#ddd2de;font-size:14px}.camera-placeholder .icon{width:45px;height:45px;opacity:.7}.live-label{position:absolute;top:13px;left:13px;display:flex;align-items:center;gap:7px;color:#fff;background:#17151b99;font-size:11px;padding:3px 10px;border-radius:20px}.live-label>span{width:6px;height:6px;border-radius:50%;background:#8de3ae}.preview-note{color:#8c7e88;font-size:11px;margin:8px 0 17px}.status{background:#f7f4f6;color:#70616c;padding:13px 16px;border-radius:10px;font-size:15px;margin:20px 0 13px}.status.passed{color:#236642;background:#edf8f1;font-weight:700}.status.failed{color:#93401f;background:#fff4ed;font-weight:700}.help-box{border-left:3px solid #dc9471;background:#fffbf7;padding:12px 15px;font-size:14px;line-height:1.9;margin-bottom:16px}.device-picker{display:flex;align-items:center;gap:12px;margin:16px 0 24px}.device-picker label{font-size:13px;font-weight:700;white-space:nowrap}.device-picker select{width:100%;min-width:0;background:#fff;border:1px solid #ded4da;border-radius:8px;color:#6e626b;padding:9px 11px;font-size:13px}.check-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.text-button{border:0;color:#867680;font-size:13px;padding:12px 3px;background:transparent;text-decoration:underline;text-underline-offset:4px}.muted{color:var(--muted);font-size:14px}.mic-view,.speaker-view{padding:26px;background:#fcf8fa;border:1px solid #f0e5eb;border-radius:14px;text-align:center}.large-icon{width:48px;height:48px;color:var(--pink);margin:2px auto 5px}.mic-prompt{font-size:18px;font-weight:700;margin:10px 0 2px}#mic-countdown{margin:0 0 28px;min-height:24px}#volume-label{display:block;text-align:left;font-size:13px;font-weight:700;margin-bottom:10px}.volume-meter{height:24px;border-radius:5px;overflow:hidden;background:#e9dfe5}#volume-fill{height:100%;width:0;background:linear-gradient(90deg,#ed7c9e,#d83065);transition:width .07s linear}.meter-labels{display:flex;justify-content:space-between;font-size:11px;color:#93818b;margin-top:7px}.sound-circle{background:#fce6ef;color:var(--pink);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin:4px auto 17px}.sound-circle .icon{width:44px;height:44px}.speaker-view p{margin:5px 0}.speaker-view>.button{margin-top:23px}.speaker-answer{margin-top:25px;padding-top:20px;border-top:1px solid #eadfe5}.speaker-answer>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}.result-symbol{font-size:48px;margin-top:16px}.result-title{font-size:39px;letter-spacing:-.045em;line-height:1.4;margin:5px 0 15px}.result-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:22px 0}.result-item{padding:18px 22px}.result-item+.result-item{border-top:1px solid var(--line)}.result-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.result-label{display:flex;align-items:center;gap:13px;font-weight:700}.result-label .icon{color:#a6788a;width:22px;height:22px}.result-state{font-size:14px;color:#806b78;white-space:nowrap}.is-passed .result-state{color:#347151}.result-help{font-size:13px;color:var(--muted);margin:14px 0}.result-item .button{font-size:14px;min-height:47px;width:100%}.result-note{font-size:14px;color:var(--muted);margin:0 0 23px}@media(min-width:1350px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.main-panel{padding:50px 60px 42px}}@media(max-width:1000px){.site-header{padding:22px 24px}.page-shell{padding:0 24px 24px}.workspace{grid-template-columns:minmax(0,1fr) 270px}.main-panel{padding:32px 28px}.guide-panel{padding:30px 20px}.speech{padding:20px 17px;font-size:15px}.stage-circle{width:200px;height:200px}.check-overview>div{gap:8px}.progress>li:not(:last-child):after{margin:0 8px}}@media(max-width:760px){.site-header{padding:18px}.brand{font-size:16px;gap:8px}.brand-small{display:block;margin:0;font-size:11px;line-height:1.3}.brand-icon{width:37px;height:37px;border-radius:10px}.local-badge{font-size:10px;padding:4px 8px}.page-shell{margin-top:0;padding:0 14px 25px}.workspace{grid-template-columns:1fr;border-radius:18px;min-height:0}.main-panel{padding:30px 24px}.start-title{font-size:36px}.intro{font-size:15px}.guide-panel{display:grid;grid-template-columns:100px 1fr;padding:20px;border-left:0;border-top:1px solid #f3e0e8;column-gap:15px}.stage-circle{display:none}.character-stage{grid-column:1;grid-row:1;margin:0}.speech{grid-column:2;min-height:0;padding:15px;font-size:13px}.speech:after{left:-9px;bottom:50%;transform:rotate(135deg)}.privacy-note{font-size:10px;line-height:1.8;padding-top:18px;align-items:flex-start}.mobile-break{display:block}.privacy-note .icon{margin-top:2px}.check-title{font-size:24px}.check-description{font-size:13px}.check-overview{padding:16px 3px}.check-overview>div{gap:6px}.check-overview .icon{width:21px;height:21px}.check-overview span{font-size:12px}.time-choice label>span{padding:6px 13px}.device-picker{flex-direction:column;align-items:stretch;gap:5px}.mic-view,.speaker-view{padding:22px 15px}.mic-prompt{font-size:15px}.check-actions>.primary{width:100%}.result-title{font-size:31px}.result-item{padding:16px}.connection-warning{font-size:12px;padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media(max-width:760px){.start-title{font-size:clamp(26px,7.4vw,32px)}}.character-stage{height:clamp(180px,30svh,290px)}.stage-circle{width:85%;height:auto;aspect-ratio:1;max-height:100%;top:50%;transform:translate(-50%,-50%)}.guide-panel{justify-content:center}.character-switch{border:1px solid #dfb8c8;border-radius:8px;color:#99536b;background:#ffffffa6;padding:6px 12px;font-size:13px;margin-top:12px}.character-switch:hover{background:#fff}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.result-row{flex-wrap:wrap}.result-state{margin-left:auto}.result-item .button{width:auto;min-height:42px;padding:8px 12px}.result-item .button .icon{width:18px;height:18px}.result-help{margin:8px 0 0;font-size:14px}.result-help summary{cursor:pointer;color:#93566d}.result-help p{margin:6px 0}.sendoff-note{padding:20px;border:1px solid #d7e8dd;border-radius:14px;color:#347151;background:#f2faf5;display:flex;align-items:center;gap:18px;margin:25px 0}.sendoff-note p{margin:0}.speaker-view.has-answer .sound-circle,.speaker-view.has-answer>p{display:none}.speaker-view.has-answer>.button{margin-top:0}.has-error .mic-view,.awaiting-speaker-answer #status{display:none}@media(min-width:761px){.site-header{padding:16px 40px}.page-shell{margin-top:4px;padding-bottom:16px}.workspace{min-height:min(640px,calc(100svh - 130px))}.main-panel{padding:28px 36px;align-self:center}.guide-panel{padding:24px 22px}.speech{min-height:118px;padding:18px;font-size:16px;line-height:1.8}.character-stage{margin-top:14px}.start-title{font-size:clamp(34px,3.6vw,43px);line-height:1.35;margin:16px 0 14px}.intro{margin-bottom:18px;line-height:1.8}.check-overview{margin:20px 0;padding:15px 8px}.time-choice{margin-bottom:20px}.start-button{min-height:58px}.privacy-note{padding-top:12px}.connection-warning{padding:12px 18px;margin-bottom:12px}.progress{margin:10px 0 18px}.check-title{font-size:30px;margin-bottom:5px}.check-description{margin-bottom:16px}.camera-view{aspect-ratio:auto;height:clamp(160px,27svh,270px)}.has-error .camera-view{height:90px}.preview-note{margin:5px 0 0;font-size:12px}.has-error .preview-note{display:none}.camera-placeholder{gap:8px}.camera-placeholder .icon{width:34px;height:34px}.status{padding:10px 14px;margin:14px 0 10px;font-size:16px}.help-box{padding:10px 14px;line-height:1.7;font-size:15px;margin-bottom:12px}.device-picker{margin:12px 0 16px}.device-picker label,.device-picker select{font-size:14px}.device-picker select{padding:8px 11px}.mic-view,.speaker-view{padding:20px}.large-icon{width:42px;height:42px;margin:0 auto}#mic-countdown{margin-bottom:18px}.sound-circle{width:74px;height:74px;margin:0 auto 10px}.sound-circle .icon{width:34px;height:34px}.speaker-view>.button{margin-top:14px}.speaker-answer{margin-top:16px;padding-top:12px}.has-error .sound-circle{display:none}.result-symbol{font-size:38px;margin-top:10px;line-height:1.4}.result-title{font-size:34px;margin:4px 0 10px}.result-list{margin:16px 0}.result-item{padding:12px 18px}.result-note{margin-bottom:14px}}@media(min-width:761px)and (max-height:800px){.site-header{padding-top:8px;padding-bottom:8px}.page-shell{padding-bottom:8px}.privacy-note{padding-top:6px}.workspace{min-height:0}.main-panel{padding:10px 28px}.start-title{font-size:36px;margin:12px 0}.check-overview{margin:12px 0;padding:12px 8px}.time-choice{margin-bottom:14px}.intro{margin-bottom:12px}.progress{margin:6px 0 12px}.check-description{margin-bottom:10px}.camera-view{height:clamp(100px,20svh,160px)}.has-error .camera-view{height:70px}.status{margin:10px 0 8px}.device-picker{margin:8px 0 12px}.guide-panel{padding:18px}.speech{min-height:0;padding:14px 16px}.character-stage{height:clamp(120px,23svh,190px);margin-top:8px}.mic-view,.speaker-view{padding:14px 18px}.mic-view{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;text-align:left;padding:12px 16px}.mic-view .large-icon{grid-column:1;grid-row:1 / 3;align-self:center}.mic-prompt,#mic-countdown{grid-column:2;margin:0}#volume-label{grid-column:1 / 3;margin-top:10px}.volume-meter,.meter-labels{grid-column:1 / 3}.sound-circle{width:60px;height:60px}.result-symbol{font-size:30px;margin-top:4px}.main-panel[data-screen=result][data-result=partial] .result-symbol{display:none}.result-title{font-size:30px;margin-bottom:6px}.result-list{margin:12px 0}.result-item{padding:8px 16px}}@media(max-width:1000px){.result-row>.button{width:100%}}@media(max-width:760px){.guide-panel{grid-template-columns:90px 1fr;gap:8px 12px;padding:16px}.character-stage{grid-row:1 / 3;height:100px;margin:0}.speech{font-size:14px;padding:12px}.character-switch{grid-column:2;justify-self:start;margin:0;font-size:12px}.result-actions>.button{width:100%}.has-error .camera-view{height:75px;aspect-ratio:auto}.sendoff-note{padding:16px;gap:10px;font-size:14px}}@media(min-width:761px){.start-cover .start-title{font-size:clamp(28px,2.5vw,34px);margin:0}.hero-cover-image{max-height:min(22svh,210px)}}@media(min-width:761px)and (max-width:1000px){.start-cover{grid-template-columns:1fr;gap:8px}.hero-cover-image{max-height:140px}}@media(min-width:761px)and (max-height:800px){.start-cover{margin:8px 0}.hero-cover-image{max-height:130px}}@media(max-width:760px){.workspace{overflow:clip}.main-panel{grid-column:1;grid-row:2;padding:22px 20px}.guide-panel{grid-column:1;grid-row:1;position:sticky;top:0;z-index:2;align-self:start;border-top:0;border-bottom:1px solid #f3e0e8;box-shadow:0 4px 12px #45333d0a;padding:12px;grid-template-columns:76px minmax(0,1fr);gap:6px 10px}.character-stage{height:86px;grid-row:1 / 3;align-self:center}.speech{font-size:14px;line-height:1.65;padding:10px 12px}.character-switch{min-height:32px;padding:4px 10px}.start-cover{grid-template-columns:1fr;gap:12px;margin:10px 0 14px}.start-cover .start-title{margin:0;line-height:1.35}.hero-cover-image{max-height:185px}.intro{margin-bottom:16px}.check-overview{margin:16px 0}.time-choice{margin-bottom:18px}}.button,.character-switch,.text-button{transition:background-color .15s,transform .15s}.button:active:not(:disabled),.character-switch:active,.text-button:active{transform:scale(.97)}.time-choice label>span{transition:background-color .15s,border-color .15s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.button:active:not(:disabled),.character-switch:active,.text-button:active,.primary:hover:not(:disabled){transform:none}}