@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url("./media/material-symbols-outlined-E6THDMN3.woff2") format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{color-scheme:light;--b4m-color-primary: #1a5fd6;--b4m-color-primary-hover: #154fb5;--b4m-color-primary-soft: #e9f0fd;--b4m-color-on-primary: #ffffff;--b4m-color-accent: #f7861e;--b4m-color-accent-soft: #fff1e4;--b4m-color-content: #f6f7f9;--b4m-color-surface: #ffffff;--b4m-color-surface-raised: #ffffff;--b4m-color-surface-subtle: #f9fafb;--b4m-color-hover: #f3f4f6;--b4m-color-border: #e6e8ec;--b4m-color-border-strong: #d2d6dc;--b4m-color-text: #111827;--b4m-color-text-muted: #6b7280;--b4m-color-text-subtle: #9ca3af;--b4m-color-success: #15803d;--b4m-color-success-soft: #e7f6ec;--b4m-color-warning: #b45309;--b4m-color-warning-soft: #fef4e2;--b4m-color-danger: #c62828;--b4m-color-danger-soft: #fdecec;--b4m-color-info: #1a5fd6;--b4m-shadow-surface: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--b4m-shadow-raised: 0 4px 12px rgba(16, 24, 40, .08);--b4m-shadow-overlay: 0 20px 40px rgba(16, 24, 40, .18);--b4m-wordmark-book: #1a5fd6;--b4m-font-family: Inter Variable, Inter, Segoe UI, system-ui, -apple-system, sans-serif;--b4m-header-height: 4rem;--b4m-sidebar-width: 16rem;--b4m-sidebar-collapsed-width: 4.5rem;--b4m-content-max-width: 100rem;--b4m-content-padding: 1rem;--b4m-radius-small: .5rem;--b4m-radius-medium: .75rem;--b4m-radius-large: 1rem;--b4m-transition-fast: .12s ease;--b4m-transition-standard: .2s ease;--b4m-color-grid-primary: var(--b4m-color-primary);--b4m-color-grid-primary-hover: var(--b4m-color-primary-hover);--b4m-color-grid-primary-soft: var(--b4m-color-primary-soft);--b4m-color-navy: var(--b4m-color-text)}@media(prefers-color-scheme:dark){:root:not([data-book4me-theme=light]){color-scheme:dark;--b4m-color-primary: #6e9cff;--b4m-color-primary-hover: #8fb3ff;--b4m-color-primary-soft: #1a2747;--b4m-color-on-primary: #0b1220;--b4m-color-accent: #ffa04d;--b4m-color-accent-soft: #3a2614;--b4m-color-content: #0b0f17;--b4m-color-surface: #121826;--b4m-color-surface-raised: #161d2c;--b4m-color-surface-subtle: #161d2c;--b4m-color-hover: #1a2233;--b4m-color-border: #232b3b;--b4m-color-border-strong: #313c51;--b4m-color-text: #e6e8ee;--b4m-color-text-muted: #9aa4b5;--b4m-color-text-subtle: #6b7587;--b4m-color-success: #4ade80;--b4m-color-success-soft: #12301f;--b4m-color-warning: #fbbf24;--b4m-color-warning-soft: #3a2c10;--b4m-color-danger: #f87171;--b4m-color-danger-soft: #3a1717;--b4m-color-info: #6e9cff;--b4m-shadow-surface: 0 1px 2px rgb(0 0 0 / 30%);--b4m-shadow-raised: 0 6px 16px rgb(0 0 0 / 35%);--b4m-shadow-overlay: 0 20px 40px rgb(0 0 0 / 55%);--b4m-wordmark-book: #6e9cff}}:root[data-book4me-theme=dark]{color-scheme:dark;--b4m-color-primary: #6e9cff;--b4m-color-primary-hover: #8fb3ff;--b4m-color-primary-soft: #1a2747;--b4m-color-on-primary: #0b1220;--b4m-color-accent: #ffa04d;--b4m-color-accent-soft: #3a2614;--b4m-color-content: #0b0f17;--b4m-color-surface: #121826;--b4m-color-surface-raised: #161d2c;--b4m-color-surface-subtle: #161d2c;--b4m-color-hover: #1a2233;--b4m-color-border: #232b3b;--b4m-color-border-strong: #313c51;--b4m-color-text: #e6e8ee;--b4m-color-text-muted: #9aa4b5;--b4m-color-text-subtle: #6b7587;--b4m-color-success: #4ade80;--b4m-color-success-soft: #12301f;--b4m-color-warning: #fbbf24;--b4m-color-warning-soft: #3a2c10;--b4m-color-danger: #f87171;--b4m-color-danger-soft: #3a1717;--b4m-color-info: #6e9cff;--b4m-shadow-surface: 0 1px 2px rgb(0 0 0 / 30%);--b4m-shadow-raised: 0 6px 16px rgb(0 0 0 / 35%);--b4m-shadow-overlay: 0 20px 40px rgb(0 0 0 / 55%);--b4m-wordmark-book: #6e9cff}@media(min-width:48rem){:root{--b4m-content-padding: 1.5rem}}@media(min-width:62rem){:root{--b4m-content-padding: 2rem}}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;font-size:16px}body{min-height:100vh;margin:0;background:var(--b4m-color-content);color:var(--b4m-color-text);font-family:var(--b4m-font-family);font-size:.875rem;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.1875rem solid rgba(243,112,33,.32);outline-offset:.125rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.b4m-surface{border:1px solid var(--b4m-color-border);border-radius:var(--b4m-radius-medium);background:var(--b4m-color-surface);color:var(--b4m-color-text);box-shadow:var(--b4m-shadow-surface)}.b4m-surface--flat{box-shadow:none}.b4m-page-content{width:min(100%,var(--b4m-content-max-width));margin-inline:auto;padding:var(--b4m-content-padding)}.b4m-section-heading{margin:0;color:var(--b4m-color-text);font-size:clamp(1.125rem,1rem + .5vw,1.5rem);font-weight:600;line-height:1.25}.b4m-muted{color:var(--b4m-color-text-muted)}.b4m-accent{color:var(--b4m-color-primary)}.b4m-status-success{color:var(--b4m-color-success)}.b4m-status-warning{color:var(--b4m-color-warning)}.b4m-status-danger{color:var(--b4m-color-danger)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--b4m-radius-small);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:600;gap:.375rem;height:2.25rem;justify-content:center;padding:0 .875rem;transition:background var(--b4m-transition-fast),border-color var(--b4m-transition-fast),color var(--b4m-transition-fast);white-space:nowrap}.btn .mat-icon,.btn .material-symbols-outlined{font-size:1.125rem;height:1.125rem;width:1.125rem}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--b4m-color-primary) 25%,transparent);outline:0}.btn--primary{background:var(--b4m-color-primary);color:var(--b4m-color-on-primary)}.btn--primary:not(:disabled):hover{background:var(--b4m-color-primary-hover)}.btn--secondary{background:var(--b4m-color-surface);border-color:var(--b4m-color-border);color:var(--b4m-color-text)}.btn--secondary:not(:disabled):hover{background:var(--b4m-color-hover)}.btn--ghost{background:transparent;color:var(--b4m-color-text-muted)}.btn--ghost:not(:disabled):hover{background:var(--b4m-color-hover);color:var(--b4m-color-text)}.btn--danger{background:var(--b4m-color-surface);border-color:var(--b4m-color-border);color:var(--b4m-color-danger)}.btn--danger:not(:disabled):hover{background:var(--b4m-color-danger-soft);border-color:transparent}.btn--icon{padding:0;width:2.25rem}.b4m-card{background:var(--b4m-color-surface);border:1px solid var(--b4m-color-border);border-radius:var(--b4m-radius-medium);box-shadow:var(--b4m-shadow-surface)}:root{color-scheme:light;--cw-bg: #f7f9fd;--cw-card: #ffffff;--cw-soft: #eef3fc;--cw-navy: #0c1a5b;--cw-lead: #5b6b9a;--cw-glass: rgb(255 255 255 / 92%);--cw-shadow: 0 4px 18px rgb(17 24 39 / 7%);--cw-shadow-up: 0 -4px 24px rgb(17 24 39 / 10%);--cw-cover: linear-gradient(135deg, #dfe9fd, #fbe7d4);--cw-hero: linear-gradient(110deg, #eaf1ff 0%, #f4f8ff 55%, #fdf1e6 100%);--cw-glow-1: #dbe7ff;--cw-glow-2: #e3edff;--cw-art: linear-gradient(135deg, #cfe0ff, #ffffff 70%);--cw-art-ring: #e1eaff;--cw-selected: #fffaf5;--cw-radius: 1rem}@media(prefers-color-scheme:dark){:root:not([data-book4me-theme=light]){color-scheme:dark;--cw-bg: #0b0f17;--cw-card: #121826;--cw-soft: #1a2234;--cw-navy: #e6e8ee;--cw-lead: #9aa4b5;--cw-glass: rgb(18 24 38 / 92%);--cw-shadow: 0 4px 18px rgb(0 0 0 / 40%);--cw-shadow-up: 0 -4px 24px rgb(0 0 0 / 50%);--cw-cover: linear-gradient(135deg, #1a2747, #3a2614);--cw-hero: linear-gradient(110deg, #16213d 0%, #141b2b 55%, #2a1e14 100%);--cw-glow-1: #16213d;--cw-glow-2: #141d33;--cw-art: linear-gradient(135deg, #1a2747, #121826 70%);--cw-art-ring: #232b3b;--cw-selected: #2a1e14}}:root[data-book4me-theme=dark]{color-scheme:dark;--cw-bg: #0b0f17;--cw-card: #121826;--cw-soft: #1a2234;--cw-navy: #e6e8ee;--cw-lead: #9aa4b5;--cw-glass: rgb(18 24 38 / 92%);--cw-shadow: 0 4px 18px rgb(0 0 0 / 40%);--cw-shadow-up: 0 -4px 24px rgb(0 0 0 / 50%);--cw-cover: linear-gradient(135deg, #1a2747, #3a2614);--cw-hero: linear-gradient(110deg, #16213d 0%, #141b2b 55%, #2a1e14 100%);--cw-glow-1: #16213d;--cw-glow-2: #141d33;--cw-art: linear-gradient(135deg, #1a2747, #121826 70%);--cw-art-ring: #232b3b;--cw-selected: #2a1e14}body{background:var(--cw-bg)}.cw-page{width:100%;max-width:72rem;margin:0 auto;padding:1rem 1rem 6rem}@media(min-width:48rem){.cw-page{padding:1.5rem 1.5rem 3rem}}.cw-title{margin:0;color:var(--cw-navy);font-weight:800;letter-spacing:-.02em}.cw-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:1.75rem 0 .75rem}.cw-section-head h2{margin:0;color:var(--cw-navy);font-size:1.25rem;font-weight:800}.cw-section-head a{color:var(--b4m-color-primary);font-weight:600;text-decoration:none}.cw-btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:0 1.5rem;border:0;border-radius:999px;background:linear-gradient(90deg,#f7861e,#ff6a00);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.cw-btn-accent:disabled{opacity:.5;cursor:not-allowed}.cw-btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.5rem;border:1.5px solid var(--b4m-color-primary);border-radius:999px;background:var(--cw-card);color:var(--b4m-color-primary);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.cw-chip{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.5rem;background:var(--b4m-color-primary-soft);color:var(--b4m-color-primary);font-size:.8125rem;font-weight:500}.cw-open{color:var(--b4m-color-success);font-weight:600}.cw-closed{color:var(--b4m-color-danger);font-weight:600}.cw-scroll-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12rem,1fr);gap:.875rem;overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x mandatory;scrollbar-width:none}.cw-scroll-row>*{scroll-snap-align:start}@media(min-width:48rem){.cw-scroll-row{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));overflow:visible}}.cw-empty{padding:2rem 1rem;color:var(--b4m-color-text-muted);text-align:center}.material-symbols-outlined{font-size:1.25rem;line-height:1}.cw-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border:0;border-radius:999px;background:var(--b4m-color-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}.cw-btn-primary:disabled{opacity:.55;cursor:not-allowed}.cw-auth{display:flex;flex-direction:column;min-height:100svh;max-width:28rem;margin:0 auto;padding:1rem 1.5rem 1.25rem}.cw-auth form{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;margin-top:1rem}.cw-auth h1{font-size:clamp(1.5rem,7vw,1.875rem);text-align:center}.cw-auth .center{text-align:center}.cw-auth .sub{margin-top:1rem;font-size:1.5rem}.cw-auth .block{width:100%;margin-top:.5rem}.cw-auth .link{padding:0;border:0;background:none;color:var(--b4m-color-primary);font:inherit;font-weight:600;cursor:pointer}.cw-auth-head{display:flex;justify-content:space-between;align-items:center}.cw-auth-head a{color:var(--b4m-color-primary);font-weight:600;text-decoration:none}.cw-auth-logo{align-self:center;width:11rem;height:auto;margin-top:.5rem}.cw-auth-tagline{margin:.25rem 0 1.25rem;color:var(--cw-navy);font-size:.6875rem;font-weight:600;letter-spacing:.3em;text-align:center;text-transform:uppercase}.cw-auth-lead{margin:0;color:var(--cw-lead);line-height:1.5;text-align:center}.cw-auth-alt{margin:.75rem 0 0;color:var(--b4m-color-text-muted);font-size:.9375rem;text-align:center}.cw-auth-alt a{color:var(--b4m-color-primary);font-weight:600;text-decoration:none}.cw-auth-hint{margin:-.25rem 0 0;color:var(--b4m-color-danger);font-size:.875rem}.cw-auth-error{margin:.75rem 0 0;padding:.75rem 1rem;border-radius:.75rem;background:var(--b4m-color-danger-soft);color:var(--b4m-color-danger);font-weight:500}.cw-auth-foot{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;padding-top:2rem;color:var(--b4m-color-text-muted);font-size:.75rem}.cw-auth-foot img{height:1.5rem;width:auto}.cw-stepper{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 .5rem;padding:0;list-style:none}.cw-stepper li{position:relative;display:grid;justify-items:center;gap:.375rem;color:var(--b4m-color-text-muted);font-size:.875rem}.cw-stepper li:not(:first-child):before{position:absolute;top:1.25rem;right:50%;width:100%;height:2px;background:var(--b4m-color-border-strong);content:"";z-index:-1}.cw-stepper li.done,.cw-stepper li.current{color:var(--b4m-color-primary);font-weight:600}.cw-stepper li.done:not(:first-child):before,.cw-stepper li.current:not(:first-child):before{background:var(--b4m-color-primary)}.cw-stepper .dot{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid var(--b4m-color-border-strong);border-radius:50%;background:var(--cw-card);font-size:1.125rem}.cw-stepper .done .dot,.cw-stepper .current .dot{border-color:var(--b4m-color-primary);background:var(--b4m-color-primary);color:#fff}.cw-field{display:flex;align-items:center;gap:.625rem;min-height:3.25rem;padding:0 .75rem 0 1rem;border:1px solid var(--b4m-color-border-strong);border-radius:.875rem;background:var(--cw-card);color:var(--b4m-color-text-muted)}.cw-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--b4m-color-text);font:inherit;font-size:1rem}.cw-field input:focus{outline:none}.cw-field:focus-within{border-color:var(--b4m-color-primary);outline:3px solid var(--b4m-color-primary-soft)}.cw-field .eye{display:grid;padding:.25rem;border:0;background:none;color:inherit;cursor:pointer}.cw-code{width:100%;min-height:3.75rem;border:1.5px solid var(--b4m-color-border-strong);border-radius:.875rem;background:var(--cw-card);color:var(--cw-navy);font:inherit;font-size:1.75rem;font-weight:700;letter-spacing:.6em;text-align:center;text-indent:.6em}.cw-code:focus{border-color:var(--b4m-color-primary);outline:3px solid var(--b4m-color-primary-soft)}.cw-segment{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem;padding:.25rem;border-radius:999px;background:var(--cw-soft)}.cw-segment button{padding:.625rem;border:0;border-radius:999px;background:none;color:var(--b4m-color-text-muted);font:inherit;font-weight:600;cursor:pointer}.cw-segment button.active{background:var(--cw-card);color:var(--b4m-color-primary);box-shadow:0 1px 4px #1118271a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sub-page{max-width:40rem}.back{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:.75rem;color:var(--b4m-color-primary);font-weight:600;text-decoration:none}.back .material-symbols-outlined{font-size:1.125rem}.cw-notice{display:grid;justify-items:center;gap:.75rem;max-width:28rem;padding-top:4rem;text-align:center}.cw-notice a{min-width:14rem}.cw-notice p{margin:0 0 .75rem;color:var(--b4m-color-text-muted)}.cw-notice .cw-notice-icon{color:var(--b4m-color-primary);font-size:3.5rem}.cw-total-bar{position:sticky;bottom:4.75rem;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:.875rem 1rem;border:1px solid var(--b4m-color-border);border-radius:1.25rem;background:var(--cw-card);box-shadow:var(--cw-shadow-up)}@media(min-width:48rem){.cw-total-bar{bottom:1rem}}.cw-total-bar p{display:grid;margin:0;color:var(--cw-navy)}.cw-total-bar strong{color:var(--b4m-color-primary);font-size:1.5rem;font-weight:800}.cw-total-bar .cw-btn-accent{min-width:10rem}
