.phone-demo{color:#1b1b1d;text-align:left;-webkit-font-smoothing:antialiased;width:min(100%,300px);margin:0 auto;font-family:Arial,Noto Sans JP,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.phone-demo *,.phone-demo :before,.phone-demo :after{box-sizing:border-box}.phone-demo svg{flex-shrink:0;width:20px;height:20px;display:block}.phone-demo button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.phone-demo button:focus-visible{outline-offset:3px;outline:2px solid #767676}.phone-demo h3:focus{outline:none}.phone-device{background:linear-gradient(115deg,#777779 0%,#252527 7%,#777779 13%,#303032 30%,#161618 65%,#8a8a8d 91%,#39393b 100%);border:1px solid #97979a;border-radius:47px;width:100%;height:610px;padding:7px;position:relative;box-shadow:0 0 0 1px #121214,0 0 0 3px #4a4a4d,0 0 0 4px #252527,20px 35px 65px -15px #0009,inset 0 1px 1px #fffa,inset 0 -1px 1px #ddd5}.phone-device:after{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(118deg,#fff0 16%,#ffffff08 21%,#fff0 39%);border:1px solid #fff2;position:absolute;inset:0}.phone-side-button{background:linear-gradient(90deg,#77777a,#2d2d30);border-radius:2px 0 0 2px;width:3px;position:absolute;left:-5px;box-shadow:0 0 0 1px #1f1f22}.phone-side-button-silent{height:22px;top:91px}.phone-side-button-volume{height:54px;top:139px}.phone-side-button-volume:after{border-radius:inherit;background:inherit;content:"";width:100%;height:44px;position:absolute;top:65px}.phone-side-button-power{border-radius:0 2px 2px 0;height:72px;top:167px;left:auto;right:-5px}.phone-screen{isolation:isolate;background:#f8f8fa;border:2px solid #08080a;border-radius:39px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-status-bar{color:#171719;background:#fff;justify-content:space-between;align-items:center;min-height:49px;padding:5px 20px 0;display:flex;position:relative}.phone-clock{letter-spacing:-.4px;font-size:12px;font-weight:700}.phone-island{background:#080809;border-radius:20px;width:82px;height:24px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-camera{background:radial-gradient(circle at 70% 30%,#303a54,#0e0e12 65%);border:2px solid #14141b;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.phone-status-icons{align-items:center;gap:4px;display:flex}.phone-status-icons svg{width:13px;height:13px}.phone-battery{border:1px solid #17171970;border-radius:2px;width:19px;height:9px;padding:1px;position:relative}.phone-battery:before{content:"";background:#171719;border-radius:1px;width:100%;height:100%;display:block}.phone-battery:after{content:"";background:#17171970;border-radius:0 1px 1px 0;width:2px;height:3px;position:absolute;top:2px;right:-3px}.phone-app{flex-direction:column;flex:1;min-height:0;display:flex}.phone-app-header{background:#fff;border-bottom:1px solid #ececef;align-items:center;gap:8px;min-height:45px;padding:0 18px 10px;font-size:12px;font-weight:600;display:flex}.phone-brand-symbol{color:#fff;letter-spacing:-1px;background:#202022;border-radius:7px;place-items:center;width:23px;height:23px;font-size:18px;font-weight:700;line-height:1;display:grid}.phone-avatar{color:#616167;background:#ededf0;border:1px solid #dcdcdf;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:auto;font-size:10px;display:grid}.phone-app-content{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.phone-app-content::-webkit-scrollbar{display:none}.phone-list-view{padding:21px 16px 9px;animation:.24s both phone-appear}.phone-eyebrow{color:#78787d;letter-spacing:1.25px;font-size:8px;font-weight:600;display:block}.phone-list-heading h3,.phone-detail-heading h3{color:#18181b;letter-spacing:-.85px;margin:7px 0 5px;font-size:20px;font-weight:650;line-height:1.45}.phone-list-heading p{color:#737379;margin:0;font-size:10px}.phone-summary{background:#fff;border:1px solid #e4e4e8;border-radius:12px;align-items:center;gap:10px;height:67px;margin:19px 0 11px;padding:0 14px;display:flex}.phone-summary>span:first-child{color:#616167;font-size:10px}.phone-summary>strong{color:#1b1b1e;letter-spacing:-1.5px;font-size:28px;font-weight:550;line-height:1}.phone-summary strong small{letter-spacing:0;margin-left:4px;font-size:10px;font-weight:400}.phone-summary-icon{color:#73737a;background:#f3f3f5;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.phone-summary-icon svg{width:17px;height:17px}.phone-request-list{background:#fff;border:1px solid #e4e4e8;border-radius:12px;overflow:hidden}.phone-request{color:#232327;text-align:left;background:#fff;border:0;align-items:center;gap:9px;width:100%;min-height:79px;padding:12px 10px;transition:background .18s;display:flex}.phone-request+.phone-request{border-top:1px solid #ededf0}.phone-request:hover{background:#f3f3f6}.phone-request:active{background:#e8e8ee}.phone-request:focus-visible{z-index:1;outline-offset:-3px;position:relative}.phone-request-icon{color:#797981;background:linear-gradient(#fafafa,#f0f0f3);border:1px solid #e7e7eb;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:34px;font-size:11px;display:grid}.phone-request-info{flex-direction:column;flex:1;min-width:0;display:flex}.phone-request-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.phone-request-info>span{color:#88888e;margin-top:2px;font-size:8px}.phone-request-info b{color:#3c3c40;font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px;font-weight:600}.phone-request-end{color:#9b9ba2;flex-shrink:0;align-items:center;gap:2px;display:flex}.phone-request-end>span{color:#727279;font-size:8px}.phone-request-end svg{width:13px;height:13px}.phone-touch-hint{color:#86868c;text-align:center;margin:12px 0 0;font-size:8px}.phone-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:189px;padding:20px 10px;display:flex}.phone-empty>span{background:#fff;border:1px solid #e0e0e5;border-radius:50%;place-items:center;width:41px;height:41px;margin-bottom:12px;display:grid}.phone-empty strong{font-size:11px;font-weight:600}.phone-empty p{color:#818188;max-width:180px;margin:7px 0 0;font-size:10px;line-height:1.7}.phone-detail{padding:11px 16px 16px;animation:.24s both phone-appear}.phone-back{color:#76767d;background:0 0;border:0;align-items:center;gap:2px;min-height:31px;margin:0 0 10px -6px;padding:0 4px;display:flex;font-size:10px!important}.phone-back svg{width:15px;height:15px}.phone-back:hover{color:#1b1b1d}.phone-detail-heading .phone-eyebrow{letter-spacing:.8px;font-size:8px}.phone-detail-heading h3{margin-top:5px;font-size:22px}.phone-detail-heading p{color:#818188;margin:2px 0 0;font-size:10px}.phone-detail-amount{-moz-column-gap:5px;flex-wrap:wrap;align-items:baseline;column-gap:5px;margin:16px 0 11px;display:flex;position:relative}.phone-detail-amount>span{color:#818188;flex-basis:100%;margin-bottom:3px;font-size:9px}.phone-detail-amount strong{letter-spacing:-1.4px;font-size:31px;font-weight:550;line-height:1.3}.phone-detail-amount strong>span{margin-right:3px;font-size:20px;font-weight:400}.phone-detail-amount small{color:#818188;font-size:9px}.phone-detail-facts{border-top:1px solid #e7e7eb;border-bottom:1px solid #e7e7eb;margin:0;padding:3px 0}.phone-detail-facts>div{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.phone-detail-facts dt{color:#87878d;font-size:9px}.phone-detail-facts dd{color:#4d4d53;margin:0;font-size:10px}.phone-detail-note{margin-top:12px}.phone-detail-note>span{color:#87878d;font-size:9px}.phone-detail-note p{color:#6b6b73;margin:5px 0 0;font-size:10px;line-height:1.8}.phone-detail-actions{grid-template-columns:1.25fr 1fr;gap:7px;margin-top:10px;display:grid}.phone-detail-actions button{border:1px solid #dadade;border-radius:9px;justify-content:center;align-items:center;gap:4px;min-height:41px;padding:8px 4px;font-size:10px;font-weight:600;transition:background .18s,transform .18s;display:flex}.phone-detail-actions button:active{transform:scale(.97)}.phone-detail-actions svg{width:15px;height:15px}.phone-approve{color:#fff;background:#242427;border-color:#242427!important}.phone-approve:hover{background:#46464b}.phone-return{color:#66666e;background:#fff}.phone-return:hover{background:#efeff3}.phone-detail-finished{color:#5c5c64;align-items:center;gap:6px;min-height:39px;margin-top:17px;font-size:10px;display:flex}.phone-detail-finished svg{width:17px;height:17px}.phone-feedback{z-index:2;color:#fff;text-align:center;pointer-events:none;background:#242427;border-radius:9px;margin:0;padding:0;font-size:9px;line-height:1.6;position:absolute;bottom:78px;left:11px;right:11px;box-shadow:0 5px 16px #0001}.phone-feedback-visible{padding:9px 5px;animation:.22s both phone-appear}.phone-bottom-nav{background:#ffffffed;border-top:1px solid #e9e9ed;flex-shrink:0;justify-content:space-evenly;align-items:center;min-height:54px;display:flex}.phone-bottom-nav button{color:#9999a0;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:90px;min-height:50px;padding:5px 14px 2px;font-size:8px;display:flex}.phone-bottom-nav button[aria-pressed=true]{color:#222226}.phone-bottom-nav button:hover{background:#f0f0f4}.phone-nav-icon{position:relative}.phone-nav-icon>svg{width:19px;height:19px}.phone-nav-count{color:#fff;background:#7b7b83;border:1.5px solid #fff;border-radius:8px;place-items:center;min-width:13px;height:13px;padding:0 3px;font-size:7px;line-height:1;display:grid;position:absolute;top:-3px;right:-9px}.phone-bottom-nav button[aria-pressed=true] .phone-nav-count{background:#242427}.phone-home-area{background:#fff;flex-shrink:0;justify-content:center;align-items:start;height:21px;padding-top:10px;display:grid}.phone-home-area>span{background:#1e1e21;border-radius:4px;width:93px;height:4px}.phone-caption{color:#929294;text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:24px;font-size:9px;line-height:1.5;display:flex}.phone-caption button{color:#b1b1b5;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;min-height:34px;padding:4px 9px;font-size:10px;transition:color .18s;display:flex}.phone-caption button svg{width:12px;height:12px}.phone-caption button:hover{color:#fff}@keyframes phone-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:359px){.phone-device{border-radius:43px;height:600px}.phone-screen{border-radius:35px}.phone-status-bar{padding-left:16px;padding-right:16px}.phone-list-view,.phone-detail{padding-left:13px;padding-right:13px}.phone-request{gap:7px;padding-left:8px;padding-right:8px}.phone-request-end{gap:0}}@media (prefers-reduced-motion:reduce){.phone-demo *,.phone-demo :before,.phone-demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.phone-detail-actions{background:#f8f8fa;padding:8px 0;position:sticky;bottom:0}