#phone-screen{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Pretendard",sans-serif;overflow:hidden}
#phone-screen[hidden]{display:none!important}
#phone-screen button,#phone-screen input{font:inherit}
#phone-screen button{color:inherit;cursor:pointer;border:0}
#phone-screen svg{width:24px;height:24px}
#phone-screen .llp-wrap{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:48px;background:#000}
#phone-screen .llp-top{display:flex;align-items:center;justify-content:space-between;padding:0 15px 8px;gap:8px;flex-shrink:0;min-height:46px}
#phone-screen .llp-pill,#phone-screen .llp-round{background:#252528;border:1px solid #353538;min-height:41px;border-radius:24px;padding:0 13px;font-size:14px}
#phone-screen .llp-round{width:43px;display:grid;place-items:center;padding:0}
#phone-screen .llp-round svg{width:21px}
#phone-screen .llp-segment{display:flex;background:#252528;border-radius:27px;padding:3px;gap:2px}
#phone-screen .llp-segment button{background:transparent;padding:10px 14px;border-radius:24px;white-space:nowrap;font-size:13px}
#phone-screen .llp-segment button.on{background:#080809}
#phone-screen h1{font-size:32px;font-weight:750;letter-spacing:-1px;margin:10px 18px 14px}
#phone-screen .llp-search{height:39px;background:#1d1d20;border-radius:23px;margin:0 16px 12px;padding:0 13px;display:flex;align-items:center;gap:10px;flex-shrink:0;color:#999}
#phone-screen .llp-search svg{width:19px;height:19px;flex-shrink:0}
#phone-screen .llp-search input{background:transparent;border:0;outline:0;color:#fff;min-width:0;flex:1;font-size:14px}
#phone-screen .llp-scroll{overflow-y:auto;flex:1;min-height:0;scrollbar-width:none}
#phone-screen .llp-call-row{min-height:78px;display:flex;align-items:center;gap:9px;padding:8px 15px;position:relative;cursor:pointer}
#phone-screen .llp-call-row:after{content:"";height:1px;background:#252527;position:absolute;bottom:0;left:74px;right:16px}
#phone-screen .llp-avatar{height:46px;width:46px;border-radius:50%;background:#504b62;display:grid;place-items:center;flex-shrink:0;font-weight:650;font-size:17px}
#phone-screen .llp-avatar svg{width:30px;height:30px;fill:white;stroke:none}
#phone-screen .llp-avatar.dog{background:#ece7d8;font-size:29px}
#phone-screen .llp-call-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#phone-screen .llp-call-main strong{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#phone-screen .llp-call-main strong.missed{color:#ff453a}
#phone-screen .llp-call-main small{font-size:12px;color:#89898f;white-space:nowrap}
#phone-screen .llp-call-row time{font-size:12px;color:#929298;white-space:nowrap}
#phone-screen .llp-info{font-size:20px;color:#0a84ff!important;background:#1d1d20;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;padding:0}
#phone-screen .llp-tabs{flex-shrink:0;margin:0 12px 20px;min-height:62px;border-radius:32px;background:#242427;border:1px solid #37373a;display:flex;align-items:center;justify-content:space-around;padding:3px 4px;gap:0;z-index:3}
#phone-screen .llp-tabs button{background:transparent;border-radius:27px;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0}
#phone-screen .llp-tabs button.active{background:#09090b;color:#0a84ff}
#phone-screen .llp-tabs svg{width:24px;height:24px}
#phone-screen .llp-tabs small{font-size:9px;white-space:nowrap}
#phone-screen .llp-simple{font-size:14px}
#phone-screen .llp-simple>button{background:none;color:#0a84ff;font-size:25px}
#phone-screen .llp-contacts .llp-mycard{display:flex;gap:14px;align-items:center;padding:18px;border-bottom:1px solid #222}
#phone-screen .llp-mycard div{display:flex;flex-direction:column;gap:4px}
#phone-screen .llp-mycard small{color:#888}
#phone-screen .llp-contact{width:100%;text-align:left;background:transparent;padding:14px 20px;border-bottom:1px solid #242426;font-size:15px}
#phone-screen .llp-fav{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #252528}
#phone-screen .llp-fav div{display:flex;flex:1;flex-direction:column;gap:4px}
#phone-screen .llp-fav small{color:#999}
#phone-screen .llp-fav>svg{color:#0a84ff}
#phone-screen .llp-keypad{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:14px}
#phone-screen .llp-dial{font-size:27px;min-height:37px;max-width:90%;overflow:hidden;text-overflow:ellipsis}
#phone-screen .llp-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 19px}
#phone-screen .llp-key{width:69px;height:69px;border-radius:50%;background:#303034;display:flex;flex-direction:column;align-items:center;justify-content:center}
#phone-screen .llp-key strong{font-size:29px;line-height:1}
#phone-screen .llp-key small{font-size:9px;letter-spacing:2px;min-height:11px}
#phone-screen .llp-dial-actions{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;width:255px;justify-items:center}
#phone-screen .llp-dial-actions>button{background:transparent;font-size:25px}
#phone-screen .llp-green{background:#34c759!important;border-radius:50%;width:62px;height:62px;display:grid;place-items:center}
#phone-screen .llp-green svg{fill:white;stroke:white}
#phone-screen .llp-voicemail{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#a0a0a5}
#phone-screen .llp-voicemail svg{width:52px;height:52px}
#phone-screen .llp-voicemail p{font-size:13px;margin:0}
#phone-screen .llp-person{display:flex;flex-direction:column;align-items:center;gap:13px;padding:35px 16px}
#phone-screen .llp-person .llp-avatar{width:86px;height:86px;font-size:30px}
#phone-screen .llp-person h1{margin:0}
#phone-screen .llp-person p{margin:0;color:#aaa}
#phone-screen .llp-person-actions{display:flex;gap:15px}
#phone-screen .llp-person-actions button{background:#262629;border-radius:13px;display:flex;align-items:center;flex-direction:column;padding:13px 24px;gap:7px;color:#0a84ff}
#phone-screen .llp-number{align-self:stretch;background:#222225;border-radius:12px;padding:15px;color:#0a84ff}
#phone-screen .llp-call-screen{position:absolute;inset:0;background:linear-gradient(#44434c,#15151a);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:100px 15px 50px}
#phone-screen .llp-call-heading{text-align:center}
#phone-screen .llp-call-heading small{font-size:14px;color:#d4d4d7}
#phone-screen .llp-call-heading h1{font-size:36px;margin:15px 0}
#phone-screen .llp-call-heading p{font-size:14px;color:#aaa}
#phone-screen .llp-call-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 18px}
#phone-screen .llp-call-controls button{background:#65646b;border-radius:50%;height:65px;width:65px;display:flex;align-items:center;justify-content:center;position:relative;font-size:30px}
#phone-screen .llp-call-controls button.selected{background:white;color:#111}
#phone-screen .llp-call-controls span{position:absolute;top:69px;font-size:10px;white-space:nowrap}
#phone-screen .llp-hangup{background:#ff3b30;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;transform:rotate(135deg)}
#phone-screen .llp-hangup svg{width:30px;height:30px;fill:white;stroke:white}
#phone-screen .llp-call-disclaimer{font-size:10px;color:#a4a4aa;text-align:center}
@media(max-height:700px){#phone-screen .llp-key{height:55px;width:55px}#phone-screen .llp-keys{gap:7px 15px}#phone-screen .llp-keypad{gap:8px}}

/* LAST LOOP: story call overlay — isolated from the existing phone tabs */
#phone-screen .llp-call-screen{z-index:12;background:linear-gradient(180deg,#77777c 0%,#4b4b52 40%,#222329 100%);padding:clamp(65px,11vh,105px) 20px max(24px,env(safe-area-inset-bottom));justify-content:space-between;gap:12px}
#phone-screen .llp-call-heading{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
#phone-screen .llp-call-heading h1{font-size:29px;font-weight:600;margin:2px 0 0}
#phone-screen .llp-call-heading small{font-size:14px;color:#e6e6e9}
#phone-screen .llp-call-avatar .llp-avatar{width:76px;height:76px;font-size:25px;background:#777781}
#phone-screen .llp-call-caption{width:100%;max-width:355px;min-height:98px;background:rgba(30,30,37,.43);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:9px;opacity:0;transition:opacity .22s ease;pointer-events:none}
#phone-screen .llp-call-caption.visible{opacity:1}
#phone-screen .llp-caption-who{font-size:12px;font-weight:600;color:#d4d4dc}
#phone-screen .llp-caption-line{font-size:17px;line-height:1.5;word-break:keep-all;color:white}
#phone-screen .llp-call-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:26px;flex-shrink:0}
#phone-screen .llp-call-controls{grid-template-columns:repeat(3,1fr);column-gap:clamp(18px,8vw,36px);row-gap:28px;justify-items:center}
#phone-screen .llp-call-controls button{height:65px;width:65px;background:rgba(210,210,217,.26);color:white}
#phone-screen .llp-call-controls span{top:69px;left:50%;transform:translateX(-50%);font-size:11px}
#phone-screen .llp-call-controls .llp-hangup{background:#ff3b30;transform:none}
#phone-screen .llp-call-controls .llp-hangup svg{transform:rotate(135deg)}
#phone-screen .llp-call-disclaimer{font-size:9px;color:#c4c4cb;margin-top:2px}
@media(max-height:730px){#phone-screen .llp-call-screen{padding-top:52px;gap:8px}#phone-screen .llp-call-avatar .llp-avatar{width:60px;height:60px}#phone-screen .llp-call-caption{min-height:80px;padding:11px 15px}#phone-screen .llp-call-controls{row-gap:20px}#phone-screen .llp-call-controls button{width:55px;height:55px}#phone-screen .llp-call-controls span{top:57px}}

/* Call-screen-only refinements: larger iOS controls, higher subtitle, no disclaimer. */
#phone-screen .llp-call-screen{padding-bottom:max(36px,env(safe-area-inset-bottom));}
#phone-screen .llp-call-caption{transform:translateY(-52px);max-width:calc(100% - 2px);min-height:94px;}
#phone-screen .llp-call-bottom{gap:0;}
#phone-screen .llp-call-controls{column-gap:clamp(17px,7vw,34px);row-gap:32px;}
#phone-screen .llp-call-controls button{width:clamp(72px,21vw,86px);height:clamp(72px,21vw,86px);}
#phone-screen .llp-call-controls button svg{width:33px;height:33px;}
#phone-screen .llp-call-controls .llp-hangup svg{width:36px;height:36px;}
#phone-screen .llp-call-controls span{top:calc(100% + 8px);font-size:13px;}
#phone-screen .llp-call-disclaimer{display:none!important;}
@media(max-height:730px){
 #phone-screen .llp-call-screen{padding-top:45px;padding-bottom:32px;}
 #phone-screen .llp-call-caption{transform:translateY(-28px);}
 #phone-screen .llp-call-controls{row-gap:27px;}
 #phone-screen .llp-call-controls button{width:clamp(67px,19vw,78px);height:clamp(67px,19vw,78px);}
 #phone-screen .llp-call-controls span{top:calc(100% + 5px);font-size:12px;}
}

/* Keep both rows and their labels above the home indicator. */
#phone-screen .llp-call-screen{
  padding-bottom:max(96px, calc(env(safe-area-inset-bottom) + 64px));
}
#phone-screen .llp-call-controls{
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(100%,360px);
  column-gap:12px;
  row-gap:48px;
  justify-items:center;
}
#phone-screen .llp-call-controls button{
  width:clamp(74px,19vw,84px);
  height:clamp(74px,19vw,84px);
}
#phone-screen .llp-call-controls span{
  top:calc(100% + 8px);
  line-height:1.25;
  font-size:12px;
}
#phone-screen .llp-call-caption{
  transform:translateY(-35px);
  max-width:calc(100% - 4px);
  min-height:86px;
}
@media(max-height:730px){
 #phone-screen .llp-call-screen{padding-bottom:max(73px,calc(env(safe-area-inset-bottom) + 45px));}
 #phone-screen .llp-call-controls{row-gap:39px;}
 #phone-screen .llp-call-controls button{width:clamp(62px,18vw,73px);height:clamp(62px,18vw,73px);}
 #phone-screen .llp-call-caption{transform:translateY(-18px);}
}

/* Reference-matched iPhone call UI (2026-10-25): override older experimental sizing. */
#phone-screen .llp-call-screen{
  background:linear-gradient(180deg,#58616d 0%,#414954 36%,#25282e 100%);
  padding:clamp(52px,8vh,78px) 20px max(68px,calc(env(safe-area-inset-bottom) + 45px));
  gap:12px;
}
#phone-screen .llp-call-heading{gap:7px}
#phone-screen .llp-call-avatar .llp-avatar{
  width:68px;height:68px;font-size:29px;
  background:linear-gradient(180deg,#a0a6b0,#858b96);
  border:4px solid rgba(255,255,255,.10);
}
#phone-screen .llp-call-heading h1{font-size:29px;margin:4px 0 0}
#phone-screen .llp-call-heading small{font-size:17px;color:#c4c7ce}
#phone-screen .llp-call-caption{
  width:100%;max-width:calc(100% - 4px);min-height:78px;
  transform:translateY(-44px);padding:14px 16px;
  background:rgba(190,196,205,.18);
  border:0;border-radius:20px;
}
#phone-screen .llp-caption-who{font-size:12px;color:#d2d4d9}
#phone-screen .llp-caption-line{font-size:17px;line-height:1.45}
#phone-screen .llp-call-bottom{gap:0}
#phone-screen .llp-call-controls{
  width:min(100%,330px);grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:18px;row-gap:43px;justify-items:center;
}
#phone-screen .llp-call-controls button,
#phone-screen .llp-call-controls .llp-hangup{
  width:68px;height:68px;
  background:rgba(210,215,224,.23);
}
#phone-screen .llp-call-controls .llp-hangup{background:#ff3b30}
#phone-screen .llp-call-controls button svg{width:29px;height:29px}
#phone-screen .llp-call-controls .llp-hangup svg{
  width:31px;height:31px;transform:none!important;
}
#phone-screen .llp-call-controls span{
  top:calc(100% + 8px);font-size:12px;line-height:1.2;
}
#phone-screen .llp-call-disclaimer{display:none!important}
@media(max-height:730px){
  #phone-screen .llp-call-screen{padding-top:38px;padding-bottom:max(59px,calc(env(safe-area-inset-bottom) + 37px))}
  #phone-screen .llp-call-caption{transform:translateY(-18px);min-height:72px}
  #phone-screen .llp-call-controls{row-gap:35px}
  #phone-screen .llp-call-controls button,
  #phone-screen .llp-call-controls .llp-hangup{width:62px;height:62px}
  #phone-screen .llp-call-controls span{font-size:11px}
}

/* Reference image: outgoing dialing layout, separate from connected story calls. */
#phone-screen .llp-call-screen{
 background:linear-gradient(180deg,#414646 0%,#595958 35%,#303437 76%,#292d2f 100%);
 padding:0 18px max(55px,calc(env(safe-area-inset-bottom) + 32px));
 justify-content:flex-end; gap:0;
}
#phone-screen .llp-call-heading{position:absolute;top:clamp(100px,17vh,170px);left:12px;right:12px;gap:4px}
#phone-screen .llp-call-heading h1{font-size:34px;font-weight:650;line-height:1.2;margin:0}
#phone-screen .llp-call-heading small{font-size:18px;color:#b6b6b9}
#phone-screen .llp-call-avatar .llp-avatar{width:64px;height:64px}
#phone-screen .llp-call-caption{position:absolute;top:39%;left:5%;width:90%;max-width:none;transform:none;min-height:76px}
#phone-screen .llp-call-bottom{width:100%;gap:0}
#phone-screen .llp-call-controls{width:min(100%,345px);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:55px;justify-items:center}
#phone-screen .llp-call-controls button,
#phone-screen .llp-call-controls .llp-hangup{width:clamp(69px,20vw,83px);height:clamp(69px,20vw,83px);background:#565c5e;border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 2px rgba(255,255,255,.1);border-radius:50%}
#phone-screen .llp-call-controls .llp-hangup{background:#c92b21;border-color:#e4473c}
#phone-screen .llp-call-controls button svg{width:34px;height:34px}
#phone-screen .llp-call-controls .llp-hangup svg{width:35px;height:35px;transform:none!important}
#phone-screen .llp-call-controls span:not(.llp-more-icon){top:calc(100% + 7px);font-size:15px;line-height:1.25}
#phone-screen .llp-more-icon{position:static!important;transform:none!important;font-size:25px!important;letter-spacing:1px;line-height:1}
#phone-screen .llp-call-disclaimer{display:none!important}
#phone-screen .llp-call-screen.is-dialing .llp-call-avatar{display:none}
#phone-screen .llp-call-screen.is-dialing .llp-call-heading{top:clamp(85px,14vh,145px)}
#phone-screen .llp-call-screen.is-dialing .llp-call-heading small{order:-1;font-size:19px}
#phone-screen .llp-call-screen.is-dialing .llp-call-heading h1{font-size:38px}
#phone-screen .llp-call-screen.is-dialing .llp-call-caption{display:none}
@media(max-height:730px){
 #phone-screen .llp-call-screen{padding-bottom:max(50px,calc(env(safe-area-inset-bottom) + 28px))}
 #phone-screen .llp-call-controls{row-gap:43px}
 #phone-screen .llp-call-controls button,#phone-screen .llp-call-controls .llp-hangup{width:68px;height:68px}
 #phone-screen .llp-call-controls span:not(.llp-more-icon){font-size:12px}
}

/* === iPhone reference keypad refinements: keypad only === */
#phone-screen .llp-keypad{
  justify-content:flex-end;
  gap:0;
  padding:0 12px clamp(94px,14%,136px);
  box-sizing:border-box;
}
#phone-screen .llp-dial{
  flex:0 0 auto;
  min-height:clamp(38px,6vh,58px);
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(25px,7vw,32px);
  margin-bottom:clamp(12px,2.2vh,23px);
}
#phone-screen .llp-keys{
  width:min(100%,365px);
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(14px,4vw,22px);
  row-gap:clamp(12px,2.2vh,19px);
  justify-items:center;
}
#phone-screen .llp-key{
  width:clamp(78px,24vw,104px);
  height:clamp(78px,24vw,104px);
  background:#252527;
  border:1px solid #343436;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.045);
  padding:0;
  gap:2px;
}
#phone-screen .llp-key strong{
  font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:clamp(38px,11.3vw,52px);
  font-weight:300;
  line-height:1.02;
}
#phone-screen .llp-key small{
  font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:clamp(11px,3.2vw,15px);
  font-weight:500;
  letter-spacing:clamp(2px,.7vw,3.5px);
  line-height:1.05;
  min-height:14px;
}
#phone-screen .llp-dial-actions{
  width:min(100%,365px);
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:clamp(12px,2.2vh,19px);
}
#phone-screen .llp-green{
  width:clamp(78px,24vw,104px);
  height:clamp(78px,24vw,104px);
  background:#347c38!important;
  border:1px solid #55b65b!important;
  box-shadow:inset 0 2px 4px rgba(255,255,255,.1);
}
#phone-screen .llp-green svg{width:39%;height:39%;fill:white;stroke:none}
#phone-screen #llp-delete{font-size:30px;color:#fff}
#phone-screen #llp-delete[hidden]{display:none!important}
#phone-screen .llp-tabs{
  min-height:clamp(68px,10vh,83px);
  margin:0 12px 18px;
  border-radius:42px;
}
#phone-screen .llp-tabs button{gap:4px;padding:8px 0}
#phone-screen .llp-tabs svg{width:clamp(25px,7vw,33px);height:clamp(25px,7vw,33px)}
#phone-screen .llp-tabs small{font-size:clamp(10px,3vw,13px)}
@media(max-height:740px){
 #phone-screen .llp-keypad{padding-bottom:clamp(18px,5vh,45px)}
 #phone-screen .llp-key{width:clamp(64px,21vw,82px);height:clamp(64px,21vw,82px)}
 #phone-screen .llp-key strong{font-size:clamp(32px,9vw,42px)}
 #phone-screen .llp-key small{font-size:10px;min-height:11px}
 #phone-screen .llp-keys{row-gap:9px}
 #phone-screen .llp-green{width:clamp(64px,21vw,82px);height:clamp(64px,21vw,82px)}
 #phone-screen .llp-tabs{min-height:62px;margin-bottom:12px}
}

/* 2026-10-26: compact keypad proportions (visual-only correction) */
#phone-screen .llp-keypad{padding-left:8px;padding-right:8px;padding-bottom:clamp(58px,9%,86px)}
#phone-screen .llp-keys{width:310px;max-width:100%;grid-template-columns:repeat(3,82px);column-gap:24px;row-gap:10px;justify-content:center}
#phone-screen .llp-key{width:82px;height:82px}
#phone-screen .llp-key strong{font-size:39px;font-weight:300}
#phone-screen .llp-key small{font-size:10px;letter-spacing:2.4px;min-height:12px}
#phone-screen .llp-dial{min-height:35px;margin-bottom:9px}
#phone-screen .llp-dial-actions{width:310px;max-width:100%;grid-template-columns:repeat(3,82px);column-gap:24px;justify-content:center;margin-top:11px}
#phone-screen .llp-green{width:82px;height:82px}
#phone-screen .llp-tabs{min-height:68px;margin:0 12px 18px}
#phone-screen .llp-tabs svg{width:27px;height:27px}
#phone-screen .llp-tabs small{font-size:10px}
@media(max-width:350px){
 #phone-screen .llp-keys,#phone-screen .llp-dial-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px}
 #phone-screen .llp-key,#phone-screen .llp-green{width:min(82px,25vw);height:min(82px,25vw)}
}
@media(max-height:740px){
 #phone-screen .llp-keypad{padding-bottom:24px}
 #phone-screen .llp-keys{row-gap:8px}
 #phone-screen .llp-key,#phone-screen .llp-green{width:70px;height:70px}
 #phone-screen .llp-key strong{font-size:35px}
 #phone-screen .llp-tabs{min-height:62px;margin-bottom:12px}
}

/* LAST LOOP — iOS reference call controls, final overrides. */
#phone-screen .llp-call-screen{background:radial-gradient(ellipse at 55% 35%,#303033 0%,#1c1c1e 68%,#111113 100%);padding:0 20px max(58px,calc(env(safe-area-inset-bottom) + 32px));}
#phone-screen .llp-call-heading{top:clamp(85px,14vh,140px)}
#phone-screen .llp-call-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(34px,8vh,74px)}
#phone-screen .llp-call-controls{width:min(100%,340px);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:clamp(42px,6vh,64px)}
#phone-screen .llp-call-controls button{width:clamp(68px,20vw,84px);height:clamp(68px,20vw,84px);background:#353538;border:0;box-shadow:none;color:#fff;border-radius:50%;display:grid;place-items:center;padding:0}
#phone-screen .llp-call-controls button.selected{background:#f5f5f5;color:#1c1c1e}
#phone-screen .llp-call-controls button svg{width:37px;height:37px;display:block;stroke:currentColor;fill:none}
#phone-screen .llp-call-controls button span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#f5f5f5;font-weight:400}
#phone-screen .llp-call-bottom>.llp-hangup{position:relative;display:grid;place-items:center;flex-shrink:0;width:clamp(70px,20vw,84px);height:clamp(70px,20vw,84px);border:0;border-radius:50%;background:#f0443c;color:#fff;transform:none!important;box-shadow:none;padding:0}
#phone-screen .llp-call-bottom>.llp-hangup svg{display:block;width:49px;height:49px;transform:none!important;fill:currentColor;stroke:none}
#phone-screen .llp-incoming-only{background:radial-gradient(ellipse at 50% 35%,#303033,#171719 78%)}
#phone-screen .llp-incoming-only .llp-call-heading{top:clamp(100px,18vh,170px)}
#phone-screen .llp-incoming-only .llp-call-heading h1{font-size:40px}
#phone-screen .llp-incoming-circle{width:clamp(72px,21vw,90px);height:clamp(72px,21vw,90px);border:0;box-shadow:none}
#phone-screen .llp-incoming-circle svg{width:55px;height:55px;fill:currentColor;stroke:none}
#phone-screen .llp-incoming-circle.llp-red{background:#f0443c}
#phone-screen .llp-incoming-circle.llp-green{background:#34c759}
#llp-incoming-banner{background:#1c1c1e!important;border-radius:24px!important}
#llp-incoming-banner button{width:50px!important;height:50px!important;border:0!important;box-shadow:none!important}
#llp-incoming-banner button svg{width:34px!important;height:34px!important;fill:currentColor;stroke:none}
#llp-banner-decline{background:#f0443c!important}
#llp-banner-answer{background:#34c759!important}
@media(max-height:730px){#phone-screen .llp-call-bottom{gap:30px}#phone-screen .llp-call-controls{row-gap:38px}#phone-screen .llp-call-controls button{width:65px;height:65px}}


/* LAST LOOP: PNG phone icons (existing assets/phone files). No SVG replacement needed. */
#phone-screen .llp-call-controls button:has(> .llp-phone-png),
#phone-screen .llp-call-bottom > .llp-hangup:has(> .llp-phone-png){
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible;padding:0!important;
}
#phone-screen .llp-call-controls button > .llp-phone-png,
#phone-screen .llp-call-bottom > .llp-hangup > .llp-phone-png{
  display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;
}
#phone-screen .llp-call-controls button:active > .llp-phone-png,
#phone-screen .llp-call-bottom > .llp-hangup:active > .llp-phone-png,
#phone-screen .llp-incoming-actions button:active .llp-phone-png{filter:brightness(1.18);transform:scale(.96)}
#phone-screen .llp-incoming-circle:has(> .llp-phone-png){background:transparent!important;border:0!important;overflow:hidden}
#phone-screen .llp-incoming-circle > .llp-phone-png{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#llp-incoming-banner button:has(> .llp-phone-png){background:transparent!important;border:0!important;padding:0!important;overflow:hidden}
#llp-incoming-banner button > .llp-phone-png{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#llp-incoming-banner button:active > .llp-phone-png{filter:brightness(1.15);transform:scale(.96)}

/* Move only the active-call red end button 15px lower. */
#phone-screen .llp-call-bottom > .llp-hangup{top:15px;}

/* Reduce only the red in-call hangup PNG by 12%; preserve button hit area and 15px offset. */
#phone-screen .llp-call-bottom > .llp-hangup > .llp-phone-png{width:88%!important;height:88%!important;margin:auto;}

/* Caption spacing for KakaoTalk in-app browser and Safari. */
#phone-screen .llp-call-screen:not(.is-dialing):not(.llp-incoming-only) .llp-call-caption {
  top: calc(39% - 44px);
}
@media (max-height: 730px) {
  #phone-screen .llp-call-screen:not(.is-dialing):not(.llp-incoming-only) .llp-call-caption {
    top: calc(39% - 28px);
  }
}