:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--top-bar-shadow:0 1.5px 2px #0000001a, 0 0 2.5px #0003;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{--app-top-inset:14px;--content-top-gap:24px;--top-bar-height:48px;--top-bar-blur:32px;min-height:100svh;padding:var(--app-top-inset) 18px 0;box-sizing:border-box}.top-app-bar{max-width:600px;left:50%;top:var(--app-top-inset);z-index:2;width:min(600px,100vw - 36px);-webkit-backdrop-filter:blur(var(--top-bar-blur)) saturate(140%);backdrop-filter:blur(var(--top-bar-blur)) saturate(140%);box-shadow:var(--top-bar-shadow);border-radius:8px;margin:0 auto;transform:translate(-50%)}.top-app-bar .MuiToolbar-root{min-height:46px;padding:0 10px 0 12px}.top-menu-button{transform:translate(6px)}.top-app-bar .top-app-title{font-size:16px;font-weight:600;line-height:1}.app-content{max-width:600px;padding:calc(var(--app-top-inset) + var(--top-bar-height) + var(--content-top-gap)) 6px 48px;box-sizing:border-box;width:100%;margin:0 auto}.app-content--essay-reader{height:100svh;padding:0 6px;overflow:hidden}.app-shell:has(.app-content--essay-reader){height:100svh;overflow:hidden}.essay-reader{--essay-reader-anchor:20%;--essay-segment-gap:24px;color:var(--page-text-color,var(--text));touch-action:pan-x;height:100%;position:relative;overflow:hidden}.data-show{box-sizing:border-box;pointer-events:none;left:0;right:0;top:calc(var(--app-top-inset) + var(--top-bar-height) + 6px);z-index:4;flex-direction:row;align-items:flex-start;gap:8px;width:100%;display:flex;position:absolute}.data-show-metrics{opacity:0;will-change:opacity;flex-direction:column;gap:8px;transition:opacity .18s;display:flex}.data-show-metrics[data-visible=true]{opacity:1}.word-picker{background:color-mix(in srgb, var(--bg) 85%, transparent);box-sizing:border-box;color:var(--word-picker-text,var(--text));border-radius:8px;flex-direction:column;width:fit-content;min-width:min(192px,44vw);max-width:calc(100vw - 36px);height:66px;margin-left:auto;margin-right:3.5px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f}.word-picker-viewport{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}.word-picker-indicator{z-index:3;background:#ff3b30;width:18px;height:2px;position:absolute;top:50%;right:7px;transform:translateY(-50%);box-shadow:0 0 10px #ff3b30cc}.word-picker-option{box-sizing:border-box;min-width:0;height:28px;transform:translateY(calc(var(--word-picker-selected-offset,0px) + var(--word-picker-drag-offset,0px)));will-change:transform;flex:0 0 28px;justify-content:flex-end;align-items:center;padding:0 12px;transition:color .18s,transform .18s;display:flex;position:relative}.word-picker-option--one{margin-top:5px}.word-picker-option--two{margin-bottom:5px}.word-picker[data-dragging=true] .word-picker-option{transition:none}.word-picker[data-selected="1"] .word-picker-option--one,.word-picker[data-selected="2"] .word-picker-option--two{color:var(--word-picker-text,var(--text-h));font-weight:700}.word-picker-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.vocabulary-quick-actions{bottom:calc(env(safe-area-inset-bottom) + 28px);touch-action:manipulation;z-index:3;align-items:center;gap:18px;height:56px;display:flex;position:fixed;right:max(16px,50vw - 284px)}.vocabulary-quick-actions>span{display:flex}.essay-reader-navigation-button{box-shadow:var(--shadow)}.vocabulary-quick-actions .MuiFab-root,.vocabulary-quick-actions .MuiSpeedDial-fab{background-color:color-mix(in srgb, var(--bg) 85%, transparent);color:var(--page-text-color,var(--text));box-shadow:var(--shadow)}.vocabulary-quick-actions-speed-dial{flex:0 0 56px;width:56px;height:56px;position:relative}.vocabulary-quick-actions-speed-dial .MuiSpeedDial-root{position:absolute;bottom:0;right:0}.vocabulary-quick-actions .MuiSpeedDial-fab{border-radius:12px}.vocabulary-quick-actions .MuiSpeedDial-fab:active{box-shadow:0 4px 8px -2px #0003,0 2px 4px -1px #0000001f}.vocabulary-quick-actions .MuiSpeedDial-actions:empty{display:none}.essay-reader-track{gap:var(--essay-segment-gap);left:0;top:var(--essay-reader-anchor);z-index:2;flex-direction:column;width:100%;transition:transform .24s;display:flex;position:absolute}.essay-reader-segment{opacity:.2;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;transition:opacity .18s}.essay-reader-segment[data-active=true]{background:var(--bg);isolation:isolate;opacity:1;z-index:1;position:relative}.essay-marked-word[data-revealed=true]{font-style:italic}.essay-reader-segment[data-active=true]:before{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 80%, transparent) 62%, var(--bg));content:"";filter:blur(10px);opacity:0;pointer-events:none;z-index:-1;height:58px;transition:opacity .15s;position:absolute;top:-46px;left:-14px;right:-14px}@media (prefers-reduced-motion:reduce){.data-show-metrics,.word-picker-option,.essay-reader-track,.essay-reader-segment,.essay-reader-segment[data-active=true]:before{transition:none}}