dialog.demo{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper);width:min(1040px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-2);padding:0;position:fixed;overflow:hidden}dialog.demo .d-shell{flex-direction:column;max-height:calc(100dvh - 48px);display:flex}dialog.demo .d-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}dialog.demo .d-head .t{margin-right:auto;font-size:15px;font-weight:600}dialog.demo .d-head .t small{color:var(--ink-muted);margin-left:8px;font-size:12px;font-weight:400}dialog.demo .seg{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2);padding:3px;display:inline-flex}dialog.demo .seg button{font:inherit;color:var(--ink-muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:13px;font-weight:600}dialog.demo .seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}dialog.demo .ghost{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r-md);cursor:pointer;padding:8px 12px;font-size:13px;font-weight:600}dialog.demo .x{font:inherit;border-radius:var(--r-md);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}dialog.demo .x:hover{background:var(--paper-2)}dialog.demo .d-body{overflow:auto}dialog.demo .d-hq{grid-template-columns:360px 1fr;min-height:520px;display:grid}dialog.demo .d-left{border-right:1px solid var(--line);flex-direction:column;display:flex}dialog.demo .brief-sum{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}dialog.demo .brief-sum div{background:var(--paper-2);padding:10px 14px}dialog.demo .brief-sum small{color:var(--ink-muted);font-size:11px;display:block}dialog.demo .brief-sum strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}dialog.demo .brief-sum .s-attn strong{color:var(--warn)}dialog.demo .brief-sum .s-wait strong{color:var(--mp-strong)}dialog.demo .brief-sum .s-ok strong{color:var(--ok)}dialog.demo .pill{border-radius:var(--r-full);white-space:nowrap;border:1px solid;padding:3px 9px;font-size:11px;font-weight:600}dialog.demo .pill.attn{color:var(--warn)}dialog.demo .pill.wait{color:var(--mp-strong)}dialog.demo .pill.sugg{color:var(--ink-muted)}dialog.demo .pill.ok,dialog.demo .pill.done{color:var(--ok)}dialog.demo .pill.sent,dialog.demo .pill.no{color:var(--ink-muted)}dialog.demo .d-items{margin:0;padding:0;list-style:none}dialog.demo .d-items button{text-align:left;width:100%;font:inherit;color:inherit;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:4px 1fr auto;align-items:center;gap:12px;padding:13px 16px 13px 0;font-size:13px;display:grid}dialog.demo .d-items button:hover{background:var(--paper-2)}dialog.demo .d-items .d-rest,dialog.demo .d-items .d-rest:hover{cursor:default;background:0 0}dialog.demo .d-items button[aria-current=true]{background:var(--paper-3);box-shadow:inset 3px 0 0 var(--ink)}dialog.demo .d-items .bar{background:var(--line);border-radius:0 3px 3px 0;align-self:stretch;transition:background-color .24s}dialog.demo .d-items .attn .bar{background:var(--warn)}dialog.demo .d-items .wait .bar{background:var(--mp)}dialog.demo .d-items .sugg .bar{background:var(--ink-muted)}dialog.demo .d-items .ok .bar,dialog.demo .d-items .done .bar{background:var(--ok)}dialog.demo .d-items b{font-weight:600}dialog.demo .d-items em{color:var(--ink-muted);margin-top:2px;font-size:12px;font-style:normal;display:block}dialog.demo .d-log{border-top:1px solid var(--line);background:var(--paper-2);margin-top:auto;padding:14px 16px}dialog.demo .d-log h4{color:var(--ink-muted);letter-spacing:0;margin:0 0 8px;font-size:12px;font-weight:600}dialog.demo .d-log ol{gap:6px;max-height:132px;margin:0;padding:0;font-size:12px;list-style:none;display:grid;overflow:auto}dialog.demo .d-log time{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-right:6px}dialog.demo .d-log .empty{color:var(--ink-muted);font-size:12px}dialog.demo .d-right{padding:24px 28px 28px}dialog.demo .d-right h3{margin:4px 0 6px;font-size:20px}dialog.demo .d-right .sub{color:var(--ink-muted);margin:0 0 18px;font-size:14px}dialog.demo .d-right .store{color:var(--ink-muted);font-size:12px}dialog.demo .why{background:var(--paper-2);border-radius:var(--r-md);margin-bottom:18px;padding:12px 14px;font-size:13px}dialog.demo .why b{color:var(--ink-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}dialog.demo .judge{align-items:center;gap:12px;margin:0 0 16px;display:flex}dialog.demo .judge figure{color:var(--ink-muted);margin:0;font-size:12px}dialog.demo .judge img{object-fit:cover;border-radius:10px;width:72px;height:72px;margin-bottom:4px;display:block}dialog.demo .judge p{margin:0;font-size:13px}dialog.demo .judge p span{color:var(--ink-muted)}dialog.demo .acts{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}dialog.demo .acts .primary{font:inherit;background:var(--mp-strong);color:var(--accent-fg);border-radius:var(--r-full);cursor:pointer;transition:transform .14s var(--ease-out);border:0;padding:10px 20px;font-size:15px;font-weight:400}dialog.demo .acts .primary:active,dialog.demo .ghost:active{transform:scale(.97)}dialog.demo .acts .ghost{padding:11px 16px;font-size:14px}dialog.demo .state-note{margin-top:18px;font-size:14px;font-weight:600}dialog.demo .state-note.ok{color:var(--ok)}dialog.demo .lock{border:1px dashed var(--ink-muted);border-radius:var(--r-md);align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:13px;display:flex}dialog.demo .lock svg{flex:none;margin-top:2px}dialog.demo .lock b{display:block}dialog.demo .placeholder{color:var(--ink-muted);text-align:center;place-items:center;height:100%;min-height:300px;font-size:14px;display:grid}dialog.demo table.mini{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}dialog.demo table.mini th,dialog.demo table.mini td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}dialog.demo table.mini th{color:var(--ink-muted);font-size:12px;font-weight:600}dialog.demo table.mini tr.flag td{background:var(--mp-tint)}dialog.demo .qty{align-items:center;gap:8px;display:inline-flex}dialog.demo .qty button{font:inherit;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;width:28px;height:28px}dialog.demo .checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}dialog.demo .checks li{border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;padding:10px 12px;font-size:14px;display:flex}dialog.demo .d-staff{background:var(--paper-2);grid-template-columns:minmax(0,1fr);place-items:center;min-height:520px;padding:28px 16px 36px;display:grid}dialog.demo .phone{background:#111;border-radius:46px;width:348px;max-width:100%;padding:10px;box-shadow:0 30px 60px -28px #1c18158c}dialog.demo .phone-screen{background:var(--paper);border-radius:36px;flex-direction:column;min-height:600px;display:flex;overflow:hidden}dialog.demo .phone-status{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 26px 6px;font-size:13px;font-weight:600;display:grid}dialog.demo .phone-status i{background:#111;border-radius:14px;width:92px;height:26px}dialog.demo .phone-status span:last-child{letter-spacing:1px;justify-self:end}dialog.demo .phone-body{flex:1;padding:14px 18px 20px}dialog.demo .phone-tabs{border-top:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);padding:12px 12px 22px;display:grid;position:relative}dialog.demo .phone-tabs span{place-items:center;height:20px;display:grid}dialog.demo .phone-tabs span:before{content:"";border:1.5px solid var(--ink-faint);border-radius:5px;width:18px;height:18px}dialog.demo .phone-tabs span:first-child:before{border-color:var(--mp);background:var(--mp-tint)}dialog.demo .phone-tabs:after{content:"";background:var(--ink);border-radius:2px;width:112px;height:4px;margin-left:-56px;position:absolute;bottom:7px;left:50%}dialog.demo .phone .who{color:var(--ink-muted);font-size:12px}dialog.demo .phone h3{margin:2px 0 16px;font-size:20px}dialog.demo .clock{width:100%;font:inherit;background:var(--ink);color:var(--paper);cursor:pointer;transition:transform .14s var(--ease-out);border:0;border-radius:14px;padding:16px;font-size:16px;font-weight:600}dialog.demo .clock:active{transform:scale(.98)}dialog.demo .clock[disabled]{background:var(--paper-2);color:var(--ok);cursor:default}dialog.demo .clock-note{color:var(--ink-muted);text-align:center;margin:8px 0 20px;font-size:12px}dialog.demo .phone h4{letter-spacing:0;margin:0 0 10px;font-size:14px}dialog.demo .task{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;font-size:14px;display:flex}dialog.demo .task input{width:20px;height:20px;accent-color:var(--ok)}dialog.demo .task.done{color:var(--ink-muted);text-decoration:line-through}dialog.demo .phone .next{color:var(--ink-muted);margin:14px 0 0;font-size:12px}dialog.demo .toast{background:var(--ink);color:var(--paper);border-radius:var(--r-md);opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s var(--ease-out);max-width:calc(100% - 32px);padding:10px 16px;font-size:13px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%,8px)}dialog.demo .toast.on{opacity:1;transform:translate(-50%)}dialog.demo .d-back{display:none}@media (max-width:760px){dialog.demo .d-hq{grid-template-columns:1fr;min-height:0}dialog.demo .d-left{border-right:0}dialog.demo .d-hq.show-detail .d-left,dialog.demo .d-hq:not(.show-detail) .d-right{display:none}dialog.demo .d-back{margin-bottom:12px;display:inline-block}dialog.demo .d-head{gap:10px;padding-right:56px;position:relative}dialog.demo .d-head .x{position:absolute;top:10px;right:10px}dialog.demo .d-head .seg button,dialog.demo .d-head .ghost{padding:7px 10px}dialog.demo .d-right{padding:18px 16px 24px}dialog.demo .d-head .t small{display:none}dialog.demo .d-staff{padding:20px 10px 28px}dialog.demo .phone{border-radius:42px;padding:8px}dialog.demo .phone-screen{border-radius:34px;min-height:560px}dialog.demo .phone-body{padding:12px 14px 18px}}dialog.demo::backdrop{background:var(--scrim)}dialog.demo[open]{animation:demo-in .24s var(--ease-out)}@keyframes demo-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){dialog.demo[open]{animation:.16s demo-fade}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}
.page-mypaiso .crumb{padding:28px 0 0;font-size:14px}.page-mypaiso .crumb a{color:var(--ink-muted);text-decoration:none}.page-mypaiso .hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:40px 0 56px;display:grid}.page-mypaiso .id{align-items:center;gap:14px;margin-bottom:24px;display:flex}.page-mypaiso .id img{border-radius:var(--r-xl);border:1px solid var(--line);width:88px;height:88px}.page-mypaiso .id b{font-size:20px;display:block}.page-mypaiso .id span{color:var(--ink-muted);font-size:14px}.page-mypaiso .hero h1{margin-top:14px;font-size:clamp(32px,4.2vw,48px);line-height:1.18}.page-mypaiso .hero p{color:var(--ink-muted);max-width:46ch;margin:18px 0 28px;font-size:18px}.page-mypaiso .btns{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:900px){.page-mypaiso .hero{grid-template-columns:1fr;gap:36px}}.page-mypaiso .toc{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:8px;padding-top:20px;display:flex}.page-mypaiso .toc a{border-radius:var(--r-full);background:var(--paper-2);color:var(--ink);padding:7px 14px;font-size:14px;text-decoration:none}@media (hover:hover) and (pointer:fine){.page-mypaiso .toc a:hover{background:var(--paper-3)}}.page-mypaiso .sec{padding:calc(var(--section) / 2) 0}.page-mypaiso .sec h2{margin:12px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.25}.page-mypaiso .lead{color:var(--ink-muted);max-width:60ch;margin:0 0 32px;font-size:18px}.page-mypaiso .pains{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.page-mypaiso .pains li{border:1px solid var(--line);border-radius:var(--r-lg);align-content:start;gap:16px;padding:24px;display:grid}.page-mypaiso .pains svg{width:28px;height:28px;color:var(--ink-muted)}.page-mypaiso .pains p{color:var(--ink);margin:0;font-size:17px;line-height:1.55}@media (max-width:900px){.page-mypaiso .pains{grid-template-columns:1fr}}.page-mypaiso .answer{align-items:baseline;gap:12px;margin:28px 0 0;font-size:clamp(19px,2vw,22px);font-weight:600;line-height:1.45;display:flex}.page-mypaiso .roles{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-mypaiso .role{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.page-mypaiso .role .who{color:var(--ink-muted);font-size:14px}.page-mypaiso .role h3{letter-spacing:0;margin:4px 0 12px;font-size:20px;font-weight:400}.page-mypaiso .role .shift{border-radius:var(--r-md);background:var(--paper-2);color:var(--ink-body);margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.5}.page-mypaiso .role .shift b{color:var(--ink);font-weight:600}.page-mypaiso .role ul{color:var(--ink-body);margin:0;padding-left:18px;font-size:16px}.page-mypaiso .role li{margin-bottom:6px}@media (max-width:900px){.page-mypaiso .roles{grid-template-columns:1fr}}.page-mypaiso .cap{margin:20px 0 0;font-size:16px}.page-mypaiso .fine{color:var(--ink-muted);margin:18px 0 0;font-size:14px}.page-mypaiso .areas{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.page-mypaiso .area{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);padding:20px}.page-mypaiso .area .n{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px}.page-mypaiso .area h3{margin:4px 0 12px;font-size:17px;line-height:1.35}.page-mypaiso .area ul{color:var(--ink-body);gap:8px;margin:0;padding:0;font-size:15px;line-height:1.45;list-style:none;display:grid}.page-mypaiso .area li.soon{color:var(--ink-muted)}.page-mypaiso .area .tag{vertical-align:1px;color:var(--ink-muted);margin-left:2px;padding:2px 7px;font-size:11px}.page-mypaiso .area.soon{background:var(--paper-2);border-style:dashed;border-color:var(--line-field)}@media (max-width:1100px){.page-mypaiso .areas{grid-template-columns:1fr 1fr}.page-mypaiso .area:last-child{grid-column:1/-1}}@media (max-width:560px){.page-mypaiso .areas{grid-template-columns:1fr}}.page-mypaiso .record{border-radius:var(--r-lg);background:var(--paper-2);text-align:center;justify-items:center;gap:6px;margin-top:12px;padding:18px 20px;display:grid}.page-mypaiso .record b{align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.page-mypaiso .record span{color:var(--ink-body);font-size:15px}.page-mypaiso .record small{color:var(--ink-muted);font-size:13px}.page-mypaiso .feat{margin-top:72px}.page-mypaiso .feat-text{grid-template-columns:1.15fr .85fr;align-items:start;gap:16px 48px;margin-bottom:28px;display:grid}.page-mypaiso .feat-k{color:var(--ink-muted);margin-bottom:10px;font-size:14px;font-weight:600}.page-mypaiso .feat h3{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(22px,2.4vw,28px);line-height:1.3}.page-mypaiso .feat-text>div>p{color:var(--ink-body);max-width:52ch;margin:0;font-size:17px;line-height:1.6}.page-mypaiso .decide{background:var(--paper-2);border-radius:var(--r-lg);padding:18px 20px}.page-mypaiso .decide b{margin-bottom:6px;font-size:14px;display:block}.page-mypaiso .decide p{color:var(--ink-body);margin:0;font-size:15px;line-height:1.55}.page-mypaiso .decide small{color:var(--ink-muted);margin-top:10px;font-size:13px;line-height:1.5;display:block}@media (max-width:900px){.page-mypaiso .feat-text{grid-template-columns:1fr}}.page-mypaiso .shot{margin:0}.page-mypaiso .shot a{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);background:var(--paper-2);display:block;overflow:hidden}.page-mypaiso .shot a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.page-mypaiso .shot img{width:100%;height:auto;display:block}.page-mypaiso .shot figcaption{color:var(--ink-muted);margin-top:16px;font-size:13px}.page-mypaiso .shot .zoom{display:none}@media (max-width:760px){.page-mypaiso .shot .zoom{display:inline}}.page-mypaiso .ladder{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.page-mypaiso .step{border-right:1px solid var(--line);padding:20px 18px}.page-mypaiso .step:last-child{border-right:0}.page-mypaiso .step .i{color:var(--ink-muted);font-size:12px}.page-mypaiso .step h3{margin:6px 0 8px;font-size:16px}.page-mypaiso .step p{color:var(--ink-muted);margin:0;font-size:14px}.page-mypaiso .step.on{background:var(--accent-soft)}.page-mypaiso .step.on h3{color:var(--ink)}.page-mypaiso .step.on p,.page-mypaiso .step.on .i{color:var(--ink-body)}@media (max-width:900px){.page-mypaiso .ladder{grid-template-columns:1fr}.page-mypaiso .step{border-right:0;border-bottom:1px solid var(--line)}.page-mypaiso .step:last-child{border-bottom:0}}.page-mypaiso .adopt{grid-template-columns:1.35fr 1fr;align-items:start;gap:24px;display:grid}.page-mypaiso .steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.page-mypaiso .steps li{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:88px 1fr;gap:4px 16px;padding:20px 22px;display:grid}.page-mypaiso .steps .when{color:var(--ink-muted);grid-row:span 2;padding-top:2px;font-size:14px;font-weight:600}.page-mypaiso .steps b{font-size:17px;font-weight:600}.page-mypaiso .steps p{color:var(--ink-body);margin:0;font-size:15px;line-height:1.55}.page-mypaiso .metrics{background:var(--paper-2);border-radius:var(--r-lg);padding:24px}.page-mypaiso .metrics h3{margin:0 0 4px;font-size:17px}.page-mypaiso .metrics p{color:var(--ink-muted);margin:0;font-size:14px}.page-mypaiso .metrics ol{gap:10px;margin:16px 0 0;padding-left:20px;font-size:16px;display:grid}@media (max-width:900px){.page-mypaiso .adopt{grid-template-columns:1fr}}@media (max-width:560px){.page-mypaiso .steps li{grid-template-columns:1fr}.page-mypaiso .steps .when{grid-row:auto}}.page-mypaiso .faq{grid-template-columns:1fr 1fr;gap:0 48px;margin:0;display:grid}.page-mypaiso .faq>div{border-top:1px solid var(--line);align-content:start;gap:12px;padding:24px 0;display:grid}.page-mypaiso .faq dt,.page-mypaiso .faq dd{grid-template-columns:28px 1fr;align-items:start;gap:12px;margin:0;display:grid}.page-mypaiso .faq dt{font-size:17px;font-weight:600;line-height:1.5}.page-mypaiso .faq dd{color:var(--ink-body);font-size:16px;line-height:1.6}.page-mypaiso .qa{border-radius:var(--r-md);place-items:center;width:28px;height:28px;font-size:14px;font-weight:600;line-height:1;display:grid}.page-mypaiso .qa.q{background:var(--accent);color:var(--accent-fg);margin-top:-1px}.page-mypaiso .qa.a{background:var(--paper-3);color:var(--ink-body);margin-top:-1px}.page-mypaiso .faq>.wide{grid-column:1/-1}@media (max-width:900px){.page-mypaiso .faq{grid-template-columns:1fr}}.page-mypaiso .price{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.page-mypaiso .price p{max-width:52ch;margin:0;font-size:18px}.page-mypaiso .price p+p{color:var(--ink-muted);margin-top:8px;font-size:15px}@media (max-width:760px){.page-mypaiso .price{flex-direction:column;align-items:flex-start}}