:root{--ink:#292c27;--paper:#fbf8ee;--moss:#465749;--clay:#a55f47;--header:#f2eee3;--line:#d2ccbe;--muted:#777369;--header-height:58px;--divider-size:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;background:#d8d6cf;font-family:Yu Gothic UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}button,select,input{font:inherit}button,summary,select{color:inherit}button{border:0}button:not(:disabled),summary,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.32}button:focus-visible,summary:focus-visible,select:focus-visible,canvas:focus-visible,.figure-stage:focus-visible,a:focus-visible{outline-offset:-1px;outline:3px solid #b26741b8}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.focus-app,.focus-workspace{width:100vw;height:100dvh}.focus-app{overflow:hidden}.focus-workspace{grid-template-columns:minmax(0, var(--reference-width,calc(50% - 4px))) var(--divider-size) minmax(0, var(--drawing-width,calc(50% - 4px)));gap:0;display:grid}.reference-pane,.drawing-pane{grid-template-rows:var(--header-height) minmax(0, 1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.reference-pane{background:#ebe8df}.drawing-pane{background:var(--paper)}.workspace-divider{z-index:35;width:var(--divider-size);min-width:var(--divider-size);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;padding:0;position:relative}.workspace-divider:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.workspace-divider:hover:before,.workspace-divider:focus-visible:before{background:#a55f47b8;width:3px}.workspace-divider:focus-visible{outline-offset:-2px;outline:2px solid #a55f4761}.pane-header{z-index:20;min-width:0;height:var(--header-height);border-bottom:1px solid var(--line);background:var(--header);position:relative}.reference-header{align-items:center;gap:8px;padding:6px 7px 6px 10px;display:flex}.practice-tabs{background:#e9e5da;border:1px solid #5b605624;border-radius:6px;flex:none;gap:1px;padding:2px;display:flex}.practice-tabs button{color:#62675f;letter-spacing:.01em;background:0 0;border-radius:4px;min-width:39px;height:28px;padding:0 6px;font-size:.61rem;font-weight:800}.practice-tabs button:hover{background:#46574914}.practice-tabs button.is-active{background:var(--moss);color:#fffaf0}.pose-title{letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.76rem;font-weight:700;line-height:1.2;overflow:hidden}.reference-header-controls,.model-tools,.session-controls,.drawing-header,.compact-tools,.compact-sizes{align-items:center;display:flex}.reference-header-controls{flex:none;gap:3px;min-width:0}.model-tools,.compact-tools,.compact-sizes{gap:2px}.header-icon-button,.drawing-header button,.canvas-menu>summary{color:#555951;background:0 0;border-radius:5px;flex:none;place-items:center;width:32px;height:32px;padding:0;list-style:none;display:grid}.header-icon-button svg,.drawing-header button svg,.canvas-menu>summary svg{stroke-width:1.8px;width:17px;height:17px}.header-icon-button:hover:not(:disabled),.drawing-header button:hover:not(:disabled),.canvas-menu>summary:hover{background:#46574917}.model-tools>button[aria-pressed=true],.drawing-header button.is-active,.drawing-header .tone-toggle{background:var(--moss);color:#fffaf0}.session-controls{border-left:1px solid var(--line);gap:2px;min-width:0;padding-left:5px}.session-controls>strong{font-variant-numeric:tabular-nums;text-align:center;min-width:53px;padding-inline:3px;font-family:ui-monospace,Cascadia Mono,Yu Gothic UI,monospace;font-size:.98rem;font-weight:700}.mode-cycle{color:#4f554e;background:#e7e2d6;border-radius:5px;flex:none;min-width:42px;height:32px;padding:0 7px;font-size:.63rem;font-weight:800}.mode-cycle:hover{background:#ddd7ca}.mode-cycle[data-mode=wire]{color:#557965}.mode-cycle[data-mode=silhouette]{color:#fffaf0;background:#373943}.session-controls .next-pose{background:var(--clay);color:#fff9ed;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:59px;height:32px;padding:0 7px;font-size:.67rem;font-weight:800;display:flex}.session-controls .next-pose:hover{background:#914f3a}.session-controls .next-pose svg{stroke-width:2px;width:15px;height:15px}.reference-surface,.drawing-surface{min-width:0;min-height:0;position:relative;overflow:hidden}.camera-guide{z-index:2;color:#3539339e;letter-spacing:.02em;pointer-events:none;white-space:nowrap;margin:0;font-size:.58rem;font-weight:700;line-height:1;position:absolute;top:8px;left:10px}.figure-stage,.drawing-canvas,.trace-guide-canvas{width:100%;height:100%;position:absolute;inset:0}.figure-stage canvas,.drawing-canvas{touch-action:none;display:block}.drawing-canvas{z-index:1;background:var(--paper);cursor:default}.trace-guide-canvas{z-index:2;opacity:.3;mix-blend-mode:multiply;pointer-events:none;display:block}.trace-guide-canvas[data-active=false]{display:none}.brush-cursor{z-index:4;opacity:0;pointer-events:none;border:1.5px dashed #2d332ef2;border-radius:50%;min-width:3px;min-height:3px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fffdf5e6}.brush-cursor[data-tool=eraser]{border-color:#884d37e6}.brush-cursor[data-visible=true]{opacity:1}.webgl-error{color:#784736;text-align:center;place-content:center;gap:6px;padding:24px;display:grid;position:absolute;inset:0}.webgl-error span{font-size:.72rem}.canvas-menu{position:relative}.canvas-menu summary::-webkit-details-marker{display:none}.canvas-menu>div{z-index:60;background:#f8f4e9;border:1px solid #c9c2b4;border-radius:5px;min-width:132px;padding:8px;position:absolute;top:calc(100% + 7px)}.drawing-header{justify-content:flex-end;gap:3px;padding:6px 8px}.drawing-header button,.canvas-menu>summary{width:32px;height:32px}.compact-sizes button i{background:currentColor;border-radius:50%;display:block}.tool-divider{background:#ccc5b7;flex:none;width:1px;height:20px;margin:0 2px}.canvas-menu>div{gap:3px;display:grid;right:0}.canvas-menu>div button{justify-content:flex-start;gap:7px;width:116px;padding-inline:8px;font-size:.67rem;font-weight:700;display:flex}.canvas-menu>div button svg{width:15px;height:15px}@media (width<=980px){:root{--header-height:52px}.focus-workspace{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.workspace-divider{display:none}.reference-pane{border-right:0;border-bottom:1px solid var(--line)}.drawing-header{justify-content:center}}@media (width<=640px){:root{--header-height:48px}.reference-header{gap:3px;padding:4px 5px}.practice-tabs{padding:1px}.practice-tabs button{min-width:33px;height:27px;padding-inline:3px;font-size:.56rem}.pose-title{z-index:3;top:calc(var(--header-height) + 20px);color:#353933ad;pointer-events:none;text-shadow:0 1px #fffdf5d9;max-width:calc(100vw - 14px);font-size:.61rem;display:block;position:absolute;left:7px}.reference-header-controls,.session-controls{gap:1px}.header-icon-button{width:29px;height:29px}.mode-cycle{min-width:36px;height:29px;padding-inline:5px;font-size:.59rem}.session-controls{padding-left:3px}.camera-guide{font-size:.52rem;top:6px;left:7px}.session-controls>strong{min-width:47px;padding-inline:1px;font-size:.84rem}.session-controls .next-pose{width:31px;min-width:31px;height:29px;padding:0}.session-controls .next-pose span{display:none}.drawing-header{gap:0;padding:4px}.drawing-header button,.canvas-menu>summary{width:28px;height:28px}.drawing-header button svg,.canvas-menu>summary svg{width:15px;height:15px}.compact-tools,.compact-sizes{gap:0}.compact-sizes button{width:24px}.tool-divider{height:18px;margin-inline:2px}}@media (width<=360px){.practice-tabs button{min-width:30px;padding-inline:2px;font-size:.53rem}.header-icon-button{width:27px;height:27px}.mode-cycle{min-width:34px;height:27px}.session-controls>strong{min-width:43px;font-size:.78rem}.session-controls .next-pose{width:29px;min-width:29px;height:27px}}@media (pointer:coarse){.brush-cursor{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.header-icon-link,.stage-tools .header-icon-button{color:#555951;background:#fbf8eed1;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;padding:0;text-decoration:none;display:grid}.header-icon-link:hover,.stage-tools .header-icon-button:hover,.stage-tools .header-icon-button[aria-pressed=true]{background:var(--moss);color:#fffaf0}.header-icon-link svg,.stage-tools svg{stroke-width:1.9px;width:17px;height:17px}.stage-tools{z-index:6;align-items:center;gap:5px;display:flex;position:absolute;top:28px;right:10px}.compare-button{color:#4c554d;background:#fbf8eee0;border:1px solid #4657492e;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:.66rem;font-weight:800;display:flex}.compare-button:not(:disabled):hover,.compare-button[aria-pressed=true]{border-color:var(--moss);background:var(--moss);color:#fffaf0}.touch-guide{display:none}.stage-loading{color:var(--muted);place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;inset:0}.coach-card,.intro-card,.review-card{background:#fbf8eef2;border:1px solid #53534a30;box-shadow:0 12px 34px #2c2a2321}.coach-card{z-index:5;border-radius:8px;width:min(330px,100% - 20px);padding:13px 14px;position:absolute;bottom:10px;right:10px}.coach-card>span,.intro-kicker,.review-card>span{color:var(--clay);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.59rem;font-weight:900;display:block}.coach-card>strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.77rem;line-height:1.55;display:block}.coach-card ol{color:#66675f;flex-wrap:wrap;gap:5px 12px;margin:8px 0 0;padding-left:18px;font-size:.61rem;line-height:1.5;display:flex}.intro-card{z-index:80;border-radius:12px;width:min(430px,100% - 24px);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-close,.review-close{background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.intro-close:hover,.review-close:hover{background:#46574917}.intro-close svg,.review-close svg{width:17px}.intro-card h2,.review-card h2{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;line-height:1.45}.intro-card h2{max-width:350px;font-size:1.18rem}.intro-card ol{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.intro-card li{color:#69685f;align-items:center;gap:10px;font-size:.71rem;display:flex}.intro-card li b{width:25px;height:25px;color:var(--moss);background:#e7e0d1;border-radius:50%;flex:none;place-items:center;display:grid}.intro-card li strong{color:var(--ink);margin-right:7px}.intro-primary{background:var(--clay);color:#fffaf0;border-radius:7px;width:100%;min-height:42px;font-size:.76rem;font-weight:900}.intro-primary:hover{background:#914f3a}.intro-links{justify-content:center;gap:18px;margin-top:12px;display:flex}.intro-links button,.intro-links a{color:#66675f;text-underline-offset:3px;background:0 0;padding:4px;font-size:.65rem;font-weight:700}.review-card{z-index:75;border-radius:9px;width:min(340px,50% - 24px);padding:18px;position:absolute;bottom:14px;right:14px}.review-card h2{padding-right:24px;font-size:1rem}.review-card>strong{color:#67675f;margin-top:8px;font-size:.66rem;line-height:1.5;display:block}.review-card ul{gap:5px;margin:11px 0 14px;padding-left:19px;font-size:.71rem;line-height:1.5;display:grid}.review-card>div{gap:7px;display:flex}.review-card>div button{border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:.67rem;font-weight:900;display:flex}.review-card>div svg{width:15px}.review-retry{color:var(--moss);background:#e8e3d7}.review-next{background:var(--clay);color:#fffaf0}.guide-page{color:#30342f;scroll-behavior:smooth;background:#f7f3e8;width:100%;height:100dvh;overflow-y:auto}.guide-topbar{z-index:100;background:#f7f3e8f2;border-bottom:1px solid #d4cdbf;justify-content:space-between;align-items:center;min-height:54px;padding:0 clamp(18px,4vw,58px);display:flex;position:sticky;top:0}.guide-topbar strong{letter-spacing:.08em;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.76rem}.guide-back,.guide-footer a{color:var(--moss);align-items:center;gap:7px;font-size:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.guide-back svg,.guide-footer svg{width:17px}.guide-hero{background:#e9e4d7;border-bottom:1px solid #d4cdbf;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:stretch;min-height:510px;display:grid}.guide-hero>div{flex-direction:column;justify-content:center;max-width:700px;padding:clamp(42px,7vw,96px);display:flex}.guide-hero>div>span{color:var(--clay);letter-spacing:.18em;font-size:.65rem;font-weight:900}.guide-hero h1{letter-spacing:-.03em;margin:14px 0 18px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(2rem,4.5vw,4.4rem);font-weight:600;line-height:1.23}.guide-hero p{color:#60635d;max-width:560px;margin:0;font-size:.9rem;line-height:1.95}.guide-hero img{object-fit:cover;width:100%;height:100%}.guide-start{background:var(--clay);color:#fffaf0;border-radius:4px;align-items:center;width:fit-content;min-height:43px;margin-top:25px;padding:0 20px;font-size:.75rem;font-weight:900;text-decoration:none;display:inline-flex}.guide-layout{grid-template-columns:190px minmax(0,780px);justify-content:center;gap:clamp(48px,8vw,110px);width:min(1180px,100% - 40px);margin:0 auto;padding:70px 0 100px;display:grid}.guide-nav{flex-direction:column;gap:1px;height:fit-content;display:flex;position:sticky;top:82px}.guide-nav>span{color:#8a867c;letter-spacing:.14em;margin-bottom:12px;font-size:.61rem;font-weight:900}.guide-nav a{color:#676961;align-items:center;gap:11px;padding:7px 4px;font-size:.69rem;font-weight:700;text-decoration:none;display:flex}.guide-nav a:hover{color:var(--clay)}.guide-nav b{color:#aaa497;font-family:ui-monospace,monospace;font-size:.59rem}.guide-article{min-width:0}.guide-section{padding:16px 0 82px;scroll-margin-top:75px;position:relative}.guide-section+.guide-section{border-top:1px solid #d7d0c2;padding-top:76px}.guide-number{color:var(--clay);letter-spacing:.12em;margin-bottom:8px;font-family:ui-monospace,monospace;font-size:.68rem;font-weight:900;display:block}.guide-section h2{letter-spacing:-.02em;margin:0 0 24px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:600}.guide-section h3{margin:0 0 8px;font-size:.82rem}.guide-section p,.guide-section li{color:#5e625c;font-size:.82rem;line-height:1.95}.guide-lead{font-size:.94rem!important}.route-list,.compact-steps,.review-steps{counter-reset:route;gap:0;margin:28px 0;padding:0;list-style:none;display:grid}.route-list li,.compact-steps li,.review-steps li{border-bottom:1px solid #ddd6c8;grid-template-columns:105px 1fr;gap:20px;padding:14px 0;display:grid}.route-list b,.review-steps b{color:var(--moss)}.guide-note{border-left:3px solid var(--clay);background:#eee8dc;gap:12px;margin:28px 0;padding:18px;display:flex}.guide-note svg{width:19px;color:var(--clay);flex:none}.guide-note p{margin:0}.skill-grid,.step-cards,.plan-grid,.guide-columns{gap:12px;margin:28px 0;display:grid}.skill-grid{grid-template-columns:repeat(3,1fr)}.skill-grid article,.step-cards article,.plan-grid article,.guide-columns>div{background:#fbf8ef;border:1px solid #d7d0c2;padding:20px}.skill-grid i{color:var(--clay);margin-bottom:17px;font-family:ui-monospace,monospace;font-size:.64rem;font-style:normal;font-weight:900;display:block}.skill-grid p,.step-cards p,.plan-grid p{margin:0;font-size:.72rem;line-height:1.75}.guide-columns{grid-template-columns:repeat(2,1fr)}.guide-columns ul{margin:0;padding-left:20px}.step-cards{grid-template-columns:repeat(3,1fr)}.step-cards b{color:var(--moss);margin-bottom:10px;display:block}.compact-steps{counter-reset:steps}.compact-steps li{counter-increment:steps;grid-template-columns:42px 1fr}.compact-steps li:before{color:var(--clay);content:counter(steps, decimal-leading-zero);font-family:ui-monospace,monospace;font-weight:900}.check-list{grid-template-columns:repeat(2,1fr);gap:8px 26px;padding-left:20px;display:grid}.guide-section blockquote{background:var(--moss);color:#fffaf0;border:0;margin:28px 0 0;padding:24px 28px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.98rem;line-height:1.8}.trouble-table{border-top:1px solid #cfc7b7}.trouble-table>div{border-bottom:1px solid #d9d2c4;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr);gap:24px;padding:15px 4px;display:grid}.trouble-table strong,.trouble-table span{font-size:.74rem;line-height:1.65}.trouble-table span{color:#62655f}.plan-grid{grid-template-columns:repeat(2,1fr)}.plan-grid svg{width:18px;color:var(--clay)}.plan-grid>article>b{margin:10px 0 6px;font-family:ui-monospace,monospace;font-size:1.1rem;display:block}.sources-section ul{margin-top:24px;padding-left:20px}.sources-section a{color:var(--moss);text-underline-offset:3px;font-weight:700}.guide-footer{border-top:1px solid #d0c8b9;padding:35px 0}.guide-footer p{margin:0 0 16px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.1rem;line-height:1.7}@media (width<=900px){.guide-hero{grid-template-columns:1fr}.guide-hero img{max-height:370px}.guide-layout{grid-template-columns:1fr}.guide-nav{border-bottom:1px solid #d4cdbf;grid-template-columns:repeat(3,1fr);padding-bottom:30px;display:grid;position:static}.guide-nav>span{grid-column:1/-1}}@media (width<=640px){.model-tools{z-index:8;top:calc(var(--header-height) + 58px);background:#f2eee3e0;border-radius:6px;padding:2px;position:absolute;right:7px}.drawing-pane{grid-template-rows:84px minmax(0,1fr)}.drawing-header{flex-wrap:wrap;place-content:center;height:84px;padding:7px 8px}.drawing-header:after{content:"";order:1;width:100%}.drawing-header .tone-toggle,.drawing-header>.icon-tool,.drawing-header .canvas-menu{order:2}.drawing-header .tool-divider{display:none}.stage-tools{top:24px;right:7px}.stage-tools .header-icon-button,.header-icon-link{width:30px;height:30px}.compare-button{justify-content:center;width:30px;min-width:30px;height:30px;padding:0}.compare-button span{display:none}.coach-card{width:calc(100% - 14px);padding:10px 11px;bottom:7px;right:7px}.coach-card ol{display:none}.intro-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:19px;position:fixed;top:50%;overflow-y:auto}.review-card{width:calc(100vw - 16px);max-height:min(210px,50dvh - 68px);padding:14px;inset:60px auto auto 8px;overflow-y:auto}.review-card>strong{display:none}.review-card ul{margin:7px 0 9px}.guide-topbar{padding:0 14px}.guide-topbar strong{font-size:.66rem}.guide-hero>div{padding:45px 22px}.guide-hero h1{font-size:2rem}.guide-hero img{height:260px}.guide-layout{width:calc(100% - 32px);padding-top:38px}.guide-nav{grid-template-columns:repeat(2,1fr)}.guide-section,.guide-section+.guide-section{padding-top:52px;padding-bottom:55px}.skill-grid,.step-cards,.plan-grid,.guide-columns,.check-list{grid-template-columns:1fr}.route-list li,.review-steps li{grid-template-columns:78px 1fr;gap:12px}.trouble-table>div{grid-template-columns:1fr;gap:4px}}@media (pointer:coarse){.pointer-guide{display:none}.touch-guide{display:inline}}@media (width>=641px) and (width<=980px) and (orientation:landscape) and (height<=520px){:root{--header-height:48px}.focus-workspace{grid-template-columns:minmax(0, var(--reference-width,calc(50% - 4px))) var(--divider-size) minmax(0, var(--drawing-width,calc(50% - 4px)));grid-template-rows:1fr}.workspace-divider{display:block}.reference-pane{border-bottom:0;border-right:0}.reference-header{gap:4px;padding:4px 5px}.practice-tabs button{min-width:34px;height:27px;padding:0 3px;font-size:.54rem}.pose-title{color:#353933b3;pointer-events:none;max-width:50%;font-size:.58rem;position:absolute;top:55px;left:7px}.model-tools{z-index:8;background:#f2eee3db;border-radius:6px;padding:2px;position:absolute;top:51px;right:6px}.reference-header .header-icon-button,.mode-cycle{width:28px;min-width:28px;height:28px}.session-controls>strong{min-width:45px;font-size:.78rem}.session-controls .next-pose{width:30px;min-width:30px;padding:0}.session-controls .next-pose span{display:none}.drawing-pane{grid-template-rows:82px minmax(0,1fr)}.drawing-header{flex-wrap:wrap;place-content:center;gap:1px;height:82px;padding:6px}.drawing-header:after{content:"";order:1;width:100%}.drawing-header .tone-toggle,.drawing-header>.icon-tool,.drawing-header .canvas-menu{order:2}.drawing-header .tool-divider{display:none}.stage-tools{top:25px}.compare-button span{display:none}.compare-button{min-width:32px;padding:0 7px}.coach-card{max-width:285px;padding:9px 10px}.coach-card ol{display:none}.review-card{width:calc(var(--reference-width) - 8px);max-height:190px;bottom:8px;left:8px;right:auto;overflow-y:auto}}