@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg:#f5f6f8;--card:#fff;--text:#16181d;--muted:#4a505c;--accent:#2f4bd8;--accent-hover:#1e36a8;--accent-soft:#e9edfb;--border:#e4e6ea;--border-control:#d5d8de;--font-sans:var(--font-inter), "PingFang SC", "Noto Sans SC", "Hiragino Sans", "Noto Sans JP", "Microsoft YaHei", system-ui, sans-serif;--font-ja:var(--font-inter), "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "PingFang SC", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);margin:0}:lang(ja){font-family:var(--font-ja)}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button,input{font-family:inherit}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.site-header{background:var(--card);border-bottom:1px solid var(--border)}.site-header-inner{flex-wrap:wrap;align-items:center;gap:16px 32px;max-width:1240px;margin:0 auto;padding:12px 32px;display:flex}.brand{letter-spacing:.02em;font-size:18px;font-weight:700}.nav{flex-wrap:wrap;flex-grow:1;gap:4px;display:flex}.nav a{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.header-progress{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.header-progress strong{color:var(--text)}.header-progress .bar{width:120px}.header-user{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;font-weight:700;display:flex}.page{flex-direction:column;gap:20px;max-width:1240px;margin:0 auto;padding:24px 32px 40px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:14px}.card-pad{flex-direction:column;gap:16px;padding:24px 28px;display:flex}.h1{font-size:22px;font-weight:700}.h2{font-size:16px;font-weight:700}.hint{color:var(--muted);font-size:13px}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.row-baseline{align-items:baseline}.bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.bar>div{background:var(--accent);height:100%}.bar-lg{border-radius:4px;height:8px}.btn{border:1px solid var(--border-control);background:var(--card);min-height:48px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:44px;padding:0 16px;font-size:14px}.btn-lg{border-radius:12px;min-height:52px;padding:0 28px;font-size:16px}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:#fff}.btn-outline{border-color:var(--accent);color:var(--accent);font-weight:600}.btn-outline:hover{border-color:var(--accent-hover);color:var(--accent-hover)}.btn-dashed{border:1px dashed var(--accent);color:var(--accent);font-weight:600}.btn-dashed:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.icon-btn{border:1px solid var(--border-control);background:var(--card);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn[aria-disabled=true]{opacity:.4;pointer-events:none}.icon-btn-round{width:48px;height:48px;color:var(--accent);border-radius:24px}.icon-btn-round[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-control);background:var(--card);min-height:44px;color:var(--text);cursor:pointer;border-radius:22px;align-items:center;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--muted)}.chip:disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed}.chip[aria-current=true]{border-color:var(--text);background:var(--text);color:#fff;font-weight:600}.note{background:var(--bg);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.note-new{background:var(--accent-soft)}.note-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.note p{font-size:15px;line-height:1.6}.text-btn{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;margin:-14px 0;padding:0;font-size:12px}.text-btn:hover{color:var(--text);text-decoration:underline}.link-strong{flex:none;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hero{flex-wrap:wrap;align-items:center;gap:32px;padding:40px;display:flex}.hero-main{flex-direction:column;flex:999 420px;gap:16px;min-width:0;display:flex}.hero-kicker{color:var(--accent);font-size:14px;font-weight:600}.hero-en{font-size:34px;font-weight:700;line-height:1.3}.hero-ja{color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.hero-progress{background:var(--bg);min-width:0;color:var(--muted);border-radius:12px;flex-direction:column;flex:280px;gap:14px;padding:24px;font-size:14px;display:flex}.hero-progress strong{color:var(--text)}.big-number{color:var(--text);font-size:40px;font-weight:700;line-height:1}.big-number span{color:var(--muted);font-size:18px;font-weight:500}.hero-meta{flex-wrap:wrap;gap:8px 24px;display:flex}.two-col{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.two-col>*{flex:420px;min-width:0}.list-head{padding:20px 28px 12px}.review-row{border-top:1px solid var(--border);color:var(--text);align-items:center;gap:16px;min-height:44px;padding:14px 28px;text-decoration:none;display:flex}.review-row:hover{color:var(--text);background:#f8f9fe}.review-num{border:2px dashed var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.review-text{flex-direction:column;flex-grow:1;gap:2px;min-width:0;font-size:15px;font-weight:500;display:flex}.review-text small{color:var(--muted);font-size:13px;font-weight:400}.empty{color:var(--muted);padding:16px 28px 24px;font-size:14px}.card-pad .empty{padding:0}.intro{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:64px 40px;display:flex}.intro h1{font-size:40px;font-weight:700;line-height:1.25}.intro p{max-width:560px;color:var(--muted);font-size:17px;line-height:1.7}.features{flex-wrap:wrap;gap:20px;display:flex}.feature{flex-direction:column;flex:260px;gap:8px;padding:24px 28px;display:flex}.feature p{color:var(--muted);font-size:14px;line-height:1.7}.learn{flex-flow:wrap;align-items:flex-start;gap:24px}.learn-main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;display:flex}.learn-title{align-items:baseline;gap:10px;display:flex}.learn-title span{color:var(--muted);font-size:14px}.sentence-card{flex-direction:column;gap:24px;padding:32px;display:flex}.sentence-row{align-items:flex-start;gap:16px;display:flex}.sentence-body{flex-direction:column;flex-grow:1;gap:8px;min-width:0;display:flex}.lang-label{color:var(--muted);letter-spacing:.06em;font-size:13px;font-weight:600}.sentence-ja{font-size:26px;font-weight:500;line-height:1.5}.sentence-en{font-size:28px;font-weight:600;line-height:1.4}.sentence-sub{color:var(--muted);font-size:14px;line-height:1.6}.divider{background:var(--border);height:1px}.sentence-actions{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.check-empty{border:2px solid var(--accent);border-radius:6px;width:20px;height:20px}.btn-review-on{border:2px dashed var(--text);font-weight:600}.chat{flex-direction:column;flex:380px;min-width:0;display:flex}.chat-head{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 24px 16px;display:flex}.chat-head .chip{padding:0 14px}.chat-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.bubble{overflow-wrap:anywhere;font-size:15px}.bubble-user{background:var(--accent);color:#fff;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:10px 14px;line-height:1.55}.bubble-ai{background:var(--bg);border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:92%;padding:12px 14px;line-height:1.6}.summary{border:1px solid var(--accent);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.summary-title{color:var(--accent);font-size:13px;font-weight:600}.summary p{font-size:15px;line-height:1.6}.saved-msg{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.chat-form{border-top:1px solid var(--border);align-items:center;gap:8px;padding:16px 24px 20px;display:flex}.chat-form input{border:1px solid var(--border-control);min-width:0;height:48px;color:var(--text);background:var(--card);border-radius:10px;flex-grow:1;padding:0 14px;font-size:15px}.send-btn{border-color:var(--accent);background:var(--accent);color:#fff;width:48px;height:48px}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:4px;width:14px;height:14px}.grid100{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.cell{border-radius:8px;justify-content:center;align-items:center;gap:3px;height:48px;font-size:14px;text-decoration:none;display:flex}.status-mastered{background:var(--accent);color:#fff;font-weight:600}.status-review{background:var(--card);border:2px dashed var(--text);color:var(--text);font-weight:600}.status-learning{background:var(--card);border:2px solid var(--accent);color:var(--accent);font-weight:700}.status-new{background:var(--bg);border:1px solid var(--border-control);color:var(--muted)}a.status-mastered:hover{color:#fff;background:var(--accent-hover)}a.status-review:hover{color:var(--text)}a.status-new:hover{color:var(--text);border-color:var(--muted)}.status-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.detail-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 28px;display:flex}.detail-row:last-child{border-bottom:0}.detail-row.is-learning{background:#f8f9fe}.detail-num{width:36px;color:var(--muted);flex-shrink:0;font-size:14px;font-weight:600}.is-learning .detail-num{color:var(--accent);font-weight:700}.detail-text{min-width:0;min-height:44px;color:var(--text);flex-direction:column;flex-grow:1;justify-content:center;gap:2px;text-decoration:none;display:flex}.detail-text:hover{color:var(--accent)}.detail-en{font-size:16px;font-weight:500}.is-learning .detail-en{font-weight:600}.detail-ja{color:var(--muted);font-size:14px}.detail-status{color:var(--muted);flex-shrink:0;font-size:13px}.stats{flex-wrap:wrap;gap:16px;display:flex}.stat{flex-direction:column;flex:220px;gap:6px;padding:20px 24px;display:flex}.stat-value{font-size:32px;font-weight:700;line-height:1.1}.stat-value span{color:var(--muted);font-size:16px;font-weight:500}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.week-day{background:var(--bg);color:var(--muted);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:12px;display:flex}.week-day b{font-size:20px;font-weight:700}.week-day.is-active{background:var(--accent);color:#fff}.week-day.is-today{background:var(--card);border-color:var(--accent);color:var(--accent);font-weight:600}.record-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:8px 20px;padding:16px 28px;display:flex}.record-when{color:var(--muted);flex:0 0 120px;padding-top:2px;font-size:13px}.record-body{flex-direction:column;flex:420px;gap:6px;min-width:0;display:flex}.record-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.record-body p{color:var(--muted);font-size:14px;line-height:1.6}.login-page{align-items:center;padding-top:48px}.login-card{flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.field input{border:1px solid var(--border-control);height:48px;color:var(--text);background:var(--card);border-radius:10px;padding:0 14px;font-size:16px}.form-error{color:#b3261e;font-size:14px;line-height:1.5}.logout{margin:0;padding:0 4px;font-size:14px}.bubble-error{color:#8c1d18;background:#fdf3f2;border:1px solid #f0c4c0;border-radius:10px;align-self:stretch;padding:10px 14px;font-size:14px;line-height:1.5}.bubble-ai{white-space:pre-wrap}@media (max-width:640px){.site-header-inner{gap:8px 16px;padding:12px 16px}.nav{flex-basis:100%;order:3}.nav a{padding:0 10px}.brand{flex-grow:1}.header-progress .bar,.header-user span{display:none}.page{padding:16px 16px 32px}.hero,.sentence-card{padding:20px}.intro{padding:40px 20px}.intro h1{font-size:28px}.hero-en{font-size:26px}.sentence-en{font-size:24px}.sentence-ja{font-size:22px}.card-pad,.feature{padding:20px}.list-head,.review-row,.detail-row,.record-row{padding-left:20px;padding-right:20px}.chat-head,.chat-body,.chat-form{padding-left:16px;padding-right:16px}.detail-row{flex-wrap:wrap;gap:8px 12px}.detail-text{flex-basis:calc(100% - 100px)}.detail-status{margin-left:88px}.record-when{flex-basis:100%}}