:root{--vm-bg:#f4f6f5;--vm-panel:#fff;--vm-text:#14201d;--vm-muted:#697772;--vm-line:#dce4e1;--vm-accent:#087f72;--vm-accent-dark:#075f57;--vm-soft:#e5f4f1;--vm-danger:#b13636;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-vocab-theme=dark]{--vm-bg:#101614;--vm-panel:#18211e;--vm-text:#edf5f2;--vm-muted:#98aaa4;--vm-line:#2b3a35;--vm-accent:#54c8b8;--vm-accent-dark:#79ddcf;--vm-soft:#173c36;--vm-danger:#f08080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-vocab-theme=system]{--vm-bg:#101614;--vm-panel:#18211e;--vm-text:#edf5f2;--vm-muted:#98aaa4;--vm-line:#2b3a35;--vm-accent:#54c8b8;--vm-accent-dark:#79ddcf;--vm-soft:#173c36;--vm-danger:#f08080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}.vm-shell{background:var(--vm-bg);min-height:100dvh;color:var(--vm-text);padding:72px 0 calc(78px + env(safe-area-inset-bottom));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;line-height:1.55;overflow-x:hidden}.vm-shell button,.vm-shell input,.vm-shell textarea,.vm-shell select{font:inherit;color:inherit}.vm-top{z-index:20;background:color-mix(in srgb,var(--vm-bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--vm-line);justify-content:space-between;align-items:center;height:64px;padding:8px 18px;display:flex;position:fixed;top:0;left:0;right:0}.vm-top>div:first-child{align-items:center;gap:10px;display:flex}.vm-top a{background:var(--vm-text);width:38px;height:38px;color:var(--vm-bg);letter-spacing:-.5px;border-radius:12px;place-items:center;font-size:12px;font-weight:900;text-decoration:none;display:grid}.vm-top span{flex-direction:column;display:flex}.vm-top b{font-size:14px;line-height:1.2}.vm-top small{letter-spacing:.13em;color:var(--vm-muted);font-size:8px}.vm-streak{text-align:right;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;display:grid!important}.vm-streak span{color:var(--vm-muted);grid-row:1;font-size:9px!important}.vm-streak strong{grid-row:1/3;font-size:21px;line-height:1}.vm-streak small{letter-spacing:0;grid-row:2;font-size:9px}.vm-nav{z-index:30;height:calc(68px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--vm-panel) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--vm-line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.vm-nav button{min-width:0;color:var(--vm-muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;display:flex;position:relative}.vm-nav i{font-size:21px;font-style:normal;line-height:1}.vm-nav span{font-size:10px;font-weight:700}.vm-nav button.active{color:var(--vm-accent);background:var(--vm-soft)}.vm-nav b{background:var(--vm-accent);color:#fff;border-radius:20px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:1px;left:calc(50% + 8px)}.vm-status{z-index:50;width:min(92%,640px);position:fixed;top:68px;left:50%;transform:translate(-50%)}.vm-status p{background:var(--vm-text);color:var(--vm-bg);border-radius:12px;margin:0 0 6px;padding:10px 40px 10px 14px;font-size:13px;position:relative;box-shadow:0 8px 24px #0002}.vm-status p.vm-error{color:#fff;background:#7e2929}.vm-status button{color:inherit;background:0 0;border:0;font-size:20px;position:absolute;top:5px;right:7px}.vm-memo{max-width:760px;min-height:calc(100dvh - 150px);margin:0 auto}.vm-intro{padding:20px 18px 24px}.vm-intro>p,.vm-page-head>p,.vm-test-home .vm-page-head>p,.vm-result>p{color:var(--vm-accent);letter-spacing:.18em;margin:0 0 5px;font-size:10px;font-weight:800}.vm-intro h1{letter-spacing:-.05em;margin:0 0 6px;font-size:clamp(25px,8vw,40px);line-height:1.15}.vm-intro span{color:var(--vm-muted);font-size:12px}.vm-timeline{flex-direction:column;gap:24px;padding:0 14px 156px;display:flex}.vm-empty{border:1px dashed var(--vm-line);text-align:center;color:var(--vm-muted);background:var(--vm-panel);border-radius:18px;padding:26px}.vm-empty b{color:var(--vm-text)}.vm-empty p{margin:8px 0 14px;font-size:13px}.vm-empty button{background:var(--vm-soft);color:var(--vm-accent-dark);border:0;border-radius:10px;padding:9px 14px;font-weight:700}.vm-message-group{flex-direction:column;gap:8px;display:flex}.vm-user-message{background:var(--vm-text);max-width:82%;color:var(--vm-bg);border-radius:18px 18px 5px;flex-direction:column;align-self:flex-end;gap:2px;padding:11px 14px 8px;display:flex}.vm-user-message span{white-space:pre-wrap;font-size:15px}.vm-user-message small{opacity:.55;text-align:right;font-size:8px}.vm-answer{background:var(--vm-panel);border:1px solid var(--vm-line);border-radius:5px 18px 18px;max-width:94%;padding:16px;box-shadow:0 8px 28px #10221d0a}.vm-answer header{color:var(--vm-muted);align-items:center;gap:7px;font-size:10px;display:flex}.vm-answer header button,.vm-audio{border:1px solid var(--vm-line);width:34px;height:34px;color:var(--vm-accent);background:0 0;border-radius:50%;margin-left:auto;font-weight:900}.vm-tag{background:var(--vm-soft);color:var(--vm-accent-dark);border-radius:20px;padding:3px 7px;font-weight:800}.vm-tag.unresolved{color:#8d3a2d;background:#f3e7e4}.vm-tag.manual{color:#5c4691;background:#eae6f5}.vm-answer h2{letter-spacing:-.02em;margin:12px 0 3px;font-size:21px}.vm-meaning{margin:0;font-size:16px;font-weight:700}.vm-answer details{border-top:1px solid var(--vm-line);margin-top:10px;padding-top:8px;font-size:12px}.vm-answer summary{cursor:pointer;color:var(--vm-accent);font-weight:700}.vm-answer ul{margin:7px 0}.vm-answer footer{border-top:1px solid var(--vm-line);justify-content:space-between;align-items:end;gap:8px;margin-top:15px;padding-top:10px;display:flex}.vm-answer footer>span{color:var(--vm-muted);font-size:9px}.vm-answer footer>div{gap:5px;display:flex}.vm-answer footer button{color:var(--vm-accent);background:0 0;border:0;border-radius:8px;padding:7px 8px;font-size:11px;font-weight:700}.vm-answer footer button:last-child{background:var(--vm-soft)}.vm-processing{background:var(--vm-panel);width:max-content;max-width:90%;color:var(--vm-muted);border-radius:16px;align-items:center;gap:9px;padding:14px;font-size:12px;display:flex}.vm-processing i{border:2px solid var(--vm-line);border-top-color:var(--vm-accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite vm-spin}@keyframes vm-spin{to{transform:rotate(1turn)}}.vm-composer{z-index:15;left:50%;bottom:calc(68px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--vm-bg) 14%);width:min(760px,100%);padding:8px 12px 10px;position:fixed;transform:translate(-50%)}.vm-composer>label{width:1px;height:1px;position:absolute;overflow:hidden}.vm-composer textarea{resize:vertical;border:1px solid var(--vm-line);background:var(--vm-panel);border-bottom:0;border-radius:17px 17px 0 0;outline:none;width:100%;height:62px;max-height:150px;padding:13px 14px;display:block}.vm-composer textarea:focus{border-color:var(--vm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vm-accent) 15%,transparent)}.vm-composer>div{border:1px solid var(--vm-line);background:var(--vm-panel);border-top:0;border-radius:0 0 17px 17px;justify-content:space-between;align-items:center;height:40px;padding:3px 5px 5px 13px;display:flex}.vm-composer span{color:var(--vm-muted);font-size:9px}.vm-composer button{background:var(--vm-accent);color:#fff;border:0;border-radius:11px;min-width:70px;height:32px;font-size:12px;font-weight:800}.vm-composer button:disabled{opacity:.45}.vm-page{max-width:820px;margin:0 auto;padding:18px 14px 40px}.vm-page-head h1{letter-spacing:-.04em;margin:0 0 18px;font-size:32px}.vm-page-head h1 span{color:var(--vm-muted);letter-spacing:0;font-size:12px}.vm-search{position:relative}.vm-search input{background:var(--vm-panel);border:1px solid var(--vm-line);border-radius:14px;outline:none;width:100%;height:48px;padding:0 42px 0 14px}.vm-search input:focus{border-color:var(--vm-accent)}.vm-search span{color:var(--vm-muted);font-size:20px;position:absolute;top:9px;right:15px}.vm-controls{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px;display:grid}.vm-controls select,.vm-setting-group select{border:1px solid var(--vm-line);background:var(--vm-panel);border-radius:10px;height:42px;padding:0 30px 0 10px;font-size:12px}.vm-selection{background:var(--vm-soft);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 12px;font-size:12px;display:flex}.vm-selection button{background:var(--vm-danger);color:#fff;border:0;border-radius:8px;padding:6px 12px}.vm-word-list{background:var(--vm-panel);border:1px solid var(--vm-line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.vm-word-list article{border-bottom:1px solid var(--vm-line);grid-template-columns:26px 1fr 38px;align-items:center;min-width:0;padding:11px 10px;display:grid}.vm-word-list article:last-child{border-bottom:0}.vm-word-list input{width:18px;height:18px;accent-color:var(--vm-accent)}.vm-word-main{text-align:left;background:0 0;border:0;grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:14px;min-width:0;padding:0 5px;display:grid}.vm-word-main>span{flex-direction:column;min-width:0;display:flex}.vm-word-main b,.vm-word-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.vm-word-main strong{font-weight:600}.vm-word-main small{color:var(--vm-muted);font-size:9px}.vm-more,.vm-wide-button,.vm-result>button{background:var(--vm-accent);color:#fff;border:0;border-radius:12px;width:100%;margin-top:12px;padding:13px;font-weight:800}.vm-test-home .vm-page-head h1{font-size:38px;line-height:1.15}.vm-test-summary{background:var(--vm-panel);border:1px solid var(--vm-line);border-radius:20px;margin-top:28px;padding:24px}.vm-test-summary>span{color:var(--vm-muted);font-size:11px}.vm-test-summary>strong{letter-spacing:-.07em;font-size:70px;line-height:1.15;display:block}.vm-test-summary p{color:var(--vm-muted);font-size:13px}.vm-test-summary button{background:var(--vm-accent);color:#fff;border:0;border-radius:13px;width:100%;height:48px;font-weight:800}.vm-quiz>header{color:var(--vm-muted);align-items:center;gap:14px;font-size:11px;display:flex}.vm-quiz progress{width:100%;height:6px;accent-color:var(--vm-accent)}.vm-quiz>article{background:var(--vm-panel);border:1px solid var(--vm-line);text-align:center;border-radius:22px;flex-direction:column;align-items:center;min-height:430px;margin-top:18px;padding:28px 20px;display:flex}.vm-quiz article>p{color:var(--vm-muted);font-size:12px}.vm-quiz article>h1{letter-spacing:-.04em;margin:45px 0 15px;font-size:clamp(28px,8vw,48px)}.vm-listen{border:1px solid var(--vm-line);color:var(--vm-accent);background:0 0;border-radius:20px;padding:7px 12px;font-size:11px}.vm-show{background:var(--vm-text);width:100%;height:48px;color:var(--vm-bg);border:0;border-radius:13px;margin-top:auto;font-weight:800}.vm-reveal{background:var(--vm-soft);border-radius:16px;flex-direction:column;width:100%;margin-top:auto;padding:20px;display:flex}.vm-reveal small{color:var(--vm-muted)}.vm-reveal strong{font-size:20px}.vm-reveal span{font-size:12px}.vm-ratings{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.vm-ratings button{border:1px solid var(--vm-line);background:var(--vm-panel);border-radius:12px;min-height:50px;font-size:11px;font-weight:700}.vm-ratings button:last-child{background:var(--vm-accent);color:#fff;border-color:var(--vm-accent)}.vm-result{text-align:center;padding-top:50px}.vm-result h1{font-size:28px}.vm-result>strong{letter-spacing:-.08em;color:var(--vm-accent);font-size:80px}.vm-result>strong small{font-size:20px}.vm-result dl{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.vm-result dl div{background:var(--vm-panel);border-radius:12px;padding:12px}.vm-result dt{color:var(--vm-muted);font-size:9px}.vm-result dd{margin:0;font-size:24px;font-weight:800}.vm-result>p:not(:first-child){color:var(--vm-muted);font-size:12px}.vm-setting-group{background:var(--vm-panel);border:1px solid var(--vm-line);border-radius:17px;margin:0 0 20px;padding:16px}.vm-setting-group h2{letter-spacing:.1em;text-transform:uppercase;color:var(--vm-muted);margin:0 0 10px;font-size:11px}.vm-setting-group>label,.vm-data-card{border-bottom:1px solid var(--vm-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.vm-setting-group>label>span,.vm-data-card>span{flex-direction:column;display:flex}.vm-setting-group b,.vm-data-card b{font-size:13px}.vm-setting-group small,.vm-data-card small{color:var(--vm-muted);font-size:9px}.vm-data-card>strong{color:var(--vm-accent);font-size:11px}.vm-data-card button{background:var(--vm-soft);color:var(--vm-accent-dark);border:0;border-radius:9px;max-width:150px;padding:8px;font-size:10px;font-weight:700}.vm-data-card progress{width:100px;accent-color:var(--vm-accent)}.vm-fine{color:var(--vm-muted);font-size:10px}.vm-wide-button.secondary{background:var(--vm-soft);color:var(--vm-accent-dark)}.vm-danger{color:var(--vm-danger);background:0 0;border:0;margin-top:16px;font-size:11px;text-decoration:underline}.vm-setting-group details{border-top:1px solid var(--vm-line);padding:12px 0;font-size:11px}.vm-setting-group summary{cursor:pointer;font-weight:700}.vm-setting-group details p{color:var(--vm-muted)}.vm-setting-group details a{color:var(--vm-accent)}.vm-version{color:var(--vm-muted);letter-spacing:.08em;margin:18px 0 0;font-size:8px}.vm-overlay{z-index:80;background:#0009;justify-content:center;align-items:flex-end;padding-top:30px;display:flex;position:fixed;inset:0}.vm-sheet{background:var(--vm-panel);width:min(680px,100%);max-height:calc(100dvh - 20px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow:auto}.vm-sheet>header{justify-content:space-between;align-items:start;display:flex}.vm-sheet>header small{color:var(--vm-accent);letter-spacing:.15em;font-size:9px}.vm-sheet>header h2{margin:2px 0 8px;font-size:24px}.vm-sheet>header button{background:var(--vm-bg);border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.vm-sheet label{margin-top:14px;display:block}.vm-sheet label>span,.vm-sheet legend{font-size:11px;font-weight:700}.vm-sheet textarea{border:1px solid var(--vm-line);background:var(--vm-bg);resize:vertical;border-radius:10px;width:100%;min-height:72px;margin-top:5px;padding:10px}.vm-sheet fieldset{border:0;margin:15px 0;padding:0}.vm-sheet fieldset button{text-align:left;border:1px solid var(--vm-line);background:var(--vm-bg);border-radius:9px;width:100%;margin-top:5px;padding:9px;display:block}.vm-history{margin-top:15px}.vm-history>button{border:0;border-top:1px solid var(--vm-line);text-align:left;background:0 0;flex-direction:column;width:100%;padding:9px;display:flex}.vm-history small{color:var(--vm-muted)}.vm-sheet>footer{background:var(--vm-panel);grid-template-columns:1fr 2fr;gap:8px;padding-top:12px;display:grid;position:sticky;bottom:0}.vm-sheet>footer button{border:1px solid var(--vm-line);background:var(--vm-bg);border-radius:11px;height:46px;font-weight:700}.vm-sheet>footer button:last-child{background:var(--vm-accent);border-color:var(--vm-accent);color:#fff}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline:3px solid color-mix(in srgb,var(--vm-accent) 55%,transparent);outline-offset:2px}@media (min-width:800px){.vm-shell{padding-left:220px}.vm-top{left:220px}.vm-nav{background:var(--vm-panel);border-top:0;border-right:1px solid var(--vm-line);flex-direction:column;gap:7px;width:220px;height:auto;padding:26px 16px;display:flex;top:0;bottom:0;right:auto}.vm-nav:before{content:"VOCAB MEMO";letter-spacing:-.04em;margin:10px 10px 30px;font-size:16px;font-weight:900}.vm-nav button{flex-direction:row;justify-content:flex-start;gap:12px;height:48px;min-height:48px;padding:0 13px}.vm-nav i{text-align:center;width:24px}.vm-nav span{font-size:12px}.vm-memo{max-width:820px}.vm-intro{padding-top:40px}.vm-composer{bottom:0;left:calc(50% + 110px)}.vm-user-message{max-width:65%}.vm-answer{max-width:80%}.vm-page{padding-top:42px}.vm-overlay{padding-left:220px}}@media (max-width:430px){.vm-word-main{grid-template-columns:1fr}.vm-word-main>span:last-child small{display:none}.vm-ratings button{padding:4px;font-size:9px}.vm-answer footer{flex-direction:column;align-items:flex-start}.vm-answer footer>div{align-self:flex-end}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}