@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";.learning-home{max-width:1080px;margin:0 auto;padding:58px 32px 70px}.learning-intro{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:32px}.learning-intro h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.055em;line-height:1.45;margin:14px 0}.learning-intro p{color:#788492;line-height:1.9}.learning-summary{width:230px;flex-shrink:0;border-left:1px solid var(--line);padding-left:35px}.learning-summary>span{font-size:12px;color:#7c8796}.learning-summary strong{display:block;font-size:54px;letter-spacing:-.06em;margin:8px 0 12px}.learning-summary small{font-size:20px;font-weight:400;color:#a7aeb8;letter-spacing:0}.learning-summary p{font-size:11px;margin-top:14px}.summary-track{height:4px;background:#e8edf4;border-radius:4px;overflow:hidden}.summary-track i{display:block;height:100%;background:var(--blue)}.learning-actions{display:flex;gap:12px;margin-bottom:42px}.study-sets{margin-bottom:32px}.study-sets h2{font-size:13px;font-weight:500;margin-bottom:14px;color:#657184}.study-sets>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.study-set{position:relative;text-align:left;padding:20px 30px 20px 20px;border:1px solid #e0e8f3;background:#f4f7fc;border-radius:12px}.study-set:hover{background:#edf3fc}.study-set>span{display:block;color:#8191a8;font-size:10px;margin-bottom:10px}.study-set strong{font-size:14px;font-weight:600}.study-set p{font-size:11px;color:#79899e;line-height:1.8;margin-top:8px}.study-set>svg{position:absolute;right:12px;top:20px;color:#7b96bb}.study-set-lessons{padding-left:24px;font-size:13px;color:#657184;line-height:2;margin-bottom:25px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.source-author,.learning-sources .source-author{display:flex;align-items:center;gap:6px;color:#7a8698;font-size:10px;padding:8px 0;min-height:36px}.lesson-notes .source-scope{font-size:10px;line-height:1.8}.learning-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:32px}.learning-tabs button{font-size:14px;color:#8791a0;padding:13px 3px;border-bottom:2px solid transparent;min-width:50px}.learning-tabs .active{color:var(--blue);border-color:var(--blue);font-weight:600}.learning-groups{display:grid;grid-template-columns:1fr 1fr;gap:25px}.learning-group{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.learning-group>header{display:flex;gap:14px;padding:24px 23px;min-height:122px;align-items:flex-start}.group-number{font-size:11px;color:#9fa9b7;padding-top:6px}.learning-group h2{font-size:18px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}.learning-group header p{font-size:12px;line-height:1.8;color:#85909f}.group-piece{margin-left:auto;flex-shrink:0;font-family:var(--serif);font-size:23px;color:#a3814a;background:#fbf6eb;clip-path:polygon(50% 0,85% 17%,100% 100%,0 100%,15% 17%);padding:9px 10px 5px}.lesson-list{border-top:1px solid #f0f2f5}.lesson-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:17px 23px;min-height:76px;border-bottom:1px solid #f0f2f5}.lesson-card:last-child{border-bottom:0}.lesson-card:hover{background:#f7faff}.lesson-card>svg{color:#b0bac6}.side-badge{font-size:10px;background:#eff4fc;color:#4c73b9;padding:6px;border-radius:5px;white-space:nowrap}.side-badge.white{background:#f0f4f2;color:#557c6e}.lesson-card-main{display:flex;flex:1;flex-direction:column;gap:6px}.lesson-card-main strong{font-size:13px;font-weight:500;line-height:1.5}.lesson-card-main>span{font-size:10px;color:#929dab}.lesson-dots{display:flex;gap:4px}.lesson-dots i{width:5px;height:5px;border-radius:50%;background:#e7ebf1}.lesson-dots .filled{background:var(--blue)}.learning-sources{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.learning-sources h2{font-size:13px;font-weight:500;margin-bottom:14px}.learning-sources a{display:flex;align-items:center;gap:10px;font-size:12px;padding:9px 0;color:#55739c}.learning-sources p{font-size:11px;color:#929dab;line-height:1.9;max-width:650px;margin-top:12px}.lesson-introduction{font-size:14px;line-height:1.9;color:#657184;margin-bottom:24px}.lesson-start-actions{display:grid;gap:10px}.text-button{display:block;color:#657b9d;font-size:12px;padding:16px 0;min-height:44px;margin:auto}.lesson-page{max-width:1000px;margin:0 auto;padding:0 32px 30px}.lesson-header{height:76px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);font-size:12px;color:#7c8898;margin-bottom:28px}.lesson-queue{margin-left:auto;font-variant-numeric:tabular-nums}.lesson-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(0,300px);gap:65px;justify-content:center}.lesson-stage{width:100%;max-width:clamp(330px,calc((100dvh - 240px)/1.26),480px);margin:0 auto}.lesson-title{display:flex;gap:12px;align-items:center;margin:0 0 18px}.lesson-title h1{font-size:20px;font-weight:600;letter-spacing:-.035em;line-height:1.5}.lesson-side{color:var(--blue);font-size:11px;flex-shrink:0;background:#edf3fc;border-radius:4px;padding:5px 7px}.lesson-progress{height:3px;background:#e9eef5;border-radius:3px;overflow:hidden}.lesson-progress div{height:100%;background:var(--blue);transition:width .35s}.lesson-meta{display:flex;justify-content:space-between;font-size:11px;color:#8d99a8;padding-top:13px}.lesson-controls{display:flex;gap:8px;align-items:center}.lesson-controls>.secondary{flex:1;font-size:12px;min-height:44px;padding:10px}.lesson-feedback{min-height:62px;padding-top:15px;font-size:12px;line-height:1.8}.move-hint{display:flex;align-items:flex-start;gap:8px;color:#577095}.move-hint svg{margin-top:3px}.retry-note{color:#b27e35;background:#fff9ed;border-radius:7px;padding:9px 12px;margin-bottom:8px}.opponent-moving{color:#95a1af;font-size:11px;display:flex;align-items:center;gap:8px}.opponent-moving i{width:5px;height:5px;background:#aab7c9;border-radius:50%;animation:blink 1s infinite alternate}@keyframes blink{to{opacity:.25}}.lesson-notes{padding-top:45px}.lesson-notes h2{font-size:24px;line-height:1.5;margin:15px 0;letter-spacing:-.04em}.lesson-notes p{font-size:13px;line-height:2;color:#718094}.lesson-notes .lesson-small{margin-top:25px;font-size:11px;color:#99a4b2}.lesson-source{display:flex;align-items:center;gap:8px;font-size:11px;color:#7c91ae;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;min-height:44px}.result-check{display:flex;width:60px;height:60px;align-items:center;justify-content:center;color:#356f54;background:#eef6f0;border-radius:50%;margin-bottom:22px}.result-numbers{display:flex;gap:20px;margin:20px 0 24px;font-size:11px;color:#8995a5}.result-numbers b{font-weight:500;color:#3f4a5b;margin-left:5px}.lesson-result .wide{margin-top:10px}.learning-save-error{max-width:800px;margin:0 auto 20px}@media(max-width:760px){.study-sets>div,.source-list{grid-template-columns:1fr}.study-set{padding:15px 35px 15px 17px}.study-set>span{float:right;margin:0 0 0 10px}.study-set p{margin-top:5px}.study-set>svg{top:17px}.study-sets{margin-bottom:25px}.learning-home{padding:30px 20px 45px}.learning-intro{align-items:flex-start;gap:15px;margin-bottom:24px}.learning-intro h1{font-size:29px}.learning-intro p{font-size:12px}.learning-summary{width:106px;padding-left:17px;margin-top:33px}.learning-summary strong{font-size:36px}.learning-summary small{font-size:14px}.learning-summary>span{font-size:9px}.learning-summary p{font-size:9px;line-height:1.6}.learning-actions{flex-direction:column;margin-bottom:23px}.learning-actions button{font-size:12px;min-height:46px}.learning-groups{grid-template-columns:1fr;gap:20px}.learning-tabs{margin-bottom:22px}.learning-group>header{padding:20px;min-height:100px}.learning-group h2{font-size:17px}.lesson-card{padding:15px 20px}.learning-sources a{font-size:11px;line-height:1.7}.lesson-page{padding:0 14px 30px}.lesson-header{height:60px;margin-bottom:18px;gap:12px}.lesson-layout{display:flex;flex-direction:column;gap:0}.lesson-stage{max-width:460px}.lesson-title{margin-bottom:13px;gap:9px}.lesson-title h1{font-size:17px}.lesson-meta{padding-top:10px}.lesson-notes{padding:12px 9px 0;max-width:460px;width:100%;margin:auto}.lesson-notes>.eyebrow,.lesson-notes>h2{display:none}.lesson-notes>p{font-size:12px}.lesson-notes .lesson-small{margin-top:12px}.lesson-source{margin-top:18px}.lesson-feedback{min-height:44px;padding-top:12px}.lesson-result h2{font-size:23px}.result-check{width:46px;height:46px;margin-bottom:16px}}@media(max-width:350px){.learning-home{padding:24px 14px}.learning-intro h1{font-size:24px}.learning-summary{width:85px;padding-left:12px}.learning-summary strong{font-size:30px}.learning-summary p{display:none}.lesson-page{padding:0 10px 24px}.lesson-title h1{font-size:15px}.lesson-card{gap:9px;padding:14px}}:root{font-family:Inter,Noto Sans JP,sans-serif;font-size:14px;color:#202937;background:#fbfcfe;font-synthesis:none;--blue: #235fd3;--muted: #929aa7;--line: #e8ebf0;--serif: "Noto Serif JP", "Yu Mincho", serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;padding:0}button:disabled{opacity:.28;cursor:default}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}svg{flex-shrink:0}button{transition:background .15s,color .15s,transform .15s}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#778292}.icon-button:hover:not(:disabled){background:#eef2f8;color:var(--blue)}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:10px;font-weight:500}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 8px #235fd319}.primary:hover:not(:disabled){background:#194fb9}.secondary{border:1px solid var(--line);background:#fff}.secondary:hover{background:#f4f6f9}.wide{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error{background:#fff2ef;border:1px solid #f2d4ca;color:#a3402d;padding:12px 15px;border-radius:9px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.fatal{margin:100px auto;max-width:600px;padding:30px}.fatal p{margin:20px 0}.fatal button{color:var(--blue)}.red{color:#a6382b}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-header{height:78px;border-bottom:1px solid var(--line);padding:0 max(32px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-1px;font-weight:600}.brand>span:first-child{font-family:var(--serif);font-size:21px;letter-spacing:0;width:34px;height:36px;display:grid;place-items:center;background:#eef3fe;border-radius:8px;color:var(--blue);margin-right:2px}.brand-dot{color:var(--blue);margin-left:-8px}.header-center{font-size:10px;letter-spacing:2.6px;color:#a5acb6}.header-library{display:flex;align-items:center;gap:10px;font-size:12px;padding:10px 13px;border:1px solid #e7ebf1;border-radius:8px}.header-library:hover{border-color:#c4d3ee;background:#f7f9ff}.header-library>svg:last-child{color:#919aaa}.workspace{max-width:1060px;margin:40px auto 0;padding:0 24px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.8px;color:#8492a8;margin-bottom:10px}.eyebrow i{width:5px;height:5px;background:var(--blue);border-radius:50%}.title-button{display:flex;align-items:center;gap:14px;text-align:left}.title-button h1{font-size:25px;font-weight:600;letter-spacing:-.5px}.title-button>svg{color:#a4adba}.record-type{font-size:9px;letter-spacing:1.5px;color:#8693a7;border:1px solid #e0e6ef;border-radius:4px;padding:6px 8px}.workspace-grid{display:grid;grid-template-columns:minmax(0,660px) 270px;gap:56px;align-items:start}.stage{min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 15px 7px}.turn{display:flex;align-items:center;gap:7px;font-size:12px;color:#7a8595}.turn i{width:9px;height:9px;border-radius:50%;border:1px solid #86909d}.turn i.black{background:#3d4859;border-color:#3d4859}.stage-toolbar>div{display:flex;align-items:center;gap:7px}.tool{display:flex;align-items:center;gap:6px;padding:8px 10px;color:#7a8595;border-radius:7px;font-size:11px}.tool.active{color:var(--blue);background:#eaf0fc}.board-canvas{width:100%;position:relative;aspect-ratio:1000/1260}.board-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}.board-canvas:has(.accessible-board button:not(:disabled)) canvas{touch-action:none}.accessible-board{pointer-events:none;position:absolute;inset:0}.accessible-board button{position:absolute;opacity:0;pointer-events:none}.accessible-board button:focus-visible{opacity:1;outline:3px solid var(--blue);outline-offset:-3px;background:#235fd30c}.material-loading,.material-error{position:absolute;inset:15% 5%;display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center;background:#f2f4f7;border-radius:8px;color:#919aaa;z-index:2}.material-loading span{width:70px;height:3px;background:linear-gradient(90deg,#e2e7ef,#7c9bce,#e2e7ef);background-size:200%;animation:loading 1.5s infinite}.material-error button{color:var(--blue)}@keyframes loading{to{background-position:-200%}}.transport{padding:4px 23px 0}.scrub-label{display:flex;justify-content:space-between;font-size:12px;color:#a0a8b4;align-items:center}.scrub-label>span:first-child{font-weight:500;color:#57677f}.scrub-label strong{font-size:14px;color:#48566d;font-weight:500}.scrubber{appearance:none;width:100%;height:3px;border-radius:6px;margin:19px 0 20px;background:linear-gradient(to right,#4777d7 0 var(--progress),#e4e9f1 var(--progress) 100%);cursor:pointer;display:block}.scrubber::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--blue);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d0dcf3,0 1px 4px #183b7520}.scrubber::-moz-range-thumb{width:9px;height:9px;background:var(--blue);border:3px solid white;border-radius:50%}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:26px}.transport-buttons .icon-button{width:38px;height:42px}.transport-buttons .step{width:44px}.play{width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #235fd323}.play:hover:not(:disabled){background:#194fb9;transform:translateY(-1px)}.transport-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:10px;color:#a8afba}.transport-foot label{display:flex;align-items:center;gap:10px}.transport-foot select{appearance:none;background:#f0f3f8;border:0;border-radius:5px;padding:5px 8px;color:#6e7d92;cursor:pointer}.editing-note{font-size:11px;color:#7c8ba0;line-height:1.8;margin:0 24px 18px}.timeline{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.timeline>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 19px}.timeline>header>span{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500}.timeline>header svg{color:#8d9bb0}.timeline small{font-size:10px;color:#a0a8b4}.timeline-list{max-height:510px;overflow:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#e1e6ef transparent}.ply{display:flex;align-items:center;gap:24px;width:100%;text-align:left;border-radius:5px;padding:11px 12px;font-size:13px;color:#5e6d82;min-height:41px}.ply:hover{background:#f5f7fb}.ply.current{color:var(--blue);background:#edf3ff;font-weight:500}.ply>svg{margin-left:auto}.ply-number{font-variant-numeric:tabular-nums;width:19px;font-size:10px;color:#a8b1c0}.ply.current .ply-number{color:#7299e3}.record-details{margin:23px 0;padding:0 2px}.record-details>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:13px}.record-details span{color:#a0a8b5}.record-details strong{font-weight:400;color:#738095}.record-details button{border-top:1px solid var(--line);display:flex;align-items:center;width:100%;gap:8px;padding-top:18px;margin-top:20px;font-size:11px;color:#8a97aa}.record-details button:hover{color:var(--blue)}.record-details button svg:last-child{margin-left:auto}.sidebar-note{text-align:center;color:#b4bdc9;font-size:10px;letter-spacing:1px;margin-top:34px}.comment{padding:14px;font-size:12px;line-height:1.8;border-top:1px solid var(--line);white-space:pre-wrap}.app-footer{max-width:1060px;margin:45px auto 0;padding:25px 24px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#b4bac4;font-size:9px;letter-spacing:.5px}.global-error{display:flex;gap:12px;align-items:start;margin-bottom:18px}.global-error button{padding-top:4px}.mobile-moves{display:none}@media(min-width:641px){.app-header{height:64px}.workspace{margin-top:20px}.page-title{margin-bottom:16px}.stage{--board-width: clamp(330px, calc((100dvh - 360px) / 1.26), 540px)}.board-canvas{max-width:var(--board-width);margin:auto}.stage-toolbar,.transport{max-width:calc(var(--board-width) + 18px);margin-left:auto;margin-right:auto}}@media(min-width:1100px){.workspace{max-width:1030px}.workspace-grid{grid-template-columns:minmax(0,580px) 270px;gap:80px}}.dialog{border:1px solid #e4e9f2;padding:24px;border-radius:18px;width:min(480px,calc(100vw - 28px));max-height:85dvh;color:#263349;background:#fff;box-shadow:0 24px 100px #142c542b;overflow:auto}.dialog::backdrop{background:#18274040;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog h2{font-size:19px;letter-spacing:-.4px;font-weight:600}.dialog-description{font-size:12px;color:#8e99aa;margin-bottom:24px}.game-list{margin-bottom:24px;max-height:45vh;overflow:auto}.game{display:flex;align-items:center;gap:15px;width:100%;padding:18px 10px;border-bottom:1px solid #edf0f5;text-align:left}.game.active{background:#f4f7ff}.file-icon{width:42px;height:48px;display:grid;place-items:center;color:#7b97c7;background:#edf2fb;border-radius:8px}.game>span:nth-child(2){flex:1;min-width:0}.game strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.game small{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ba7b8;margin-top:7px}.game small i{height:3px;width:3px;border-radius:50%;background:#b7c2d0}.game>svg{color:#91a7c8}.game.active>svg{color:var(--blue)}.upload-zone{width:100%;min-height:150px;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;border:1px dashed #cbd7eb;background:#f8faff;border-radius:12px;color:#7893c0;margin-bottom:22px}.upload-zone strong{font-weight:500;font-size:13px;color:#4d6791}.upload-zone span{font-size:10px}.or{display:flex;align-items:center;gap:14px;color:#acb5c2;font-size:10px;margin:18px 0}.or span{height:1px;background:#eef1f6;flex:1}.field-label{display:block;font-size:12px;color:#7d8da5;margin:12px 0}.dialog textarea{resize:vertical;width:100%;min-height:140px;border:1px solid #e0e7f1;border-radius:9px;padding:13px;font-size:12px;line-height:1.8;background:#fcfdff}.dialog textarea::placeholder{color:#bac2cd}.dialog textarea:focus{outline:1px solid var(--blue)}.format-note{font-size:11px;color:#97a2b4;line-height:1.9;margin:15px 0 20px}.choice-row{display:flex;gap:9px;margin:18px 0}.choice-row button{display:flex;align-items:center;gap:5px;justify-content:center;border:1px solid #e1e7f0;border-radius:8px;padding:12px 8px;flex:1;font-size:12px}.choice-row button.selected{color:var(--blue);background:#eef4ff;border-color:#c4d6f5}.promotion-choices{display:flex;gap:16px}.promotion-choices button{display:flex;flex:1;flex-direction:column;align-items:center;gap:14px;padding:23px;border:1px solid #e1e6ee;border-radius:12px;font-size:13px}.promotion-choices button:hover{background:#f4f7fc}.promotion-choices strong{font-family:var(--serif);font-size:40px;font-weight:600}.dialog .timeline{margin-bottom:18px}@media(max-width:640px){.dialog{padding:20px;border-radius:16px}.dialog h2{font-size:18px}.game{padding:16px 5px}.dialog:has(.timeline){max-height:90dvh}.choice-row{gap:7px}}@media(max-width:800px){.app-header{height:65px;padding:0 24px}.workspace{margin-top:28px}.workspace-grid{gap:28px;grid-template-columns:minmax(0,1fr) 230px}.header-center{display:none}.title-button h1{font-size:22px}.transport-buttons{gap:12px}}@media(max-width:640px){.app-header{height:62px;padding:0 21px}.brand{font-size:22px}.brand>span:first-child{font-size:18px;width:29px;height:31px}.header-library{font-size:11px;gap:7px;padding:8px 10px}.header-library>svg:last-child{display:none}.workspace{padding:0 12px;margin:23px auto 0}.page-title{padding:0 10px;margin-bottom:17px}.title-button{gap:10px}.title-button h1{font-size:20px;letter-spacing:-.4px}.title-button>svg{width:16px}.eyebrow{font-size:9px;margin-bottom:8px}.record-type{font-size:7px;padding:5px 6px}.workspace-grid{display:block}.sidebar{display:none}.stage-toolbar{padding:0 13px}.stage-toolbar>div{gap:2px}.tool{font-size:10px;padding:7px}.stage-toolbar .icon-button{width:31px;height:32px}.turn{font-size:10px}.board-canvas{margin-top:-3px}.transport{padding:0 16px}.scrub-label{font-size:11px}.scrubber{margin:17px 0}.transport-buttons{gap:22px}.play{width:49px;height:49px}.transport-buttons .icon-button{width:32px;height:40px}.transport-foot{margin-top:12px}.keyboard-tip{visibility:hidden}.mobile-moves{display:flex;width:calc(100% - 32px);margin:20px 16px 0;padding:15px 0;border-top:1px solid var(--line);align-items:center;gap:8px;font-size:12px;color:#79879a}.mobile-moves>span{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:#a1aab7}.app-footer{margin-top:17px;padding:21px 25px 28px;font-size:8px}.app-footer>span:last-child{display:none}.editing-note{font-size:10px;margin:0 16px 12px}.timeline-list{max-height:55vh}.scrubber{height:4px}.scrubber::-webkit-slider-thumb{width:17px;height:17px}.material-loading{font-size:12px}}@media(max-width:360px){.workspace{padding:0 7px}.title-button h1{font-size:18px}.transport-buttons{gap:16px}.record-type{display:none}}.scrubber{height:24px;margin:8px 0 10px;background:transparent}.scrubber::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#4777d7 0 var(--progress),#e4e9f1 var(--progress) 100%)}.scrubber::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(to right,#4777d7 0 var(--progress),#e4e9f1 var(--progress) 100%)}.scrubber::-webkit-slider-thumb{margin-top:-4.5px}@media(max-width:640px){.transport-buttons .icon-button{width:44px;height:44px}.stage-toolbar .icon-button,.tool{min-height:40px}.stage-toolbar .icon-button{width:40px}.scrubber::-webkit-slider-thumb{margin-top:-7px}}@media(max-width:360px){.transport-buttons{gap:9px}}