/* Approved mobile typography and visual foundation. Desktop and document pixels are untouched. */
@font-face{font-family:'Huiwen Mobile';src:url('/static/fonts/HuiwenMincho.otf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
html[data-ui=mobile]{--m-ui-font:'Huiwen Mobile','Songti SC','STSong','SimSun',serif;--m-heading-font:var(--m-ui-font);--m-bg:#f5f3ed;--m-surface:#fffefa;--m-panel:#e9eee5;--m-ink:#2c3b33;--m-muted:#56665c;--m-accent:#315e4b;--m-on-accent:#fffefa;--m-border:#dfe3d8;--m-control-border:#788979;--m-name-paper:#fcfbf5;--m-name-ink:#314b3c;--m-tone-blue:#e7eef4;--m-tone-sand:#f3e6ce;--m-tone-lilac:#eee9f2;--m-hero-start:#e0e9dc;--m-hero-end:#f3ebdb;--m-shadow:0 5px 18px rgba(var(--ui-source-ce406a6342b3ab-rgb, 41, 77, 53), var(--ui-source-ce406a6342b3ab-alpha, 0.062745098));--m-radius:16px;--m-warning:#79571d;--m-danger:#a12d33;--m-success:#315e4b}
html[data-ui=mobile]:has(body[data-theme=ink]){--m-heading-font:var(--m-ui-font);--m-bg:#242a29;--m-surface:#303735;--m-panel:#414a3c;--m-ink:#f2ecde;--m-muted:#c0c8bf;--m-border:#48534b;--m-control-border:#8d9c8e;--m-accent:#e5cca1;--m-on-accent:#273028;--m-name-paper:#343b37;--m-name-ink:#f2ecde;--m-tone-blue:#344348;--m-tone-sand:#4d4537;--m-tone-lilac:#443e4b;--m-hero-start:#414d42;--m-hero-end:#494539;--m-shadow:0 5px 18px #111a1620;--m-warning:#edc18a;--m-danger:#ffa89d;--m-success:#b6d9b5}
html[data-ui=mobile]:has(body[data-theme=tech]){--m-heading-font:var(--m-ui-font);--m-bg:#101c30;--m-surface:#1c2b43;--m-panel:#284455;--m-ink:#ebf5ff;--m-muted:#bbcede;--m-border:#354b62;--m-control-border:#7896ae;--m-accent:#87d8e8;--m-on-accent:#112b38;--m-name-paper:#20314b;--m-name-ink:#ebf5ff;--m-tone-blue:#29455d;--m-tone-sand:#46493e;--m-tone-lilac:#383f5f;--m-hero-start:#21475a;--m-hero-end:#2c3b5d;--m-shadow:0 5px 18px #020c2520;--m-warning:#e3c78f;--m-danger:#ffb1ad;--m-success:#9cdbce}
html[data-ui=mobile] body,html[data-ui=mobile] .m-app,html[data-ui=mobile] .m-app *:not([data-m-font-preview]):not([data-m-font-preview] *),html[data-ui=mobile] .m-app *::before,html[data-ui=mobile] .m-app *::after,html[data-ui=mobile] .xhs-dialog-backdrop *:not([data-m-font-preview]):not([data-m-font-preview] *){font-family:var(--m-ui-font)!important;font-weight:400!important;font-synthesis:none!important}
html[data-ui=mobile] input::placeholder,html[data-ui=mobile] textarea::placeholder{font-family:var(--m-ui-font);font-synthesis:none}
html[data-ui=mobile] .m-header{background:rgba(var(--ui-source-585afa7fe57c7a-rgb, 245, 243, 237), var(--ui-source-585afa7fe57c7a-alpha, 1));border:0;padding:8px 12px;min-height:60px}
html[data-ui=mobile] .m-header h1{font-size:1.25rem;letter-spacing:.025em}
html[data-ui=mobile] .m-header-actions .m-button{background:rgba(var(--ui-source-19d21e1eb698a8-rgb, 233, 238, 229), var(--ui-source-19d21e1eb698a8-alpha, 1));border-radius:12px;padding:8px 12px}
html[data-ui=mobile] .m-main{padding-top:14px;scrollbar-gutter:auto}
html[data-ui=mobile] .m-tabbar{padding:6px 10px max(8px,env(safe-area-inset-bottom));gap:6px;box-shadow:0 -3px 16px rgba(var(--ui-source-ca20b7ce16da18-rgb, 32, 53, 42), var(--ui-source-ca20b7ce16da18-alpha, 0.0196078431))}
html[data-ui=mobile] .m-tab{border-radius:15px;gap:3px}.m-tabbar .m-tab.is-active{background:rgba(var(--ui-source-5b786a00a0d22f-rgb, 233, 238, 229), var(--ui-source-5b786a00a0d22f-alpha, 1))}
html[data-ui=mobile] .m-button{border-radius:10px}.m-app .m-button--text,.m-app .m-button--icon{box-shadow:none}
html[data-ui=mobile] .m-tabs{background:rgba(var(--ui-source-0f97245a01a008-rgb, 233, 238, 229), var(--ui-source-0f97245a01a008-alpha, 1));padding:4px;border:0;border-radius:13px;gap:3px}
html[data-ui=mobile] .m-tabs .m-button--tab{border:0;border-radius:9px;min-height:44px;padding:8px;color:rgba(var(--ui-source-032e3a4f431fe2-rgb, 86, 102, 92), var(--ui-source-032e3a4f431fe2-alpha, 1))}
html[data-ui=mobile] .m-tabs .m-button--tab.is-active{background:rgba(var(--ui-source-3f6630b2463687-rgb, 255, 254, 250), var(--ui-source-3f6630b2463687-alpha, 1));color:rgba(var(--ui-source-e146f54328df0f-rgb, 49, 94, 75), var(--ui-source-e146f54328df0f-alpha, 1));box-shadow:0 1px 5px rgba(var(--ui-source-60021302a25558-rgb, 23, 45, 32), var(--ui-source-60021302a25558-alpha, 0.031372549))}
html[data-ui=mobile] .m-taskbar{box-shadow:0 -3px 16px rgba(var(--ui-source-ca20b7ce16da18-rgb, 32, 53, 42), var(--ui-source-ca20b7ce16da18-alpha, 0.0196078431))}
html[data-ui=mobile] .m-pagination{gap:6px;padding-block:6px;border:0;margin-top:6px}
html[data-ui=mobile] .m-pagination .m-button{background:transparent;color:rgba(var(--ui-source-c1b0bae3660a74-rgb, 49, 94, 75), var(--ui-source-c1b0bae3660a74-alpha, 1));padding:8px;box-shadow:none}
html[data-ui=mobile] [data-m-collection]{display:grid;grid-auto-flow:row;align-items:stretch;min-width:0;gap:4px}
html[data-ui=mobile] [data-m-collection=names]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}
html[data-ui=mobile] [data-m-collection=chars]{grid-template-columns:repeat(6,minmax(0,1fr))}
html[data-ui=mobile] [data-m-collection]>.m-control{min-width:0;max-width:none;position:relative;align-self:stretch}
html[data-ui=mobile] [data-m-collection]>button,html[data-ui=mobile] [data-m-collection]>.m-control>button{height:100%;min-height:48px;min-width:0;margin:0;border:1px solid rgba(var(--ui-source-077b777d8d840d-rgb, 223, 227, 216), var(--ui-source-077b777d8d840d-alpha, 1));border-radius:7px;padding:8px 3px;background:rgba(var(--ui-source-0a75744f389765-rgb, 255, 254, 250), var(--ui-source-0a75744f389765-alpha, 1));color:rgba(var(--ui-source-5e7292553b46bd-rgb, 49, 94, 75), var(--ui-source-5e7292553b46bd-alpha, 1));display:flex;align-items:center;justify-content:center;position:relative;text-align:center;line-height:1.3;font-size:1.625rem;box-shadow:none}
html[data-ui=mobile] [data-m-collection=names]>button,html[data-ui=mobile] [data-m-collection=names]>.m-control>button{min-height:56px;padding:8px 4px;background:linear-gradient(145deg,rgba(var(--ui-source-4c23a4df032703-rgb, 255, 254, 250), var(--ui-source-4c23a4df032703-alpha, 1)),rgba(var(--ui-source-c446db74a41a31-rgb, 252, 251, 245), var(--ui-source-c446db74a41a31-alpha, 1)));color:rgba(var(--ui-source-fadfb84c7c9785-rgb, 49, 75, 60), var(--ui-source-fadfb84c7c9785-alpha, 1));font-size:1.25rem;line-height:1.4;letter-spacing:.025em;box-shadow:0 1px 2px rgba(var(--ui-source-44e115151d4d89-rgb, 57, 71, 45), var(--ui-source-44e115151d4d89-alpha, 0.0117647059))}
html[data-ui=mobile] [data-m-collection] [data-m-label]{display:block;white-space:nowrap;max-width:100%;overflow-wrap:anywhere}
html[data-ui=mobile] [data-m-collection] button[aria-pressed=true],html[data-ui=mobile] [data-m-collection] button[aria-selected=true],html[data-ui=mobile] [data-m-collection] .is-selected>button{border-color:rgba(var(--ui-source-b2e8db235435f5-rgb, 49, 94, 75), var(--ui-source-b2e8db235435f5-alpha, 1));background:rgba(var(--ui-source-778af24229706b-rgb, 233, 238, 229), var(--ui-source-778af24229706b-alpha, 1));box-shadow:inset 0 0 0 1px rgba(var(--ui-source-828ff3db84489c-rgb, 49, 94, 75), var(--ui-source-828ff3db84489c-alpha, 1))}
.m-showcase{display:grid;gap:22px}.m-showcase .m-section+.m-section{margin-top:0!important}
.m-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.m-feature-grid>.m-control{align-self:stretch}
.m-app .m-button--feature{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;background:rgba(var(--ui-source-9b98279008816d-rgb, 255, 254, 250), var(--ui-source-9b98279008816d-alpha, 1));border:0;border-radius:18px;padding:16px;gap:12px;min-width:0;height:100%;color:rgba(var(--ui-source-035ff2d84dd55e-rgb, 44, 59, 51), var(--ui-source-035ff2d84dd55e-alpha, 1));box-shadow:0 5px 18px rgba(var(--ui-source-ce406a6342b3ab-rgb, 41, 77, 53), var(--ui-source-ce406a6342b3ab-alpha, 0.062745098))}
.m-feature-copy{display:grid;gap:5px}.m-feature-copy strong{font-size:1.0625rem;line-height:1.4}.m-feature-copy small{font-size:.875rem;line-height:1.6;color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1))}
.m-feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--ui-source-92db1bf321316d-rgb, 233, 238, 229), var(--ui-source-92db1bf321316d-alpha, 1));color:rgba(var(--ui-source-2e5d019d63923a-rgb, 49, 94, 75), var(--ui-source-2e5d019d63923a-alpha, 1));flex:none}.m-feature-icon .m-icon{width:24px;height:24px}
.m-app .m-button--feature.is-lead{background:linear-gradient(130deg,rgba(var(--ui-source-74b25e9b6cd589-rgb, 224, 233, 220), var(--ui-source-74b25e9b6cd589-alpha, 1)),rgba(var(--ui-source-cff39735091de9-rgb, 243, 235, 219), var(--ui-source-cff39735091de9-alpha, 1)))}
.m-app .m-button--feature.is-sand{background:rgba(var(--ui-source-d7a8e15a849a57-rgb, 243, 230, 206), var(--ui-source-d7a8e15a849a57-alpha, 1))}.m-app .m-button--feature.is-blue{background:rgba(var(--ui-source-f1056166b89964-rgb, 231, 238, 244), var(--ui-source-f1056166b89964-alpha, 1))}
.m-feature-art{min-height:72px;width:100%;display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:4px;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1));pointer-events:none}
.m-art-characters i{width:40px;height:46px;display:grid;place-items:center;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border-radius:6px;font-size:1.5rem;font-style:normal;box-shadow:0 3px 8px rgba(var(--ui-source-ce406a6342b3ab-rgb, 41, 77, 53), var(--ui-source-ce406a6342b3ab-alpha, 0.062745098));transform:rotate(-10deg)}.m-art-characters i+i{margin-left:-4px;transform:rotate(4deg)}.m-art-characters i:last-child{transform:rotate(13deg)}
.m-art-poem{gap:15px}.m-art-poem i{font-size:1rem;writing-mode:vertical-rl;letter-spacing:.1em;font-style:normal}
.m-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 6px;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border-radius:18px}.m-shortcut-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.m-shortcut-grid .m-button--feature{padding:8px 2px;align-items:center;text-align:center;box-shadow:none;gap:8px;background:transparent}.m-shortcut-grid .m-feature-copy strong{font-size:.875rem}.m-shortcut-grid .m-feature-icon{background:rgba(var(--ui-source-92db1bf321316d-rgb, 233, 238, 229), var(--ui-source-92db1bf321316d-alpha, 1))}
.m-account-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,rgba(var(--ui-source-324305f374b036-rgb, 224, 233, 220), var(--ui-source-324305f374b036-alpha, 1)),rgba(var(--ui-source-8ac9e8fb6be8f3-rgb, 243, 235, 219), var(--ui-source-8ac9e8fb6be8f3-alpha, 1)));border-radius:21px;padding:20px;position:relative}.m-account-avatar{width:54px;min-width:54px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));font-size:1.7rem;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))}.m-account-hero h2{font-size:1.25rem;margin:0 0 5px}.m-account-hero p{color:rgba(var(--ui-source-21cc6ce0d23547-rgb, 86, 102, 92), var(--ui-source-21cc6ce0d23547-alpha, 1));font-size:.875rem}.m-account-seal{margin-left:auto;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.15em;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1));border:1px solid rgba(var(--ui-source-d0c2c621e558d3-rgb, 120, 137, 121), var(--ui-source-d0c2c621e558d3-alpha, 1));border-radius:4px;padding:5px 3px}
.m-theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m-app .m-button--theme-choice{display:flex;flex-direction:column;gap:8px;padding:5px 5px 10px;background:rgba(var(--ui-source-9b98279008816d-rgb, 255, 254, 250), var(--ui-source-9b98279008816d-alpha, 1));color:rgba(var(--ui-source-49193fa1ac6f97-rgb, 86, 102, 92), var(--ui-source-49193fa1ac6f97-alpha, 1));border:1px solid rgba(var(--ui-source-b8347785fb9745-rgb, 223, 227, 216), var(--ui-source-b8347785fb9745-alpha, 1));border-radius:12px}.m-app .m-button--theme-choice.is-active{border-color:rgba(var(--ui-source-d3cfef49954f67-rgb, 49, 94, 75), var(--ui-source-d3cfef49954f67-alpha, 1));color:rgba(var(--ui-source-a66a0d1c99cf19-rgb, 49, 94, 75), var(--ui-source-a66a0d1c99cf19-alpha, 1));box-shadow:inset 0 0 0 1px rgba(var(--ui-source-3282d286fcb4db-rgb, 49, 94, 75), var(--ui-source-3282d286fcb4db-alpha, 1))}
.m-theme-swatch{display:flex;width:100%;height:45px;border-radius:7px;align-items:flex-end;gap:4px;padding:8px;background:#f5f3ed}.m-theme-swatch i{width:25%;height:60%;border-radius:3px;background:#315e4b}.m-theme-swatch i:nth-child(2){height:90%;opacity:.45}.m-theme-swatch i:last-child{height:40%;opacity:.7}.m-theme-swatch[data-theme-preview=ink]{background:#242a29}.m-theme-swatch[data-theme-preview=ink] i{background:#e5cca1}.m-theme-swatch[data-theme-preview=tech]{background:#101c30}.m-theme-swatch[data-theme-preview=tech] i{background:#87d8e8}
.m-display-preference,.m-account-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.m-display-preference{padding-top:4px}.m-admin-features .m-button--feature{padding:14px;gap:9px}.m-account-footer{padding-block:6px}
.m-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m-app .m-button--flow-step{display:flex;align-items:center;gap:10px;min-height:72px;background:rgba(var(--ui-source-9b98279008816d-rgb, 255, 254, 250), var(--ui-source-9b98279008816d-alpha, 1));color:rgba(var(--ui-source-035ff2d84dd55e-rgb, 44, 59, 51), var(--ui-source-035ff2d84dd55e-alpha, 1));text-align:left;padding:12px;border:1px solid rgba(var(--ui-source-b8347785fb9745-rgb, 223, 227, 216), var(--ui-source-b8347785fb9745-alpha, 1));border-radius:14px}.m-flow-number{font-size:.875rem;color:rgba(var(--ui-source-2e5d019d63923a-rgb, 49, 94, 75), var(--ui-source-2e5d019d63923a-alpha, 1));background:rgba(var(--ui-source-92db1bf321316d-rgb, 233, 238, 229), var(--ui-source-92db1bf321316d-alpha, 1));padding:6px;border-radius:8px}
html[data-ui=mobile] .mw-project-home{gap:6px}html[data-ui=mobile] .mw-project-row{grid-template-columns:minmax(0,1fr) minmax(5rem,auto);gap:8px;padding:13px 0}html[data-ui=mobile] .mw-project-row .mw-project-open{display:flex;align-items:center;gap:12px;min-height:60px}
.mw-project-monogram{display:grid;place-items:center;flex:none;min-width:40px;min-height:44px;padding:4px;background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1));border-radius:12px;font-size:1.4rem;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))}
html[data-ui=mobile] .mw-project-name{font-size:1.0625rem;line-height:1.5}html[data-ui=mobile] .mw-project-meta{font-size:.8125rem;line-height:1.5}html[data-ui=mobile] .mw-project-next .m-button{padding:4px 7px;min-height:44px}html[data-ui=mobile] .mw-project-row.is-current{padding:12px;border:0;border-radius:15px;background:linear-gradient(125deg,rgba(var(--ui-source-9afdad665984c5-rgb, 224, 233, 220), var(--ui-source-9afdad665984c5-alpha, 1)),rgba(var(--ui-source-69f5ad759ca3d5-rgb, 243, 235, 219), var(--ui-source-69f5ad759ca3d5-alpha, 1)))}html[data-ui=mobile] .mw-project-row.is-current .mw-project-monogram{background:rgba(var(--ui-source-5ae878fa410e2e-rgb, 255, 254, 250), var(--ui-source-5ae878fa410e2e-alpha, 1))}
html[data-ui=mobile] .mw-current-project{margin:2px 0 6px}html[data-ui=mobile] .mw-profile-identity{padding:16px;background:linear-gradient(125deg,rgba(var(--ui-source-05c6299940c74f-rgb, 224, 233, 220), var(--ui-source-05c6299940c74f-alpha, 1)),rgba(var(--ui-source-df462d43346a0d-rgb, 243, 235, 219), var(--ui-source-df462d43346a0d-alpha, 1)));border-radius:18px}html[data-ui=mobile] .mw-profile-identity h2{font-size:1.5rem}
html[data-ui=mobile] .m-section--group{background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border:0;box-shadow:0 5px 18px rgba(var(--ui-source-ce406a6342b3ab-rgb, 41, 77, 53), var(--ui-source-ce406a6342b3ab-alpha, 0.062745098))}
html[data-ui=mobile].m-large-type .m-feature-grid,html[data-ui=mobile].m-large-type .m-theme-choices,html[data-ui=mobile].m-large-type .m-flow-grid{grid-template-columns:1fr}
html[data-ui=mobile].m-large-type .m-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=mobile].m-large-type .m-account-seal{display:none}html[data-ui=mobile].m-large-type .m-account-hero{flex-wrap:wrap}html[data-ui=mobile].m-large-type .m-theme-swatch{height:50px}
@media(max-width:350px){html[data-ui=mobile] .m-main{padding-inline:12px}.m-feature-grid{gap:8px}.m-app .m-button--feature{padding:12px}.m-account-hero{padding:16px}.m-account-seal{display:none}.m-shortcut-grid{gap:3px}}
html[data-ui=mobile].m-large-type .mw-project-row{grid-template-columns:minmax(0,1fr)}
html[data-ui=mobile].m-large-type .mw-project-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:none;gap:8px}
html[data-ui=mobile].m-large-type .mw-project-monogram{font-size:1rem;max-width:4em}
html[data-ui=mobile] .mw-project-copy{min-width:0;overflow-wrap:anywhere}
html[data-ui=mobile] [data-m-collection]>.m-empty,html[data-ui=mobile] [data-m-collection]>.m-status{grid-column:1/-1}
html[data-ui=mobile] .m-login{width:100%;max-width:26rem;margin-inline:auto;padding:16px 4px;gap:16px}html[data-ui=mobile] .m-login .m-brand-mark{background:linear-gradient(125deg,rgba(var(--ui-source-50316b5ab68422-rgb, 224, 233, 220), var(--ui-source-50316b5ab68422-alpha, 1)),rgba(var(--ui-source-4b056a9b1191fb-rgb, 243, 235, 219), var(--ui-source-4b056a9b1191fb-alpha, 1)));border:0;border-radius:18px;width:64px;height:64px;margin-top:8px;margin-bottom:2px}html[data-ui=mobile] .m-login h1{font-size:1.75rem;color:rgba(var(--ui-source-e358eaec8ebd4a-rgb, 44, 59, 51), var(--ui-source-e358eaec8ebd4a-alpha, 1))}html[data-ui=mobile] .m-login>.m-control .m-button{width:100%;min-height:48px;margin-top:4px}
html[data-ui=mobile] .m-brand{width:2rem;min-width:2rem;height:2.25rem;line-height:1}
html[data-ui=mobile] .m-login .m-brand-mark{width:4rem;min-width:4rem;height:4rem;line-height:1}