.sr-entry{position:fixed;right:18px;bottom:calc(108px + env(safe-area-inset-bottom));z-index:70;border:1px solid #fff;border-radius:22px;background:#fff;color:#7160ce;box-shadow:0 8px 26px #69629a20;padding:12px 18px;font:600 14px -apple-system,sans-serif}
.sr-layer{position:fixed;inset:0;z-index:1000;overflow:auto;background:radial-gradient(ellipse at 5% 35%,#dff4ee,transparent 65%),radial-gradient(ellipse at 90% 0,#e9e2fb,transparent 60%),#f6f7fa;color:#1d2942;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;padding:calc(20px + env(safe-area-inset-top)) 20px calc(30px + env(safe-area-inset-bottom));}
.sleepy-iphone-preview .sr-layer{padding-top:60px}.sr-shell{max-width:520px;margin:auto}.sr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sr-top small{font-size:10px;letter-spacing:2px;color:#8774d3;font-weight:750}.sr-top h1{font-size:25px;letter-spacing:-1px;margin:6px 0}.sr-close{border:0;background:#ffffffb8;border-radius:18px;width:44px;height:44px;color:#7b69d0;font-size:26px}
.sr-segments{display:flex;background:#eae7f4;border:1px solid white;border-radius:22px;padding:5px;gap:5px}.sr-segments button{flex:1;border:0;background:none;border-radius:17px;padding:13px 4px;color:#9390a9;font:650 15px inherit}.sr-segments button[aria-pressed=true]{background:white;color:#7562cf;box-shadow:0 4px 12px #81799910}
.sr-stage{position:relative;border:1px solid white;border-radius:34px;min-height:285px;margin:17px 0;overflow:hidden;isolation:isolate;background:#eeedf5;display:flex;flex-direction:column;align-items:center;justify-content:center}.sr-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#fff3cf 10%,#f8d9ad 80%);opacity:0;transition:opacity .5s}.sr-pillow{border:0;background:none;padding:0;width:min(88%,340px);height:230px;cursor:pointer}.sr-pillow img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px #68606e18);transition:filter .5s}.sr-metrics{display:flex;gap:12px;padding:6px 0 18px;font-size:12px;color:#726888}.sr-metrics span{background:#ffffffc9;border:1px solid white;padding:9px 13px;border-radius:17px}.sr-metrics b{font-size:17px;color:#7260c3}.sr-stage-label{font-size:12px;color:#797088;margin:16px 0 0}.sr-progress{height:4px;background:#fff8;position:absolute;bottom:0;left:0;right:0}.sr-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#70cbb9,#9681da)}
.sr-panel{background:#ffffffdc;border:1px solid #fff;border-radius:28px;padding:20px;margin:16px 0;box-shadow:0 8px 25px #63748305}.sr-status{font-size:18px;font-weight:700;margin:0 0 7px}.sr-detail{font-size:13px;color:#7b8195;line-height:1.7;margin:0}.sr-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.sr-options label{font-size:13px;color:#626c84}.sr-options input,.sr-options select{max-width:175px;background:#f1eefb;border:1px solid #ded6f5;border-radius:13px;color:#535273;padding:9px;font:600 14px inherit}.sr-primary,.sr-secondary{border:0;width:100%;border-radius:20px;min-height:51px;padding:13px 12px;font-size:16px;font-weight:650}.sr-primary{background:linear-gradient(110deg,#68c7bb,#9080d9);color:white}.sr-secondary{background:#eee8fa;color:#7f6bc3;margin-top:9px}.sr-test{background:none;border:0;color:#7f70c6;padding:14px 5px;font-size:12px;width:100%}.sr-note{font-size:11px;line-height:1.7;color:#8b91a3;margin:14px 6px}.sr-data{display:flex;gap:8px;align-items:center;font-size:11px;color:#8c84a3;margin-top:16px}.sr-data button{border:1px solid #e5ddf6;background:white;border-radius:12px;padding:8px;color:#8370c8}.sr-layer button:disabled{opacity:.45}.sr-layer :focus-visible{outline:3px solid #b4a4eb;outline-offset:3px}
.sr-layer[data-active=true]{background:#242238;color:#e8e5f2}.sr-layer[data-active=true] .sr-panel{background:#ffffffed;color:#1d2942}.sr-layer[data-active=true] .sr-stage{background:#292537}.sr-layer[data-active=true] .sr-stage-label{color:#aaa0bb}.sr-layer[data-active=true] .sr-top small{color:#b5a2ec}.sr-layer[data-active=true] .sr-stage-label[data-lit=true]{color:#716174}

.sr-simulation h2{font-size:18px;margin:0 0 8px}.sr-simulation .sr-note{margin:8px 0 14px}.sr-periods{display:flex;gap:10px}.sr-periods button{flex:1;border:1px solid #dfd6f7;border-radius:16px;background:#f2eefc;color:#7764c5;padding:12px 6px;font:600 15px -apple-system,sans-serif}.sr-periods button[aria-pressed=true]{background:#8574d3;color:white}.sr-records summary{cursor:pointer;font-size:14px;color:#7764c5;padding:8px 0}.sr-record-scroll{max-height:270px;overflow:auto;margin-top:10px}.sr-records table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}.sr-records caption{text-align:left;color:#8b91a3;padding:5px 0 10px}.sr-records th,.sr-records td{padding:10px 6px;border-bottom:1px solid #ece8f4}.sr-records th{color:#7a8094;background:#f7f5fc;position:sticky;top:0}.sr-records td{color:#4f5a70}