:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#122d55;background:#f2f9ff;font-synthesis:none;font-weight:500;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #267bef;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}p,h1,h2,h3{margin:0}.app-shell{max-width:430px;margin:auto;container-type:inline-size;background:radial-gradient(ellipse at 0% 70%,#e9fcf6a8,transparent 60%),linear-gradient(120deg,#f8fbff,#edf8ff);min-height:100dvh}.icon{width:1em;height:1em;flex-shrink:0}.page-header{height:14.7cqw;padding:1.5cqw 4cqw 0;position:relative;overflow:hidden}.page-header h1{font-size:5.65cqw;line-height:1.3;letter-spacing:.05em;font-weight:800;position:relative;z-index:1;white-space:nowrap}.page-header p{font-size:2.5cqw;letter-spacing:.035em;margin-top:.5cqw;position:relative;z-index:1;white-space:nowrap}.illustration{display:block;position:relative;overflow:hidden;flex-shrink:0}.illustration img{position:absolute;width:var(--sprite-width);max-width:none;height:auto;left:var(--sprite-left);top:var(--sprite-top);pointer-events:none}.header-art{position:absolute;width:44.85cqw;right:0;top:0}.practice-page{padding:0 2.25cqw;display:flex;flex-direction:column;gap:1.4cqw}.card{background:#ffffffed;border-radius:2.25cqw;box-shadow:0 1px 5px #e0f2ff55;padding:1.5cqw 2.55cqw}.card h2{font-size:2.85cqw;line-height:1.4;font-weight:800}.session-card{min-height:18.1cqw}.session-details{display:flex;align-items:center;gap:2.1cqw;margin-top:1.1cqw}.session-avatar{width:10.4cqw;height:10.4cqw;background:#ecf5ff;border-radius:50%;overflow:hidden}.session-avatar .illustration{width:100%}.session-copy{flex:1;min-width:0}.session-tags{display:flex;gap:2.4cqw;align-items:center;white-space:nowrap}.tag{color:#246cc5;background:linear-gradient(120deg,#e2efff,#dceeff);border-radius:8cqw;padding:.8cqw 1.9cqw;font-size:2.2cqw;line-height:1.3;font-weight:700}.session-tags i{height:3.4cqw;border-left:1px solid #d6e4f8}.session-copy p{font-size:2.5cqw;margin-top:1.3cqw;white-space:nowrap}.settings-button{border:1px solid #d9eaff;border-radius:2.1cqw;color:#2474d4;font-weight:700;font-size:2.1cqw;display:flex;align-items:center;justify-content:center;gap:1.1cqw;height:6.9cqw;padding:0 1.7cqw;white-space:nowrap;align-self:flex-start;margin-top:.4cqw}.settings-button .icon:first-child{font-size:3.2cqw}.settings-button .icon:last-child{font-size:1.65cqw}.session-details{position:relative;padding-right:23.8cqw}.settings-button{position:absolute;right:-.8cqw;top:0}.session-tags{gap:2.8cqw}.session-copy p{position:relative;width:60cqw}.conversation-card{padding-top:1.7cqw;padding-bottom:1.6cqw;min-height:68.4cqw}.chat-row{display:flex;align-items:flex-start;gap:3.4cqw;margin-top:1.5cqw}.speaker{width:13.5cqw;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.speaker .illustration{width:10.8cqw;border-radius:50%}.speaker>span{font-size:1.85cqw;white-space:nowrap;line-height:1.6;margin-top:.3cqw;color:#48658f}.speaker b{color:#287bd0;background:#dfefff;border-radius:2cqw;padding:.1cqw 1.3cqw;font-size:1.8cqw;font-weight:500}.bubble{background:#edf4fe;border-radius:2.1cqw;padding:1.65cqw 2.8cqw;font-size:2.5cqw;line-height:1.55;position:relative;max-width:58cqw;align-self:center;overflow-wrap:anywhere}.bubble:before{content:"";position:absolute;left:-1.65cqw;top:3cqw;border-top:1.2cqw solid transparent;border-bottom:1.2cqw solid transparent;border-right:1.9cqw solid #edf4fe}.chat-row.user{justify-content:flex-end;gap:3.4cqw;margin-top:1.8cqw}.user .bubble{background:#eafbf5;max-width:49.9cqw;padding:1.7cqw 2.8cqw}.user .bubble:before{left:auto;right:-1.65cqw;border-right:0;border-left:1.9cqw solid #eafbf5}.user .speaker,.user .speaker .illustration{width:12cqw}.voice-control{display:flex;flex-direction:column;align-items:center;margin-top:-.8cqw;gap:.3cqw}.voice-row{display:flex;align-items:center;justify-content:center;gap:3.2cqw;margin-bottom:.8cqw}.mic-button{background:linear-gradient(145deg,#66afff,#3188ed);width:12.5cqw;height:12.5cqw;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;box-shadow:0 0 0 .9cqw #edf6ff,0 .5cqw 1cqw #3c8ce529,inset 0 0 1.2cqw #ffffff40}.mic-button .icon{font-size:7cqw}.voice-control strong{font-size:2.2cqw;font-weight:800}.voice-control>span{font-size:1.95cqw;color:#5c7ba7}.wave{display:flex;gap:.8cqw;align-items:center}.wave i{display:block;width:.72cqw;background:#c6e4ff;border-radius:2cqw}.feedback-section{min-height:28.65cqw;padding:1.6cqw 1.4cqw 1.1cqw}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.section-title h2{display:flex;align-items:center;gap:1.7cqw;white-space:nowrap}.section-title h2>.icon{color:#3aaea6;font-size:3.4cqw}.text-button{display:flex;align-items:center;gap:.6cqw;color:#2279dc;font-size:1.95cqw;white-space:nowrap;padding:.3cqw}.feedback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.65cqw;margin-top:1.2cqw}.feedback-card{display:flex;flex-direction:column;min-width:0;border-radius:2.1cqw;padding:1.4cqw 2.5cqw 1cqw;min-height:21.3cqw}.feedback-card h3{display:flex;align-items:center;gap:1.2cqw;font-size:2.5cqw;white-space:nowrap}.feedback-icon{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;width:5cqw;height:5cqw;font-size:3cqw;flex-shrink:0}.feedback-card p{font-size:2.15cqw;line-height:1.35;margin:1.1cqw 0 .7cqw;flex:1}.rating{text-align:center;border-radius:5cqw;font-size:2cqw;font-weight:700;padding:.4cqw .2cqw;white-space:nowrap}.conclusion{background:#fff3f5}.conclusion h3,.conclusion .rating{color:#ed686f}.conclusion .feedback-icon{background:linear-gradient(135deg,#ffadb0,#f77483)}.conclusion .rating{background:#ffe4e7}.reason{background:#eef7ff}.reason h3,.reason .rating{color:#2d81df}.reason .feedback-icon{background:linear-gradient(135deg,#89c2ff,#549eeb)}.reason .rating{background:#dcecfe}.request{background:#fffaf0}.request h3,.request .rating{color:#d9962f}.request .feedback-icon{background:linear-gradient(135deg,#ffd77f,#efb14f)}.request .rating{background:#fff2d9}.impression{background:#edfbf6}.impression h3,.impression .rating{color:#2a9e93}.impression .feedback-icon{background:linear-gradient(135deg,#78cfc2,#47aea2)}.impression .rating{background:#d9f4ee}.hint-card{display:flex;align-items:center;gap:2.3cqw;padding:1.15cqw 2.8cqw;min-height:11cqw}.hint-icon{font-size:5.3cqw;color:#f4bf4e}.hint-card>div{flex:1;min-width:0}.hint-card h2{font-size:2.4cqw}.hint-card p{font-size:2.15cqw;line-height:1.6;margin-top:.4cqw}.outline-button{border:1px solid #438cf9;border-radius:8cqw;color:#2a7fe3;display:flex;align-items:center;justify-content:center;font-weight:700;background:#ffffffb5}.hint-button{font-size:1.8cqw;padding:.55cqw 1.8cqw;border-color:#d9eaff;white-space:nowrap}.encouragement{border-radius:2.2cqw;background:#ffffffa6;display:flex;align-items:center;padding:0 1.8cqw;gap:1.7cqw;height:11.1cqw;overflow:hidden}.encouragement>.illustration:first-child{width:14.7cqw}.encouragement p{font-family:Yu Kyokasho,Yu Gothic,sans-serif;font-size:2.3cqw;letter-spacing:.08em;line-height:1.55;white-space:nowrap}.encouragement>.illustration:last-of-type{margin-left:auto;width:32.4cqw}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:2.1cqw;padding:0 .2cqw .2cqw}.action-buttons button{height:7.1cqw;font-size:2.5cqw;gap:1.8cqw}.action-buttons .icon{font-size:3.6cqw}.primary-button{background:linear-gradient(155deg,#529dfa,#3383de);border-radius:8cqw;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:inset 0 0 1cqw #ffffff20}.bottom-nav{margin-top:1.3cqw;position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:#ffffffef;border-radius:3.6cqw 3.6cqw 0 0;box-shadow:0 -.3cqw 1.6cqw #e4f1ff;min-height:10.1cqw;padding:.8cqw 1cqw calc(1.1cqw + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:.5cqw;color:#869bb7;font-size:1.95cqw;padding:.3cqw 0;white-space:nowrap;font-weight:600}.bottom-nav button>span{display:flex;align-items:center;justify-content:center}.bottom-nav .icon{font-size:4cqw}.bottom-nav button.active{color:#267fdf}.bottom-nav .nav-practice>span{width:10cqw;height:10cqw;background:linear-gradient(135deg,#6cb1ff,#348bea);border-radius:50%;color:#fff;margin-top:-3.3cqw;box-shadow:0 0 0 .75cqw #fff,0 -.4cqw 1.5cqw #dcecff}.bottom-nav .nav-practice{font-size:1.85cqw}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.bubble{font-size:2.25cqw;line-height:1.5}.chat-row.ai .bubble{width:56.5cqw;max-width:56.5cqw}.chat-row.user .bubble{width:49.9cqw;max-width:49.9cqw}.encouragement{position:relative;gap:0;padding:0 1.8cqw}.encouragement p{position:absolute;left:19.4cqw;top:2.4cqw;font-size:2.25cqw;letter-spacing:.035em}.encouragement>.illustration:nth-of-type(2){position:absolute;right:0;top:0;width:32.4cqw}.bottom-nav{position:relative}.voice-control{margin-top:-3.6cqw}.speaker>span{line-height:1.2}.voice-control strong,.voice-control>span{line-height:1.3}.rating{line-height:1.3}:root{font-family:Meiryo,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.dialog{width:min(94vw,410px);max-height:88dvh;margin:auto;padding:20px;border:1px solid #dbeaff;border-radius:20px;background:#fbfdff;color:#122d55;font-size:14px;line-height:1.6;box-shadow:0 15px 60px #193d6f30}.dialog::backdrop{background:#19365b50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dialog-heading h2{font-size:19px}.dialog-heading button{font-size:26px;padding:0 8px}.dialog label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-weight:700}.dialog input,.dialog textarea,.dialog select{width:100%;padding:10px;border:1px solid #cedff4;border-radius:10px;background:#fff;color:#122d55;font-size:16px;line-height:1.5}.dialog textarea{resize:vertical;min-height:84px}.dialog .primary-button{width:100%;min-height:44px;margin-top:16px;padding:9px 14px;font-size:15px}.source-note{color:#6b819f;font-size:12px;margin:12px 0;line-height:1.65}.error{color:#b73448;background:#fff0f3;border-radius:10px;padding:10px}.detail-evaluation{padding:12px 0;border-bottom:1px solid #e4eef9}.detail-evaluation h3{font-size:16px}.detail-evaluation h3 span{font-size:12px;color:#3382dd}.detail-evaluation blockquote{margin:8px 0 0;padding:8px 10px;border-left:3px solid #98c5f7;background:#edf6ff;font-size:13px}.saved-text{padding:14px;border-radius:12px;background:#eafbf5;white-space:pre-wrap;margin:14px 0}.dialog>p{margin:8px 0;overflow-wrap:anywhere}.service-status,.transcript{margin:1.5cqw 0 0;font-size:2.3cqw;line-height:1.5;color:#4e7195;padding:1cqw 2cqw}.transcript{background:#f1f8ff;border-radius:2cqw}.recording .mic-button{box-shadow:0 0 0 1.3cqw #d8eaff}.recording .wave i{animation:wave .7s ease-in-out infinite alternate}.recording .wave i:nth-child(2n){animation-delay:.25s}@keyframes wave{to{transform:scaleY(.45)}}.session-copy p{max-width:58cqw;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.session-tags .tag:first-child{max-width:17cqw;overflow:hidden;text-overflow:ellipsis}.chat-history{max-height:80cqw;overflow:auto;overscroll-behavior:contain}.chat-history .chat-row:first-child{margin-top:1.8cqw}.conversation-card>.chat-row .bubble{align-self:flex-start;margin-top:.8cqw}.secondary-page{padding:0 2.25cqw 5cqw;min-height:125cqw}.secondary-header h1{font-size:4.8cqw;max-width:53cqw;white-space:normal}.secondary-header p{font-size:2.25cqw}.secondary-page .card{padding:4cqw}.secondary-page .card h2{font-size:4.2cqw}.secondary-page p{font-size:3.5cqw;line-height:1.65;margin-top:3cqw;overflow-wrap:anywhere}.saved-record{display:block;text-align:left;width:100%;padding:4cqw 0;position:relative;border-bottom:1px solid #e3eef9}.saved-record h3{font-size:3.8cqw;margin-top:2cqw}.saved-record p{font-size:3.3cqw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.saved-record small{color:#7290b2;font-size:2.8cqw;display:block;margin-top:2cqw}.saved-record>.icon{position:absolute;right:0;top:5cqw;color:#649de0;font-size:3cqw}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15cqw 0}.empty-state>.icon{color:#8eb7e7;font-size:12cqw}.empty-state .primary-button{padding:3cqw 6cqw;margin-top:5cqw;font-size:3.7cqw}.framework-detail ol{padding-left:7cqw}.framework-detail li{background:#edf6ff;margin:3cqw 0;padding:2cqw 3cqw;border-radius:2cqw;font-size:4cqw}.framework-detail li p{margin-top:1cqw}.framework-detail .source-note{font-size:2.8cqw}.profile-card h3{margin-top:5cqw;font-size:4cqw}.profile-card label{display:flex;align-items:center;gap:2cqw;margin-top:4cqw;font-size:3.5cqw}.profile-card input{width:4.5cqw;height:4.5cqw;accent-color:#408fef}.home-page{padding:0 2.25cqw;display:flex;flex-direction:column;gap:1.5cqw}.home-hero{display:flex;align-items:center;text-align:left;gap:4cqw;background:#e5f3ff;border:1cqw solid #ffffffc9;padding:2.5cqw 3.5cqw;border-radius:3cqw}.home-round{display:flex;align-items:center;justify-content:center;width:10cqw;height:10cqw;border-radius:50%;color:#fff;background:linear-gradient(135deg,#71b6ff,#428de7);flex-shrink:0}.home-round .icon{font-size:5cqw}.home-hero .home-round{width:17cqw;height:17cqw}.home-hero .home-round .icon{font-size:10cqw}.home-hero>span:nth-child(2){flex:1;min-width:0}.home-hero strong{font-size:4.5cqw;display:block;margin-bottom:1cqw}.home-hero span span{font-size:2.8cqw;display:block}.home-hero small{font-size:2.3cqw;color:#6b8cb3;display:block;margin-top:.7cqw}.home-hero>.icon{font-size:4cqw;color:#428eef}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw}.home-menu{border-radius:2.5cqw;padding:2.7cqw;display:flex;align-items:center;gap:1.5cqw;text-align:left;min-height:17.5cqw}.home-menu>span:nth-child(2){min-width:0;flex:1}.home-menu strong{display:block;font-size:2.8cqw;white-space:nowrap}.home-menu small{display:block;margin-top:.9cqw;white-space:pre-line;font-size:2.15cqw;color:#5b7aa1;line-height:1.5}.home-menu>.icon{font-size:2cqw;color:#7eaddd}.home-menu.green{background:#f1fcf8}.home-menu.green .home-round{background:#5eb8b5}.home-menu.blue{background:#edf7ff}.home-menu.orange{background:#fff9f0}.home-menu.orange .home-round{background:#eeb056}.home-menu.pink{background:#fff3f6}.home-menu.pink .home-round{background:#ed9399}.recent-records{min-height:18cqw;padding:2.5cqw}.empty-text{font-size:2.8cqw;padding:5cqw;color:#7590ae}.record-row{border:1px solid #e4effb;border-radius:2cqw;width:100%;margin-top:1.2cqw;padding:1.5cqw;display:flex;align-items:center;gap:2.2cqw;text-align:left}.record-row .illustration{width:8cqw;border-radius:50%}.record-row>span:nth-child(2){flex:1;min-width:0}.record-row strong,.record-row small,.record-row time{display:block;font-size:2.5cqw}.record-row small,.record-row time{font-size:2cqw;color:#708aad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-row .tag{font-size:1.8cqw}.record-row .icon{color:#7fa1cc;font-size:2cqw}.today-learning{background:#f1fcf7;padding:2.5cqw}.today-learning h2{display:flex;align-items:center;gap:2cqw}.today-learning h2 .icon{color:#35ad96;font-size:4cqw}.today-learning button{text-align:left;display:flex;align-items:center;gap:2.5cqw;background:#fff;padding:2cqw;border-radius:2cqw;width:100%;margin-top:1cqw}.today-learning button>.icon:first-child{font-size:7cqw;color:#8cbaee}.today-learning button strong{display:block;color:#3486dd;font-size:3.8cqw}.today-learning small{color:#3486dd;font-size:2cqw}.today-learning button p{font-size:2cqw;margin-top:.5cqw}.today-learning button>.icon:last-child{margin-left:auto;color:#7ba7df}.home-encouragement{display:flex;align-items:center;justify-content:space-between;background:#ffffffad;border-radius:2.5cqw;padding:1cqw 3cqw}.home-encouragement .illustration{width:14cqw}.home-encouragement p{font-size:2.6cqw;line-height:1.7;letter-spacing:.05em}.page-header h1{font-size:5.1cqw;letter-spacing:.02em}.secondary-header h1{font-size:4.8cqw}.bubble{font-size:2.5cqw;line-height:1.4;letter-spacing:-.125em}.chat-row.user .bubble{font-size:2.65cqw;line-height:1.35}.chat-row.ai .bubble{width:54cqw;max-width:54cqw}.feedback-card p{font-size:2.4cqw;letter-spacing:-.12em;white-space:pre-line}.illustrated-banner{padding:0;height:10.95cqw}.illustrated-banner>.illustration:first-child{width:100%}.hint-art{width:6.4cqw}.bottom-nav{height:calc(10.4cqw + env(safe-area-inset-bottom));min-height:10.4cqw}.bottom-nav .icon{font-size:4.4cqw}.bottom-nav .nav-practice .icon{font-size:6cqw}