.phone{background:#fff;border:2px solid var(--color-ink);border-radius:30px 24px 32px 22px/22px 32px 22px 30px;box-shadow:6px 7px #2c2a2629;padding:18px 18px 22px;min-height:420px;width:100%;max-width:330px}.ph-top{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px}.ph-x{color:var(--color-ink-soft)}.ph-bar{flex:1;height:10px;border-radius:99px;background:var(--color-line);overflow:hidden}.ph-bar i{display:block;height:100%;background:var(--color-brand-600);border-radius:99px}.ph-fire{font-weight:800;color:var(--color-accent)}.hl{background:linear-gradient(transparent 55%,#c96f3447 55%);font-weight:800}.opt{text-align:left;width:100%;padding:11px 13px;font-size:14px;font-weight:600;color:var(--color-ink);background:#fff;border:2px solid var(--color-line);border-radius:14px 11px 15px 10px/10px 15px 10px 14px;box-shadow:0 3px 0 var(--color-line);cursor:pointer;transition:transform .1s,border-color .15s}.opt:hover{border-color:var(--color-ink)}.opt.ok{border-color:#3d8b57;background:#e8f4ec;box-shadow:0 3px #3d8b57}.opt.no{border-color:#c0503a;background:#fbeae6;box-shadow:0 3px #c0503a}.fb{margin-top:12px;font-size:13.5px;line-height:1.5;padding:10px 12px;border-radius:12px;background:var(--color-brand-50);color:var(--color-ink)}.ph-img{margin:16px 0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;font-size:36px;background:var(--color-brand-50);border-radius:18px 14px 20px 12px}.ph-img span{font-size:12px;color:var(--color-ink-soft);font-weight:600}.ph-audio{display:flex;align-items:center;gap:8px;font-size:13px;padding:9px 12px;border:2px dashed var(--color-line);border-radius:12px;color:var(--color-ink-soft)}.ph-audio span{flex:1}.ph-btn{display:block;margin-top:16px;text-align:center;padding:11px;font-weight:800;color:#fff;background:var(--color-brand-600);border:2px solid var(--color-ink);border-radius:14px 10px 15px 9px/9px 15px 9px 14px;box-shadow:3px 3px 0 var(--color-ink)}.ph-prompt{margin:12px 0;padding:12px;font-size:14px;line-height:1.6;background:var(--color-paper);border-radius:12px}.ph-prompt u{text-decoration-color:var(--color-brand-600);text-decoration-thickness:2px}.blank{display:inline-block;min-width:48px;border-bottom:2px solid var(--color-accent);color:transparent}.chip{font-size:12.5px;font-weight:700;padding:6px 10px;border:2px solid var(--color-ink);border-radius:10px 8px 11px 7px;background:#fff;box-shadow:2px 2px 0 var(--color-ink)}.ph-ai{margin-top:14px;font-size:13px;line-height:1.55;padding:11px 12px;background:var(--color-brand-50);border-radius:4px 14px 14px}.ph-before{margin-top:4px;padding:10px 12px;font-size:14px;background:var(--color-paper);border-radius:12px;color:var(--color-ink-soft)}.ph-after{margin-top:4px;padding:11px 12px;font-size:13.5px;line-height:1.55;background:#e8f4ec;border:2px solid #3d8b57;border-radius:12px}.ph-week{display:flex;justify-content:center;gap:6px;margin:14px 0 20px}.ph-week i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;font-size:12px;font-weight:800;border-radius:99px;border:2px solid var(--color-line);color:var(--color-ink-soft)}.ph-week i.on{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cert{padding:14px;border:2px solid var(--color-ink);border-radius:6px;background:var(--color-paper);outline:3px double var(--color-line);outline-offset:-8px}.qr{width:38px;height:38px;background:repeating-conic-gradient(var(--color-ink) 0 25%,#fff 0 50%) 0 0 / 9px 9px;border:2px solid var(--color-ink)}.demo>input{position:absolute;opacity:0;pointer-events:none}.d-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.d-tabs label{cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px;border:2px solid var(--color-ink);border-radius:13px 9px 14px 8px/8px 14px 8px 13px;background:#fff;color:var(--color-ink)}.d-p{display:none;align-items:center;gap:40px;justify-content:center}#d1:checked~.d-panels .p1,#d2:checked~.d-panels .p2,#d3:checked~.d-panels .p3,#d4:checked~.d-panels .p4{display:flex}#d1:checked~.d-tabs label[for=d1],#d2:checked~.d-tabs label[for=d2],#d3:checked~.d-tabs label[for=d3],#d4:checked~.d-tabs label[for=d4]{background:var(--color-ink);color:#fff}.demo>input:focus-visible~.d-tabs{outline:2px dashed var(--color-brand-600);outline-offset:6px}.d-copy{max-width:420px}.d-copy h3{font-size:1.5rem;font-weight:900;line-height:1.25;color:var(--color-ink)}.d-copy p{margin-top:12px;color:var(--color-ink-soft);line-height:1.65}.d-copy ul{margin-top:14px;display:flex;flex-direction:column;gap:8px}.d-copy li{position:relative;padding-left:26px;color:var(--color-ink);font-size:15px}.d-copy li:before{content:"✓";position:absolute;left:0;font-weight:900;color:var(--color-brand-600)}@media(max-width:767px){.d-p{flex-direction:column;gap:24px}.d-copy{text-align:left}}.faq summary::-webkit-details-marker{display:none}.faq summary>span:last-child{font-weight:800;transition:transform .18s ease}.faq[open] summary>span:last-child{transform:rotate(45deg)}.persona-jobs{display:flex;flex-direction:column;gap:6px}.persona-jobs li{position:relative;padding-left:22px;font-size:15px;color:var(--color-ink)}.persona-jobs li:before{content:"✓";position:absolute;left:0;font-weight:900;color:var(--color-brand-600)}
