.writing-catalog-page,.writing-lesson-page{--writing-red:#ff574d;--writing-teal:#0c8174;--writing-ink:#123d36;--writing-muted:#657b76;background:radial-gradient(circle at 7% 2%,#77dcc433,#0000 27%),radial-gradient(circle at 94% 4%,#ffc66f38,#0000 24%),#fbfaf6;padding:clamp(22px,3.5vw,52px)}.writing-catalog-banner{max-width:1480px;margin-inline:auto}.writing-topic-heading>div>span,.writing-lesson-hero>div:first-child>span,.writing-lesson-list-heading>div>span,.writing-single-lesson-copy>span{color:var(--writing-teal);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:820;display:inline-flex}.writing-topic-section{max-width:1480px;margin:clamp(34px,5vw,62px) auto 0}.writing-topic-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.writing-topic-heading h2{color:var(--writing-ink);letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(27px,3vw,42px)}.writing-topic-heading>p{max-width:480px;color:var(--writing-muted);margin:0;font-size:14px;line-height:1.6}.writing-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.writing-topic-card{transform-origin:50%;will-change:transform;background:#fffffff2;border:1px solid #1453481c;border-radius:26px;flex-direction:column;min-width:0;min-height:350px;padding:24px;transition:border-color .24s,background-color .24s,box-shadow .32s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 15px 40px #1d4b400e}@media (hover:hover){.writing-topic-card:hover{background-color:#fff;border-color:#ff574d47;transform:translateY(-6px)scale(1.01);box-shadow:0 26px 58px #392e2b1f}.writing-topic-card:hover .writing-topic-characters span{transform:translateY(-2px)scale(1.025);box-shadow:0 8px 18px #ff574d1a}.writing-topic-card:hover .writing-topic-characters span:nth-child(2){transition-delay:25ms}.writing-topic-card:hover .writing-topic-characters span:nth-child(3){transition-delay:50ms}.writing-topic-card:hover .writing-topic-characters span:nth-child(4){transition-delay:75ms}}.writing-topic-card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.writing-topic-card-topline>span{color:#fff;background:var(--writing-teal);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:830}.writing-topic-card-topline small{color:#748681;align-items:center;gap:6px;font-size:10px;font-weight:730;display:inline-flex}.writing-topic-characters{gap:8px;margin-top:22px;display:flex}.writing-topic-characters span{aspect-ratio:1;width:49px;color:var(--writing-ink);background:#f3f8f5;border-radius:15px;place-items:center;font-size:26px;font-weight:650;transition:background-color .24s,box-shadow .28s,transform .3s cubic-bezier(.22,1,.36,1);display:grid}.writing-topic-card.is-level-2 .writing-topic-card-topline>span,.writing-topic-card.is-level-5 .writing-topic-card-topline>span{background:#1767b6}.writing-topic-card.is-level-3 .writing-topic-card-topline>span,.writing-topic-card.is-level-6 .writing-topic-card-topline>span{background:#b76f18}.writing-topic-card h3{color:var(--writing-ink);letter-spacing:-.025em;margin:20px 0 0;font-size:21px}.writing-topic-card>p{color:var(--writing-muted);flex:1;margin:10px 0 0;font-size:13px;line-height:1.62}.writing-topic-card-footer{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:17px;display:flex}.writing-topic-card-footer>span{color:#6e817c;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.writing-topic-card-footer a,.writing-single-lesson-action a{color:#fff;background:var(--writing-red);border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:800;transition:box-shadow .16s;display:inline-flex}.writing-topic-card-footer a:hover,.writing-single-lesson-action a:hover{box-shadow:0 10px 24px #ff574d38}.writing-single-lesson-action a{transition:transform .16s,box-shadow .16s}.writing-single-lesson-action a:hover{transform:translateY(-2px)}.writing-breadcrumbs{color:#71837e;align-items:center;gap:10px;max-width:1320px;margin:0 auto 18px;font-size:12px;display:flex}.writing-breadcrumbs a{align-items:center;gap:6px;display:inline-flex}.writing-breadcrumbs a:hover{color:var(--writing-teal)}.writing-breadcrumbs strong{color:var(--writing-ink)}.writing-lesson-hero{background:linear-gradient(125deg,#effaf6,#fffaf1);border-radius:31px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px;max-width:1320px;min-height:270px;margin:0 auto;padding:clamp(28px,4vw,56px);display:grid;overflow:hidden;box-shadow:0 22px 60px #1d4b4014}.writing-lesson-hero h1{color:var(--writing-ink);letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(35px,4.6vw,62px);line-height:1}.writing-lesson-hero p{max-width:700px;color:var(--writing-muted);margin:18px 0 0;font-size:15px;line-height:1.65}.writing-lesson-character-strip{grid-template-columns:repeat(3,80px);gap:10px;max-width:330px;display:grid}.writing-lesson-character-strip span{aspect-ratio:1;color:var(--writing-ink);background:#fffc;border:1px solid #0c81741c;border-radius:22px;place-items:center;font-size:40px;font-weight:650;display:grid;box-shadow:0 9px 24px #1d4b400f}.writing-single-lesson{background:#fff;border:1px solid #1453481c;border-radius:27px;grid-template-columns:100px minmax(0,1fr) 210px;align-items:center;gap:28px;max-width:1320px;margin:22px auto 0;padding:clamp(22px,3vw,36px);display:grid;box-shadow:0 16px 45px #1d4b400e}.writing-single-lesson-index{aspect-ratio:1;width:88px;color:var(--writing-teal);text-align:center;background:#edf8f4;border-radius:24px;place-content:center;gap:7px;display:grid}.writing-single-lesson-index svg{margin:0 auto}.writing-single-lesson-index span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:830}.writing-single-lesson-copy h2{color:var(--writing-ink);letter-spacing:-.03em;margin:7px 0 0;font-size:clamp(24px,2.5vw,34px)}.writing-single-lesson-copy>p{color:var(--writing-muted);margin:9px 0 0;font-size:13px;line-height:1.6}.writing-single-lesson-copy ul{flex-wrap:wrap;gap:9px 17px;margin:17px 0 0;padding:0;list-style:none;display:flex}.writing-single-lesson-copy li{color:#456d65;align-items:center;gap:6px;font-size:11px;font-weight:680;display:inline-flex}.writing-single-lesson-copy li svg{color:var(--writing-teal)}.writing-single-lesson-action{gap:9px;display:grid}.writing-single-lesson-action>span{color:#71837e;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.writing-single-lesson-action a{margin-top:7px}.writing-lesson-list-section{max-width:1320px;margin:clamp(30px,4vw,48px) auto 0}.writing-lesson-list-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.writing-lesson-list-heading h2{color:var(--writing-ink);letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(27px,3vw,40px)}.writing-lesson-list-heading>p{max-width:460px;color:var(--writing-muted);text-align:right;margin:0;font-size:13px;line-height:1.6}.writing-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.writing-lesson-card{content-visibility:auto;contain-intrinsic-size:auto 260px;transform-origin:50%;will-change:transform;background:#fffffff5;border:1px solid #1453481c;border-radius:24px;flex-direction:column;min-width:0;padding:23px;transition:border-color .24s,background-color .24s,box-shadow .32s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 14px 38px #1d4b400d}@media (hover:hover){.writing-lesson-card:hover{background-color:#fff;border-color:#ff574d47;transform:translateY(-5px)scale(1.008);box-shadow:0 24px 54px #392e2b1c}.writing-lesson-card:hover .writing-lesson-card-characters span{transform:translateY(-2px)scale(1.025);box-shadow:0 7px 16px #ff574d17}.writing-lesson-card:hover .writing-lesson-card-characters span:nth-child(2){transition-delay:20ms}.writing-lesson-card:hover .writing-lesson-card-characters span:nth-child(3){transition-delay:40ms}.writing-lesson-card:hover .writing-lesson-card-characters span:nth-child(4){transition-delay:60ms}.writing-lesson-card:hover .writing-lesson-card-characters span:nth-child(5){transition-delay:80ms}}.writing-lesson-card-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.writing-lesson-card-header>span{color:var(--writing-teal);letter-spacing:.045em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:820;display:inline-flex}.writing-lesson-card-header small{color:#7b8d88;text-overflow:ellipsis;white-space:nowrap;max-width:48%;font-size:10px;font-weight:680;overflow:hidden}.writing-lesson-card-characters{gap:7px;margin-top:18px;display:flex}.writing-lesson-card-characters span{aspect-ratio:1;width:42px;color:var(--writing-ink);background:#f2f8f5;border-radius:13px;place-items:center;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:23px;font-weight:650;transition:background-color .24s,box-shadow .28s,transform .3s cubic-bezier(.22,1,.36,1);display:grid}.writing-lesson-card h3{color:var(--writing-ink);letter-spacing:-.025em;margin:17px 0 0;font-size:21px}.writing-lesson-card>p{color:var(--writing-muted);flex:1;margin:8px 0 0;font-size:12px;line-height:1.62}.writing-lesson-card-footer{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:14px;margin-top:19px;padding-top:15px;display:flex}.writing-lesson-card-footer>div{flex-wrap:wrap;gap:8px 13px;display:flex}.writing-lesson-card-footer>div span{color:#71837e;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.writing-lesson-card-footer a{color:#fff;background:var(--writing-red);border-radius:12px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:10px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.writing-lesson-card-footer a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff574d38}.himi-writing-session-header{background:#fffffff0;border:1px solid #1453481c;border-radius:22px;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1740px;margin:0 auto 18px;padding:17px 20px;display:grid;box-shadow:0 12px 32px #1d4b400e}.himi-writing-session-header>a{color:#617771;align-items:center;gap:6px;font-size:11px;font-weight:760;display:inline-flex}.himi-writing-session-header>a:hover{color:var(--writing-teal)}.himi-writing-session-header>div{min-width:0}.himi-writing-session-header>div span{color:var(--writing-teal);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:820}.himi-writing-session-header h1{color:var(--writing-ink);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:20px;overflow:hidden}.himi-writing-session-header>strong{color:var(--writing-teal);background:#edf8f4;border-radius:999px;padding:8px 11px;font-size:10px}.himi-writing-studio{--writing-red:#ff574d;--writing-red-deep:#e9433b;--writing-teal:#0c8174;--writing-ink:#123d36;--writing-muted:#657b76;--writing-cream:#fff9ed;--writing-line:#e5e5dd;background:radial-gradient(circle at 0 0,#7ed3be2b,#0000 30%),radial-gradient(circle at 100% 8%,#ffcd7333,#0000 25%),#fbfaf6;padding:clamp(22px,3vw,44px)}.himi-writing-workspace{grid-template-columns:minmax(220px,270px) minmax(440px,1fr) minmax(220px,270px);align-items:start;gap:18px;max-width:1740px;margin:0 auto;display:grid}.himi-writing-library,.himi-writing-practice,.himi-writing-character-info>*{background:#fffffff0;border:1px solid #1453481c;box-shadow:0 16px 40px #1d4b4012}.himi-writing-library{border-radius:24px;min-width:0;padding:19px}.himi-writing-library-heading>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.himi-writing-library-heading>div span{color:var(--writing-ink);font-size:17px;font-weight:820}.himi-writing-library-heading>div strong{color:var(--writing-teal);font-size:11px;font-weight:780}.himi-writing-search{color:#76908a;border:1px solid var(--writing-line);background:#fbfcfa;border-radius:13px;align-items:center;gap:9px;min-height:43px;margin-top:14px;padding:0 13px;transition:border-color .16s,box-shadow .16s;display:flex}.himi-writing-search:focus-within{border-color:#ff574d8c;box-shadow:0 0 0 4px #ff574d17}.himi-writing-search input{width:100%;min-width:0;color:var(--writing-ink);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.himi-writing-search input:focus,.himi-writing-search input:focus-visible{box-shadow:none;border:0;outline:0}.himi-writing-search input::placeholder{color:#93a29e}.himi-writing-groups{scrollbar-width:none;gap:6px;margin-top:12px;display:flex;overflow-x:auto}.himi-writing-groups::-webkit-scrollbar{display:none}.himi-writing-groups button{color:#6e817d;cursor:pointer;background:#f2f5f2;border:0;border-radius:999px;flex:none;min-height:31px;padding:0 10px;font-size:10px;font-weight:760;transition:color .15s,background-color .15s,transform .15s}.himi-writing-groups button:hover{transform:translateY(-1px)}.himi-writing-groups button.active{color:#fff;background:var(--writing-teal)}.himi-writing-character-grid{scrollbar-color:#cbdad5 transparent;scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:min(580px,100dvh - 390px);margin:8px -6px -10px;padding:7px 6px 10px;display:grid;overflow-y:auto}.himi-writing-character-grid button{aspect-ratio:1;min-width:0;color:var(--writing-ink);cursor:pointer;will-change:transform;background:#fff;border:1px solid #e5e8e3;border-radius:15px;place-content:center;padding:7px 3px 4px;transition:color .22s,border-color .22s,background-color .22s,box-shadow .28s,transform .28s cubic-bezier(.22,1,.36,1);display:grid;position:relative}@media (hover:hover){.himi-writing-character-grid button:hover{background-color:#fff8f6;border-color:#efaca5;transform:translateY(-3px)scale(1.035);box-shadow:0 10px 24px #5d36301f}.himi-writing-character-grid button.active:hover{border-color:var(--writing-red);box-shadow:0 13px 28px #ff574d4d}.himi-writing-character-grid button:hover>span{transform:translateY(-1px)scale(1.045)}.himi-writing-character-grid button:hover small{transform:translateY(-1px)}}.himi-writing-character-grid button.active{color:#fff;border-color:var(--writing-red);background:linear-gradient(145deg, #ff675d, var(--writing-red));box-shadow:0 10px 22px #ff574d3d}.himi-writing-character-grid button.completed:not(.active){background:#f1faf7;border-color:#0c817457}.himi-writing-character-grid button>span{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(22px,2.2vw,30px);font-weight:650;line-height:1;transition:transform .28s cubic-bezier(.22,1,.36,1)}.himi-writing-character-grid button small{color:#84928e;margin-top:4px;font-size:9px;transition:color .22s,transform .28s cubic-bezier(.22,1,.36,1)}.himi-writing-character-grid button.active small{color:#ffffffd1}.himi-writing-character-grid button>svg{color:var(--writing-teal);position:absolute;top:5px;right:5px}.himi-writing-character-grid button.active>svg{color:#fff}.himi-writing-character-grid button.locked>svg{color:#b97612;position:static}.himi-writing-character-grid button.locked:not(.active){color:#94610e;background:#fffaf0;border-color:#ead8b8}.himi-writing-character-grid button.locked:not(.active) small{color:#94610e;font-weight:820}.himi-writing-empty{color:#758782;text-align:center;grid-column:1/-1;font-size:12px}.himi-writing-practice{border-radius:28px;min-width:0;padding:clamp(16px,2.1vw,28px)}.himi-writing-vip-lock{text-align:center;place-content:center;justify-items:center;min-height:min(570px,100dvh - 330px);padding:clamp(28px,6vw,64px) 18px;display:grid}.himi-writing-vip-lock>span{color:#a76a0b;background:#fff3d7;border-radius:22px;place-items:center;width:68px;height:68px;display:grid}.himi-writing-vip-lock>small{color:#a76a0b;letter-spacing:.12em;margin-top:18px;font-size:10px;font-weight:850}.himi-writing-vip-lock h2{color:var(--writing-ink);margin:8px 0 0;font-size:clamp(22px,3vw,32px)}.himi-writing-vip-lock p{color:#60766f;max-width:470px;margin:10px 0 20px;line-height:1.65}.himi-writing-mode-tabs{background:#f2f4f1;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.himi-writing-mode-tabs button{color:#6a7e79;cursor:pointer;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:54px;padding:8px 10px;transition:color .16s,background-color .16s,box-shadow .16s,transform .16s;display:flex}.himi-writing-mode-tabs button:hover{color:var(--writing-ink)}.himi-writing-mode-tabs button.active{color:var(--writing-red-deep);background:#fff;box-shadow:0 8px 18px #2a463e17}.himi-writing-mode-tabs button>span{text-align:left;min-width:0;display:grid}.himi-writing-mode-tabs button strong{font-size:12px}.himi-writing-mode-tabs button small{color:inherit;opacity:.7;font-size:9px}.himi-writing-board-shell{aspect-ratio:1;background:#fffdfa;border:10px solid #fff8ea;border-radius:25px;width:min(100%,490px);margin:clamp(17px,2.4vw,27px) auto 0;position:relative;overflow:hidden;box-shadow:0 20px 50px #3d574e1f,inset 0 0 0 1px #f5bcb1bf}.himi-writing-board-shell:after{z-index:0;content:"";pointer-events:none;border:1px solid #ff574d2e;border-radius:14px;position:absolute;inset:10px}.himi-writing-grid-line{z-index:0;pointer-events:none;border-style:dashed;border-color:#ff574d2b;position:absolute}.himi-writing-grid-line.is-horizontal{border-width:1px 0 0;width:92%;top:50%;left:4%}.himi-writing-grid-line.is-vertical{border-width:0 0 0 1px;height:92%;top:4%;left:50%}.himi-writing-grid-line.is-diagonal-one{border-width:1px 0 0;width:130%;top:50%;left:-15%;transform:rotate(45deg)}.himi-writing-grid-line.is-diagonal-two{border-width:1px 0 0;width:130%;top:50%;left:-15%;transform:rotate(-45deg)}.himi-writing-board{z-index:1;touch-action:none;place-items:center;width:100%;height:100%;display:grid;position:relative}.himi-writing-board svg,.himi-writing-board canvas{max-width:100%;height:auto}.himi-writing-mode-badge{z-index:3;min-height:28px;color:var(--writing-teal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;text-transform:uppercase;background:#effaf7e6;border:1px solid #0c817426;border-radius:999px;align-items:center;padding:0 10px;font-size:9px;font-weight:820;display:inline-flex;position:absolute;top:18px;left:18px}.himi-writing-board-shell.is-quiz .himi-writing-mode-badge{color:var(--writing-red-deep);background:#fff2efe8;border-color:#ff574d2e}.himi-writing-feedback{width:min(100%,540px);margin:17px auto 0}.himi-writing-progress{background:#e9eeeb;border-radius:999px;height:5px;overflow:hidden}.himi-writing-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--writing-red), #ff9c54);height:100%;transition:width .26s cubic-bezier(.2,.75,.2,1);display:block}.himi-writing-board-actions{justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.himi-writing-board-actions button{min-height:44px;color:var(--writing-ink);cursor:pointer;background:#fff;border:1px solid #dfe6e1;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:780;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.himi-writing-board-actions button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #274b421a}.himi-writing-board-actions button:active{transform:scale(.97)}.himi-writing-board-actions button.primary{color:#fff;border-color:var(--writing-red);background:var(--writing-red);box-shadow:0 10px 22px #ff574d38}.himi-writing-character-info{gap:12px;min-width:0;display:grid}.himi-writing-character-card{text-align:center;border-radius:22px;padding:20px}.himi-writing-card-label{color:var(--writing-teal);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.himi-writing-character-card>strong{color:var(--writing-ink);margin-top:11px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(64px,7vw,92px);font-weight:650;line-height:1;display:block}.himi-writing-character-card>div:not(.himi-writing-meta){justify-content:center;align-items:center;gap:9px;margin-top:7px;display:flex}.himi-writing-character-card b{color:var(--writing-red-deep);font-size:17px}.himi-writing-character-card button{aspect-ratio:1;width:38px;color:var(--writing-teal);cursor:pointer;background:#eaf7f3;border:0;border-radius:50%;place-items:center;transition:transform .15s,background-color .15s;display:grid}.himi-writing-character-card button:hover{background:#d9f1ea;transform:scale(1.05)}.himi-writing-character-card p{color:#60766f;margin:9px 0 0;font-size:13px}.himi-writing-character-card.is-locked{color:#a76a0b;justify-items:center;display:grid}.himi-writing-character-card.is-locked>strong{color:#a76a0b;font-family:inherit;font-size:28px}.himi-writing-meta{border-top:1px solid #edf0ed;justify-content:center;gap:7px;margin-top:15px;padding-top:13px;display:flex}.himi-writing-meta span{color:#477069;background:#eef6f3;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:760}.himi-writing-navigation{border-top:1px solid #edf0ed;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;width:min(100%,540px);min-height:54px;margin:15px auto 0;padding:14px 0 0;display:grid}.himi-writing-navigation button{width:40px;height:40px;color:var(--writing-ink);cursor:pointer;background:#f2f5f2;border:0;border-radius:12px;place-items:center;transition:color .15s,background-color .15s,transform .15s;display:grid}.himi-writing-navigation button:hover{color:#fff;background:var(--writing-teal);transform:translateY(-1px)}.himi-writing-navigation span{color:#6f827d;text-align:center;font-size:10px;font-weight:760}.himi-writing-studio button:focus-visible,.himi-writing-studio input:not([type=search]):focus-visible{outline-offset:3px;outline:3px solid #ff574d47}@media (width<=1220px){.writing-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-single-lesson{grid-template-columns:88px minmax(0,1fr)}.writing-single-lesson-action{grid-column:2;grid-template-columns:auto auto minmax(170px,.6fr);align-items:center}.writing-single-lesson-action a{margin:0}.himi-writing-workspace{grid-template-columns:220px minmax(420px,1fr)}.himi-writing-character-info{grid-column:1/-1;grid-template-columns:1fr}.himi-writing-character-card{text-align:left;grid-template-columns:auto 86px 1fr auto;align-items:center;gap:14px;display:grid}.himi-writing-character-card>strong{text-align:center;margin:0;font-size:62px}.himi-writing-character-card>div:not(.himi-writing-meta){justify-content:flex-start;margin:0}.himi-writing-character-card>p{margin:0}.himi-writing-meta{border:0;margin:0;padding:0}}@media (width<=920px){.writing-lesson-hero{grid-template-columns:1fr}.writing-lesson-character-strip{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}.writing-lesson-character-strip span{font-size:32px}.himi-writing-studio{padding:22px 18px 30px}.himi-writing-workspace{grid-template-columns:1fr}.himi-writing-library{order:1}.himi-writing-practice{order:2}.himi-writing-character-info{order:3;grid-column:auto;grid-template-columns:1fr}.himi-writing-character-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:none;overflow:visible}.himi-writing-character-card{text-align:center;display:block}.himi-writing-character-card>strong{margin-top:10px;font-size:76px}.himi-writing-character-card>div:not(.himi-writing-meta){justify-content:center;margin-top:6px}.himi-writing-character-card>p{margin-top:8px}.himi-writing-meta{border-top:1px solid #edf0ed;margin-top:13px;padding-top:12px}}@media (width<=720px){.writing-catalog-page,.writing-lesson-page{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow-x:clip}.writing-topic-section{margin-top:28px}.writing-topic-heading{flex-direction:column;align-items:start;gap:10px}.writing-topic-heading h2{font-size:clamp(26px,8.2vw,34px);line-height:1.08}.writing-topic-heading>p{font-size:13px;line-height:1.55}.writing-topic-grid{grid-template-columns:1fr;gap:13px;margin-top:20px}.writing-topic-card{border-radius:22px;min-height:0;padding:18px}.writing-topic-characters{margin-top:17px}.writing-topic-characters span{border-radius:14px;width:clamp(45px,13vw,52px);font-size:25px}.writing-topic-card h3{margin-top:17px;font-size:20px}.writing-topic-card>p{margin-top:8px}.writing-topic-card-footer{flex-direction:column;align-items:stretch;margin-top:18px;padding-top:15px}.writing-topic-card-footer a{width:100%;min-height:44px}.writing-lesson-list-heading{flex-direction:column;align-items:start;gap:9px}.writing-lesson-list-heading>p{text-align:left}.writing-lesson-grid{grid-template-columns:1fr;gap:12px}.writing-lesson-card{border-radius:21px;padding:19px}.writing-lesson-card-header{flex-direction:column;align-items:start;gap:6px}.writing-lesson-card-header small{max-width:none}.writing-lesson-card-footer{flex-direction:column;align-items:stretch}.writing-lesson-card-footer a{width:100%}.writing-breadcrumbs{margin-bottom:12px}.writing-breadcrumbs a{min-height:44px}.writing-lesson-hero{border-radius:24px;gap:18px;min-height:0;padding:21px 17px}.writing-lesson-hero h1{font-size:clamp(30px,9.5vw,40px);line-height:1.04}.writing-lesson-hero p{margin-top:13px;font-size:14px;line-height:1.55}.writing-lesson-character-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.writing-lesson-character-strip span{border-radius:13px;font-size:clamp(22px,7vw,30px)}.writing-single-lesson{border-radius:22px;grid-template-columns:58px minmax(0,1fr);gap:16px 13px;padding:18px}.writing-single-lesson-index{border-radius:18px;grid-area:1/1;width:58px}.writing-single-lesson-copy{grid-column:2}.writing-single-lesson-copy h2{font-size:clamp(22px,7vw,28px)}.writing-single-lesson-copy ul{gap:8px 14px}.writing-single-lesson-action{grid-column:1/-1;grid-template-columns:1fr 1fr}.writing-single-lesson-action a{grid-column:1/-1;min-height:44px}.himi-writing-studio{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow-x:clip}.himi-writing-session-header{border-radius:18px;grid-template-columns:1fr auto;gap:10px;padding:14px}.himi-writing-session-header>a{grid-column:1/-1;min-height:44px}.himi-writing-session-header h1{white-space:normal}.himi-writing-workspace{gap:12px}.himi-writing-practice{border-radius:22px;padding:12px}.himi-writing-mode-tabs button{gap:5px;min-height:47px;padding:6px}.himi-writing-mode-tabs button small{display:none}.himi-writing-mode-tabs button strong{font-size:10px}.himi-writing-board-shell{border-width:7px;border-radius:20px;width:100%;margin-top:12px}.himi-writing-mode-badge{top:12px;left:12px}.himi-writing-feedback{margin-top:12px}.himi-writing-board-actions{align-items:stretch}.himi-writing-board-actions button{flex:1;padding-inline:10px}.himi-writing-library{border-radius:21px;padding:15px}.himi-writing-search{min-height:44px}.himi-writing-groups button{min-height:44px;padding-inline:14px}.himi-writing-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.himi-writing-character-grid button{min-height:62px}.himi-writing-character-grid button>span{font-size:27px}.himi-writing-character-info{grid-template-columns:1fr}.himi-writing-character-card{grid-column:1/-1;padding:17px}.himi-writing-navigation{min-height:54px}.himi-writing-navigation button,.himi-writing-character-card button{min-width:44px;min-height:44px}}@media (width<=390px){.writing-topic-card-footer>span{align-self:flex-start}.writing-single-lesson{grid-template-columns:52px minmax(0,1fr);padding-inline:15px}.writing-single-lesson-index{width:52px}.himi-writing-mode-tabs,.himi-writing-mode-tabs button{gap:3px}.himi-writing-mode-tabs button>svg{width:15px}.himi-writing-mode-tabs button strong{font-size:9px}.himi-writing-board-actions{flex-direction:column}.himi-writing-character-info{grid-template-columns:1fr}.himi-writing-character-card{grid-column:auto}}@media (width>=560px) and (width<=720px) and (height<=500px) and (orientation:landscape){.writing-catalog-page,.writing-lesson-page,.himi-writing-studio{padding-top:max(8px, env(safe-area-inset-top));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:calc(82px + env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left))}.writing-catalog-banner.himi-section-banner.is-immersive{background-position:50%;align-items:center;min-height:236px;padding:18px 225px 18px 18px}.writing-catalog-banner.is-immersive .himi-section-banner-copy{max-width:390px}.writing-topic-section{margin-top:22px}.writing-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-lesson-hero{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);padding:18px}.writing-lesson-character-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.himi-writing-session-header{grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:10px;padding:9px 12px}.himi-writing-session-header>a{grid-column:auto;min-height:44px}.himi-writing-session-header h1{white-space:nowrap;font-size:17px}.himi-writing-workspace{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:10px}.himi-writing-practice{order:1;padding:10px}.himi-writing-library{order:2;padding:12px}.himi-writing-character-info{order:3;grid-column:1/-1}.himi-writing-board-shell{width:min(100%,100dvh - 118px,300px)}.himi-writing-character-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(100dvh - 225px);overflow-y:auto}}@media (prefers-reduced-motion:reduce){.himi-writing-board-actions button,.himi-writing-progress span{transition:none}}