@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--paper:#f7f6f2;--ink:#272d29;--muted:#7c827b;--line:#dedfd7;--accent:#65715e;--cream:#efeee5;--danger:#9b514d;font-family:'Noto Sans TC',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:8px;background:white;padding:10px 16px;color:var(--ink)}button:hover{border-color:var(--accent)}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.quiet{background:transparent;border-color:transparent}button.danger{color:var(--danger)}a{color:inherit;text-underline-offset:4px}h1,h2,h3,.serif{font-family:'Noto Serif TC',serif;font-weight:500}h1{font-size:38px;letter-spacing:.04em;margin:12px 0}h2{font-size:24px}h3{font-size:18px}p{line-height:1.9}.muted,small{color:var(--muted)}small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.brand{font-family:Georgia,serif;font-size:34px;letter-spacing:-2px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:36px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f1f1e9}.sidebar .brand{margin-bottom:4px}.sidebar .tagline{font-size:10px;letter-spacing:2px;margin-bottom:38px;color:var(--muted)}.sidebar select{margin:15px 0 24px;width:100%}.nav{display:flex;flex-direction:column;gap:8px}.nav button{text-align:left;background:transparent;border-color:transparent;font-size:13px}.nav button.active{background:#e3e7dc}.nav button .symbol{display:inline-block;width:26px;font-size:18px;color:var(--accent)}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:12px;padding-top:28px}.profile{display:flex;gap:10px;align-items:center;margin:10px 0}.avatar{width:33px;height:33px;border-radius:50%;background:#dfe4d8;display:grid;place-items:center}.main{padding:28px 52px 70px;max-width:1440px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:40px}.status{color:var(--accent)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.page-head p{margin:8px 0 0;font-size:13px;color:var(--muted)}.tools{display:flex;gap:12px;align-items:center;margin:24px 0}.tools input{max-width:380px}.count{font-size:12px;white-space:nowrap;color:var(--muted)}input,textarea,select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:11px 13px;max-width:100%;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #a7b49e}input:not([type=checkbox]),textarea{width:100%}textarea{min-height:100px;resize:vertical;line-height:1.7}label{display:block;font-size:13px;margin:16px 0 8px}input[type=checkbox]{width:auto}label.check{display:flex;gap:10px;align-items:flex-start;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;padding:0;box-shadow:0 3px 14px #27332703}.card .cover{height:250px;background:var(--cream);display:grid;place-items:center;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.blank-art{font-family:'Noto Serif TC',serif;color:#8d9b87;font-size:54px;font-weight:400}.card-body{padding:20px}.card h3{margin:9px 0 10px}.card .meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.badge{font-size:10px;padding:4px 8px;background:#f0f2ec;border-radius:4px;color:#64705d;display:inline-block}.card .tags{font-size:11px;color:var(--muted);margin-top:12px}.empty{border:1px dashed #c7ccbe;border-radius:12px;padding:72px 20px;text-align:center;background:#f2f3ed}.empty h2{margin:10px}.empty p{color:var(--muted);font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;margin-bottom:24px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.between{justify-content:space-between}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo{position:relative;background:var(--cream);border-radius:8px;overflow:hidden}.photo img{width:100%;height:150px;object-fit:cover}.photo .row{padding:8px;gap:5px}.photo button{font-size:11px;padding:5px 7px}.step{padding:20px;background:#f8f8f4;border:1px solid var(--line);border-radius:8px;margin:14px 0}.step-title{font-size:12px;color:var(--accent);display:flex;justify-content:space-between;align-items:center}.step .field-grid{gap:12px}.step label{margin-top:10px;font-size:11px}.step button{padding:5px 9px}.savebar{position:sticky;bottom:16px;background:#fffffff2;border:1px solid var(--line);padding:14px 18px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 30px #26372312;z-index:2}.notice{font-size:13px;line-height:1.8;padding:14px 18px;background:#eef2e9;border:1px solid #dde4d4;border-radius:8px;margin:16px 0}.warning{background:#fff5e8;border-color:#eddfc7;color:#795d39}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail-photos img{width:100%;border-radius:10px;margin-bottom:14px}.detail-step{padding:22px 0;border-bottom:1px solid var(--line)}.detail-step h3{margin:6px 0}.detail-step p{font-size:13px;white-space:pre-wrap}.detail-step small{letter-spacing:1px}.member{padding:15px 0;border-bottom:1px solid var(--line)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#e7ebdf;padding:65px 12%;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:52px;line-height:1.7}.login-art .line{height:1px;background:#bcc7b2;margin:40px 0}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{max-width:390px}.login-box .brand{margin-bottom:55px}.login-box button.primary{width:100%;margin:18px 0}.login-box h2{font-size:29px}.legal{max-width:760px;margin:50px auto;padding:0 24px}.legal h1{font-size:28px}.legal p,.legal li{font-size:14px;line-height:2}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;font-size:42px;gap:22px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:520px;width:calc(100% - 32px)}dialog::backdrop{background:#18231960}dialog h2{margin-top:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#28342b;color:white;padding:12px 20px;border-radius:8px;font-size:13px;max-width:90%;z-index:10;display:none}.mobile-brand{display:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-weight:400}.demo-banner{background:#fbf1d9;color:#735d30;padding:8px;text-align:center;font-size:12px}.missing{padding:30px;font-size:12px;color:var(--muted)}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.main{padding:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-layout{grid-template-columns:1fr}.login-art h1{font-size:38px}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:static;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand,.sidebar .tagline,.side-bottom{display:none}.sidebar select{margin:0 0 12px}.nav{flex-direction:row;overflow:auto;gap:4px}.nav button{white-space:nowrap;padding:8px}.nav .symbol{display:none!important}.main{padding:22px 18px 50px}.topbar{margin-bottom:25px}.mobile-brand{display:block;font-size:25px}h1{font-size:30px}.grid{gap:14px}.card .cover{height:190px}.card-body{padding:14px}.card h3{font-size:16px}.page-head{align-items:start}.page-head button{font-size:12px}.detail-grid,.field-grid{grid-template-columns:1fr}.panel{padding:18px}.login{display:block}.login-art{padding:32px}.login-art h1{font-size:30px;margin:15px 0}.login-art .line{margin:20px 0}.login-panel{padding:32px 24px}.login-box .brand{display:block;margin-bottom:20px}.photo-grid{grid-template-columns:repeat(2,1fr)}}
.workflow{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.copy-icon{font-size:20px;margin:0 6px;padding:4px 10px}.fingers{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.fingers label{display:flex;align-items:center;gap:5px}.fingers input{width:auto}.material-line{padding:10px 0}.material-line h3{margin:8px 0}.lightbox{max-width:96vw;width:auto;background:#161a17;padding:35px 12px 12px}.lightbox img{max-width:90vw;max-height:82vh;object-fit:contain}.lightbox button{position:absolute;right:8px;top:4px;padding:2px 12px}.lightbox::backdrop{background:#000b}img[data-zoom]{cursor:zoom-in}.browse-view{max-width:900px;margin:auto;padding:28px;min-height:100vh;display:flex;flex-direction:column;gap:24px}.browse-step{flex:1;padding:30px 0;outline:none}.browse-step h3{font-size:32px}.browse-step p{font-size:22px;white-space:pre-wrap}.browse-view progress{width:100%;accent-color:#52634e}#dialog{max-height:90vh;overflow:auto}table{width:100%}@media(max-width:650px){.browse-view{padding:18px}.browse-step h3{font-size:26px}.workflow button{flex:1}.copy-icon{flex:none}}
.inline-step{margin-top:24px;border:2px solid #87977f;background:#f7f6f2}.inline-step:empty{display:none}.material-suggestions{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto}.material-suggestions button{text-align:left}.check small{display:block;color:#73786f}.category-row{width:100%;display:flex;align-items:center;gap:16px;border:0;border-bottom:1px solid #dedfd6;border-radius:0;padding:20px 8px;text-align:left}.category-row strong{flex:1}.library-row{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #e8e9e2}.code-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.work-tile .card{width:100%}.tile-actions{padding:8px 0}.tools select{max-width:200px}.tools{flex-wrap:wrap}#inlineStep .step{background:#fff9}.inline-step .fingers{gap:14px}@media(max-width:650px){.tools select{max-width:none;flex:1}.inline-step{padding:16px}.library-row{padding:15px 8px}}
#cropCanvas{display:block;width:min(100%,440px);height:auto;aspect-ratio:1;touch-action:none;cursor:move;margin:0 auto;border-radius:12px}#cropZoom{padding:0;accent-color:#6c735c}.photo img{aspect-ratio:1;object-fit:cover}.category-row{width:100%;justify-content:space-between;min-height:64px}
.material-code-row{gap:8px;margin:8px 0;flex-wrap:nowrap}.material-code-row input{min-width:0;flex:1}.material-code-row button{flex-shrink:0}
.finger-picker{margin:18px 0 24px;padding:20px;background:#eeeee7;border:1px solid #dedfd5;border-radius:20px}.finger-picker-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.finger-picker-top small{color:#74786c;font-size:12px}.finger-hands{display:grid;grid-template-columns:1fr 1fr;gap:16px}.finger-hand{min-width:0;margin:0;padding:12px;border:1px solid #d9ddcf;border-radius:14px;background:#fafbf7}.finger-hand legend{padding:0 8px;font-size:12px;color:#68735c;letter-spacing:.16em}.finger-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.finger-picker .finger-choice{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 6px;border:1px solid #e0e3d9;border-radius:10px;background:#fff;color:#656c60;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.finger-picker-top .finger-choice{min-width:84px}.finger-picker .finger-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}.finger-picker .finger-choice:has(input:checked),.finger-picker .finger-choice.primary{background:#59674e;border-color:#59674e;color:#fff;box-shadow:0 2px 6px #32432618}.finger-picker .finger-choice:focus-visible,.finger-picker .finger-choice:has(input:focus-visible){outline:2px solid #586e47;outline-offset:3px}.finger-picker .finger-choice:hover{border-color:#8e9a80}@media(max-width:800px){.finger-hands{grid-template-columns:1fr;gap:12px}.finger-picker{padding:14px}.finger-options{gap:7px}.finger-picker .finger-choice{font-size:12px}}
.finger-hands{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
/* Two hand rows, with the all-fingers control spanning both rows. */
.finger-picker.finger-matrix{display:grid;grid-template-columns:.82fr .55fr repeat(5,1fr);gap:8px;padding:0;border:0;background:transparent;border-radius:0;align-items:stretch;margin:24px 0}.finger-matrix .finger-all{grid-row:span 2;display:flex}.finger-matrix .finger-all .finger-choice{width:100%;height:100%}.finger-matrix .hand-label{display:flex;align-items:center;justify-content:center;font-size:18px;color:#32362e}.finger-matrix .finger-choice{min-width:0;min-height:48px;padding:12px 0;border:0;background:#eeeee9;border-radius:10px;font-size:16px;color:#91958c;font-weight:400}.finger-matrix .finger-choice.primary,.finger-matrix .finger-choice:has(input:checked){background:#59674e;color:white;box-shadow:none}.material-heading{display:flex;align-items:baseline;gap:14px}.material-heading .badge{flex-shrink:0;border:1px solid #d9d7d3;border-radius:7px;background:#faf9f7;color:#77736c;padding:9px 12px;font-size:14px;line-height:1.4}.material-heading h3{margin:0;line-height:1.65;font-weight:400;overflow-wrap:anywhere;min-width:0}.material-code{color:#85877e;font-size:.88em}.material-line{padding:10px 0}.material-line>p{margin:7px 0 2px;color:#8a8d83;font-size:16px;line-height:1.65;white-space:pre-wrap}.browse-step .material-line>p{font-size:20px}.browse-step .material-heading h3{font-size:27px}.finger-summary{display:flex;flex-direction:column;gap:12px;border:1px solid #dcded5;border-radius:12px;padding:22px 24px}.finger-summary strong{font-size:21px;font-weight:500}.finger-summary span{font-size:18px;color:#8a8d83}.browse-setup{gap:18px;min-height:100dvh;box-sizing:border-box}.browse-setup h1{margin-bottom:0}.browse-setup>p{margin-top:0;color:#8a8d83}.browse-setup .finger-matrix{margin:30px 0 10px}.browse-setup #browseGo{margin-top:auto;width:100%;min-height:60px;border-radius:12px;font-size:18px}.browse-setup .finger-choice{min-height:62px}@media(max-width:480px){.finger-picker.finger-matrix{gap:6px}.finger-matrix .finger-choice{font-size:15px;min-height:44px;border-radius:7px}.browse-setup .finger-choice{min-height:48px}.material-heading{gap:10px}.material-heading .badge{font-size:12px;padding:7px 9px}.browse-step .material-heading h3{font-size:22px}.browse-step .material-line>p{font-size:17px}}
.all-finger-view{max-width:1180px}.all-finger-hands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}.hand-steps{min-width:0;padding:20px;border:1px solid #dedfd5;border-radius:14px;background:#fff8}.hand-steps>h2{margin:0 0 18px;font-size:23px}.hand-step-group+.hand-step-group{border-top:1px solid #e1e3da;margin-top:18px;padding-top:18px}.hand-finger-label{color:#59674e;font-size:13px;letter-spacing:.12em;margin-bottom:8px}.all-finger-view .material-heading h3{font-size:22px}.all-finger-view .material-line>p{font-size:17px}@media(max-width:650px){.all-finger-hands{grid-template-columns:1fr;gap:16px}.hand-steps{padding:16px}}
.group-editor-bar{border-bottom:1px solid #d9ddcf;margin-bottom:20px;padding-bottom:10px}.record-group+.record-group{border-top:1px solid #dedfd5;margin-top:12px;padding-top:12px}
.operation-hands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.operation-hand{min-width:0;background:#fff9;border:1px solid #dfe2d7;border-radius:14px;padding:16px}.operation-hand>h3{margin:0 0 14px;font-size:20px}.operation-row{border-bottom:1px solid #e2e4dc;padding:8px 0}.operation-row>button{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;border:0;background:transparent;padding:6px;min-height:48px;white-space:normal;overflow-wrap:anywhere}.operation-row strong{font-size:13px;color:#68775b}.operation-row span{font-size:16px;line-height:1.5}.operation-row-tools{display:flex;justify-content:flex-end;gap:3px;flex-wrap:wrap}.operation-row-tools button{font-size:12px;padding:5px 9px;min-height:44px;border:0;background:transparent}.add-operation{width:100%;margin-top:12px;min-height:44px}.operation-form{border-top:1px solid #d5dccb;margin-top:14px;padding-top:16px}.operation-fingers{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.operation-finger{position:relative;margin:0!important;cursor:pointer}.operation-finger input{position:absolute;opacity:0;width:1px;height:1px}.operation-finger span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #d9dfd1;border-radius:9px;font-size:13px;box-sizing:border-box;background:#fff}.operation-finger:has(input:checked) span{background:#59674e;color:white}.operation-finger:has(input:focus-visible) span{outline:2px solid #59674e;outline-offset:2px}.operation-fingers>button{min-height:44px}.operation-presets,.cure-options{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.operation-presets button,.cure-options button{min-height:44px;padding:8px 10px;font-size:13px}.operation-item{border:1px solid #e1e5da;background:#f8f9f5;padding:10px;border-radius:10px;margin:8px 0}.operation-item summary{font-size:12px;color:#7c8473;cursor:pointer;padding:8px 0;min-height:44px;box-sizing:border-box}.operation-item .row span{overflow-wrap:anywhere}.operation-form .check{margin:16px 0}.operation-finish{justify-content:flex-end;margin-top:20px}.operation-form input,.operation-form select,.operation-form textarea{font-size:16px}.operation-form #commitOperation{width:100%;min-height:44px}@media(max-width:1000px){.operation-hands{grid-template-columns:1fr}}@media(max-width:480px){.operation-hand{padding:12px}.operation-finger span{padding:8px}.operation-finish{flex-wrap:wrap}.operation-finish button{flex:1;min-height:48px}}
.record-hand-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0}.record-operation{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid #e2e4dc;overflow-wrap:anywhere}.record-operation small{color:#85877e}@media(max-width:650px){.record-hand-summary{grid-template-columns:1fr}}
.browse-materials{border-top:1px solid #dedfd5;padding:18px 0;margin-top:8px}.browse-materials h2{font-size:20px;margin:0 0 8px}.browse-materials ul{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.browse-materials li{display:flex;align-items:baseline;gap:10px;overflow-wrap:anywhere}.browse-materials p{font-size:13px}.combined-info{margin-top:24px}
.space-help{display:block;color:#7b8171;font-size:11px;margin:8px 0 18px}.materials-category-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid #e0e3d9}.materials-category-row>h3{margin:0;font-size:14px;color:#647258;line-height:1.6}.materials-brands{display:flex;flex-wrap:wrap;gap:14px 24px}.materials-brand{min-width:0;display:flex;flex-direction:column;gap:8px}.materials-brand>strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.materials-codes{display:flex;flex-wrap:wrap;gap:6px}.materials-codes>span{padding:4px 9px;border:1px solid #dce0d4;border-radius:6px;background:#f1f3eb;font-size:13px;overflow-wrap:anywhere}.materials-codes small{color:#92968a}@media(max-width:480px){.materials-category-row{grid-template-columns:64px minmax(0,1fr);gap:10px}}

.category-manage-list{border-top:1px solid #e4e5df}.category-manage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;border-bottom:1px solid #e4e5df}.category-manage-row small{display:block;color:#858b82;margin-top:5px}.category-menu{position:relative}.category-menu summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:12px;font-size:22px;background:#f1f2ec}.category-menu summary::-webkit-details-marker{display:none}.category-menu>div{position:absolute;right:0;top:44px;z-index:5;min-width:144px;background:white;padding:6px;box-shadow:0 8px 32px #28352b22;border:1px solid #e4e5df;border-radius:12px}.category-menu button{display:block;width:100%;border:0;text-align:left;white-space:nowrap}.category-menu .danger{color:#a64740}.category-create{display:flex;align-items:end;gap:10px;margin-top:22px}.category-create input,.category-create label{flex:1;min-width:0}.category-create button{white-space:nowrap}.admin-statistics{margin-bottom:24px}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-metrics>div{padding:22px;background:#f4f5ef;border-radius:14px}.admin-metrics small{display:block;color:#6d756b}.admin-metrics strong{display:block;font-size:32px;margin-top:10px;font-weight:500}@media(max-width:600px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metrics>div{padding:16px}.category-create{flex-wrap:wrap}}

[hidden]{display:none!important}.demo-account-switch{display:block;margin:20px 0}.demo-account-switch small{display:block;color:#858b82;font-size:11px}.demo-account-switch select{width:100%;margin:6px 0}.admin-tabs{margin-bottom:24px}.workflow #libraryCategorySelect{width:auto;min-width:180px}

.library-category-field{max-width:360px;margin-bottom:24px}.material-brand-row{padding:20px 0;border-top:1px solid var(--line)}.material-brand-row .code-chips{margin-top:12px}.material-category-label{display:inline-block;margin-left:12px;color:var(--muted);font-size:12px}.material-brand-row strong{font-size:18px}.material-brand-row .code-chips{display:flex;flex-wrap:wrap;gap:8px}

.library-accordion{border-bottom:1px solid var(--line);padding:12px 0}.library-accordion:last-child{border:0}.library-accordion>summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:14px 0;font-size:22px}.library-accordion>summary::-webkit-details-marker{display:none}.accordion-arrow{display:inline-block;transition:transform .15s;font-size:26px}.library-accordion[open]>summary .accordion-arrow{transform:rotate(90deg)}.category-count{font-size:18px;background:#f1f2ed;color:#7c8379;padding:6px 12px;border-radius:10px}.accordion-brands{padding:4px 0 18px 44px}.accordion-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.accordion-brand>div{min-width:0}.accordion-brand h3{font-size:22px;font-weight:500;margin:0 0 10px}.accordion-brand p{margin:0;color:#858b82;line-height:1.9;overflow-wrap:anywhere}.brand-more{font-size:25px;flex-shrink:0;border:0;background:transparent;min-width:44px;min-height:44px}.member-actions{margin-top:24px}.member-actions>button{display:flex;justify-content:space-between;width:100%;text-align:left;padding:20px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.member-actions .danger{color:#a64740}.member-heading{display:flex;align-items:center;gap:18px}.member-heading h2{margin:0}.member-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.member-plan-grid>div{background:#f4f5ef;padding:20px;border-radius:12px}.member-plan-grid strong,.member-plan-grid small{display:block}.member-plan-grid strong{font-size:22px;margin:10px 0}@media(max-width:600px){.accordion-brands{padding-left:24px}.library-accordion>summary{font-size:20px}.member-plan-grid{grid-template-columns:1fr}.member-heading p{overflow-wrap:anywhere}}

.profile-edit-card{display:flex;gap:24px;align-items:center;padding-bottom:20px}.profile-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;background:#e4e9de;display:grid;place-items:center;flex-shrink:0;font-size:32px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-edit-card h2{margin:0;font-size:26px}.member-language{display:block;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.member-language select{max-width:360px}.member-language small{display:block;color:#858b82;margin-top:8px}.feedback-message{padding:24px 0;border-bottom:1px solid var(--line)}.feedback-message p{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-message small{color:#858b82}.member-actions{border-radius:22px}.member-actions button:hover{background:#f4f5ef}@media(max-width:600px){.profile-edit-card{gap:16px}.profile-edit-card h2{font-size:22px}.profile-photo{width:70px;height:70px}.profile-edit-card p{overflow-wrap:anywhere}}

.work-tile{position:relative}.work-context{position:absolute;right:12px;top:12px;z-index:4}.work-context>summary{list-style:none;cursor:pointer;border-radius:50%;background:#fffffff0;width:40px;height:40px;display:grid;place-items:center;font-size:24px}.work-context>summary::-webkit-details-marker{display:none}.work-context>div{position:absolute;right:0;top:46px;width:160px;padding:6px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #0002}.work-context button{display:block;width:100%;border:0;text-align:left}.draft-badge{position:absolute;left:12px;top:12px;background:#f4ead0;padding:6px 10px;border-radius:8px;font-size:12px}.profile-edit-card .profile-photo{position:relative;overflow:visible}.profile-photo img{border-radius:50%}.avatar-camera{position:absolute;bottom:-2px;right:-2px;background:#26342b;color:white;border:3px solid white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.avatar-camera input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.name-pencil{padding:4px 10px;border:0;background:transparent;color:#899184}.profile-edit-card h2{display:flex;align-items:center;gap:8px}.profile-edit-card h2 input{min-width:0;width:180px}.sidebar{overflow-y:auto}.profile-edit-card{padding:20px 0 30px}.member-plan-grid{gap:0;border-top:1px solid var(--line)}.member-plan-grid>div{background:transparent;border-radius:0;text-align:center}.member-plan-grid>div+div{border-left:1px solid var(--line)}

.profile-edit-card h2{min-height:40px;font-size:26px;line-height:1.3}.profile-edit-card h2 #inlineMemberName{box-sizing:border-box;height:38px;font:inherit;line-height:1.3;padding:3px 8px;margin:0;width:220px;max-width:100%;border-radius:8px}.profile-edit-card h2 #inlineNameSave{width:36px;height:36px;min-width:36px;padding:0;font-size:22px;border-radius:50%;display:grid;place-items:center;background:#e8ede3;border:0;color:#344d37}.trash-countdown{font-size:13px;color:#906141;padding:12px 16px;margin:0;background:#f6f0e8;border-radius:10px}.work-tile .trash-countdown{margin-top:8px}@media(max-width:600px){.profile-edit-card h2{font-size:22px}.profile-edit-card h2 #inlineMemberName{width:160px}}

.operation-hands:has(.unified-hand){display:block}.unified-finger-picker{margin-bottom:20px}.unified-finger-picker .operation-fingers{display:grid;grid-template-columns:40px repeat(5,minmax(0,1fr));gap:8px;align-items:center;margin-top:10px}.unified-finger-picker .operation-finger{min-width:0}.unified-finger-picker .operation-finger span{padding:10px 3px}.detail-title-menu{display:inline-block;position:relative;vertical-align:middle;margin-left:14px;font-size:18px}.detail-title-menu>summary{list-style:none;cursor:pointer;padding:4px 12px;border-radius:50%;background:#f0f1eb}.detail-title-menu>summary::-webkit-details-marker{display:none}.detail-title-menu>div{position:absolute;right:0;top:100%;width:120px;background:white;box-shadow:0 5px 25px #0002;padding:6px;border-radius:10px;z-index:5}.detail-title-menu button{display:block;width:100%;text-align:left;border:0}@media(max-width:600px){.unified-finger-picker .operation-fingers{gap:4px;grid-template-columns:28px repeat(5,minmax(0,1fr))}.unified-finger-picker .operation-finger span{font-size:12px}}

.input-mode-switch{display:flex;gap:8px;margin-top:16px}.input-mode-switch button{flex:1}.mode-help{font-size:13px;color:#737e71;line-height:1.6}

.operation-fingers{gap:6px;align-items:center}.operation-finger span{border:0;border-radius:16px;background:#f3f4f0;min-width:44px;min-height:44px;padding:8px;font-size:13px}.operation-finger:has(input:checked) span{background:#303c31;color:#fff}.operation-fingers>button{border:0;border-radius:16px;background:#edf0e7;padding:8px 12px}.operation-item details .field-grid{gap:12px}.operation-item details .field-grid label{margin-bottom:0}

/* Consistent Source Han / Noto Serif typography and quiet neutral surfaces. */
:root{--accent:#292826;--ink:#292826;--muted:#85817c;--line:#e7e3df;font-family:"Noto Serif TC","Source Han Serif TC",serif}
body,input,textarea,select,button{font-family:"Noto Serif TC","Source Han Serif TC",serif;font-size:15px}h1{font-size:30px}h2{font-size:22px}h3{font-size:18px}
.panel,.operation-form,.operation-hand,.step,.profile-edit-card,.library-accordion{border-color:#e7e3df;border-radius:12px;box-shadow:none}
input,textarea,select{border-color:#e5e1dc;border-radius:8px;background:#fff}input:focus,textarea:focus,select:focus{border-color:#aaa39a!important;outline:none!important;box-shadow:0 0 0 1px #aaa39a!important}
button:focus-visible,summary:focus-visible{outline:2px solid #8c857c;outline-offset:3px}button.primary,.primary,.operation-finger:has(input:checked) span{background:#292826;border-color:#292826;color:#fff}
.library-accordion summary,.library-accordion h3,.library-brand h3{font-size:18px!important}.library-accordion p,.library-accordion .count{font-size:15px!important}
.public-work-tile{position:relative}.public-work-tile>.copy-icon{position:absolute;right:12px;bottom:12px;background:white}.public-work-tile .card-body{padding-right:55px}
.design-mode{margin:12px 0 20px}.single-design{grid-template-columns:1fr!important}.exit-options{display:grid;gap:12px}.danger-text{color:#b44646!important;background:transparent}.savebar{justify-content:flex-end}.savebar>#exitEditor{margin-right:auto}.operation-items{display:grid;gap:12px}
@media(max-width:600px){h1{font-size:25px}h2{font-size:20px}body,input,textarea,select,button{font-size:14px}.savebar{gap:8px}.savebar button{padding:11px 13px}}

.brand{font-family:"Noto Serif TC",serif}.category-count{font-size:14px;background:#f1efec;color:#85817c}.nav button.active{background:#eae6e1}.operation-row,.operation-item{border-color:#e7e3df}.operation-row:focus-within{outline:none;box-shadow:none}
.public-work-tile>.card{height:100%;width:100%}.public-work-tile>.copy-icon{bottom:14px;right:14px}.public-work-tile .card-body{padding-bottom:48px}.library-accordion p{line-height:1.8}.operation-fingers [hidden], [hidden]{display:none!important}
.public-work-tile>.card{display:flex;flex-direction:column}.public-work-tile .cover{width:100%;flex-shrink:0}.public-work-tile .card-body{width:100%;flex:1}

/* Material library reference layout and invariant input surfaces. */
input:focus,textarea:focus,select:focus,input:active,textarea:active,select:active{background:#fff!important;border-color:#e5e1dc!important;box-shadow:none!important;outline:none!important}
.material-library-sheet{max-width:820px;margin:auto;background:white;border:1px solid #e7e3df;border-radius:18px;padding:26px}
.material-library-sheet .library-accordions{padding:12px 0;max-height:60vh;overflow:auto}.material-library-sheet .library-accordion{padding:0;border:0;border-radius:0}.material-library-sheet .library-accordion>summary{font-size:15px!important;padding:16px 2px;gap:12px}.material-library-sheet .library-accordion h3{font-size:15px!important}.material-library-sheet .library-accordion p{font-size:14px!important}.material-library-sheet .accordion-arrow{font-size:20px;color:#aaa}.material-library-sheet .category-count{font-size:12px;padding:3px 9px;background:#f7f7f7}.material-library-sheet .accordion-brands{padding:0 0 10px 28px}.material-library-sheet .accordion-brand{padding:10px 0}.library-footer{border-top:1px solid #eee;padding-top:18px;display:grid;gap:10px}.library-footer .quiet{text-align:left}.library-footer .primary{width:100%}
.compact-material-dialog{position:relative;width:min(620px,94vw);padding:28px;border-radius:20px}.compact-material-dialog h2{text-align:center;font-size:21px}.material-close{position:absolute;right:12px;top:12px;border:0;font-size:24px;background:transparent}.material-breadcrumb{font-size:14px;color:#999;border-bottom:1px solid #eee;padding-bottom:18px}.compact-material-dialog label{font-size:14px}.compact-material-dialog h3{font-size:14px;margin-top:24px}.material-code-entry{flex-wrap:nowrap}.material-code-entry input{min-width:0}.material-code-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.code-token{padding:6px 10px;font-size:13px;background:#fafafa}.inline-category-create{display:flex;align-items:end;gap:8px}.inline-category-create label{flex:1;min-width:0}.inline-category-create .row{flex-wrap:nowrap;margin-bottom:8px;gap:6px}.compact-material-dialog #matForm>.row:last-child{justify-content:flex-end;border-top:1px solid #eee;padding-top:18px}
@media(max-width:600px){.material-library-sheet{padding:18px 14px}.material-library-sheet .library-accordion>summary{font-size:14px!important}.compact-material-dialog{padding:22px 18px}.design-mode{margin:0 0 20px}}

/* User palette: warm ivory, greige, stone and silver. */
:root{--paper:#f1efe9;--cream:#e5e1d8;--line:#d8d4cd;--ink:#363532;--muted:#716e69;--accent:#56534f;background:#f1efe9;color:#363532}
body{background:#f1efe9}.sidebar{background:#e5e1d8;border-color:#c9c5c2}.nav button.active{background:#c9c5c2}.topbar{border-color:#d8d4cd}.demo-banner{background:#e5e1d8;color:#56534f}.panel,.material-library-sheet,.card,.operation-form,.profile-edit-card{background:#fff;border-color:#e5e1d8;box-shadow:none}.step,.operation-hand,.notice,.empty{background:#f1efe9;border-color:#e5e1d8}.badge,.category-count,.avatar{background:#e5e1d8;color:#56534f}.cover,.blank-art{background:#e5e1d8;color:#898a89}.primary,button.primary,.operation-finger:has(input:checked) span{background:#56534f;border-color:#56534f;color:#fff}.cure-options button:not(.primary){background:#f1efe9}.toast{background:#56534f}.top-space{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.top-space select{width:auto;max-width:260px;margin:0;background:#fff;border-color:#c9c5c2;font-size:13px}.top-space .status{font-size:10px;color:#716e69}.library-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.library-subtitle-row p{margin:0}.library-subtitle-row button{font-size:13px;padding:6px 0}.page-head:has(.library-subtitle-row)>div{width:100%}.combination-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.combination-token{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#e5e1d8}.combination-token button{padding:0 3px;border:0;background:transparent}.mix-plus{color:#716e69}.combination-query{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.combination-query input{flex:1;min-width:150px}.query-plus{padding:10px 14px}.combination-line h3{line-height:1.7}.review-material{padding:14px 0;border-bottom:1px solid #e5e1d8}.review-material h3{font-size:17px}.review-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.home-bottom-actions{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:calc(50% + 115px);transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:space-around;width:min(360px,calc(100% - 32px));height:72px;padding:8px 20px;background:#fff;border:1px solid #e5e1d8;border-radius:22px;box-shadow:0 8px 24px #36353212}.home-bottom-actions button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:transparent;color:#56534f}.home-bottom-actions .home-create{border-radius:50%;background:#56534f;color:white}.has-bottom-actions{padding-bottom:120px}
@media(max-width:800px){.home-bottom-actions{left:50%}.topbar{gap:10px;flex-wrap:wrap}.top-space select{max-width:190px}.top-space{margin-left:auto}.library-subtitle-row{gap:10px}.review-actions{flex-direction:column}.review-actions button{width:100%}}

/* Quiet recording surface: avoid stacks of tinted boxes. */
.quiet-step-editor{background:#fff!important;border:1px solid #e5e1d8!important;border-radius:12px;padding:20px!important;box-shadow:none!important}.quiet-step-editor .operation-hand,.quiet-step-editor .operation-form{background:transparent!important;border:0!important;border-radius:0;padding:12px 0!important;box-shadow:none!important}.quiet-step-editor .operation-hands{gap:28px}.quiet-step-editor .operation-row{background:transparent;border:0;border-bottom:1px solid #e5e1d8;border-radius:0}.quiet-step-editor .combination-token{background:#f1efe9;border-radius:6px}.quiet-step-editor .operation-finish{border-top:1px solid #e5e1d8;padding-top:16px}.quiet-step-editor .operation-hand>h3{font-size:16px}.quiet-step-editor .operation-form textarea{min-height:76px}.quiet-step-editor .operation-fingers{margin:8px 0 18px}.compact-detail-layout{display:block!important}.compact-detail-photos{display:grid!important;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;width:min(420px,100%);aspect-ratio:1.5;margin:0 0 22px!important}.compact-detail-photos img{display:block;width:100%!important;height:100%!important;min-height:0;object-fit:cover;margin:0!important;border-radius:8px;cursor:zoom-in}.compact-detail-photos img:first-child{grid-column:1;grid-row:1 / 3}.compact-detail-photos img:nth-child(2){grid-column:2;grid-row:1}.compact-detail-photos img:nth-child(3){grid-column:2;grid-row:2}.compact-detail-photos[data-photo-count="1"]{width:min(260px,70%);aspect-ratio:1;grid-template-columns:1fr}.compact-detail-photos[data-photo-count="0"]{display:none!important}.review-material input[data-new-review-category]{margin-top:8px}
@media(max-width:600px){.compact-detail-photos{max-width:330px}.quiet-step-editor{padding:14px!important}.quiet-step-editor .operation-hands{gap:16px}.topbar>span:not(.mobile-brand){max-width:48%;line-height:1.6}}
.panel:has(>#inlineStep:not(:empty))>.empty{display:none}.quiet-step-editor .operation-hand:has(#operationForm)>p.muted{display:none}.main>.panel:has(.quiet-step-editor){background:white}.quiet-step-editor{border:0!important;padding:12px 0!important}.review-material{background:white}.step{background:white;border-color:#e5e1d8}.operation-row button{background:transparent}.card .cover{background:#e5e1d8}
.compact-detail-layout{display:grid!important;grid-template-columns:minmax(230px,380px) minmax(0,1fr);align-items:start;gap:28px}.compact-detail-photos{width:100%;max-width:380px}.accordion-arrow,.mix-plus{color:#abacad}.quiet-step-editor>.row>h2{margin:0}.operation-hand>.add-operation{border-style:dashed;color:#56534f;background:white}
@media(max-width:900px){.compact-detail-layout{display:block!important}.compact-detail-photos{width:min(330px,100%)}.compact-detail-photos[data-photo-count="1"]{width:min(220px,65%)}}
.compact-detail-photos{aspect-ratio:auto;grid-template-columns:calc((100% * 2 - 8px) / 3) 1fr;grid-template-rows:repeat(2,auto);align-items:start}.compact-detail-photos img{aspect-ratio:1;height:auto!important}.compact-detail-photos[data-photo-count="1"]{grid-template-columns:1fr;grid-template-rows:auto}.compact-detail-photos[data-photo-count="1"] img:first-child{grid-row:1}
@media(min-width:701px){.home-bottom-actions{left:calc(50% + 115px)}}
@media(max-width:700px){.shell:has(.home-bottom-actions) .nav [data-page="account"],.shell:has(.home-bottom-actions) .nav [data-page="materials"]{display:none}.home-bottom-actions{left:50%}.has-bottom-actions{padding-bottom:120px}}
/* Annotation refinements and material interchange. */
.design-mode.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.design-mode.row button{width:100%;min-width:0;padding:12px 5px;font-size:14px;white-space:nowrap}.combination-query{grid-template-columns:auto minmax(0,1fr)}.excel-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.excel-actions button{font-size:14px}.excel-preview{max-height:320px;overflow:auto;margin:12px 0}.excel-preview table{width:100%;border-collapse:collapse;font-size:14px}.excel-preview th,.excel-preview td{text-align:left;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}

@media(min-width:701px){.home-bottom-actions{display:none}.main.has-bottom-actions{padding-bottom:40px}.nav .sidebar-create{background:#56534f;color:#fff;text-align:center;margin-bottom:14px;border:1px solid #56534f}}
@media(max-width:700px){.nav .sidebar-create{display:none}}

.shell.work-reading{display:block}.work-reading>.sidebar,.work-reading .topbar{display:none}.work-reading>.main{max-width:1100px;margin:auto}.work-reading .page-head{margin-top:0}
@media(max-width:700px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding-bottom:14px;margin-bottom:18px;align-items:start}.topbar>span:not(.mobile-brand){display:none}.topbar .mobile-brand{font-size:27px;line-height:40px}.top-space{width:100%;gap:4px;min-width:0}.top-space select{width:auto;max-width:100%;font-size:14px;padding:8px 10px;height:40px}.top-space .status{font-size:10px;white-space:nowrap}.main .page-head{margin-bottom:18px}.main .page-head h1{font-size:27px;margin:8px 0}.main .page-head .eyebrow{font-size:10px;letter-spacing:.15em}.main .page-head p{font-size:13px;line-height:1.5;margin:8px 0}.main .tools{gap:8px;margin-bottom:18px}.main .tools input,.main .tools select{padding:9px 10px;min-height:40px}.work-reading>.main{padding-top:20px}.review-actions{gap:8px}.review-actions button{padding:12px}.review-material{padding:10px 0}}

.mobile-persistent-actions{display:none}.mobile-demo-fold>summary{display:none}.mobile-demo-fold:not([open])>.demo-account-switch{display:block}
@media(max-width:700px){.demo-banner{display:none}.mobile-demo-fold>summary{display:block;font-size:11px;color:var(--muted);padding:6px 0;cursor:pointer}.mobile-demo-fold:not([open])>.demo-account-switch{display:none}.sidebar{padding:8px 16px}.demo-account-switch{margin:8px 0}.nav [data-page="account"],.nav [data-page="materials"]{display:none!important}.nav button{font-size:13px;padding:10px 9px}.main{padding:14px 16px 100px}.page-head .eyebrow{display:none}.main:has(#search) .page-head p{display:none}.main .page-head h1{font-size:25px}.home-bottom-actions{display:none}.mobile-persistent-actions{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;align-items:center;width:min(330px,calc(100% - 32px));height:64px;background:white;border:1px solid var(--line);border-radius:20px;z-index:20;box-shadow:0 6px 18px #36353210}.mobile-persistent-actions button{width:46px;height:46px;padding:10px;border:0;background:transparent}.mobile-persistent-actions .home-create{border-radius:50%;background:var(--accent);color:white}.mobile-persistent-actions [aria-current="page"]{background:var(--cream);border-radius:12px}.work-reading .mobile-persistent-actions{display:none}.topbar{margin-bottom:12px;padding-bottom:10px}.card-body{padding:12px}.card h3{font-size:16px}.card .cover{height:auto;aspect-ratio:1}}
/* Locale controls and an update action usable from a home-screen web app. */
.member-language{display:grid;gap:10px;margin-top:20px}.member-language select{width:100%;min-height:44px}.member-language button{justify-self:start}
#versionNotice{position:fixed;z-index:10000;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:14px;background:#fff;border:1px solid #c9c5c2;border-radius:14px;box-shadow:0 6px 30px #0002;font-size:14px}#versionNotice button{min-height:44px;padding:8px 12px}
html[data-locale="th"] body{font-family:"Noto Serif Thai",Tahoma,serif}html[data-locale="ko"] body{font-family:"Noto Serif KR","Apple SD Gothic Neo",serif}html[data-locale="ja"] body{font-family:"Noto Serif JP","Hiragino Mincho ProN",serif}
.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-options article{padding:16px;border:1px solid #e5e1d8;border-radius:12px}.subscription-page p{line-height:1.8}.subscription-page button{margin:8px 8px 8px 0}@media(max-width:700px){.plan-options{grid-template-columns:1fr}.plan-options article{padding:12px}}
/* Account identity status and update action stay beside their related information. */
.profile-phone-status{display:block;width:auto;margin:8px 0 0;padding:4px 0;border:0;background:transparent;color:#56534f;font-size:13px;text-align:left;line-height:1.5}
.profile-phone-status:disabled{opacity:1;cursor:default;color:#77736e}
#checkAppUpdate{flex-shrink:0;align-self:flex-start;white-space:nowrap;font-size:13px;padding:8px 12px;margin-top:8px}
@media(max-width:600px){#checkAppUpdate{font-size:12px;padding:7px 9px}.profile-phone-status{font-size:12px}}
@media(max-width:700px){.shell .sidebar .nav [data-page="account"],.shell .sidebar .nav [data-page="materials"]{display:inline-flex!important}}
.subscription-page{max-width:760px;margin:auto;color:#494642}.subscription-page>h2{font-size:25px;margin:0 0 12px}.subscription-page>p{font-size:14px;line-height:1.8;color:#6c6762}.subscription-page>h3{font-size:17px;margin:26px 0 8px;padding-top:20px;border-top:1px solid #e5e1d8}.subscription-page .plan-options{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.subscription-page .plan-options article{display:grid;grid-template-columns:80px 1fr;gap:4px 16px;padding:18px 20px;border:1px solid #e5e1d8;border-radius:12px;background:#f8f7f4}.subscription-page .plan-options h3{grid-row:span 2;font-size:21px;margin:0}.subscription-page .plan-options p{margin:0;font-size:14px;line-height:1.7}.subscription-page .plan-options article:last-child{background:#e5e1d8}.subscription-page #subscriptionClose{margin-top:12px}#trialResult.danger{color:#9b514d}#adminList .member>div{min-width:0;overflow-wrap:anywhere}#adminList .member button{flex-shrink:0}