@charset "UTF-8";
:root{--ink:#16383d;--muted:#627578;--green:#087f72;--green-dark:#056559;--pale:#e8f4ef;--line:#dde7e3;--bg:#f5f8f5;--white:#fff;--danger:#a6372e;--shadow:0 4px 22px #16383d05;font-family:'Segoe UI','Yu Gothic UI','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #58bcb0;outline-offset:4px}input,select,textarea{width:100%;border:1px solid #cddbd6;border-radius:9px;background:white;padding:12px 13px;color:var(--ink);font-size:14px;min-height:46px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #087f7217}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--green);vertical-align:middle;flex-shrink:0}select{text-overflow:ellipsis}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.55;letter-spacing:.02em;margin-bottom:12px}h2{font-size:20px;margin-bottom:14px}h3{font-size:17px}p{line-height:1.8}small,.helper{font-size:12px;color:var(--muted);line-height:1.85}.lead{color:var(--muted);font-size:14px;max-width:700px}.topbar{height:84px;padding:0 32px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:white;gap:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--ink);font-size:22px;font-weight:750;letter-spacing:.05em}.brand-sub{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-top:2px}.mark{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);border-radius:13px;color:#b1f0dd;font-size:28px}.cost-badge{margin-left:auto;border:1px solid var(--line);padding:6px 12px;border-radius:25px;font-size:11px;color:var(--green)}.button{min-height:44px;border-radius:9px;border:1px solid transparent;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:650;font-size:13px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.subtle{background:white;border-color:var(--line);color:var(--ink)}.text-link{border:0;background:transparent;padding:0;color:var(--green);font-size:12px;text-align:left}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#afbcb5}.dot.ready{background:#18ac81}.shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 84px)}.nav{padding:34px 16px;display:flex;flex-direction:column;gap:9px;background:#f5f8f5;border-right:1px solid var(--line)}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;border:0;background:none;padding:14px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:600;min-height:47px}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item.active{background:var(--pale);color:var(--green)}.nav-footer{margin-top:90px;padding:0 14px;font-size:16px;line-height:1.8;font-weight:650;color:#55736c}.nav-footer small{display:block;margin-top:12px;font-weight:400;font-size:10px}main{padding:34px 40px 18px;max-width:1440px;width:100%;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:#11363d;color:#fff;padding:38px 42px;border-radius:20px;overflow:hidden;position:relative;margin-bottom:35px;min-height:310px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#a4d3c4;margin-bottom:16px}.eyebrow.dark{color:var(--green);margin-bottom:8px}.hero h1{font-size:33px;margin-bottom:14px;font-weight:650;letter-spacing:.04em}.hero p:not(.eyebrow){font-size:13px;color:#c4d6d7;margin-bottom:19px;line-height:1.9}.hero-tags{display:flex;gap:9px;flex-wrap:wrap}.hero-tags span{font-size:10px;color:#c9e3da;border:1px solid #42646b;border-radius:4px;padding:5px 10px}.hero-graphic{position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 0 20px 26px}.orbit{position:absolute;width:245px;height:245px;border:1px solid #48776944;border-radius:50%;right:18px;top:0}.orbit:before,.orbit:after{content:'';position:absolute;inset:27px;border:1px solid #48776944;border-radius:50%}.orbit:after{inset:-30px}.mini-dialog{display:flex;gap:10px;align-items:center;z-index:1}.mini-dialog div{font-size:12px;background:#ffffffef;color:var(--ink);padding:15px 20px;border-radius:13px 13px 13px 2px;box-shadow:0 10px 30px #00171519;line-height:1.7;min-width:188px}.mini-dialog.two{flex-direction:row-reverse;margin-top:15px;align-self:flex-end}.mini-dialog.two div{background:#bde9d6;border-radius:13px 13px 2px 13px}.avatar{display:grid;place-items:center;background:#f1cf90;color:#685231;width:35px;height:35px;border-radius:50%;font-size:12px;flex-shrink:0}.avatar.sales{background:#74b79f;color:#104b3a}.graphic-caption{position:absolute;bottom:2px;right:12px;font-size:8px;letter-spacing:.18em;color:#86ada5}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.section-heading h2{margin:0}.soft-tag{font-size:10px;white-space:nowrap;background:var(--pale);color:var(--green);border-radius:5px;padding:6px 10px}.start-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.setup-panel{padding:26px 28px}.field-label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.field-label span{font-weight:400;color:var(--muted);font-size:10px;margin-left:8px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}label{font-size:12px;line-height:1.7}label select,label input{margin-top:6px}fieldset{padding:0;border:0;margin:26px 0}legend{font-size:13px;font-weight:650;padding:0;margin-bottom:15px}.step{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #b9d8cd;border-radius:50%;color:var(--green);font-size:10px;margin-right:6px}.segmented{display:flex;background:#f2f6f3;padding:4px;border-radius:9px;gap:3px}.segmented button{flex:1;min-height:40px;background:transparent;border:0;border-radius:6px;font-size:12px;color:var(--muted)}.segmented .selected{background:white;color:var(--green);box-shadow:0 2px 6px #183d3510;font-weight:650}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-card{background:white;border:1px solid var(--line);padding:13px 11px;min-height:77px;display:flex;align-items:flex-start;gap:9px;text-align:left;border-radius:9px;position:relative;color:var(--ink)}.type-card.selected{border:1.5px solid var(--green);background:#f0f8f3}.type-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef3f0;font-size:17px;color:#557e70;flex-shrink:0}.type-card strong{font-size:12px;display:block;margin:1px 0 5px}.type-card small{font-size:10px;line-height:1.5;display:block}.type-card.selected:after{content:'✓';color:var(--green);font-size:10px;position:absolute;top:8px;right:8px}.start-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:16px;justify-content:space-between}.start-bottom p{margin:0;max-width:220px;font-size:10px}.start-bottom .button{white-space:nowrap}.practice-aside{display:flex;flex-direction:column;gap:20px}.goal-row{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.goal-row>span{font-size:11px;color:var(--green);padding-top:3px}.goal-row strong{font-size:13px}.goal-row p{font-size:11px;color:var(--muted);margin:7px 0 0}.goal-foot{font-size:11px;margin-top:20px;line-height:1.8;color:var(--muted)}.note{padding:0 12px}.note strong{font-size:12px}.note p{font-size:11px;color:var(--muted);line-height:1.9;margin:7px 0 10px}.notice{background:#ecf4ef;border:1px solid #d1e3d7;border-radius:10px;padding:17px 20px;font-size:12px;line-height:1.9;margin:18px 0 24px}.notice p{margin:6px 0 0}.notice strong{display:block}.error{background:#fff2ed;border:1px solid #f1c8ba;color:var(--danger);padding:13px;border-radius:8px;font-size:12px;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#81928a;display:flex;justify-content:space-between}.practice-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.practice-header h1{font-size:25px;margin-bottom:5px}.practice-header p{margin-bottom:0}.practice-controls{display:flex;gap:8px}.flow{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;color:var(--muted);font-size:10px}.flow span{border-bottom:2px solid var(--line);padding:8px 3px}.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px}.chat-panel{padding:0;overflow:hidden}.chat-top{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;align-items:center}.switch{display:flex;gap:7px;align-items:center}.switch input{margin:0}.messages{height:420px;overflow-y:auto;padding:22px;overscroll-behavior:contain}.message{display:flex;gap:9px;margin-bottom:18px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message .bubble{max-width:84%;background:#f1f5f3;padding:13px 16px;border-radius:0 12px 12px;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .bubble{background:#e1f1e9;border-radius:12px 0 12px 12px}.message .meta{font-size:9px;color:var(--muted);display:block;margin-bottom:5px}.message.user .meta{text-align:right}.message .avatar{width:30px;height:30px;font-size:10px}.thinking{padding:0 22px 12px;font-size:12px;color:var(--green)}#composer{padding:14px 18px 0;border-top:1px solid var(--line)}#composer textarea{border:0;background:#f4f7f5;resize:vertical;max-height:200px}.composer-bottom{display:flex;gap:10px;align-items:center;margin-top:12px}.composer-bottom #send{margin-left:auto}.mic{background:#edf5f0;color:var(--green)}.mic.recording{background:#ffe2d8;color:#a6372e}.chat-foot{font-size:9px;padding:0 18px;margin:10px 0 15px;color:var(--muted)}.chat-panel>.error{margin:10px 18px}details{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0}summary{cursor:pointer;color:var(--ink)}details li{margin:5px 0}pre{background:#eff4f1;padding:12px;border-radius:7px;overflow-x:auto;font-size:12px}.full{width:100%}.calc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.calc-checks{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.calc-checks label{display:flex;gap:6px;align-items:center}.calc-checks input{margin:0}#calc-result{background:#f5f8f5;border-radius:9px;padding:20px}.calc-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;gap:10px}.calc-total{border-top:1px solid var(--line);margin-top:8px;padding-top:15px;align-items:center}.calc-total strong{font-size:26px;color:var(--green)}.calc-savings{font-size:12px;color:var(--green);margin:13px 0 0}.search-label{max-width:250px}.plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-card{padding:20px;border:1px solid var(--line);background:white;border-radius:10px}.plan-card h3{font-size:15px;margin:9px 0}.plan-brand{font-size:10px;color:var(--green);font-weight:700}.plan-price{font-size:21px;font-weight:650;margin:10px 0;color:var(--ink)}.plan-price small{font-weight:400;margin-left:7px}.plan-card p{font-size:11px;color:var(--muted);margin:7px 0}.source-links{display:flex;gap:12px;flex-wrap:wrap}.source-links a{font-size:10px}.plan-card .change-warning{color:#9b6b23;background:#fff6e4;padding:8px;border-radius:6px}.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.engine-card h2{margin-top:18px}.engine-card>p{font-size:13px;color:var(--muted)}.engine-card label{display:block;margin:16px 0}.engine-card progress{width:100%;margin-top:16px;height:10px;accent-color:var(--green)}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.capability{background:#f4f7f5;padding:13px;border-radius:7px;font-size:12px}.capability strong{display:block;margin:7px 0;color:var(--green);font-size:14px}.capability.no strong{color:#9b6b23}.voice-settings>label{display:flex;align-items:flex-start;gap:9px}.voice-settings>label input{margin-top:4px}.history-toolbar{display:flex;gap:10px;margin:22px 0}.history-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0}.history-score{font-size:30px;color:var(--green);font-weight:700;min-width:60px}.history-card h3{margin:0 0 5px}.history-card p{margin:0;font-size:11px;color:var(--muted)}.history-card .button{margin-left:auto}.empty{padding:50px 20px;text-align:center;border:1px dashed #cbdad2;border-radius:12px;color:var(--muted);font-size:13px}.feedback-hero{display:grid;grid-template-columns:160px 1fr;gap:35px;align-items:center;background:var(--ink);color:white;padding:32px;border-radius:16px;margin:22px 0}.score-circle{width:140px;height:140px;border:6px solid #9adeb7;border-radius:50%;display:grid;place-content:center;text-align:center}.score-circle strong{font-size:42px}.score-circle small{color:#b8d5c9}.feedback-hero h2{font-size:23px}.feedback-hero p{font-size:12px;color:#c7ded3;margin:5px 0}.score-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.score-bar{padding:20px}.score-bar strong{font-size:24px;display:block;margin:12px 0}.bar{height:6px;background:#e6eee8;border-radius:10px;overflow:hidden}.bar div{height:100%;background:var(--green)}.feedback-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-columns ul{font-size:12px;padding-left:20px;line-height:1.9}.rubric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rubric-card{padding:20px}.rubric-card h3{font-size:13px;display:flex;justify-content:space-between;gap:8px}.rubric-card h3 span{white-space:nowrap;color:var(--green)}.rubric-card p{font-size:11px;color:var(--muted)}blockquote{border-left:3px solid #bedcc9;margin:12px 0;padding:6px 12px;font-size:11px;line-height:1.9;color:var(--ink);background:#f5f9f6;white-space:pre-wrap}.feedback-actions{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#16383d;color:white;padding:13px 24px;border-radius:10px;font-size:12px;max-width:90vw;z-index:10;box-shadow:0 4px 30px #0002}dialog{border:1px solid var(--line);border-radius:14px;max-width:430px;padding:26px;color:var(--ink)}dialog::backdrop{background:#102e3466}dialog p{font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
@media(min-width:1450px){main{padding:40px 60px}.hero{padding:44px 48px}.hero h1{font-size:38px}.start-layout{grid-template-columns:minmax(0,1fr) 290px}.messages{height:500px}}
@media(max-width:1100px){.shell{grid-template-columns:155px 1fr}.topbar{padding:0 22px}main{padding:28px 24px}.hero{padding:30px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:28px}.hero-graphic{padding-left:5px}.mini-dialog div{padding:12px;min-width:145px}.start-layout{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.setup-panel{padding:22px}.type-card{padding:12px 9px}.type-icon{display:none}.panel{padding:20px}.conversation-layout{grid-template-columns:1fr}.conversation-layout .practice-aside{display:none}.chat-panel{padding:0}.nav-item{padding:12px;font-size:12px}.calc-fields{grid-template-columns:1fr 1fr}.capabilities{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:68px;padding:0 18px;gap:10px}.brand{font-size:17px;gap:8px}.mark{width:33px;height:33px;font-size:22px;border-radius:9px}.brand-sub{font-size:7px}.cost-badge{display:none}.topbar>.button{margin-left:auto;padding:8px 10px;font-size:11px;min-height:38px}.shell{display:block}.nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);border-right:0;backdrop-filter:blur(12px)}.nav-item{display:flex;flex-direction:column;gap:2px;padding:5px;border-radius:7px;font-size:9px;min-height:48px;align-items:center;justify-content:center}.nav-item span{font-size:17px}.nav-footer{display:none}main{padding:20px 16px 95px}.hero{padding:27px 24px;display:block;border-radius:15px;min-height:0;margin-bottom:26px}.hero h1{font-size:27px}.hero p:not(.eyebrow){font-size:12px}.hero-graphic{display:none}.eyebrow{font-size:9px}.start-layout{display:block}.practice-aside{display:none}.section-heading{margin-bottom:15px}.section-heading h2{font-size:18px}.setup-panel{padding:20px 17px}.type-grid{gap:8px}.type-card{padding:13px 10px;min-height:88px}.type-card strong{font-size:11px;line-height:1.7;margin-top:0}.type-card small{font-size:9px}.type-icon{display:none}.two-fields{gap:9px}.two-fields label{min-width:0}select,input{font-size:16px;padding:10px;min-height:46px}.two-fields select{font-size:13px}.start-bottom{display:block}.start-bottom p{max-width:none;margin-bottom:12px}.start-bottom .button{width:100%;min-height:50px}.practice-header{align-items:flex-start}.practice-header h1{font-size:20px}.practice-controls{flex-direction:column}.practice-controls .button{font-size:10px;min-height:36px;padding:8px 10px}.flow{gap:9px;font-size:9px;margin-bottom:14px}.flow span{padding:5px 0}.chat-top{padding:12px;font-size:10px}.switch{font-size:10px}.messages{height:45dvh;min-height:250px;padding:16px 12px}.message{gap:6px}.message .bubble{font-size:13px;max-width:86%;padding:10px 12px}.message .avatar{width:25px;height:25px;font-size:9px}#composer{padding:12px}#composer textarea{font-size:16px}.composer-bottom{gap:7px}.composer-bottom #voice-hint{display:none}.button{font-size:12px}.chat-foot{font-size:9px;margin-top:0;padding:0 12px}.panel{padding:18px}.chat-panel{padding:0}.plan-list,.engine-grid,.feedback-columns,.rubric-grid{grid-template-columns:1fr}.plan-card{padding:18px}.calc-fields{gap:12px}.calc-fields label{min-width:0;font-size:10px}.calc-fields select{font-size:12px}.calc-checks label{font-size:10px}.calc-row{font-size:11px}.calc-total strong{font-size:24px}.search-label{max-width:160px}.search-label input{font-size:12px}.engine-card h2{font-size:20px}.engine-card>p{font-size:12px}.history-toolbar .button{font-size:10px}.history-card{gap:12px;padding:16px}.history-card h3{font-size:12px}.history-card .button{font-size:10px}.history-score{font-size:24px;min-width:40px}.feedback-hero{padding:22px 18px;grid-template-columns:100px 1fr;gap:18px}.score-circle{width:100px;height:100px;border-width:4px}.score-circle strong{font-size:32px}.feedback-hero h2{font-size:18px}.score-bars{gap:8px}.score-bar{padding:14px 10px}.score-bar h3{font-size:11px}.score-bar strong{font-size:20px}.score-bar small{font-size:10px}.capability{font-size:10px}.capability strong{font-size:12px}h1{font-size:25px}footer{font-size:9px;gap:15px}footer span{max-width:145px;text-align:right}.toast{bottom:82px;width:max-content}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}