.poster-preview{--poster-accent:#d35b7a;--poster-accent-dark:#963f58;--poster-accent-soft:#fff0f3;--poster-paper:#fffdfb;--poster-paper-strong:#ffffff;--poster-ink:#2d2824;--poster-muted:#70675f;--poster-line:rgba(92,63,57,0.14);--poster-shadow:0 22px 48px rgba(92,63,57,0.14);background:radial-gradient(circle at 13% 9%,var(--poster-accent-soft),transparent 33%),linear-gradient(135deg,rgba(255,255,255,.98),var(--poster-paper));border:2px solid color-mix(in srgb,var(--poster-accent),transparent 70%);border-radius:22px;box-sizing:border-box;box-shadow:var(--poster-shadow);color:var(--poster-ink);display:grid;grid-gap:18px;gap:18px;margin:0 auto;max-width:100%;min-width:0;overflow:hidden;padding:34px;page-break-inside:avoid;position:relative;width:min(100%,680px)}.poster-preview *{min-width:0}.poster-preview:after,.poster-preview:before{content:"";pointer-events:none;position:absolute;z-index:0}.poster-preview:before{background:color-mix(in srgb,var(--poster-accent),transparent 88%);border-radius:999px;height:180px;right:-80px;top:-90px;width:180px}.poster-preview:after{border:2px dashed color-mix(in srgb,var(--poster-accent),transparent 70%);border-radius:999px;bottom:82px;height:92px;left:-48px;width:92px}.poster-preview>*{position:relative;z-index:1}.editable-text{border-radius:8px;cursor:text;outline:1.5px dashed transparent;outline-offset:3px;transition:background .15s ease,outline .15s ease;white-space:pre-wrap}.poster-preview--editable .editable-text:hover{background:rgba(255,255,255,.45);outline:1.5px dashed rgba(7,20,43,.22)}.editable-text:focus{background:rgba(255,255,255,.75);outline:2px solid rgba(217,143,163,.7)}.editable-text:empty:before{color:rgba(83,96,113,.55);content:attr(data-placeholder)}.poster--calm{--poster-paper:#fffdfb;--poster-paper-strong:#ffffff}.poster--calm .poster-preview__example,.poster--calm .poster-preview__key-point,.poster--calm .poster-preview__question,.poster--calm .poster-preview__remember{border-radius:16px}.poster--playful{--poster-paper:#fffaf6;border-radius:28px}.poster--playful:before{box-shadow:-150px 105px 0 -58px color-mix(in srgb,var(--poster-accent),transparent 86%),-56px 250px 0 -66px color-mix(in srgb,var(--poster-accent-dark),transparent 88%)}.poster--playful .poster-preview__title-block h3{font-size:clamp(34px,6vw,54px)}.poster--playful .poster-preview__icon{border-radius:28px 18px 30px 20px;transform:rotate(-2deg)}.poster--playful .poster-preview__key-point:nth-child(2n){transform:rotate(.4deg)}.poster--classic{--poster-accent:#45694a;--poster-accent-dark:#27442c;--poster-accent-soft:#eef5e8;--poster-paper:#fff8e9;--poster-paper-strong:#fffdf4;--poster-ink:#2c2b23;border-color:rgba(72,63,43,.2);border-radius:14px}.poster--classic .poster-preview__example,.poster--classic .poster-preview__key-point,.poster--classic .poster-preview__question,.poster--classic .poster-preview__remember{background:var(--poster-paper-strong);border:1px solid rgba(72,63,43,.18);box-shadow:0 8px 0 rgba(72,63,43,.06)}.poster--classic .poster-preview__brand,.poster--classic .poster-preview__label{border-radius:8px}.poster--business{--poster-paper:#ffffff;--poster-paper-strong:#ffffff;--poster-shadow:0 16px 36px rgba(31,41,55,0.1);background:#ffffff;border-radius:10px}.poster--business:after,.poster--business:before{display:none}.poster--business .poster-preview__example,.poster--business .poster-preview__icon,.poster--business .poster-preview__key-point,.poster--business .poster-preview__question,.poster--business .poster-preview__remember{border-radius:8px;box-shadow:none}.poster--business .poster-preview__title-block h3{font-size:clamp(30px,5vw,46px)}.theme--pink{--poster-accent:#d35b7a;--poster-accent-dark:#963f58;--poster-accent-soft:#fff0f3}.theme--blue{--poster-accent:#5d8bb8;--poster-accent-dark:#38658f;--poster-accent-soft:#edf6ff}.theme--green{--poster-accent:#6c9a71;--poster-accent-dark:#47714d;--poster-accent-soft:#f0f8ef}.size--a4{min-height:680px}.size--a3{min-height:760px;width:min(100%,760px)}.poster-preview__footer,.poster-preview__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.poster-preview__brand,.poster-preview__label{background:var(--poster-accent-soft);border:1px solid color-mix(in srgb,var(--poster-accent),transparent 65%);border-radius:999px;color:var(--poster-accent-dark);font-size:13px;font-weight:850;max-width:100%;overflow-wrap:anywhere;padding:8px 12px}.poster-preview__brand{background:var(--poster-paper-strong)}.poster-preview__hero{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:auto 1fr}.poster-preview__icon{align-items:center;background:var(--poster-paper-strong);border:2px solid color-mix(in srgb,var(--poster-accent),transparent 68%);border-radius:24px;box-shadow:0 12px 28px rgba(82,52,58,.1);display:inline-flex;font-size:42px;height:82px;justify-content:center;line-height:1;width:82px}.poster-preview__title-block{display:grid;grid-gap:10px;gap:10px}.poster-preview__title-block h3{color:var(--poster-ink);font-size:clamp(30px,6vw,48px);line-height:1.05;margin:0;overflow-wrap:anywhere}.poster-preview__title-block p{color:var(--poster-muted);font-size:clamp(16px,2.6vw,20px);font-weight:760;line-height:1.42;margin:0;overflow-wrap:anywhere}.poster-agreements,.poster-preview__key-points,.poster-steps{display:grid;grid-gap:12px;gap:12px}.poster-words{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.poster-preview__key-point{align-items:start;background:var(--poster-paper-strong);border:1px solid var(--poster-line);border-radius:14px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto 1fr;padding:14px}.poster-preview__key-point>span{align-items:center;background:var(--poster-accent);border-radius:999px;color:white;display:inline-flex;font-weight:900;height:34px;justify-content:center;width:34px}.poster-preview__key-point h4{color:var(--poster-accent-dark);font-size:17px;line-height:1.25;margin:0 0 3px;overflow-wrap:anywhere}.poster-preview__key-point p{color:var(--poster-ink);font-size:16px;font-weight:760;line-height:1.35;margin:0;overflow-wrap:anywhere}.poster-spelling-explanation{display:grid;grid-gap:12px;gap:12px}.poster-spelling-explanation strong{color:var(--poster-accent-dark);display:block;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.poster-spelling-explanation__check,.poster-spelling-explanation__examples,.poster-spelling-explanation__meaning,.poster-spelling-explanation__misconception,.poster-spelling-explanation__recognition,.poster-spelling-explanation__remember{background:var(--poster-paper-strong);border:1px solid var(--poster-line);border-radius:16px;padding:14px}.poster-spelling-explanation__meaning{background:color-mix(in srgb,var(--poster-accent-soft),white 42%)}.poster-spelling-explanation__section-title{align-items:center;display:flex;gap:9px;margin-bottom:8px}.poster-spelling-explanation__recognition-card>span,.poster-spelling-explanation__section-title>span{align-items:center;background:var(--poster-accent-soft);border:1px solid color-mix(in srgb,var(--poster-accent),transparent 68%);border-radius:12px;color:var(--poster-accent-dark);display:inline-flex;flex:0 0 auto;font-size:17px;font-weight:950;height:34px;justify-content:center;line-height:1;width:34px}.poster-spelling-explanation__check p,.poster-spelling-explanation__meaning p,.poster-spelling-explanation__misconception p,.poster-spelling-explanation__recognition-card p,.poster-spelling-explanation__remember p{color:var(--poster-ink);font-size:15px;font-weight:760;line-height:1.36;margin:0;overflow-wrap:anywhere}.poster-spelling-explanation__check>strong,.poster-spelling-explanation__examples>strong,.poster-spelling-explanation__misconception>strong,.poster-spelling-explanation__recognition>strong,.poster-spelling-explanation__remember>strong{margin-bottom:8px}.poster-spelling-explanation__recognition>div{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.poster-spelling-explanation__recognition-card{align-items:flex-start;background:color-mix(in srgb,var(--poster-accent-soft),white 62%);border:1px solid color-mix(in srgb,var(--poster-accent),transparent 78%);border-radius:14px;display:grid;grid-gap:9px;gap:9px;grid-template-columns:auto 1fr;padding:10px}.poster-spelling-explanation__recognition-card h4{color:var(--poster-accent-dark);font-size:15px;line-height:1.2;margin:0 0 3px;overflow-wrap:anywhere}.poster-spelling-explanation__table{border:1px solid color-mix(in srgb,var(--poster-accent),transparent 72%);border-radius:12px;overflow:hidden}.poster-spelling-explanation__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.poster-spelling-explanation__row>div{border-top:1px solid var(--poster-line);color:var(--poster-ink);font-size:13px;font-weight:760;line-height:1.28;min-height:38px;overflow-wrap:anywhere;padding:9px}.poster-spelling-explanation__row>div+div{border-left:1px solid var(--poster-line)}.poster-spelling-explanation__row--header>div{background:var(--poster-accent-soft);border-top:0;color:var(--poster-accent-dark);font-size:12px;font-weight:900}.poster-spelling-explanation__bottom{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.1fr .95fr .95fr}.poster-spelling-explanation__misconception{background:#fff8ea}.poster-spelling-explanation__remember{background:var(--poster-accent-soft)}.poster-spelling-explanation__check{background:color-mix(in srgb,var(--poster-accent-soft),white 46%)}.poster-spelling-rule{display:grid;grid-gap:12px;gap:12px}.poster-spelling-rule strong{color:var(--poster-accent-dark);display:block;font-size:13px;font-weight:900;letter-spacing:0;margin-bottom:8px;text-transform:uppercase}.poster-spelling-rule__check,.poster-spelling-rule__examples,.poster-spelling-rule__steps,.poster-spelling-rule__watch,.poster-spelling-rule__when{background:var(--poster-paper-strong);border:1px solid var(--poster-line);border-radius:16px;padding:14px}.poster-spelling-rule__when{background:color-mix(in srgb,var(--poster-accent-soft),white 46%)}.poster-spelling-rule__check p,.poster-spelling-rule__step p,.poster-spelling-rule__watch p,.poster-spelling-rule__when p{color:var(--poster-ink);font-size:15px;font-weight:760;line-height:1.36;margin:0;overflow-wrap:anywhere}.poster-spelling-rule__steps>div{display:grid;grid-gap:9px;gap:9px}.poster-spelling-rule__step{align-items:start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:auto 1fr}.poster-spelling-rule__step>span{align-items:center;background:linear-gradient(135deg,var(--poster-accent),var(--poster-accent-dark));border-radius:999px;color:white;display:inline-flex;font-size:13px;font-weight:950;height:30px;justify-content:center;width:30px}.poster-spelling-rule__step h4{color:var(--poster-accent-dark);font-size:16px;line-height:1.2;margin:0 0 2px;overflow-wrap:anywhere}.poster-spelling-rule__table{border:1px solid color-mix(in srgb,var(--poster-accent),transparent 72%);border-radius:12px;overflow:hidden}.poster-spelling-rule__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.poster-spelling-rule__row>div{border-top:1px solid var(--poster-line);color:var(--poster-ink);font-size:13px;font-weight:760;line-height:1.28;min-height:38px;overflow-wrap:anywhere;padding:9px}.poster-spelling-rule__row>div+div{border-left:1px solid var(--poster-line)}.poster-spelling-rule__row--header>div{background:var(--poster-accent-soft);border-top:0;color:var(--poster-accent-dark);font-size:12px;font-weight:900}.poster-spelling-rule__bottom{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.15fr .85fr}.poster-spelling-rule__watch{background:#fff8ea}.poster-spelling-rule__check{background:var(--poster-accent-soft)}.poster-spelling-rule__watch-item{align-items:start;display:grid;grid-gap:8px;gap:8px;grid-template-columns:auto 1fr}.poster-spelling-rule__watch-item+.poster-spelling-rule__watch-item{margin-top:6px}.poster-spelling-rule__watch-item>span{color:var(--poster-accent-dark);font-weight:950;line-height:1.35}.poster-step>span{border-radius:12px}.poster-word{background:var(--poster-paper-strong);border:1px solid var(--poster-line);border-radius:14px;display:grid;grid-gap:5px;gap:5px;padding:12px}.poster-word h4{color:var(--poster-accent-dark);font-size:18px;line-height:1.2}.poster-word h4,.poster-word p{margin:0;overflow-wrap:anywhere}.poster-word p{color:var(--poster-ink);font-size:14px;font-weight:760;line-height:1.3}.poster-word small{color:var(--poster-muted);font-size:12px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}.poster-agreement>span{background:var(--poster-accent-soft);color:var(--poster-accent-dark)}.poster-preview__extra-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.poster-preview__example,.poster-preview__question,.poster-preview__remember{border-radius:14px;display:grid;grid-gap:6px;gap:6px;padding:14px}.poster-preview__example{background:var(--poster-paper-strong);border:1px dashed color-mix(in srgb,var(--poster-accent),transparent 48%)}.poster-preview__remember{background:var(--poster-accent-soft);border-left:5px solid var(--poster-accent)}.poster-preview__question{background:color-mix(in srgb,var(--poster-accent-soft),white 45%);border:1px solid color-mix(in srgb,var(--poster-accent),transparent 70%)}.poster-preview__example strong,.poster-preview__question strong,.poster-preview__remember strong{color:var(--poster-accent-dark);font-size:13px;letter-spacing:0;text-transform:uppercase}.poster-preview__example p,.poster-preview__question p,.poster-preview__remember p{color:var(--poster-ink);font-size:16px;font-weight:780;line-height:1.4;margin:0;overflow-wrap:anywhere}.poster-preview__footer{border-top:1px solid color-mix(in srgb,var(--poster-accent),transparent 76%);color:var(--poster-muted);font-size:13px;font-weight:850;justify-content:center;padding-top:10px}@media (max-width:640px){.poster-preview{padding:22px}.poster-preview__extra-grid,.poster-preview__hero,.poster-spelling-explanation__bottom,.poster-spelling-explanation__recognition>div,.poster-spelling-rule__bottom,.poster-words{grid-template-columns:1fr}.poster-spelling-explanation__table,.poster-spelling-rule__table{overflow-x:auto}.poster-spelling-explanation__row,.poster-spelling-rule__row{min-width:560px}}@media print{@page{margin:10mm;size:A4 portrait}body:has(.poster-preview){background:white}.poster-preview{box-shadow:none;box-sizing:border-box;break-inside:auto;gap:10px;margin:0;height:277mm;max-height:none;max-width:none;min-height:0;overflow:hidden;page-break-inside:auto;padding:12mm;width:100%}.poster-preview:after,.poster-preview:before{opacity:.55}.editable-text,.editable-text:focus,.editable-text:hover,.poster-editable,.poster-editable:focus,.poster-preview--editable .poster-editable:hover{background:transparent!important;outline:0!important}.poster-preview.size--a4{height:277mm;min-height:0}.poster-preview.size--a3{height:400mm;min-height:0}.poster-preview__title-block h3{font-size:34pt}.poster-preview__title-block p{font-size:14pt}.poster-preview__icon{font-size:30pt;height:22mm;width:22mm}.poster-agreements,.poster-preview__key-points,.poster-steps{gap:8px}.poster-words{gap:7px}.poster-preview__example,.poster-preview__key-point,.poster-preview__question,.poster-preview__remember,.poster-spelling-explanation__check,.poster-spelling-explanation__examples,.poster-spelling-explanation__meaning,.poster-spelling-explanation__misconception,.poster-spelling-explanation__recognition,.poster-spelling-explanation__remember,.poster-spelling-rule__check,.poster-spelling-rule__examples,.poster-spelling-rule__steps,.poster-spelling-rule__watch,.poster-spelling-rule__when{padding:9px}.poster-spelling-explanation,.poster-spelling-explanation__recognition>div,.poster-spelling-rule,.poster-spelling-rule__steps>div{gap:7px}.poster-spelling-explanation__recognition-card{gap:6px;padding:7px}.poster-spelling-explanation__recognition-card>span,.poster-spelling-explanation__section-title>span{font-size:10pt;height:8mm;width:8mm}.poster-spelling-rule__step{gap:8px}.poster-spelling-rule__step>span{font-size:10pt;height:8mm;width:8mm}.poster-spelling-explanation__row>div,.poster-spelling-rule__row>div{font-size:9.2pt;line-height:1.22;min-height:9mm;padding:5px}.poster-spelling-explanation strong,.poster-spelling-rule strong{font-size:9.5pt;margin-bottom:5px}.poster-preview__key-point h4{font-size:13pt}.poster-preview__example p,.poster-preview__key-point p,.poster-preview__question p,.poster-preview__remember p,.poster-spelling-explanation__check p,.poster-spelling-explanation__meaning p,.poster-spelling-explanation__misconception p,.poster-spelling-explanation__recognition-card p,.poster-spelling-explanation__remember p,.poster-spelling-rule__check p,.poster-spelling-rule__step p,.poster-spelling-rule__watch p,.poster-spelling-rule__when p,.poster-word p,.poster-word small{font-size:11.5pt;line-height:1.28}}