@font-face{font-family:Cabin Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/cabin-vietnamese-wght-normal-Ccotw_Ab.woff2)format("woff2-variations");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:Cabin Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/cabin-latin-ext-wght-normal-CiC-id32.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cabin Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/cabin-latin-wght-normal-DZW_uTKI.woff2)format("woff2-variations");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}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--msb-color-background);color:var(--msb-color-on-background);font-family:"Cabin Variable", var(--msb-font-ui);font-size:var(--msb-type-body-large-size);line-height:var(--msb-type-body-large-line-height)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--msb-color-primary);outline-offset:2px}.msb-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reader-button{background:var(--msb-color-secondary-container);min-height:40px;color:var(--msb-color-on-secondary-container);font-weight:var(--msb-type-title-small-weight);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;text-decoration:none;display:inline-flex}.reader-button--primary{background:var(--msb-color-primary);color:var(--msb-color-on-primary)}.reader-badge,.msb-badge{background:var(--msb-color-tertiary-container);color:var(--msb-color-on-tertiary-container);font-size:var(--msb-type-body-small-size);border-radius:999px;flex:none;padding:2px 8px;font-weight:500}.reader-message{text-align:center;color:var(--msb-color-on-surface-variant);margin:0;position:absolute;inset:50% 16px auto;transform:translateY(-50%)}.msb-icon-button{width:40px;height:40px;color:var(--msb-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.msb-icon-button:hover{background:color-mix(in srgb, var(--msb-color-on-surface) 8%, transparent)}.msb-round-button{background:var(--msb-color-secondary-container);width:48px;height:48px;color:var(--msb-color-on-secondary-container);cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;padding:0;text-decoration:none;transition:filter .15s;display:inline-grid}.msb-round-button:hover:not(:disabled){filter:brightness(.96)}.msb-round-button:disabled{opacity:.38;cursor:default}.msb-round-button[aria-pressed=true]{color:var(--msb-color-primary)}.msb-round-button--large{width:64px;height:64px}.msb-round-spacer{width:64px}.msb-pill{background:var(--msb-color-secondary-container);height:48px;color:var(--msb-color-on-secondary-container);font-size:var(--msb-type-title-medium-size);font-weight:var(--msb-type-title-medium-weight);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 16px;transition:filter .15s,box-shadow .15s;display:inline-flex}.msb-pill:hover{filter:brightness(.96)}.msb-pill[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--msb-color-primary)}.msb-pill--primary{background:var(--msb-color-primary);color:var(--msb-color-on-primary)}.msb-pill--primary[aria-pressed=false]{background:var(--msb-color-secondary-container);color:var(--msb-color-on-secondary-container)}.msb-pill--large{height:64px;box-shadow:0 4px 12px color-mix(in srgb, var(--msb-color-scrim) 18%, transparent);padding:0 28px 0 22px}.reader{background:var(--msb-color-surface);grid-template-rows:1fr;height:100dvh;display:grid;position:relative;overflow:hidden}.reader[data-layout=wide]{grid-template-rows:auto 1fr}.reader[data-dragging=true]{cursor:col-resize;-webkit-user-select:none;user-select:none}.reader[data-dragging=true] iframe{pointer-events:none}.reader-body{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.reader[data-split=true] .reader-body{grid-template-columns:minmax(360px, calc(var(--reader-share) * 100%)) 12px minmax(340px, 1fr)}.reader-pane{background:var(--reading-bg,var(--msb-color-surface));grid-template-rows:1fr auto;min-width:0;min-height:0;display:grid;position:relative}.reader-content{justify-self:center;width:100%;max-width:100%;min-height:0;transition:opacity .25s;position:relative;overflow:hidden}.reader[data-layout=compact] .reader-pane{padding:max(52px, calc(env(safe-area-inset-top) + 40px)) 0 max(28px, calc(env(safe-area-inset-bottom) + 16px));grid-template-rows:1fr}.reader[data-layout=compact] .reader-turn{-webkit-tap-highlight-color:transparent;border-radius:0;width:10%;height:auto;top:0;bottom:0;transform:none}.reader[data-layout=compact] .reader-turn:hover{opacity:.28;background:0 0}.reader[data-layout=compact] .reader-turn:focus-visible{background:0 0}.reader[data-layout=compact] .reader-turn--prev{left:0}.reader[data-layout=compact] .reader-turn--next{right:0}.reader[data-layout=compact] .reader-menu-button{top:max(8px, env(safe-area-inset-top));opacity:.5;width:36px;height:36px;right:8px}.reader[data-layout=wide] .reader-pane .reader-content{margin-top:12px}.msb-toolbar{background:var(--msb-color-surface-container-low);border-bottom:1px solid var(--msb-color-outline-variant);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 16px;display:grid}.msb-toolbar__start,.msb-toolbar__menu{align-items:center;gap:8px;display:flex}.msb-toolbar__title{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.msb-toolbar__book{max-width:100%;font-size:var(--msb-type-title-small-size);font-weight:var(--msb-type-title-small-weight);line-height:var(--msb-type-title-small-line-height);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.msb-toolbar__section{max-width:100%;color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);line-height:var(--msb-type-body-small-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1280px){.msb-toolbar .msb-pill{padding:0 14px}.msb-toolbar .msb-pill:not(.msb-pill--primary) .msb-pill__label{display:none}}.reader[data-settling=true] .reader-content{opacity:0;transition:none}.reader-turn{z-index:2;width:44px;height:96px;color:var(--reading-fg,var(--msb-color-on-surface));opacity:.28;cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;transition:opacity .15s,background .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.reader-turn:hover,.reader-turn:focus-visible{background:color-mix(in srgb, var(--reading-fg,var(--msb-color-on-surface)) 8%, transparent);opacity:.85}.reader-turn--prev{left:10px}.reader-turn--prev svg{transform:scaleX(-1)}.reader-turn--next{right:10px}.reader[data-immersive=true]{grid-template-rows:1fr}.reader[data-immersive=true] .reader-pane{grid-template-rows:1fr;padding:72px 0 24px}.reader[data-immersive=true] .reader-pane .reader-content{margin-top:0}.reader-loader{z-index:2;border:4px solid color-mix(in srgb, var(--msb-color-primary) 20%, transparent);border-top-color:var(--msb-color-primary);background:var(--reading-bg,var(--msb-color-surface));width:40px;height:40px;box-shadow:0 0 0 10px var(--reading-bg,var(--msb-color-surface));pointer-events:none;border-radius:50%;margin:-20px 0 0 -20px;animation:.2s .25s both msb-loader-in,.8s linear infinite msb-spin;position:absolute;top:50%;left:50%}@keyframes msb-loader-in{0%{opacity:0}}@keyframes msb-spin{to{transform:rotate(360deg)}}.reader-menu-button{z-index:3;opacity:.55;transition:opacity .15s;position:absolute;top:16px;right:16px}.reader-menu-button:hover,.reader-menu-button:focus-visible{opacity:1}.reader[data-embedded=true]{grid-template-rows:1fr}.reader[data-embedded=true] .reader-pane{grid-template-rows:1fr;padding:72px 0 24px}.reader-embed-actions{z-index:3;gap:8px;display:flex;position:absolute;top:16px;right:16px}.reader[data-layout=compact] .reader-embed-actions{top:max(8px, env(safe-area-inset-top));right:8px}.reader-embed-actions .msb-round-button{opacity:.7;transition:opacity .15s}.reader-embed-actions .msb-round-button:hover,.reader-embed-actions .msb-round-button:focus-visible,.reader-embed-actions .msb-round-button[aria-expanded=true]{opacity:1}.msb-footer{align-items:center;gap:12px;padding:8px 16px;display:flex}.msb-footer__history{flex:none;min-width:72px;display:flex}.msb-footer__history--forward{justify-content:flex-end}.msb-history-button{background:var(--msb-color-secondary-container);height:36px;color:var(--msb-color-on-secondary-container);font-size:var(--msb-type-body-small-size);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.msb-history-button[hidden]{display:none}.reader[data-layout=wide] .msb-footer{border-top:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface-container-low)}.msb-footer__label{background:var(--msb-color-surface-container-highest);min-width:72px;color:var(--msb-color-on-surface);font-size:var(--msb-type-title-small-size);text-align:center;border-radius:999px;flex:none;padding:6px 14px}.msb-slider{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:24px;margin:0}.msb-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--msb-color-primary) var(--msb-slider-fill), var(--msb-color-secondary-container) var(--msb-slider-fill));border-radius:999px;height:8px}.msb-slider[dir=rtl]::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--msb-color-primary) var(--msb-slider-fill), var(--msb-color-secondary-container) var(--msb-slider-fill))}.msb-slider::-moz-range-track{background:var(--msb-color-secondary-container);border-radius:999px;height:8px}.msb-slider::-moz-range-progress{background:var(--msb-color-primary);border-radius:999px;height:8px}.msb-slider::-webkit-slider-thumb{background:var(--msb-color-primary);appearance:none;border:none;border-radius:999px;width:20px;height:20px;margin-top:-6px}.msb-slider::-moz-range-thumb{background:var(--msb-color-primary);border:none;border-radius:999px;width:20px;height:20px}.reader-splitter{cursor:col-resize;touch-action:none;background:var(--msb-color-surface-container-low);position:relative}.reader-splitter:after{content:"";background:var(--msb-color-outline);border-radius:999px;width:4px;height:48px;transition:background .15s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.reader-splitter:hover:after,.reader-splitter:focus-visible:after,.reader[data-dragging=true] .reader-splitter:after{background:var(--msb-color-primary)}.reader-chat{background:var(--msb-color-surface-container-lowest);min-width:0;min-height:0}.reader[data-layout=wide] .reader-chat[data-open=false]{display:none}.reader[data-layout=compact] .reader-chat{z-index:20;background:var(--msb-color-surface-container-low);height:calc(100dvh - 48px);box-shadow:0 -8px 32px color-mix(in srgb, var(--msb-color-scrim) 20%, transparent);border-radius:28px 28px 0 0;transition:transform .28s cubic-bezier(.2,0,0,1),visibility .28s;position:fixed;inset:auto 0 0;transform:translateY(0)}.reader[data-layout=compact] .reader-chat[data-open=false]{visibility:hidden;transform:translateY(100%)}.reader-scrim{z-index:15;background:color-mix(in srgb, var(--msb-color-scrim) 32%, transparent);position:fixed;inset:0}.reader-scrim--light{z-index:5;background:color-mix(in srgb, var(--msb-color-scrim) 24%, transparent)}.msb-mobile-top{z-index:6;inset:max(12px, env(safe-area-inset-top)) 12px auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:fixed}.msb-mobile-top__title{background:var(--msb-color-surface-container-low);min-width:0;min-height:64px;color:var(--msb-color-on-surface);text-align:center;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 20px;display:flex}.msb-fab-menu{z-index:6;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:12px;animation:.2s msb-rise;display:flex;position:fixed}.msb-mobile-footer{z-index:6;inset:auto 0 max(12px, env(safe-area-inset-bottom));position:fixed}.msb-mobile-footer .msb-footer{flex-wrap:wrap;justify-content:center}.msb-mobile-footer .msb-slider{flex-basis:100%;order:-1}.msb-mobile-footer .msb-footer__history{flex:1}.msb-mobile-footer .msb-footer__label{background:var(--msb-color-surface-container-low)}@keyframes msb-rise{0%{opacity:0;transform:translateY(12px)}}.msb-popover-layer{z-index:30;position:fixed;inset:0}.msb-popover-scrim{position:absolute;inset:0}.msb-popover-layer--sheet .msb-popover-scrim{background:color-mix(in srgb, var(--msb-color-scrim) 32%, transparent)}.msb-popover{background:var(--msb-color-surface-container-low);color:var(--msb-color-on-surface);outline:none;flex-direction:column;display:flex;position:absolute}.msb-popover--dropdown{width:min(400px,100vw - 32px);max-height:min(640px,100dvh - 120px);box-shadow:0 12px 40px color-mix(in srgb, var(--msb-color-scrim) 22%, transparent);border-radius:24px;animation:.2s cubic-bezier(.2,0,0,1) msb-drop}.msb-popover--sheet{min-height:40dvh;max-height:75dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:28px 28px 0 0;animation:.28s cubic-bezier(.2,0,0,1) msb-sheet;inset:auto 0 0}@keyframes msb-drop{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes msb-sheet{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.msb-popover,.msb-fab-menu,.reader-chat{transition:none!important;animation:none!important}}.msb-sheet-handle{background:var(--msb-color-on-surface-variant);opacity:.4;border-radius:999px;flex:none;width:32px;height:4px;margin:12px auto 0}.msb-popover__header,.msb-chat__header{grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.msb-popover__header h2,.msb-chat__header h2{font-size:var(--msb-type-title-large-size);font-weight:var(--msb-type-title-large-weight);line-height:var(--msb-type-title-large-line-height);text-align:center;margin:0}.msb-popover__actions{justify-content:flex-end;min-width:40px;display:flex}.msb-popover__body{overscroll-behavior:contain;padding:4px 20px 20px;overflow-y:auto}.msb-prefs{gap:20px;display:grid}.msb-pref__label{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-title-small-size);font-weight:var(--msb-type-title-small-weight);margin:0 0 8px}.msb-pref__hint{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);margin:8px 0 0}.msb-button-group{gap:2px;display:flex}.msb-button-group button{background:var(--msb-color-surface-container-highest);min-height:48px;color:var(--msb-color-on-surface-variant);cursor:pointer;font-size:var(--msb-type-title-small-size);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;transition:border-radius .15s;display:inline-flex;position:relative}.msb-button-group button:first-child{border-radius:999px 8px 8px 999px}.msb-button-group button:last-child{border-radius:8px 999px 999px 8px}.msb-button-group button[aria-checked=true]{background:var(--msb-color-secondary-container);color:var(--msb-color-on-secondary-container);border-radius:999px}.msb-button-group__check{flex:none}.msb-stepper{justify-content:space-between;align-items:center;gap:16px;display:flex}.msb-stepper__value{font-size:var(--msb-type-title-medium-size);font-weight:var(--msb-type-title-medium-weight)}.msb-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.msb-switch input{border:2px solid var(--msb-color-outline);background:var(--msb-color-surface-container-highest);appearance:none;cursor:pointer;border-radius:999px;flex:none;order:2;width:52px;height:32px;margin:0;transition:background .15s;position:relative}.msb-switch input:after{content:"";background:var(--msb-color-outline);border-radius:999px;width:16px;height:16px;transition:left .15s,width .15s,height .15s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.msb-switch input:checked{border-color:var(--msb-color-primary);background:var(--msb-color-primary)}.msb-switch input:checked:after{background:var(--msb-color-on-primary);width:24px;height:24px;left:22px}.msb-list{margin:0;padding:0;list-style:none}.msb-list--nested{padding-left:16px}.msb-list__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;width:100%;min-height:48px;padding:10px 16px;display:flex}.msb-list__item:hover{background:color-mix(in srgb, var(--msb-color-on-surface) 6%, transparent)}.msb-list__item--unavailable{color:color-mix(in srgb, var(--msb-color-on-surface) 38%, transparent);cursor:default}.msb-list__item--unavailable:hover{background:0 0}.msb-list__item[aria-current=location]{background:var(--msb-color-secondary-container);color:var(--msb-color-on-secondary-container);font-weight:500}.msb-bookmark{align-items:center;gap:4px;display:flex}.msb-bookmark__title{font-weight:500}.msb-bookmark__meta{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size)}.msb-empty{color:var(--msb-color-on-surface-variant);text-align:center;justify-items:center;gap:4px;padding:24px 8px;display:grid}.msb-empty p{margin:0}.msb-chat{flex-direction:column;height:100%;min-height:0;display:flex}.reader[data-layout=wide] .msb-chat__header{border-bottom:1px solid var(--msb-color-outline-variant)}.msb-chat__spacer{width:40px}.msb-chat__end{justify-content:flex-end;align-items:center;gap:4px;display:flex}.msb-language-toggle{background:var(--msb-color-surface-container-high);border-radius:999px;flex:none;padding:2px;display:inline-flex}.msb-language-toggle button{cursor:pointer;opacity:.55;filter:grayscale(.6);background:0 0;border:none;border-radius:999px;place-items:center;min-width:34px;height:30px;padding:0 6px;font-size:18px;line-height:1;transition:opacity .15s,filter .15s,background-color .15s;display:inline-grid}.msb-language-toggle button[aria-pressed=true]{background:var(--msb-color-surface-container-lowest,var(--msb-color-surface));opacity:1;filter:none;box-shadow:0 1px 2px #0000002e}.msb-language-toggle button:focus-visible{outline:2px solid var(--msb-color-primary);outline-offset:1px}.msb-language-toggle__code{color:var(--msb-color-on-surface-variant);font-size:12px;font-weight:600}.msb-language-toggle button:disabled{cursor:default}.msb-chat__cover{justify-content:center;padding:8px 0 16px;display:flex}.msb-chat__cover img{object-fit:cover;width:120px;height:176px;box-shadow:0 4px 14px color-mix(in srgb, var(--msb-color-scrim,#000) 18%, transparent);border-radius:6px}.msb-chat__cover+.msb-chat__empty{padding-top:0}.msb-quiz__language{justify-content:flex-end;display:flex}.msb-composer .msb-language-toggle{align-self:center}.msb-language-question{background:var(--msb-color-surface-container-high);color:var(--msb-color-on-surface);border-radius:16px;gap:10px;margin:12px max(16px,50% - 360px) 4px;padding:14px 16px;display:grid}.msb-chat__messages>.msb-language-question{margin:0 0 16px}.msb-language-question p{margin:0;font-weight:600}.msb-language-question__choices{flex-wrap:wrap;gap:8px;display:flex}.msb-language-question__choices button{border:1px solid var(--msb-color-outline-variant,var(--msb-color-outline));background:var(--msb-color-surface-container-lowest,var(--msb-color-surface));min-height:40px;color:inherit;font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.msb-language-question__choices button span{font-size:18px}.msb-language-question__choices button:focus-visible{outline:2px solid var(--msb-color-primary);outline-offset:1px}.msb-language-question label{color:var(--msb-color-on-surface-variant);align-items:center;gap:8px;font-size:14px;display:inline-flex}.msb-chat__messages{overscroll-behavior:contain;flex:1;min-height:0;padding:20px max(20px,50% - 360px) 8px;overflow-y:auto}.msb-chat__empty{color:var(--msb-color-on-surface-variant);text-align:center;justify-items:center;padding:40px 12px;display:grid}.msb-chat__empty svg{color:var(--msb-color-primary)}.msb-chat__empty h3{color:var(--msb-color-on-surface);font-size:var(--msb-type-title-medium-size);font-weight:var(--msb-type-title-medium-weight);margin:16px 0 4px}.msb-chat__empty p{font-size:var(--msb-type-body-medium-size);margin:0}.msb-chat__suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.msb-chat__suggestions button{border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface);color:var(--msb-color-primary);font-size:var(--msb-type-body-medium-size);cursor:pointer;border-radius:12px;padding:10px 16px}.msb-message{margin-bottom:24px}.msb-message--user{border:1px solid color-mix(in srgb, var(--msb-color-primary) 45%, var(--msb-color-outline-variant));background:var(--msb-color-surface-container);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:24px 24px 6px;width:-moz-fit-content;width:fit-content;max-width:min(80%,560px);margin-left:auto;padding:12px 18px}.msb-message--user p{margin:0}.msb-message--pending{opacity:.7}.msb-rating{gap:4px;margin-top:4px;display:flex;position:relative}.msb-rating__emoji{font-size:1.25rem;line-height:1}.msb-reactions{z-index:2;background:var(--msb-color-surface-container-highest);box-shadow:0 4px 12px color-mix(in srgb, var(--msb-color-scrim) 18%, transparent);border-radius:999px;gap:2px;padding:4px;animation:.15s ease-out msb-rise;display:flex;position:absolute;bottom:calc(100% + 4px);left:0}.msb-reactions--down{left:22px}.msb-reactions__item{cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;font-size:1.5rem;line-height:1;transition:transform .1s;display:inline-grid}.msb-reactions__item:hover,.msb-reactions__item:focus-visible{transform:scale(1.2)}.msb-reactions__item[aria-current=true]{background:color-mix(in srgb, var(--msb-color-primary) 16%, transparent)}.msb-rating [aria-pressed=true]{color:var(--msb-color-primary)}.msb-rating{align-items:center}.msb-rating__thanks{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);margin-left:6px}.msb-rating__comment{border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface-container-low);border-radius:16px;gap:8px;margin-top:8px;padding:14px;display:grid}.msb-rating__comment label{font-weight:600;font-size:var(--msb-type-body-medium-size)}.msb-rating__comment textarea{box-sizing:border-box;border:1px solid var(--msb-color-outline);background:var(--msb-color-surface);width:100%;color:var(--msb-color-on-surface);font:inherit;font-size:var(--msb-type-body-medium-size);resize:vertical;border-radius:12px;padding:10px 12px}.msb-rating__comment textarea:focus{border-color:var(--msb-color-primary);outline:none}.msb-rating__actions{gap:8px;display:flex}.msb-rating__send,.msb-rating__cancel{font:inherit;font-size:var(--msb-type-body-medium-size);cursor:pointer;border:0;border-radius:999px;padding:8px 16px}.msb-rating__send{background:var(--msb-color-primary);color:var(--msb-color-on-primary)}.msb-rating__cancel{background:var(--msb-color-surface-container-high);color:var(--msb-color-on-surface)}.msb-rating__send:disabled,.msb-rating__cancel:disabled{opacity:.5;cursor:default}.msb-rating__error{color:var(--msb-color-error);font-size:var(--msb-type-body-medium-size);margin:6px 0 0}.msb-rating__saved{background:var(--msb-color-surface-container-low);font-size:var(--msb-type-body-medium-size);border-radius:12px;margin-top:8px;padding:10px 12px}.msb-rating__saved p{color:var(--msb-color-on-surface-variant);margin:0;font-style:italic}.msb-rating__saved p.msb-rating__saved-label{color:var(--msb-color-on-surface);margin-bottom:2px;font-style:normal;font-weight:600}.msb-chat__suggestions button:disabled{opacity:.6;cursor:default}.msb-prose{overflow-wrap:anywhere;font-size:1rem;line-height:1.65}.msb-prose>:first-child{margin-top:0}.msb-prose>:last-child{margin-bottom:0}.msb-prose p{margin:0 0 14px}.msb-prose h1,.msb-prose h2,.msb-prose h3,.msb-prose h4{margin:20px 0 10px;font-size:1.125rem;font-weight:600;line-height:1.35}.msb-prose h1{font-size:1.25rem}.msb-prose ul,.msb-prose ol{margin:8px 0 14px;padding-left:22px}.msb-prose li,.msb-prose li>ul,.msb-prose li>ol{margin:4px 0}.msb-prose ul ul{list-style:circle}.msb-prose blockquote{border-left:3px solid var(--msb-color-primary);color:var(--msb-color-on-surface-variant);margin:14px 0;padding-left:14px;font-style:italic}.msb-prose hr{border:0;border-top:1px solid var(--msb-color-outline-variant);margin:20px 0}.msb-prose a{color:var(--msb-color-primary)}.msb-prose code{background:var(--msb-color-surface-container);border-radius:6px;padding:1px 5px;font-size:.9em}.msb-prose pre{background:var(--msb-color-surface-container);border-radius:12px;padding:12px;overflow-x:auto}.msb-prose pre code{background:0 0;padding:0}.msb-prose table{border-collapse:collapse;max-width:100%;margin:12px 0;font-size:.9375rem;display:block;overflow-x:auto}.msb-prose th,.msb-prose td{border-bottom:1px solid var(--msb-color-outline-variant);text-align:left;vertical-align:top;padding:8px 10px}.msb-chat__thinking{color:var(--msb-color-primary);font-size:var(--msb-type-body-medium-size);align-items:center;gap:10px;display:flex}.msb-dots{gap:4px;display:inline-flex}.msb-dots span{background:currentColor;border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite msb-dot}.msb-dots span:nth-child(2){animation-delay:.15s}.msb-dots span:nth-child(3){animation-delay:.3s}@keyframes msb-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.msb-chat__status{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);text-align:center;margin:0 20px 8px}.msb-chat__status--error{color:var(--msb-color-error)}.msb-composer{border:1px solid color-mix(in srgb, var(--msb-color-primary) 40%, var(--msb-color-outline-variant));background:var(--msb-color-surface);width:min(100% - 32px,720px);min-height:60px;box-shadow:0 8px 24px color-mix(in srgb, var(--msb-color-scrim) 10%, transparent);border-radius:30px;flex:none;align-items:flex-end;gap:8px;margin:8px auto 16px;padding:6px 6px 6px 20px;display:flex}.msb-composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:160px;padding:11px 0;line-height:1.5}.msb-composer:focus-within{border-color:var(--msb-color-primary)}.msb-send{background:var(--msb-color-primary);width:48px;height:48px;color:var(--msb-color-on-primary);cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.msb-send:disabled{opacity:.45;cursor:default}@media (hover:none){.msb-composer{margin-bottom:max(12px, env(safe-area-inset-bottom))}}.reader-excerpt-end{z-index:3;background:var(--msb-color-primary-container);color:var(--msb-color-on-primary-container);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:auto 16px 88px}.reader-excerpt-end p{margin:0}.reader-note{z-index:3;background:var(--msb-color-inverse-surface);color:var(--msb-color-inverse-on-surface);font-size:var(--msb-type-body-small-size);text-align:center;border-radius:12px;margin:0;padding:8px 14px;position:absolute;inset:auto 16px 72px}.msb-elsewhere-layer{place-items:center;padding:16px;display:grid}.msb-elsewhere-layer .msb-popover-scrim{background:color-mix(in srgb, var(--msb-color-scrim) 32%, transparent)}.msb-elsewhere.msb-popover{width:min(400px,100%);box-shadow:0 12px 40px color-mix(in srgb, var(--msb-color-scrim) 22%, transparent);border-radius:28px;animation:.2s cubic-bezier(.2,0,0,1) msb-drop;position:relative}.msb-elsewhere__body{flex-direction:column;gap:12px;padding:24px;display:flex}.msb-elsewhere__body h2{font-size:var(--msb-type-title-large-size);margin:0}.msb-elsewhere__body p{color:var(--msb-color-on-surface-variant);margin:0}.msb-elsewhere__actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.msb-search{gap:8px;display:grid}.msb-search__field{box-sizing:border-box;border:1px solid var(--msb-color-outline);background:var(--msb-color-surface-container);min-height:56px;color:var(--msb-color-on-surface-variant);cursor:text;border-radius:25px;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex}.msb-search__field input{min-width:0;min-height:48px;color:var(--msb-color-on-surface);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.msb-search__field input::placeholder{color:var(--msb-color-outline);opacity:1}.msb-search__field input::-webkit-search-cancel-button{appearance:none;display:none}.msb-search__clear{width:40px;height:40px;color:var(--msb-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.msb-search__status{min-height:1.2em;color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);margin:0 4px}.msb-search__section{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);margin:12px 16px 2px;font-weight:500}.msb-search__hit{color:inherit;font:inherit;line-height:1.35;display:block}.msb-search__hit mark{color:inherit;background:#f5ee3c73;border-radius:3px;padding:0 1px;font-weight:600;display:inline}.msb-popover--tall{padding-bottom:env(safe-area-inset-bottom);border-radius:28px 28px 0 0;animation:.28s cubic-bezier(.2,0,0,1) msb-sheet;inset:16px 0 0}.msb-flip{transform:scaleX(-1)}.msb-search-trail{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:6;background:var(--msb-color-surface-container-high);width:max-content;max-width:calc(100% - 24px);color:var(--msb-color-on-surface);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 10px #00000047}.reader[data-layout=compact] .msb-search-trail{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.msb-search-trail button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;display:grid}.msb-search-trail button:hover:not(:disabled){background:color-mix(in srgb, var(--msb-color-on-surface) 8%, transparent)}.msb-search-trail button:disabled{opacity:.35;cursor:default}.msb-search-trail .msb-search-trail__label{text-align:center;min-width:0;padding:0 12px}.msb-search-trail__count{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.msb-search-trail__searching{box-sizing:border-box;opacity:.7;border:2px solid;border-right-color:#0000;border-radius:999px;width:12px;height:12px;animation:.8s linear infinite msb-spin}.msb-search-trail__section{max-width:180px;color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msb-swatch{border:2px solid color-mix(in srgb, var(--msb-color-on-surface) 25%, transparent);cursor:pointer;border-radius:50%;flex:none;width:36px;height:36px}.msb-swatch[aria-checked=true]{border-color:var(--msb-color-on-surface);box-shadow:0 0 0 2px var(--msb-color-surface)}.msb-selection-toolbar{z-index:40;box-sizing:border-box;background:var(--msb-color-surface-container-high);height:52px;color:var(--msb-color-on-surface);border-radius:999px;align-items:center;gap:8px;padding:0 10px;display:flex;position:fixed;box-shadow:0 2px 12px #0000004d}.msb-selection-toolbar__note{min-height:40px;color:var(--msb-color-primary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:0 6px;display:flex}.msb-annotation-layer{z-index:45;position:fixed;inset:0}.msb-annotation-scrim{background:0 0;position:absolute;inset:0}.msb-annotation-layer--sheet .msb-annotation-scrim{background:#00000059}.msb-annotation-card{box-sizing:border-box;background:var(--msb-color-surface-container-high);width:min(320px,100vw - 16px);color:var(--msb-color-on-surface);border-radius:18px;gap:10px;padding:14px;display:grid;position:absolute;box-shadow:0 4px 24px #00000059}.msb-annotation-layer--sheet .msb-annotation-card{width:auto;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;bottom:0;left:0;right:0}.msb-annotation-card__quote{border-left:3px solid var(--msb-color-primary);color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size);margin:0;padding-left:10px;font-style:italic}.msb-annotation-card__colors{align-items:center;gap:10px;display:flex}.msb-annotation-card__explain{color:var(--msb-color-primary);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;margin-left:auto;padding:4px;display:flex}.msb-annotation-card__note{font-size:var(--msb-type-body-small-size);gap:4px;display:grid}.msb-annotation-card__note textarea{border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface);min-height:84px;color:var(--msb-color-on-surface);font:inherit;resize:vertical;border-radius:12px;padding:10px 12px}.msb-annotation-card__actions{justify-content:space-between;gap:8px;display:flex}.msb-annotation-item{color:inherit;font:inherit;gap:4px}.msb-annotation-item__quote{padding-left:12px;line-height:1.35}.msb-annotation-item__note{color:var(--msb-color-on-surface-variant);padding-left:12px;font-style:italic;line-height:1.35}.msb-notes__kind{cursor:default;pointer-events:none}.msb-prose a.msb-quote-link{color:var(--msb-color-primary);cursor:pointer;text-decoration:none}.msb-prose a.msb-quote-link:hover{background:var(--msb-color-secondary-container)}.msb-definition__term{font-size:var(--msb-type-title-medium-size);margin:0}.msb-definition__text{white-space:pre-line;max-height:40vh;margin:0;overflow:auto}.msb-definition__passage{max-height:9.5em;font-style:italic}.msb-definition__actions{flex-wrap:wrap;justify-content:flex-start}.msb-definition__chat{margin-left:auto}.msb-logo-link{width:44px;height:48px;color:var(--msb-color-on-surface);background:0 0;justify-content:center;align-items:center;font-size:30px;line-height:1;text-decoration:none;display:inline-flex}.msb-logo-link--wikipedia{font-family:Linux Libertine,Hoefler Text,Georgia,serif;font-weight:400}.msb-logo-link--translate{cursor:pointer;border:none;padding:0}.msb-logo-link--google{font-family:Product Sans,Cabin Variable,Arial,sans-serif;font-weight:700}.msb-message__passage{opacity:.85;border-left:3px solid;margin:6px 0 0;padding-left:10px}.msb-summary-ask{box-sizing:border-box;border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface);width:min(100% - 32px,720px);box-shadow:0 4px 12px color-mix(in srgb, var(--msb-color-scrim) 8%, transparent);border-radius:20px;flex:none;gap:6px;margin:0 auto 4px;padding:14px;display:grid}.msb-summary-ask p.msb-summary-ask__question{font-weight:600;font-size:var(--msb-type-body-medium-size);margin:0 0 2px}.msb-summary-ask p.msb-summary-ask__where{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-medium-size);margin:0 0 4px}.msb-summary-ask__choice{background:var(--msb-color-surface-container);width:100%;color:var(--msb-color-on-surface);font:inherit;font-size:var(--msb-type-body-medium-size);text-align:left;cursor:pointer;border:0;border-radius:14px;padding:10px 12px}.msb-summary-ask__choice[data-main=true]{background:var(--msb-color-secondary-container);color:var(--msb-color-on-secondary-container)}.msb-summary-ask__choice:hover:not(:disabled){filter:brightness(.96)}.msb-summary-ask__choice:disabled{opacity:.6;cursor:default}.msb-chat__shortcuts{flex:none;gap:8px;width:min(100% - 32px,720px);margin:0 auto;display:flex}.msb-chat__shortcut{border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface);color:var(--msb-color-primary);font-size:var(--msb-type-body-medium-size);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;display:inline-flex}.msb-book-sheet{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 20px 20px;display:flex}.msb-book-sheet__cover{background:var(--msb-color-surface-container);width:140px;min-height:200px;color:var(--msb-color-on-surface-variant);border-radius:8px;place-items:center;display:grid;overflow:hidden}.msb-book-sheet__cover img{width:100%;height:auto;display:block}.msb-book-sheet__title{font-size:var(--msb-type-title-large-size,22px);margin:0}.msb-book-sheet__details{width:100%;font-size:var(--msb-type-body-medium-size);gap:6px;margin:0;display:grid}.msb-book-sheet__details div{border-bottom:1px solid var(--msb-color-outline-variant);justify-content:space-between;gap:16px;padding:6px 0;display:flex}.msb-book-sheet__details dt{color:var(--msb-color-on-surface-variant)}.msb-book-sheet__details dd{text-align:right;margin:0}.msb-book-sheet__description{font-size:var(--msb-type-body-medium-size);text-align:left;margin:0;line-height:1.5}button.msb-toolbar__title,button.msb-mobile-top__title{color:inherit;font:inherit;cursor:pointer;border:0}button.msb-toolbar__title{background:0 0;border-radius:12px;padding:4px 12px}button.msb-toolbar__title:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.msb-chat__header h2.msb-chat__title--person{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.msb-chat__title--person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msb-people__person{align-items:center;gap:8px;display:flex}.msb-people__person svg{color:var(--msb-color-on-surface-variant);flex:none}.msb-quiz__body{box-sizing:border-box;flex:1;align-content:start;gap:12px;width:min(100%,752px);min-height:0;margin:0 auto;padding:12px 16px 20px;display:grid;overflow-y:auto}.msb-quiz p{margin:0}.msb-quiz__card{border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface);border-radius:20px;gap:6px;padding:14px;display:grid}.msb-quiz p.msb-quiz__question{font-weight:600;font-size:var(--msb-type-body-large-size,16px);margin-bottom:4px;line-height:1.4}.msb-quiz p.msb-quiz__ask{margin-bottom:4px}.msb-quiz__progress,.msb-quiz__note{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-medium-size);line-height:1.45}.msb-quiz__score,.msb-quiz__feedback{font-weight:600}.msb-quiz__error{color:var(--msb-color-error);font-size:var(--msb-type-body-medium-size)}.msb-quiz__explanation{line-height:1.5}.msb-quiz__choice{background:var(--msb-color-surface-container);width:100%;color:var(--msb-color-on-surface);font:inherit;font-size:var(--msb-type-body-medium-size);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:14px;gap:2px;padding:10px 12px;display:grid}.msb-quiz__choice small,.msb-quiz__past-item small{color:var(--msb-color-on-surface-variant);font-size:var(--msb-type-body-small-size,12px)}.msb-quiz__choice[data-main=true]{background:var(--msb-color-secondary-container);color:var(--msb-color-on-secondary-container)}.msb-quiz__choice:hover:not(:disabled){filter:brightness(.96)}.msb-quiz__choice:disabled{cursor:default}.msb-quiz__choice:disabled:not([data-state]){opacity:.6}.msb-quiz__choice[data-state=right]{background:color-mix(in srgb, #15803d 16%, var(--msb-color-surface));border-color:#15803d}.msb-quiz__choice[data-state=wrong]{border-color:var(--msb-color-error);background:var(--msb-color-error-container);color:var(--msb-color-on-error-container)}.msb-quiz__feedback[data-state=right]{color:#15803d}.msb-quiz__feedback[data-state=wrong]{color:var(--msb-color-error)}.msb-quiz__past{gap:4px;display:grid}.msb-quiz__past h3{font-size:var(--msb-type-body-medium-size);margin:4px 0}.msb-quiz__past-item{color:var(--msb-color-on-surface);font:inherit;font-size:var(--msb-type-body-medium-size);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.msb-quiz__past-item:hover{background:var(--msb-color-surface-container)}.msb-quiz__past-item span{display:grid}.msb-quiz__results{gap:6px;margin:4px 0;padding-left:20px;display:grid}.msb-quiz__results small{color:var(--msb-color-on-surface-variant);display:block}.msb-chat__suggestions button.msb-chat__around{align-items:center;gap:6px;display:inline-flex}.msb-chat__around[aria-disabled=true],.msb-chat__shortcut[aria-disabled=true]{opacity:.55}.msb-chat__shortcuts{flex-wrap:wrap}.msb-chat__location-error{color:var(--msb-color-error);font-size:var(--msb-type-body-medium-size);margin:0 0 16px}.msb-translation{gap:8px;display:grid}.msb-translation__head{color:var(--msb-color-primary);align-items:center;gap:8px;display:flex}.msb-translation__target{color:var(--msb-color-on-surface);align-items:center;gap:8px;display:flex}.msb-translation .msb-translation__target select{border:1px solid var(--msb-color-outline-variant);min-height:36px;color:var(--msb-color-on-surface);font:inherit;background:0 0;border-radius:8px;padding:0 8px}.msb-translation__text{font-size:var(--msb-type-body-large-size,16px);font-weight:700;line-height:1.45}.msb-translation__note{color:var(--msb-color-on-surface-variant);margin:0}.page{max-width:72rem;min-height:100dvh;padding-block:max(24px, env(safe-area-inset-top)) 48px;flex-direction:column;gap:24px;margin:0 auto;padding-inline:16px;display:flex}.page--center{justify-content:center;align-items:center}.page-card{background:var(--msb-color-surface-container);border-radius:24px;justify-items:start;gap:16px;max-width:28rem;padding:24px;display:grid}.page-card h1,.page-header h1{font-size:var(--msb-type-title-large-size);line-height:var(--msb-type-title-large-line-height);text-wrap:balance;margin:0;font-weight:600}.page-card p{margin:0}.page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-eyebrow{font-size:var(--msb-type-body-small-size);letter-spacing:.08em;text-transform:uppercase;color:var(--msb-color-on-surface-variant);margin:0 0 4px}.page-status{color:var(--msb-color-on-surface-variant);margin:0}.shelf{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}.book{align-content:start;gap:8px;display:grid}.book__link{color:inherit;border-radius:12px;gap:8px;text-decoration:none;display:grid}.book-cover{aspect-ratio:2/3;background:var(--msb-color-surface-container-highest);border-radius:8px;max-width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001f}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover__placeholder{text-align:center;height:100%;font-family:var(--msb-font-reading);color:var(--msb-color-on-surface-variant);place-items:center;padding:12px;display:grid}a.book__link:hover .book-cover{transition:transform .15s;transform:translateY(-2px)}.book-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.book-tag{border:1px solid var(--msb-color-outline-variant);font-size:var(--msb-type-body-small-size);color:var(--msb-color-on-surface-variant);border-radius:999px;padding:1px 8px}.book-status{align-items:center;gap:5px;height:20px;display:flex}.book-status__icon{color:var(--msb-color-outline);flex:none}.book-status__bar{border:1px solid var(--msb-color-outline);background:var(--msb-color-background);border-radius:3px;flex:1;height:100%;position:relative;overflow:hidden}.book-status__fill{background:var(--msb-color-secondary-container);border-radius:2px;position:absolute;inset:0 auto 0 0}.book-status__text{letter-spacing:.02em;height:100%;color:var(--msb-color-on-secondary-container);place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}.book-app{gap:6px;display:grid}.book-app__button{border:1px solid var(--msb-color-outline);height:28px;color:var(--msb-color-on-surface);font:inherit;font-size:var(--msb-type-body-small-size);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.book-app__button:hover,.book-app__button:focus-visible{background:var(--msb-color-surface-container-high)}.book-app__stores{font-size:var(--msb-type-body-small-size);justify-content:center;gap:12px;display:flex}.book-app__stores a{color:var(--msb-color-primary)}.shelf-search{z-index:1;background:var(--msb-color-background);align-items:center;gap:8px;margin:-8px -16px 0;padding:8px 16px;display:flex;position:sticky;top:0}.search-field{background:var(--msb-color-surface-container-high);min-width:0;height:48px;color:var(--msb-color-on-surface-variant);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 16px;display:flex}.search-field input{min-width:0;color:var(--msb-color-on-surface);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-field:focus-within{outline:2px solid var(--msb-color-primary)}.welcome{text-align:center;justify-items:center;gap:16px;max-width:26rem;padding:32px 24px;display:grid}.welcome__logo{width:min(220px,60vw);height:auto;color:var(--msb-color-on-background);margin-bottom:8px}.welcome__name{font-size:var(--msb-type-headline-medium-size,28px);margin:0;font-weight:700}.welcome h1{font-size:var(--msb-type-title-large-size);line-height:var(--msb-type-title-large-line-height);text-wrap:balance;margin:0;font-weight:600}.welcome p{color:var(--msb-color-on-surface-variant);text-wrap:balance;margin:0}.welcome__button{min-width:12rem;margin-top:8px}.view-toggle{background:var(--msb-color-surface-container-high);border-radius:999px;flex:none;padding:4px;display:flex}.view-toggle button{width:40px;height:40px;color:var(--msb-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}.view-toggle button[aria-pressed=true]{background:var(--msb-color-secondary-container);color:var(--msb-color-on-secondary-container)}.shelf-list{margin:0;padding:0;list-style:none}.shelf-list>li+li{border-top:1px solid var(--msb-color-outline-variant)}.book-row{color:inherit;border-radius:12px;align-items:center;gap:16px;padding:12px 8px;text-decoration:none;display:flex}a.book-row:hover{background:var(--msb-color-surface-container-low)}.book-row .book-cover{border-radius:4px;flex:none;width:80px}.book-row .book-cover__placeholder{padding:6px;font-size:11px}.book-row__details{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.book-row__title{font-size:var(--msb-type-title-medium-size,16px);line-height:var(--msb-type-title-medium-line-height,24px);overflow-wrap:anywhere;font-weight:600}.book-row__author{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--msb-type-title-small-size,14px);font-weight:500;overflow:hidden}.book-row__kind{color:var(--msb-color-outline);font-size:var(--msb-type-body-medium-size);align-items:center;gap:5px;margin-top:3px;display:inline-flex}.book-status--compact{width:100px;margin-top:3px}.shelf-tabs{width:-moz-fit-content;width:fit-content;margin-bottom:12px}.shelf-tabs button{width:auto;font:inherit;font-size:var(--msb-type-body-medium-size);padding:0 16px}.shelf-search{flex-wrap:wrap}.shelf-select{border:1px solid var(--msb-color-outline-variant);background:var(--msb-color-surface);height:48px;color:var(--msb-color-on-surface);font:inherit;font-size:var(--msb-type-body-medium-size);border-radius:999px;flex:none;padding:0 12px}.shelf-search .search-field{min-width:min(100%,220px)}