:root{--cream:#faf6ee;--green:#294a2c;--ink:#30382d;--sage:#e8ead8;--gold:#b67618;--muted:#72766c;--line:#dcd8ca;--font-body:-apple-system,BlinkMacSystemFont,"Noto Sans SC","Microsoft YaHei",sans-serif;--font-title:"Noto Serif SC","Songti SC","STSong","SimSun",serif}.workshop{color:var(--ink);background:var(--cream);font:15px/1.65 var(--font-body);text-align:left;-webkit-font-smoothing:antialiased}.workshop *{box-sizing:border-box}.workshop button,.workshop input,.workshop textarea{font:inherit}.workshop button{cursor:pointer;border:0}.workshop a{color:var(--green);text-decoration:none}.workshop a:hover{text-decoration:underline}.workshop button:focus-visible,.workshop a:focus-visible,.workshop summary:focus-visible{outline-offset:3px;outline:3px solid #b67618}.workshop button:disabled{opacity:.5;cursor:wait}.workshop input,.workshop textarea{color:var(--ink);background:#fffcf7;border:1px solid #cecdbf;border-radius:9px;outline:none}.workshop input:focus,.workshop textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #294a2c20}.workshop h1,.workshop h2,.workshop h3,.workshop p{margin:0}.workshop h1,.workshop h2,.workshop h3{color:var(--green)}.workshop h1{font:700 26px/1.45 var(--font-title);letter-spacing:.025em}.workshop h2{font-size:19px;line-height:1.4}.workshop h3{font-size:15px}.workshop svg{flex:none;width:20px;height:20px}.workshop .fine{color:var(--muted);font-size:12px;line-height:1.6}.workshop .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.preview-workshop{flex-direction:column;height:100%;display:flex;position:relative}.workshop-scroll{background:var(--cream);flex:1;min-height:0;overflow-y:auto}.workshop-body{padding-bottom:112px}.preview-workshop .workshop-body{padding-top:54px}.hero{height:110px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:50% 56%;width:100%;height:100%;position:absolute}.hero-type{color:#183e26;padding:13px 19px;position:relative}.hero-type>span{letter-spacing:-.02em;font:500 35px/1.05 Georgia,serif}.hero-type i{margin-left:7px;font-size:28px;font-style:normal}.hero-type p{font:700 19px/1.6 var(--font-title);letter-spacing:2px;margin-top:2px}.main-content{padding:15px 16px 0}.week-row{font:600 15px/1.5 var(--font-title);color:var(--green);justify-content:space-between;align-items:center;gap:9px;display:flex}.week-row .status{font:500 11px/1.4 var(--font-body);color:#946018;white-space:nowrap}.focus-heading{border-left:3px solid #7a9160;margin:17px 0 15px;padding-left:14px}.focus-heading p{color:#777a6f;margin-top:2px;font-size:15px}.small-only{display:none}.meta-row{justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.key-meta,.time-meta{white-space:nowrap;border-radius:25px;align-items:center;gap:5px;display:flex}.key-meta{color:#606459;background:#f0eddf;padding:4px 8px}.key-meta svg{width:15px;height:15px}.time-meta{color:#965e14;background:#f7e7cc;padding:4px 8px}.time-meta svg{width:15px;height:15px}.frequency{color:var(--muted);font-size:11px;margin-top:8px!important}.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading>span{color:var(--muted);white-space:nowrap;font-size:10px}.exercise-heading{margin:21px 0 12px}.rule{background:#adb196;flex:1;height:1px}.exercises{gap:5px;display:grid}.exercise{border-radius:8px;overflow:hidden}.exercise-toggle{text-align:left;width:100%;min-height:46px;color:var(--green);background:#f0ecdf;align-items:center;gap:12px;padding:9px 12px;display:flex}.exercise-toggle strong{letter-spacing:.05em;font-size:18px}.number{width:29px;height:29px;color:var(--green);background:#e3e5cc;border-radius:50%;place-items:center;font:600 21px/1 Georgia,serif;display:grid}.minutes{white-space:nowrap;margin-left:auto;font-size:14px}.exercise-toggle>svg{width:18px;height:18px}.expanded{background:#fbf8f0;border:1px solid #dfd9ca}.expanded .exercise-toggle{color:#fff9e8;background:#345535}.expanded .number{background:#f8f2cd}.exercise-content{padding:11px}.pattern{font-size:15px;font-weight:500;margin:0 3px 12px!important}.video-row{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:12px;display:grid}.video-thumb{aspect-ratio:1.65;background:#e9e3d6;border-radius:7px;display:block;position:relative;overflow:hidden}.video-thumb>img{object-fit:cover;width:100%;height:100%}.play{color:#fff;background:#0005;border:1.5px solid #fff;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play>svg{width:22px;height:22px}.video-caption{color:#fff;text-shadow:0 1px 4px #000;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:6px;left:8px;right:6px}.video-caption svg{width:12px;height:12px}.watch-focus{border-left:1px solid var(--line);padding-left:11px}.watch-focus h3{margin:0 0 3px;font-size:13px}.watch-focus ul{margin:0;padding-left:14px;font-size:11px;line-height:1.65}.watch-focus li+li{margin-top:4px}.video-title{margin-top:9px;font-size:11px;line-height:1.45;display:block}.video-title>svg{vertical-align:middle;width:11px;height:11px;display:inline}.channel{color:var(--muted);font-size:10px;margin-top:3px!important}.steps{border-top:1px solid #e5e0d3;margin-top:9px;padding-top:8px}.workshop summary{cursor:pointer;color:var(--green)}.steps summary{font-size:12px;font-weight:500}.steps ol{margin:10px 0;padding-left:18px;font-size:13px}.steps li+li{margin-top:8px}.source{align-items:center;gap:4px;margin-top:5px;font-size:11px;display:inline-flex}.source svg{width:11px;height:11px}.why{margin:14px 0 20px}.why summary{color:#687659;font-size:12px}.why p{color:#666e5d;margin-top:8px;font-size:13px}.feedback .section-heading{margin-bottom:9px}.feedback textarea{resize:vertical;width:100%;min-height:92px;padding:12px 10px;font-size:14px;display:block}.feedback-details{padding:12px 0}.speed-label{align-items:center;gap:8px;font-size:13px;display:flex}.speed-label input{width:64px;padding:4px 7px}.feedback fieldset{border:0;margin:13px 0 0;padding:0}.feedback legend{color:#72756a;margin-bottom:8px;font-size:12px}.choices{gap:7px;display:flex}.choices button{color:#626756;background:#efecdf;border:1px solid #0000;border-radius:6px;padding:7px 10px;font-size:12px}.choices button.selected{color:#28442a;background:#e5e9d6;border-color:#5c7549}.checklist label{cursor:pointer;align-items:flex-start;gap:8px;margin:7px 0;font-size:12px;display:flex}.checklist input{width:16px;height:16px;accent-color:var(--green);flex:none;margin-top:3px}.primary{color:#fff9e9;background:#b77a20;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 14px;display:flex;font-size:17px!important;font-weight:600!important}.primary:hover{background:#9f6519}.feedback>.fine{text-align:center;margin-top:8px}.bottom-nav{padding:7px 12px calc(var(--mobile-safe-area-height,0px) + 6px);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf8f0f5;border-top:1px solid #e5dfd0;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#62685a;background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:57px;padding:7px 9px;font-size:12px;display:flex}.bottom-nav svg{width:22px;height:22px}.bottom-nav .active{color:#294a2c;background:#e7ead5;font-weight:700}.content-footer{border-top:1px solid var(--line);color:#8b8b7b;justify-content:space-between;align-items:center;margin-top:25px;padding:15px 0;font-size:10px;display:flex}.content-footer button{color:#6a725d;background:0 0;align-items:center;gap:4px;font-size:11px;display:flex}.content-footer svg{width:12px;height:12px}.notice{border-radius:7px;gap:8px;padding:12px;font-size:13px;display:flex;margin-top:16px!important}.success{color:#345535;background:#e8eedf}.error{color:#8c3b22;background:#f7e7db}.notice svg{width:17px;height:17px}.page-title{margin:28px 0 20px}.page-title p{color:var(--muted);margin-bottom:4px;font-size:13px}.empty-state{text-align:center;color:var(--muted);padding:36px 18px}.empty-state>svg{color:#799168;width:35px;height:35px;margin:0 auto 12px}.empty-state h2{font-size:19px}.empty-state p{margin:8px 0 20px;font-size:13px}.records-toolbar{justify-content:space-between;margin:14px 0;font-size:12px;display:flex}.records-toolbar button{color:var(--green);background:0 0;align-items:center;gap:5px;display:flex}.records-toolbar svg{width:14px;height:14px}.record{border-top:1px solid var(--line);padding:18px 0}.record-head{color:#808374;justify-content:space-between;font-size:12px;display:flex}.record h3{margin-top:7px;font-size:16px}.record-feeling{color:#a66e21;font-size:12px;margin-top:5px!important}.record-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:9px 0!important}.progress-principle{color:#707861;font-size:14px;line-height:1.8}.timeline{border-left:1px solid #b8c0a0;margin:24px 0 24px 9px}.history-plan{text-align:left;width:100%;color:var(--green);background:0 0;align-items:center;gap:10px;padding:10px 0 20px 20px;display:flex;position:relative}.history-plan>span:nth-child(2){gap:5px;display:grid}.history-plan small{color:#868b76;font-size:12px}.history-plan strong{font-size:17px}.history-plan em{color:#9a671e;font-size:12px;font-style:normal}.history-plan>svg{margin-left:auto;transform:rotate(-90deg)}.timeline-dot{background:#7c9160;border-radius:50%;width:9px;height:9px;position:absolute;top:20px;left:-5px}.future{background:#efeddf;border-radius:8px;padding:18px}.future h3{font-size:15px}.future p{color:#747b67;margin-top:8px;font-size:13px}.login-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.login-panel p{color:#787c6d;margin:10px 0;font-size:13px}.login-panel label{font-size:13px}.login-panel input{width:100%;margin:7px 0 12px;padding:10px}.login-panel .section-heading button{color:var(--muted);background:0 0;font-size:12px}body:has(.live-workshop){background:#f2efe5;margin:0}.live-workshop{max-width:800px;min-height:100dvh;margin:0 auto;position:relative}.live-workshop .workshop-scroll{overflow:visible}.live-workshop .hero{height:170px}.live-workshop .hero-type{padding:24px 28px}.live-workshop .hero-type>span{font-size:49px}.live-workshop .hero-type p{font-size:26px}.live-workshop .main-content{padding:23px 28px 0}.live-workshop h1{font-size:32px}.live-workshop .focus-heading{margin:24px 0 18px}.live-workshop .week-row{font-size:18px}.live-workshop .week-row .status{font-size:13px}.live-workshop .meta-row{font-size:14px}.live-workshop .meta-row svg{width:18px;height:18px}.live-workshop .frequency{font-size:12px}.live-workshop .exercise-heading{margin-top:28px}.live-workshop .exercise-toggle{min-height:54px;padding:11px 16px}.live-workshop .exercise-content{padding:16px}.live-workshop .video-row{grid-template-columns:1.35fr 1fr;gap:22px}.live-workshop .watch-focus{padding-left:20px}.live-workshop .watch-focus h3{margin-bottom:8px;font-size:17px}.live-workshop .watch-focus ul{font-size:14px;line-height:1.8}.live-workshop .video-title{font-size:13px}.live-workshop .channel{font-size:12px}.live-workshop .video-caption,.live-workshop .steps summary{font-size:13px}.live-workshop .bottom-nav{max-width:800px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);margin:0 auto;position:fixed}.live-workshop .bottom-nav button{font-size:14px}.live-workshop .bottom-nav svg{width:25px;height:25px}.live-workshop .workshop-body{padding-bottom:105px}.live-workshop .feedback .section-heading>span{font-size:12px}@media (width<=480px){.live-workshop .hero{height:112px}.live-workshop .hero-type{padding:14px 18px}.live-workshop .hero-type>span{font-size:36px}.live-workshop .hero-type p{font-size:19px}.live-workshop .main-content{padding:17px 16px 0}.live-workshop h1{font-size:26px}.live-workshop .week-row{font-size:15px}.live-workshop .week-row .status,.live-workshop .meta-row{font-size:11px}.live-workshop .meta-row svg{width:15px;height:15px}.live-workshop .exercise-toggle{min-height:46px;padding:9px 12px}.live-workshop .exercise-content{padding:11px}.live-workshop .video-row{gap:12px}.live-workshop .watch-focus{padding-left:11px}.live-workshop .watch-focus h3{margin-bottom:4px;font-size:13px}.live-workshop .watch-focus ul,.live-workshop .video-title{font-size:11px}.live-workshop .channel,.live-workshop .video-caption{font-size:10px}.live-workshop .focus-heading{margin-top:17px}.live-workshop .bottom-nav button{font-size:12px}}@media (width<=359px){.workshop h1,.live-workshop h1{font-size:23px}.key-meta{font-size:10px}.meta-row{gap:3px}.time-meta{font-size:10px}.exercise-toggle{gap:8px}.exercise-toggle strong{font-size:16px}.week-row{font-size:13px!important}}
