.cp-play{--cp-ink:#183d36;--cp-paper:#fffdf7;--cp-line:#c9d4c9;color:var(--cp-ink);background:#e7ece0;border-radius:28px;margin:30px 0 48px;padding:32px;overflow:hidden}.cp-top,.cp-heading,.cp-meta,.cp-actions,.cp-save,.cp-gallery-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.cp-kicker,.cp-gallery-label{letter-spacing:.15em;font:600 11px/1.5 sans-serif}.cp-play button,.cp-play input,.cp-play textarea{font:inherit}.cp-play button,.cp-play a{touch-action:manipulation}.cp-play button{border:1px solid var(--cp-line);background:var(--cp-paper);min-height:44px;color:var(--cp-ink);cursor:pointer;border-radius:12px;padding:10px 16px;transition:transform .18s,background .18s,box-shadow .18s}.cp-play button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #183d3612}:is(.cp-play button:focus-visible,.cp-play a:focus-visible,.cp-play input:focus-visible,.cp-play textarea:focus-visible){outline-offset:4px;outline:3px solid #9b532c}.cp-play button:disabled{opacity:.48;cursor:default}.cp-top button{padding:8px 12px;font-size:12px}.cp-heading{align-items:flex-start;margin:24px 0 18px}.cp-heading h2{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(26px,3.2vw,46px);line-height:1.2}.cp-heading p{max-width:560px;margin:0;font-size:16px;line-height:1.75}.cp-stamp{color:#e18850;font-size:90px;line-height:1;transform:rotate(-12deg)}.cp-meta{flex-wrap:wrap;font-size:12px;line-height:1.7}.cp-meta a,.cp-finish a{text-underline-offset:4px;text-decoration:underline}.cp-progress{grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0;padding:0;list-style:none;display:grid}.cp-progress li{border-bottom:3px solid #c8d2c2;align-items:center;gap:8px;padding:10px 4px;font-size:13px;display:flex}.cp-progress li>span{border:1px solid #6c8572;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.cp-progress li[aria-current=step]{border-color:#b95d32;font-weight:700}.cp-progress li[aria-current=step]>span{color:#fff;background:#b95d32;border-color:#b95d32}.cp-progress li[data-done=true]{border-color:#376c54}.cp-progress li[data-done=true]>span{color:#fff;background:#376c54}.cp-workspace{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.cp-task{background:var(--cp-paper);border-radius:20px;min-width:0;padding:25px;animation:.22s ease-out cp-enter}.cp-task h3{letter-spacing:-.02em;margin:12px 0 20px;font-size:24px;line-height:1.4}.cp-task p{font-size:14px;line-height:1.7}.cp-themes{gap:10px;display:grid}.cp-themes button{text-align:left;grid-template-columns:54px 1fr;gap:5px 13px;padding:14px;display:grid}.cp-theme-icon{background:#e4cda8;border-radius:14px;grid-row:span 3;place-items:center;width:54px;height:66px;font-size:34px;display:grid}.cp-theme-feeling{background:#e6c2cc}.cp-theme-together{background:#bdd9c9}.cp-themes strong{font-size:16px}.cp-themes button>span:not(.cp-theme-icon){font-size:12px;line-height:1.6}.cp-themes small,.cp-cards small{font-size:11px;line-height:1.6}.cp-play button[aria-pressed=true]{background:#edf2e7;border:2px solid #285d4b}.cp-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cp-cards button{text-align:left;border-radius:12px;padding:8px;overflow:hidden}.cp-cards svg{border-radius:7px;width:100%;height:auto;display:block}.cp-cards strong,.cp-cards small{margin:7px 4px 3px;display:block}.cp-cards strong{font-size:13px}.cp-hint{color:#496352}.cp-order{gap:12px;display:grid}.cp-order>div{border:1px solid var(--cp-line);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.cp-order>div>div{gap:5px;display:flex}.cp-order button{min-width:44px;padding:8px}.cp-actions{border-top:1px solid var(--cp-line);margin-top:22px;padding-top:20px}.cp-actions .cp-next{color:#fff;background:#234e40;border-color:#234e40}.cp-gallery{background-color:#f4ecdf;background-image:linear-gradient(100deg,#fff5 0%,#0000 65%),linear-gradient(#0000 79%,#d9c8ae 79%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d5ccbd;border-radius:20px;min-width:0;padding:22px 18px 10px;position:sticky;top:95px;overflow:hidden}.cp-gallery-label{color:#796d5a;font-size:9px}.cp-gallery h3{text-align:center;overflow-wrap:anywhere;margin:28px 0 6px;font-size:23px;line-height:1.4}.cp-gallery>p{text-align:center;font-size:12px;line-height:1.7}.cp-wall{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;min-height:145px;margin:35px 0 25px;display:grid}.cp-hanging{text-align:center;min-width:0;animation:.2s ease-out cp-enter}.cp-frame{background:#fff;border:6px solid #fffef8;box-shadow:2px 6px 9px #35291529}.cp-frame svg{width:100%;height:auto;display:block}.cp-hanging>span{overflow-wrap:anywhere;margin-top:12px;font-size:10px;line-height:1.6;display:block}.cp-empty{color:#8a7962;border:1px dashed #b9aa95;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:108px;font-size:10px;display:flex}.cp-empty span{font-size:27px}.cp-gallery .cp-wall-text{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;z-index:1;background:#fff9;padding:12px;position:relative}.cp-bench{background:#a9774c;border-radius:4px;width:36%;height:12px;margin:30px auto 28px;position:relative;box-shadow:0 9px 15px #44351b22}.cp-bench:before,.cp-bench:after{content:"";background:#6d503c;width:6px;height:18px;position:absolute;top:10px;left:12px}.cp-bench:after{left:auto;right:12px}.cp-gallery .cp-caption{color:#615640;margin-top:20px;font-size:10px}.cp-writing{gap:20px;display:grid}.cp-writing label{gap:10px;font-size:14px;line-height:1.6;display:grid}.cp-writing input,.cp-writing textarea{box-sizing:border-box;background:#fff;border:1px solid #aabdab;border-radius:10px;width:100%;min-height:48px;padding:13px}.cp-finish>span{color:#2d6445;background:#d4e7ce;border-radius:50%;place-items:center;width:60px;height:60px;font-size:30px;display:grid}.cp-finish a{margin:20px 0;font-size:14px;display:block}.cp-save{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:22px}.cp-save p{max-width:530px;font-size:12px;line-height:1.6}.cp-save button{flex-shrink:0}.cp-quiet *{transition:none!important;animation:none!important}.cp-quiet button:hover{transform:none!important}@keyframes cp-enter{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cp-play *{transition:none!important;animation:none!important}.cp-play button:hover{transform:none!important}}@media (max-width:850px){.cp-play{padding:22px}.cp-workspace{grid-template-columns:1fr}.cp-gallery{order:-1;padding-bottom:8px;position:static}.cp-gallery h3{margin-top:15px}.cp-wall{min-height:0;margin:22px 0 12px}.cp-bench{margin:20px auto 25px}.cp-gallery .cp-caption{display:none}.cp-frame svg{max-height:160px}.cp-task{padding:22px}.cp-save{flex-direction:column;align-items:flex-start;gap:3px}}@media (max-width:480px){.cp-play{border-radius:18px;margin-left:-8px;margin-right:-8px;padding:17px}.cp-top{gap:8px}.cp-kicker{letter-spacing:.1em;font-size:9px}.cp-stamp{font-size:58px}.cp-heading h2{font-size:28px}.cp-heading p{font-size:14px}.cp-progress{gap:4px;margin:20px 0}.cp-progress li{flex-direction:column;align-items:flex-start;gap:5px;font-size:11px}.cp-task{padding:17px}.cp-task h3{font-size:22px}.cp-wall{gap:8px}.cp-frame{border-width:4px}.cp-gallery{padding:17px 12px 8px}.cp-empty{height:74px;font-size:9px}.cp-actions{gap:8px}.cp-actions button{padding:10px;font-size:13px}.cp-cards{gap:9px}.cp-order>div{flex-wrap:wrap}.cp-save button{width:100%}}.cs-studio{--cs-ink:#23362e;--cs-paper:#f6f4ec;--cs-line:#c9d0c5;max-width:1180px;color:var(--foreground);overflow-wrap:anywhere;margin:0 auto;padding:32px 0 80px}.cs-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:45px;padding:56px 0;display:grid}.cs-hero h1{letter-spacing:-.035em;margin:20px 0;font-size:clamp(38px,5.2vw,76px);line-height:1.14}.cs-hero h1 em{font-weight:400}.cs-hero p{max-width:620px;line-height:1.85}.cs-diagram{background:var(--cs-paper);border:1px solid var(--cs-line);aspect-ratio:1;min-height:310px;color:var(--cs-ink);border-radius:50%;place-items:center;display:grid;position:relative}.cs-diagram:before{content:"";border:1px solid #7f9584;width:64%;height:64%;position:absolute;transform:rotate(45deg)}.cs-diagram span{background:var(--cs-paper);letter-spacing:.12em;padding:12px;font-size:12px;position:absolute}.cs-diagram span:first-child{top:8%}.cs-diagram span:nth-child(2){bottom:18%;left:1%}.cs-diagram span:nth-child(3){bottom:18%;right:1%}.cs-diagram strong{background:var(--cs-ink);color:#fff;z-index:1;border-radius:50%;padding:30px 14px}.cs-privacy{background:var(--cs-paper);color:var(--cs-ink);border-left:4px solid #637e68;padding:24px}.cs-privacy p,.cs-note{font-size:13px;line-height:1.8}.cs-toolbar{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.cs-full button{border:1px solid var(--cs-line);cursor:pointer;min-height:44px;font:inherit;background:0 0;border-radius:3px;padding:10px 15px}.cs-full button:hover{color:var(--cs-ink);background:#e9eee6}.cs-full button:disabled{opacity:.45;cursor:not-allowed}.cs-full :focus-visible{outline-offset:3px;outline:3px solid #9b6c2a}.cs-toolbar p{width:100%;margin:8px 0;font-size:13px}.cs-tabs{border-bottom:1px solid var(--cs-line);grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:16px;display:grid}.cs-tabs button[aria-pressed=true]{background:var(--cs-ink);color:#fff;border-color:var(--cs-ink)}.cs-mode{justify-content:flex-end;padding:20px 0;display:flex}.cs-intro{max-width:820px;padding-bottom:30px}.cs-intro h2,.cs-next h2{margin:14px 0;font-size:clamp(26px,3vw,38px);line-height:1.35}.cs-intro p{line-height:1.9}.cs-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.cs-field,.cs-task label,.cs-budget-row label{flex-direction:column;gap:9px;min-width:0;font-size:14px;display:flex}.cs-field span{font-weight:600}.cs-full input,.cs-full textarea{box-sizing:border-box;width:100%;min-width:0;color:inherit;background:var(--background,#fff);border:1px solid var(--cs-line);font:inherit;border-radius:3px;padding:12px;line-height:1.65}.cs-full textarea{resize:vertical}.cs-field:first-child:nth-last-child(7){grid-column:1/-1}.cs-cue{background:var(--cs-paper);color:var(--cs-ink);margin:26px 0;padding:24px;line-height:1.8}.cs-full h3{margin:30px 0 16px;font-size:21px;line-height:1.4}.cs-cue h3{margin-top:0}.cs-task{grid-template-columns:2fr .8fr 1.5fr 1fr auto;align-items:end;gap:12px;margin:16px 0;display:grid}.cs-task output{padding-bottom:14px;font-size:14px}.cs-budget-row{grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;margin:12px 0;display:grid}.cs-add{margin:14px 0}.cs-small{max-width:430px;margin:20px 0}.cs-totals{background:var(--cs-ink);color:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:25px;display:grid}.cs-totals span,.cs-totals strong{display:block}.cs-totals strong{margin-top:12px;font-size:clamp(18px,2vw,27px)}.cs-object{border:1px solid var(--cs-line);margin:25px 0;padding:24px}.cs-object legend{padding:0 12px}.cs-object button{margin-top:20px}.cs-paper{border:1px solid var(--cs-line);padding:clamp(22px,4vw,55px);box-shadow:0 10px 32px #00000007}.cs-paper h2{font-size:32px}.cs-paper p{white-space:pre-wrap;line-height:1.85}.cs-paper details{border-block:1px solid var(--cs-line);margin:20px 0;padding:20px 0}.cs-paper summary{cursor:pointer;font-weight:600}.cs-next{border-top:1px solid var(--cs-line);margin-top:50px;padding-top:35px}.cs-next>div{flex-wrap:wrap;gap:12px;display:flex}.cs-next a{border:1px solid var(--cs-line);padding:12px 15px;text-decoration:none}.cs-next p{max-width:850px;margin-top:20px;line-height:1.8}.cs-full p{margin-bottom:12px}@media (max-width:700px){.cs-hero{grid-template-columns:1fr;gap:24px;padding:32px 0}.cs-diagram{justify-self:center;width:260px;min-height:260px}.cs-fields,.cs-tabs{grid-template-columns:1fr}.cs-tabs button{text-align:left}.cs-task{border-bottom:1px solid var(--cs-line);grid-template-columns:1fr 1fr;padding-bottom:16px}.cs-task label:first-child{grid-column:1/-1}.cs-task output{padding:10px 0}.cs-budget-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.cs-totals{grid-template-columns:1fr}.cs-studio{padding-top:20px}.cs-object{padding:16px}}@media print{.cs-toolbar,.cs-tabs,.cs-mode,.cs-next,.cs-diagram{display:none}.cs-hero{display:block}.cs-paper{box-shadow:none}.cs-full input,.cs-full textarea{border-color:#ddd}.cs-object{break-inside:avoid}}