html,body,#root{margin:0;min-height:100%}body{background:#fbfaf5}.pip,.pip *,.pip *:before,.pip *:after{box-sizing:border-box}.pip{--ink: #173e3b;--ink-soft: #2f4a48;--cream: #fbfaf5;--card: #ffffff;--tint: #eaf0e5;--tint-deep: #d4dfcf;--accent: #a44228;--hairline: #d8e2da;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.55;width:100%;max-width:560px;margin:0 auto;padding:20px 18px 28px;overflow-wrap:break-word;overflow-x:clip}.pip.big{font-size:22px}.pip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pip-brand{font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:700;letter-spacing:-.02em}.pip-textsize{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card);border:2px solid var(--ink);border-radius:999px;color:var(--ink);font:inherit;font-size:.85em;font-weight:700;padding:10px 16px;cursor:pointer}.pip-hero{margin:18px 0 22px}.pip-eyebrow{font-size:.72em;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:10px}.pip-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}.pip-title{font-family:Georgia,Times New Roman,serif;font-size:2.1em;line-height:1.15;font-weight:700;margin:0 0 14px;letter-spacing:-.01em}.pip-sub{font-size:1.05em;color:var(--ink);margin:0}.pip-sub.small{font-size:.95em;margin:0 0 14px}.pip-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 14px}.pip-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:22px;cursor:pointer;text-align:left;padding:26px 20px;min-height:190px;border:2px solid var(--hairline);display:flex;flex-direction:column;gap:12px;font:inherit}.pip-card{background:var(--card);color:var(--ink);align-items:flex-start;min-height:210px;border:1.5px solid var(--hairline);box-shadow:0 1px 2px #173e3b0d,0 10px 28px #173e3b12;transition:transform .15s ease,box-shadow .15s ease}.pip-card:active{transform:scale(.985)}.pip-tile-ico{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center}.chip-green{background:#173e3b;color:#fff}.chip-terra{background:#fdf3e3;color:#a44228;border:2px solid #e8c37a}.chip-slate{background:#e8eef2;color:#33555c}.chip-plum{background:#efe6ef;color:#5c3355}.pip-card.tile-green,.pip-card.tile-terra{border-color:var(--ink)}.pip-card-name{font-family:Georgia,serif;font-size:1.28em;font-weight:700;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.pip-card-sub{font-size:.85em;line-height:1.4}.pip-linkbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--ink);cursor:pointer;font:inherit;font-size:1em;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:14px 6px;min-height:52px}.pip-samples{display:flex;flex-direction:column;gap:12px;margin-top:4px}.pip-sample{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card);border:1.5px solid var(--hairline);box-shadow:0 1px 2px #173e3b0a,0 6px 18px #173e3b0d;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;font:inherit;color:var(--ink);text-align:left;min-height:76px}.pip-sample-ico{font-family:Georgia,serif;font-size:1.4em;color:var(--accent);width:34px;text-align:center}.pip-sample-name{display:block;font-weight:700;font-size:1.05em}.pip-sample-sub{display:block;font-size:.85em}.pip-sample svg{margin-left:auto;flex:none}.pip-notice{background:#fdf3e3;border:2px solid #e8c37a;border-radius:14px;padding:16px 18px;font-weight:600;font-size:1em}.pip-actions{display:flex;flex-direction:column;gap:14px;margin:16px 0}.pip-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.pip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;cursor:pointer;font:inherit;font-weight:700;font-size:1.1em;min-height:64px;padding:16px 26px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.pip-btn.primary{background:var(--ink);color:#fff;border:3px solid var(--ink);width:100%;font-size:1.2em;min-height:72px;box-shadow:0 6px 18px #173e3b40}.pip-btn.primary:active{transform:scale(.99)}.pip-btn.soft{background:var(--tint);color:var(--ink);border:2px solid var(--tint-deep)}.pip-btn.soft.small{font-size:.95em;min-height:56px;padding:12px 20px}.pip-btn.soft.on{background:var(--ink);border-color:var(--ink);color:#fff}.pip-btn.ghost{background:none;border:none;text-decoration:underline;text-underline-offset:4px;min-height:52px;padding:10px 6px;font-size:.95em}.pip-photo{width:100%;max-width:100%;border-radius:18px;border:2px solid var(--hairline)}.pip-working{padding:48px 8px;text-align:left}.pip-working-main{font-family:Georgia,serif;font-size:1.6em;font-weight:700;margin:0 0 12px}.pip-working-sub{font-size:1.05em;margin:0}.pip-samplebadge{display:inline-block;background:#fdf3e3;border:2px solid #e8c37a;border-radius:999px;padding:5px 16px;font-weight:700;font-size:.8em;margin:0 0 8px}.pip-step{background:var(--card);border:1.5px solid var(--hairline);border-radius:24px;padding:26px 24px;margin:14px 0;box-shadow:0 1px 2px #173e3b0d,0 12px 32px #173e3b14}.pip-stepcount{font-weight:700;font-size:.8em;letter-spacing:.08em;text-transform:uppercase}.pip-steptext{font-family:Georgia,serif;font-size:1.45em;font-weight:600;line-height:1.5;margin:10px 0 0;white-space:pre-line;overflow-wrap:break-word}.pip.big .pip-steptext{font-size:1.6em}.pip-answers{border-top:2px solid var(--hairline);margin-top:20px;padding-top:8px}.pip-q{font-weight:700;margin:14px 0 2px}.pip-a{margin:0 0 12px;font-size:1.05em}.pip-label{display:block;font-family:Georgia,serif;font-weight:700;font-size:1.2em;margin:22px 0 10px}.pip-ask{position:relative}.pip-input{width:100%;box-sizing:border-box;font:inherit;font-size:1.05em;border:1.5px solid var(--hairline);box-shadow:0 1px 2px #173e3b0a;border-radius:18px;padding:16px 76px 16px 18px;background:var(--card);color:var(--ink);resize:vertical;min-height:84px}.pip-input::placeholder{color:var(--ink-soft);opacity:1}.pip-askbtn{position:absolute;right:12px;bottom:12px;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pip-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.pip-progress{height:10px;border-radius:999px;background:var(--tint);overflow:hidden;margin:18px 0}.pip-progress-bar{height:100%;width:40%;border-radius:999px;background:var(--ink);animation:pip-slide 1.6s ease-in-out infinite}@keyframes pip-slide{0%{margin-left:-40%}to{margin-left:100%}}.pip-working .pip-btn.ghost{margin-top:18px}.pip-grouplabel{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:1.3em;margin:26px 0 12px}.pip-closing{font-size:.85em;color:var(--ink-soft, #2f4a48);text-align:center;margin:30px 0 0}.pip-kinds{display:flex;flex-direction:column;gap:10px;margin:8px 0 16px}.pip-kind{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;font:inherit;font-weight:700;font-size:1em;color:var(--ink);background:var(--card);border:2px solid var(--hairline);border-radius:18px;padding:14px 18px;min-height:64px;cursor:pointer;text-align:left}.pip-kind svg{width:28px;height:28px;flex:none}.pip-kind.on{border-color:var(--ink);background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}.pip-example{margin:26px 0 8px}.pip-art{width:100%;height:auto;display:block;border-radius:18px}.pip-example figcaption{margin-top:12px;font-size:1em}.pip-illus{display:block;font-size:.75em;margin-top:4px}.pip-soon{display:flex;flex-direction:column;gap:10px}.pip-soonbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;font:inherit;font-weight:700;color:var(--ink);background:transparent;border:2px dashed var(--hairline);border-radius:16px;padding:14px 16px;min-height:60px;text-align:left;cursor:pointer}.pip-soonbtn svg{width:28px;height:28px;flex:none}.pip-soonbtn span{margin-left:auto;font-size:.8em;font-weight:600}.pip-btn.primary svg{width:34px;height:34px}.pip-sample-ico{width:44px;white-space:nowrap;flex:none}.pip-soonbtn{flex-wrap:wrap}.pip-soonbtn span{margin-left:40px;flex-basis:100%}body{background:radial-gradient(1200px 500px at 50% -120px,#f1f5ea,#fbfaf5 60%) no-repeat,#fbfaf5}.pip{-webkit-font-smoothing:antialiased}.pip-head{padding-bottom:14px;border-bottom:1.5px solid var(--hairline);margin-bottom:18px}.pip-brand{display:flex;align-items:center;gap:10px}.pip-brand:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #f3dccf}.pip-title{font-size:2.15em;line-height:1.1;letter-spacing:-.02em;position:relative;padding-bottom:16px}.pip-title:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:var(--accent)}.pip-sub{line-height:1.55}.pip-btn.primary{background:linear-gradient(180deg,#1f4d49,#173e3b);border-color:#173e3b;box-shadow:0 10px 24px #173e3b47,inset 0 1px #ffffff24;letter-spacing:.01em}.pip-btn.primary:hover{filter:brightness(1.08)}.pip-btn.soft{background:#fff;border:2px solid var(--ink);box-shadow:0 2px 6px #173e3b14}.pip-btn.soft.small{border-color:var(--tint-deep)}.pip-btn.soft.on,.pip-btn.soft.small.on{background:var(--ink);color:#fff}.pip-btn{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.pip-btn:active{transform:scale(.985)}.pip-kind{transition:border-color .15s ease,background .15s ease;box-shadow:0 2px 8px #173e3b0d}.pip-kind.on{background:#eaf0e5;position:relative}.pip-kind.on:after{content:"✓";margin-left:auto;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;font-size:18px;line-height:28px;text-align:center;flex:none}.pip-kind svg{color:var(--ink)}.pip-grouplabel{font-size:1.35em;letter-spacing:-.01em;margin:32px 0 12px}.pip-sample,.pip-step,.pip-card{transition:box-shadow .2s ease,transform .15s ease}.pip-sample:active{transform:scale(.99)}.pip-art{box-shadow:0 10px 28px #173e3b1a}.pip-step{position:relative;border-radius:26px;padding:28px 24px 26px 30px;overflow:hidden}.pip-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,var(--accent),#c9674a)}.pip-stepcount{color:var(--accent)}.pip-photo{box-shadow:0 12px 30px #173e3b29}.pip-notice{box-shadow:0 4px 14px #a442281a}.pip-input:focus,.pip button:focus-visible,.pip textarea:focus-visible{outline:3px solid #a44228;outline-offset:2px}.pip-closing{padding-top:18px;border-top:1.5px solid var(--hairline)}@keyframes pip-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pip-hero,.pip-kinds,.pip-actions,.pip-example,.pip-step,.pip-working,.pip-photo{animation:pip-rise .45s ease both}.pip-kinds{animation-delay:.05s}.pip-actions{animation-delay:.1s}.pip-example{animation-delay:.15s}@media (prefers-reduced-motion: reduce){.pip *,.pip{animation:none!important;transition:none!important}}.pip-viewer{margin:4px 0 14px}.pip-viewhint{font-size:.85em;margin:0 0 8px}.pip-viewbox{overflow:auto;height:38vh;min-height:230px;border-radius:18px;border:2px solid var(--hairline);background:#fff;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;box-shadow:0 8px 22px #173e3b1f}.pip-viewbox.tall{height:72vh}.pip-viewbox img{display:block;max-width:none;height:auto;user-select:none;-webkit-user-select:none}.pip-viewbar{display:flex;gap:10px;margin-top:10px}.pip-zbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 64px;min-height:60px;border-radius:16px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:2em;font-weight:700;line-height:1;cursor:pointer}.pip-zbtn.wide{flex:1;font-size:1em;padding:0 6px}.pip-how{list-style:none;margin:22px 0 8px;padding:0;display:flex;flex-direction:column;gap:14px}.pip-how li{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1.5px solid var(--hairline);border-radius:20px;padding:16px 18px;box-shadow:0 6px 18px #173e3b0f;font-size:1.02em;line-height:1.45}.pip-num{flex:none;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-family:Georgia,serif;font-weight:700;font-size:1.15em;display:inline-flex;align-items:center;justify-content:center}.pip-fine{font-size:.92em;margin:6px 0 14px;line-height:1.5}.pip-btn.soft svg{flex:none}.pip-hero.tight{margin:8px 0 20px}.pip-btn.primary.huge{min-height:132px;font-size:1.5em;flex-direction:column;gap:10px;border-radius:34px}.pip-btn.primary.huge svg{width:52px;height:52px}.pip-thumb{width:100%;max-height:28vh;object-fit:cover;border-radius:18px;border:2px solid var(--hairline);margin-bottom:18px;box-shadow:0 8px 22px #173e3b1f}.pip-a2hs{background:#fff;border:1.5px solid var(--hairline);border-radius:20px;padding:14px 18px 4px;margin:18px 0;box-shadow:0 6px 18px #173e3b0f;font-size:.95em}.pip-a2hs p{margin:0;line-height:1.5}.pip-more{display:flex;flex-direction:column;align-items:flex-start;margin-top:18px}.pip-note{margin:22px 0 10px;background:#fff;border:1.5px solid var(--hairline);border-left:8px solid var(--accent);border-radius:22px;padding:20px 22px;box-shadow:0 8px 22px #173e3b14}.pip-note figcaption{font-family:Georgia,serif;font-weight:700;font-size:1.25em;margin-bottom:10px}.pip-note blockquote{margin:0;font-family:Georgia,serif;font-size:1.1em;line-height:1.6}