@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap";html{font-size:14px}body{margin:0;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:#ececec;color:#494949;min-width:320px;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}button{cursor:pointer;font-family:inherit}:root{--bg: #ececec;--text-primary: #606060;--text-strong: #464646;--rose-surface: #f1dfe0;--rose-border: #e39c9c;--rose-btn: #eba1a0;--rose-btn-border: #de8d8a;--rose-btn-text: #cc483f;--sun-surface: #f2f2c5;--sun-border: #cdcc59;--sun-btn: #f0f16d;--sun-btn-border: #d7d74f;--sun-btn-text: #b2b844;--sky-surface: #cae7f3;--sky-border: #76caef;--sky-btn: #96dce9;--sky-btn-border: #6dbdcf;--sky-btn-text: #376e92;--mint-surface: #e5f0e1;--mint-border: #bae68f;--mint-btn: #b6ebc8;--mint-btn-border: #8cc892;--mint-btn-text: #72a850}body,button,input,textarea{font-family:Quicksand,sans-serif}.home-page{position:relative;max-width:1040px;margin:0 auto;padding:2.5rem 1.25rem 2.4rem;min-height:100vh}.home-page:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(#ffffffb8,#ffffffb8),url(/icons/vivid-background.jpg) center/cover no-repeat;opacity:.8;pointer-events:none;z-index:0}.home-page>*{position:relative;z-index:1}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.hero-icon{width:52px;height:52px;object-fit:contain;flex:0 0 auto}.hero-title{margin:0;font-size:clamp(1.05rem,1.45vw,1.6rem);font-weight:700;color:var(--text-primary);text-align:center}.hero-main{display:flex;align-items:center;gap:.9rem;justify-content:center}.hero-caption{margin:0 0 .8rem;font-size:clamp(.9rem,1.1vw,1.1rem);color:#757575;line-height:1.35;text-align:center;max-width:760px}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(290px,1fr));gap:2rem}.activity-card{position:relative;border:1px solid;border-radius:18px;padding:1.3rem 1.4rem 1.35rem;min-height:190px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 26px #7575751a,0 3px 8px #75757514,inset 0 1px #ffffffa6;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.activity-card:hover{transform:translateY(-3px);box-shadow:0 20px 32px #75757524,0 6px 12px #7575751a,inset 0 1px #ffffffb8}.activity-card:before,.activity-card:after{content:"";position:absolute;pointer-events:none}.activity-card:before{inset:auto -32px -44px auto;width:140px;height:140px;border-radius:999px;opacity:.3}.activity-card:after{top:16px;right:18px;width:72px;height:72px;border-radius:20px;opacity:.2}.activity-card>*{position:relative;z-index:1}.activity-card-illustration{position:absolute;right:18px;bottom:14px;width:92px;height:92px;object-fit:contain;opacity:.16;filter:saturate(.9);pointer-events:none;z-index:0}.activity-card h2{margin:0;font-size:1.65rem;color:#6f7075;letter-spacing:.01em}.activity-card p{margin:.78rem 0 1.55rem;font-size:1.1rem;color:var(--text-strong);font-weight:700}.start-btn{min-width:146px;border-radius:12px;border:1px solid transparent;padding:.72rem 1.55rem;font-size:1.2rem;font-weight:600;box-shadow:0 6px 8px #49494933;transition:background-color .2s ease,transform .12s ease}.activity-card--rose{background:var(--rose-surface);border-color:#e39c9ccc}.activity-card--rose:before{background:radial-gradient(circle at center,#eba1a08c,#eba1a000)}.activity-card--rose:after{background:linear-gradient(135deg,#fff9,#eba1a01f)}.activity-card--sun{background:var(--sun-surface);border-color:#cdcc59c7}.activity-card--sun:before{background:radial-gradient(circle at center,#f0f16d80,#f0f16d00)}.activity-card--sun:after{background:repeating-linear-gradient(135deg,#ffffff7a,#ffffff7a 8px,#f0f16d14 8px 16px)}.activity-card--sky{background:var(--sky-surface);border-color:#76caefc7}.activity-card--sky:before{background:radial-gradient(circle at center,#96dce980,#96dce900)}.activity-card--sky:after{background:linear-gradient(135deg,#ffffff85,#96dce91a),linear-gradient(45deg,transparent 47%,rgba(118,202,239,.18) 48%,transparent 52%)}.activity-card--mint{background:var(--mint-surface);border-color:#bae68fd1}.activity-card--mint:before{background:radial-gradient(circle at center,#b6ebc875,#b6ebc800)}.activity-card--mint:after{background:radial-gradient(circle at 24px 24px,rgba(255,255,255,.46) 0 8px,transparent 9px),radial-gradient(circle at 48px 48px,rgba(182,235,200,.18) 0 7px,transparent 8px)}.start-btn--rose{background:var(--rose-btn);border-color:#cc483f33;color:var(--rose-btn-text)}.start-btn--rose:hover{background:#df8f8e}.start-btn--sun{background:var(--sun-btn);border-color:#b2b84438;color:var(--sun-btn-text)}.start-btn--sun:hover{background:#e1e25f}.start-btn--sky{background:var(--sky-btn);border-color:#376e9233;color:var(--sky-btn-text)}.start-btn--sky:hover{background:#83cedf}.start-btn--mint{background:var(--mint-btn);border-color:#72a85033;color:var(--mint-btn-text)}.start-btn--mint:hover{background:#9fdfb3}.detail-page{position:relative;max-width:1040px;margin:0 auto;padding:1.8rem 1.25rem 2.4rem;min-height:100vh}.detail-page:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(#ffffffa8,#ffffffb3),url(/icons/vivid-background.jpg) center/cover no-repeat;opacity:.82;pointer-events:none;z-index:0}.detail-page>*{position:relative;z-index:1}.back-btn{border:1px solid #d1d1d1;background:#f3f3f3;border-radius:10px;color:#222;padding:.62rem .9rem;font-size:1.55rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.back-btn:hover{background:#e6e6e6}.top-nav-actions{display:flex;align-items:center;gap:.6rem}.back-btn-icon{width:22px;height:22px;object-fit:contain}.home-btn{border:1px solid #d1d1d1;background:#f3f3f3;border-radius:10px;color:#4c4c4c;padding:.62rem .95rem;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.45rem;transition:background-color .2s ease}.home-btn:hover{background:#e6e6e6}.home-btn-icon{width:16px;height:16px;object-fit:contain}.detail-panel{max-width:780px;margin:1.35rem auto 0;border:none;border-radius:18px;background:linear-gradient(#ffffffd1,#ffffffd1),url(/icons/paper-background.jpg) center/cover no-repeat;box-shadow:0 24px 44px #78787824,0 8px 18px #7878781a,inset 0 1px #ffffffb3;padding:2.1rem 2rem 2.5rem}.detail-header{display:flex;align-items:center;justify-content:center;gap:.85rem}.detail-icon{font-size:2rem}.detail-icon-image{width:38px;height:38px;object-fit:contain}.detail-header h1{margin:0;font-size:1.8rem;color:#1f1f1f}.detail-subtitle{margin:1.45rem 0 .8rem;text-align:center;font-size:1.5rem;color:#505050}.detail-subtitle--prompt{font-family:Quicksand,sans-serif}.detail-subtitle--prompt{white-space:pre-line;max-width:620px;margin-left:auto;margin-right:auto}.detail-subtitle--prompt-medium{font-size:1.34rem;line-height:1.35}.detail-subtitle--prompt-small{font-size:1.18rem;line-height:1.38}.detail-subtitle--prompt strong,.detail-subtitle--prompt b{font-weight:700;color:#1f1f1f}.detail-subtitle--prompt em,.detail-subtitle--prompt i{font-style:italic}.prompt-highlight{font-weight:700;color:#9b1c1c}.prompt-highlight--red{color:#b42318;font-weight:700}.prompt-highlight--blue{color:#175cd3;font-weight:700}.prompt-highlight--green{color:#027a48;font-weight:700}.prompt-highlight--yellow{color:#d4a100;font-weight:700}.prompt-highlight--orange{color:#c2410c;font-weight:700}.detail-pick{text-align:center;margin:1.5rem 0 1.15rem;font-size:1.45rem;color:#565656}.detail-question-list{display:grid;gap:.95rem;max-width:440px;margin:0 auto}.question-btn{text-align:left;display:flex;align-items:center;gap:.7rem;border:1px solid rgba(151,194,222,.45);border-radius:20px;padding:1.05rem 1.45rem;font-size:1.4rem;font-weight:500;box-shadow:0 10px 18px #5b84a224,0 3px 7px #5b84a21a,inset 0 1px #ffffffb8;transition:background-color .2s ease,transform .12s ease}.choice-icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.question-btn--rose{background:#dcedf9;color:#3e6682}.question-btn--rose:hover{background:#d0e6f7}.question-btn--sun{background:#dcedf9;color:#3e6682}.question-btn--sun:hover{background:#d0e6f7}.question-btn--sky{background:#dcedf9;color:#3e6682}.question-btn--sky:hover{background:#d0e6f7}.question-btn--mint{background:#dcedf9;color:#3e6682}.question-btn--mint:hover{background:#d0e6f7}.choice-btn{text-align:left;display:flex;align-items:center;gap:.7rem;border:2px solid #b8e992;border-radius:20px;padding:.9rem 1.15rem;font-size:15px;font-weight:500;color:#2f6434;background:#fff;box-shadow:0 4px 7px #53535333;transition:background-color .06s ease}.choice-btn:hover{background:#f5fbf2}.choice-btn--selected{background:#cceac8}.explain-row{display:flex;justify-content:flex-end;max-width:520px;margin:1.1rem auto 0}.explain-btn{min-width:132px;border-radius:12px;border:1px solid #c9c9c9;padding:.58rem 1rem;font-size:1.3rem;font-weight:500;background:#d7d7d7;color:#8f8f8f;cursor:not-allowed;box-shadow:0 3px 6px #53535324;transition:background-color .18s ease,box-shadow .18s ease}.explain-btn:not(:disabled){cursor:pointer;border-color:#9cd1a6;background:#bce9c6;color:#2f6434;box-shadow:0 4px 8px #40754a2e}.explain-btn:not(:disabled):hover{background:#aee0ba}.explain-panel{max-width:820px;min-height:620px}.explain-choice-recap{max-width:470px;margin:1.1rem auto 0;padding:.55rem .7rem .65rem;border:1px solid #d8e6d1;border-radius:14px;background:#f8fbf6b8}.explain-choice-recap-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.4rem}.explain-choice-chip{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,205px);padding:.36rem .58rem;border:1px solid #d2ddcb;border-radius:999px;background:#fff;color:#486245;font-size:.84rem;line-height:1.2}.explain-prompt{margin:0;font-size:.84rem;line-height:1.24}.explain-choice-chip--selected{border-color:#9cd1a6;background:#dff1e2;color:#2f6434;font-weight:600}.explain-choice-chip-icon{width:20px;height:20px}.explain-illustration{display:flex;justify-content:center;margin-top:1.4rem}.explain-illustration-icon{width:36px;height:36px;object-fit:contain}.explain-illustration-icon--large{width:52px;height:52px}.feedback-selected-choice-icon{width:1.1em;height:1.1em;object-fit:contain;vertical-align:-.08em}.feedback-choice-line{margin:1.15rem auto 0;display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;width:fit-content;max-width:min(100%,420px);padding:.45rem .8rem;border:1px solid #d8e4d3;border-radius:14px;background:#ffffffd6;color:#5f665f}.feedback-choice-line-label{font-size:.98rem;color:#6d736d}.feedback-choice-line-value{font-size:1.02rem;color:#435043;font-weight:600}.explain-title{margin:1rem 0 0;text-align:center;font-size:1.9rem;color:#1f1f1f}.explain-action-row{display:flex;justify-content:center;margin-top:1.7rem}.explain-talk-btn,.lets-see-btn{min-width:248px;border-radius:16px;border:1px solid rgba(133,165,134,.34);background:#d9edd1;color:#2f6434;font-size:1.62rem;font-weight:600;padding:.92rem 1.35rem;box-shadow:0 10px 18px #60806229,0 3px 7px #6080621a,inset 0 1px #ffffffb8;transition:background-color .18s ease,transform .12s ease,box-shadow .18s ease}.explain-talk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem}.explain-talk-btn:hover{background:#cfe6c5;transform:translateY(-1px);box-shadow:0 12px 22px #6080622e,0 5px 9px #6080621f,inset 0 1px #ffffffc2}.explain-talk-btn img{width:22px;height:22px;object-fit:contain}.explain-helper{text-align:center;margin:1.2rem 0 0;font-size:1.4rem;color:#303030}.recording-indicator{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:1.6rem 0 0;font-size:1.55rem;color:#2f6434;font-weight:600}.recording-dot{width:16px;height:16px;border-radius:999px;background:#e04b3d}.stop-btn{min-width:220px;border-radius:16px;border:1px solid rgba(183,134,122,.34);background:#f2d7d1;color:#c3512e;font-size:1.5rem;font-weight:600;padding:.82rem 1.2rem;box-shadow:0 10px 18px #8e5e5229,0 3px 7px #8e5e521a,inset 0 1px #ffffffb8}.saved-row{margin-top:1.6rem;display:flex;justify-content:center;align-items:center;gap:1.5rem}.saved-indicator{margin:0;color:#4b934a;font-size:1.45rem;font-weight:700}.saved-indicator:before{content:"✓";margin-right:.55rem;font-size:1.7rem;line-height:1}.record-again-btn{border:1px solid #d1d1d1;background:#f3f3f3;border-radius:12px;color:#333;font-size:1.1rem;padding:.75rem 1.25rem}.transcript-box{display:block;width:min(520px,100%);margin:1.25rem auto 0;border:1px solid #c8c8c8;border-radius:8px;background:#f5f5f5;padding:.85rem;font-size:1.2rem;font-style:italic;color:#353535;resize:vertical}.lets-see-btn:disabled{opacity:.65;cursor:not-allowed;border-color:#c6c6c6;background:#d9d9d9;color:#8b8b8b}.explain-status{margin:1rem auto 0;text-align:center;max-width:540px;color:#8f4b35;font-size:1.2rem}.explain-feedback-view{display:flex;flex-direction:column;min-height:470px}.feedback-lines{margin:1.35rem auto 0;max-width:460px}.feedback-line{margin:.95rem 0;text-align:center;font-size:1.24rem;line-height:1.28;color:#2f2f2f}.feedback-correct-answer-inline{display:inline-flex;align-items:center;gap:.35rem;color:inherit;font-family:inherit;font-style:normal;font-weight:500;letter-spacing:0;background:#dff3d8;border-radius:.45rem;padding:.08rem .38rem}.feedback-inline-choice-icon{width:.82em;height:.82em;object-fit:contain;vertical-align:-.1em}.next-question-row{margin-top:auto;display:flex;justify-content:flex-end;padding-top:1.4rem}.next-question-row .lets-see-btn{min-width:192px;font-size:1.34rem;padding:.72rem 1.1rem}@media(max-width:900px){.activity-grid{grid-template-columns:1fr;gap:1.3rem}.activity-card{min-height:180px;padding:1.2rem}.activity-card-illustration{width:80px;height:80px}.detail-panel{padding:1.35rem}.detail-subtitle,.detail-pick{font-size:1.4rem}.detail-subtitle--prompt-medium{font-size:1.2rem}.detail-subtitle--prompt-small{font-size:1.08rem}.question-btn{font-size:1.4rem}.choice-btn{font-size:1.2rem}.explain-btn{font-size:1.1rem;min-width:118px}.explain-panel{min-height:530px}.explain-choice-recap{margin-top:1rem;max-width:100%;padding:.5rem .56rem .62rem}.explain-prompt{font-size:.8rem}.explain-choice-recap-list{gap:.36rem}.explain-choice-chip{max-width:100%;font-size:.8rem}.explain-illustration{margin-top:1.2rem}.explain-illustration-icon{width:32px;height:32px}.explain-illustration-icon--large{width:46px;height:46px}.feedback-selected-choice-icon{width:1em;height:1em}.explain-title{font-size:1.6rem}.explain-talk-btn,.lets-see-btn,.stop-btn{min-width:206px;font-size:1.2rem;padding:.72rem 1rem}.explain-helper,.recording-indicator,.saved-indicator{font-size:1.2rem}.record-again-btn{font-size:1rem}.saved-row{gap:.8rem;flex-wrap:wrap}.transcript-box{font-size:1.2rem}.feedback-line{font-size:1.08rem}.feedback-choice-line-label{font-size:.9rem}.feedback-choice-line-value{font-size:.95rem}.feedback-inline-choice-icon{width:.82em;height:.82em}.next-question-row .lets-see-btn{min-width:176px;font-size:1.12rem;padding:.66rem .95rem}}