.p-bottom{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:60;padding-bottom:env(safe-area-inset-bottom)}.p-bottom ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}.p-bottom a,.p-bottom button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 10px;min-height:56px;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:0;width:100%;cursor:pointer;position:relative}.p-bottom a.active{color:var(--primary)}.p-bottom .dot{top:4px;right:calc(50% - 22px)}@media (max-width: 860px){.p-topnav{display:none}.p-bottom{display:block}}.p-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:100;display:flex;align-items:flex-end}.p-sheet-panel{background:#fff;width:100%;border-radius:14px 14px 0 0;padding:8px 0 calc(16px + env(safe-area-inset-bottom))}.p-sheet-panel a,.p-sheet-panel button{display:flex;gap:12px;align-items:center;padding:14px 20px;text-decoration:none;color:var(--text);font-size:16px;background:none;border:0;width:100%;cursor:pointer}.p-sheet-panel a:hover,.p-sheet-panel button:hover{background:#f1f4f7}.tracker{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;counter-reset:step}.tracker li{position:relative;text-align:center;font-size:13px;color:var(--muted);padding-top:34px}.tracker li:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:#e3e8ee;color:#3e4c59;display:grid;place-items:center;font-weight:700;z-index:1}.tracker li:after{content:"";position:absolute;top:13px;left:calc(-50% + 14px);width:calc(100% - 28px);height:3px;background:#e3e8ee}.tracker li:first-child:after{display:none}.tracker li.done{color:var(--t-success-fg)}.tracker li.done:before{content:"✓";background:#2e7d32;color:#fff}.tracker li.done:after,.tracker li.current:after{background:#2e7d32}.tracker li.current{color:var(--text);font-weight:700}.tracker li.current:before{background:var(--primary);color:#fff;box-shadow:0 0 0 4px #cfe2f7}@media (max-width: 560px){.tracker{grid-template-columns:1fr;gap:0}.tracker li{text-align:left;padding:6px 0 14px 40px;min-height:40px}.tracker li:before{left:14px;top:2px}.tracker li:after{left:13px;top:-22px;width:3px;height:30px}}.mc-card{border-radius:14px;padding:18px;color:#fff;background:linear-gradient(135deg,#16324f,#1f5a8f);aspect-ratio:1.586;max-width:380px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 24px #16324f40;position:relative;overflow:hidden}.mc-card.inactive{filter:grayscale(.9);opacity:.75}.mc-card .mc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px}.mc-card .mc-num{font-family:var(--mono);font-size:19px;letter-spacing:.06em}.mc-card .mc-name{font-size:18px;font-weight:700}.mc-card .mc-row{display:flex;justify-content:space-between;font-size:12.5px;opacity:.9}.mc-card:after{content:"SAMPLE";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:54px;font-weight:800;letter-spacing:.12em;color:#ffffff17;transform:rotate(-18deg);pointer-events:none}.pig{min-height:100vh;background:#f2f5f9;font-family:Arial,Helvetica,sans-serif}.pig-hdr{background:#1b2a4a;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.pig-hdr .logo{background:#fff;color:#1b2a4a;font-weight:800;border-radius:6px;padding:4px 10px}.pig-box{max-width:520px;margin:20px auto;background:#fff;border-radius:10px;border:1px solid #d5dbe1;padding:20px}.pig-sim{background:repeating-linear-gradient(-45deg,#fff8e6,#fff8e6 10px,#fff1cc 10px,#fff1cc 20px);border:2px dashed #d08a00;border-radius:8px;padding:14px;color:#5c3b00}.bubble{border-radius:14px;padding:10px 14px;max-width:85%}.bubble.me{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble.them{background:#fff;border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}.bubble .meta{font-size:12.5px;opacity:.85;margin-bottom:2px}.pig-box .btn{white-space:normal;text-align:left;justify-content:flex-start}@media (max-width: 860px){.toasts{bottom:76px;left:12px;right:12px;max-width:none}}
