.gu-app {
  --gu-fg:#17171a; --gu-bg:#fff; --gu-muted:#77777f; --gu-line:#dedee3; --gu-accent:#007aff;
  height:100%; min-height:0; width:100%; display:flex; flex-direction:column; overflow:hidden;
  color:var(--gu-fg); background:var(--gu-bg); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
  text-align:left; -webkit-tap-highlight-color:transparent; color-scheme:light;
}
.gu-app *, .gu-app *::before, .gu-app *::after {box-sizing:border-box;scrollbar-width:none}
.gu-app ::-webkit-scrollbar {display:none}
.gu-app [hidden]{display:none!important}
.gu-app button {font:inherit;color:inherit;border:0;border-radius:0;margin:0;padding:0;background:transparent;cursor:pointer;text-align:inherit;appearance:none}
.gu-app button:disabled {opacity:.25;cursor:default}
.gu-app button:focus-visible,.gu-app input:focus-visible{outline:2px solid var(--gu-accent);outline-offset:-2px}
.gu-app .gu-bar {position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 48px;padding:4px 15px}
.gu-app .gu-back {position:absolute;left:15px;top:5px;font:32px/35px -apple-system,BlinkMacSystemFont,sans-serif;text-align:center;width:38px;height:38px;border-radius:50%;background:#ededf1;color:var(--gu-fg)}
.gu-app .gu-bar-title{font-size:15px;font-weight:600}
.gu-app .gu-main {flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 17px 18px;position:relative}
.gu-app .gu-footer {flex:none;color:var(--gu-fg)}
.gu-app .gu-title {font-size:32px;font-weight:750;letter-spacing:-1.4px;line-height:1.18;margin:8px 0 16px;color:inherit}
.gu-app .gu-section {font-size:21px;line-height:1.3;margin:23px 0 9px}
.gu-app .gu-search {font:inherit;font-size:15px;width:100%;border:0;box-shadow:none;border-radius:13px;background:#ececf0;padding:10px 13px;color:var(--gu-fg);margin:0 0 9px}
.gu-app .gu-count {display:block;color:var(--gu-muted);text-align:center;font-size:13px;margin:20px 0}
.gu-app .gu-chevron {font-size:25px;font-weight:400;color:#93939a}
.gu-app .gu-center {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:14px;text-align:center}
.gu-app .gu-lock {position:relative;width:33px;height:28px;background:#87878d;border-radius:5px;display:inline-block;flex:none;margin:20px 0 1px}
.gu-app .gu-lock::before {content:"";position:absolute;left:6px;bottom:21px;width:21px;height:22px;border:4px solid #87878d;border-radius:12px 12px 0 0}
.gu-app .gu-password {width:min(250px,90%);display:flex;flex-direction:column;align-items:center;gap:10px}
.gu-password h2 {margin:6px 0 0;font-size:19px}
.gu-password small,.gu-app .gu-note-date{color:var(--gu-muted)}
.gu-app .gu-pass-input {width:100%;border:1px solid var(--gu-line);border-radius:10px;padding:10px 12px;margin-top:10px;font:inherit;text-align:center;background:var(--gu-bg);color:var(--gu-fg)}
.gu-app .gu-pass-error {min-height:16px;line-height:1;font-size:13px;color:#fa5757}
.gu-app .gu-confirm,.gu-app .gu-link {color:var(--gu-accent);font-weight:600;padding:7px 16px}
.gu-app .gu-confirm {border:1px solid var(--gu-line);border-radius:10px}
.gu-notes,.gu-music {--gu-bg:#050505;--gu-fg:#f6f6f7;--gu-muted:#99999f;--gu-line:#353537;color-scheme:dark}
#device:has(.gu-notes,.gu-music) #system,#device:has(.gu-notes,.gu-music) #homekey {background:#050505;color:#f6f6f7}
.gu-notes{--gu-accent:#e7ba45}
.gu-notes .gu-back,.gu-music .gu-back {background:#222}
.gu-notes .gu-note-list {border-radius:13px;background:#1b1b1d;overflow:hidden}
.gu-app .gu-note-row {width:100%;display:flex;flex-direction:column;gap:6px;padding:13px 15px}
.gu-note-row + .gu-note-row {border-top:1px solid var(--gu-line)}
.gu-note-row b,.gu-note-row small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.gu-note-row b {font-size:16px}.gu-note-row small {font-size:13px;color:var(--gu-muted)}
.gu-notes .gu-note-body {padding:10px 3px 16px;white-space:pre-wrap;line-height:1.7;font-size:17px}
.gu-app .gu-note-date {display:block;text-align:center;margin-bottom:24px;font-size:13px}
.gu-note-body p {margin:0 0 14px}
.gu-app .gu-album-lead {width:100%;position:relative;aspect-ratio:1.87;overflow:hidden;border-radius:18px;background:#4e585b;color:white}
.gu-album-lead img {height:100%;width:100%;object-fit:cover;display:block}
.gu-album-caption {background:linear-gradient(transparent,#000a);position:absolute;inset:auto 0 0;padding:28px 15px 12px;display:flex;flex-direction:column;gap:2px}
.gu-album-caption b {font-size:24px}
.gu-app .gu-album-list {background:#f3f3f6;border-radius:15px;padding:0 13px}
.gu-app .gu-album-row {display:flex;align-items:center;gap:12px;width:100%;min-height:51px}
.gu-album-row + .gu-album-row {border-top:1px solid var(--gu-line)}
.gu-album-row strong {font-weight:500;flex:1}.gu-album-row small{color:var(--gu-muted)}
.gu-album-symbol {color:#3778da;font-size:22px;width:24px;text-align:center}
.gu-app .gu-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 -12px}
.gu-app .gu-tile {position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#e9e9ec}
.gu-tile img {display:block;width:100%;height:100%;object-fit:cover}
.gu-tile .gu-heart {position:absolute;bottom:3px;left:6px;color:white;text-shadow:0 0 4px #222}
.gu-app .gu-view {height:100%;min-height:180px;display:grid;place-items:center;touch-action:pan-y}
.gu-view img {width:100%;height:100%;object-fit:contain;min-height:0}
.gu-app .gu-view-tools {display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--gu-line);padding:3px 15px 8px}
.gu-view-tools button {width:54px;height:42px;font-size:28px;text-align:center;color:var(--gu-accent)}
.gu-music{--gu-accent:#fa496e}.gu-music .gu-search {background:#202022}
.gu-app .gu-playlist {display:flex;align-items:center;gap:12px;min-height:73px;width:100%}
.gu-playlist b {font-size:15px;flex:1;font-weight:500}
.gu-playlist + .gu-playlist,.gu-track + .gu-track {border-top:1px solid var(--gu-line)}
.gu-app .gu-art {width:59px;height:59px;border-radius:6px;background:linear-gradient(145deg,#242426,#343437);color:#9d9da5;display:grid;place-items:center;font:32px/1 sans-serif}
.gu-app .gu-playhead {display:flex;align-items:center;flex-direction:column;padding:8px 0 20px;gap:6px}
.gu-playhead .gu-art {height:112px;width:112px;font-size:65px;border-radius:12px}
.gu-playhead h1 {font-size:25px;margin:8px 0 0}.gu-playhead small {color:var(--gu-muted)}
.gu-app .gu-track {width:100%;display:flex;gap:10px;align-items:center;min-height:54px}
.gu-track-info {flex:1;display:flex;flex-direction:column;gap:3px}
.gu-track-info b {font-size:16px;font-weight:500}.gu-track-info small,.gu-track-num {font-size:13px;color:var(--gu-muted)}
.gu-track-num {width:23px;text-align:center}.gu-track-play {color:var(--gu-accent);font-size:12px;padding-right:8px}
.gu-app .gu-phone-tabs {border-top:1px solid var(--gu-line);display:flex;justify-content:space-around;padding:4px 0 7px;background:#fafafc}
.gu-phone-tabs button {padding:2px 10px;display:flex;align-items:center;flex-direction:column;color:#75757e;font-size:11px}
.gu-phone-tabs i {font:25px/1.05 sans-serif}.gu-phone-tabs button.active {color:var(--gu-accent)}
.gu-app .gu-segment {margin:0 auto 12px;background:#ededf1;display:flex;border-radius:10px;padding:3px;max-width:250px}
.gu-segment button {flex:1;text-align:center;font-size:13px;padding:6px 4px;border-radius:8px}
.gu-segment .active {background:white;box-shadow:0 1px 3px #0002}
.gu-app .gu-call-row,.gu-app .gu-contact{min-height:53px;width:100%;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--gu-line);padding:4px 0}
.gu-app .gu-initial{background:linear-gradient(155deg,#b6bccb,#7f889d);width:35px;height:35px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:15px;color:#fff}
.gu-call-name {display:flex;flex:1;flex-direction:column;gap:2px}.gu-call-name b,.gu-contact b {font-size:16px;font-weight:560}.gu-call-name small,.gu-call-row time {font-size:13px;color:var(--gu-muted)}
.gu-call-name .missed {color:#e84643}.gu-contact .gu-chevron{margin-left:auto}
.gu-app .gu-person,.gu-app .gu-call-screen {display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 12px;gap:12px}
.gu-person h1,.gu-call-screen h1 {font-size:29px;margin:2px 0;font-weight:600;word-break:break-word}
.gu-person .gu-initial,.gu-call-screen .gu-initial {width:82px;height:82px;font-size:34px}
.gu-app .gu-dial-action {display:block;color:var(--gu-accent);background:#edf4ff;border-radius:12px;min-width:110px;padding:12px;text-align:center}
.gu-app .gu-pad {min-height:100%;width:min(295px,100%);margin:auto;display:flex;flex-direction:column;justify-content:center;gap:12px}
.gu-app .gu-digits {text-align:center;font-size:clamp(23px,6vw,31px);min-height:40px;overflow-wrap:anywhere;line-height:1.2}
.gu-app .gu-keys {display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:clamp(6px,1.3vh,12px) 8px}
.gu-app .gu-key,.gu-app .gu-green,.gu-app .gu-red {border-radius:50%;width:clamp(49px,8.5vh,72px);height:clamp(49px,8.5vh,72px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.gu-app .gu-key {background:#ededf0;gap:1px}.gu-key b {font-size:27px;font-weight:450;line-height:1}.gu-key small {font-size:9px;letter-spacing:1px;line-height:10px;min-height:10px}
.gu-app .gu-green,.gu-app .gu-red {font:30px sans-serif;color:white;background:#32bd5b}
.gu-app .gu-delete {font-size:22px;align-self:center;padding:10px}
.gu-app .gu-call-screen {min-height:100%;color:white;background:radial-gradient(ellipse at top,#566473,#273541 55%,#111a22);border-radius:19px;padding:35px 12px 22px}
.gu-call-screen .gu-status {opacity:.8;font-size:16px}.gu-app .gu-end-call {display:grid;gap:7px;justify-items:center;margin-top:auto;padding-top:32px;font-size:13px}
.gu-app .gu-red {background:#fa4746;transform:rotate(135deg)}

/* iPhone-style Notes reference: the story notes remain local to this browser. */
.gu-notes{--gu-bg:#f3f3f8;--gu-fg:#101014;--gu-muted:#919198;--gu-line:#e5e5e9;--gu-accent:#d9aa37;color-scheme:light}
#device:has(.gu-notes) #system,#device:has(.gu-notes) #homekey{background:#f3f3f8;color:#111}
.gu-notes .gu-bar{flex-basis:56px;background:#f3f3f8}
.gu-notes .gu-back,.gu-notes .gu-more{background:#fff;color:#111;width:43px;height:43px;top:5px;border-radius:50%;box-shadow:0 2px 12px #13132308;text-align:center}
.gu-notes .gu-more{position:absolute;right:15px;display:grid;place-items:center;font-size:19px;line-height:1}
.gu-notes .gu-bar-title{font-weight:550}
.gu-notes .gu-main{padding:0 17px 22px}
.gu-notes .gu-notes-scope{color:#92929a;font-size:13px;margin:4px 0 5px}
.gu-notes .gu-title{font-size:31px;letter-spacing:-.9px;margin:0 0 15px}
.gu-notes .gu-note-group{margin:0 0 22px}
.gu-notes .gu-section{font-size:18px;font-weight:750;margin:0 0 9px}
.gu-notes .gu-note-list{background:#fff;border-radius:19px;overflow:hidden}
.gu-notes .gu-note-row{min-height:64px;padding:10px 16px;gap:4px}
.gu-notes .gu-note-row b{font-size:16px;font-weight:660}
.gu-notes .gu-note-row small{font-size:13px;color:#9a9aa0}
.gu-notes .gu-note-row+.gu-note-row{border-top:1px solid #e9e9ec}
.gu-notes .gu-footer{background:linear-gradient(transparent,#f3f3f8 25%);padding:7px 17px 10px}
.gu-notes .gu-notes-tools{display:flex;gap:12px;align-items:center}
.gu-notes .gu-notes-search{flex:1;min-width:0;height:43px;border:0;border-radius:22px;background:#fff;padding:0 17px;font:16px -apple-system,BlinkMacSystemFont,sans-serif;color:#111;box-shadow:0 2px 12px #1313230a}
.gu-notes .gu-compose{position:relative;height:43px;width:43px;flex:none;border-radius:50%;background:#fff;font-size:22px;line-height:1;text-align:center;box-shadow:0 2px 12px #1313230a;padding:0 0 6px 10px}
.gu-notes .gu-compose::before{content:"";position:absolute;left:11px;top:13px;width:18px;height:18px;border:1.5px solid #111;border-radius:2px}
.gu-notes[data-view="note-detail"] .gu-main{background:#fff;padding:10px 21px}
.gu-notes .gu-note-body{padding:10px 0 20px;color:#151516;font-size:17px;line-height:1.65}
.gu-notes[data-view="note-edit"] .gu-main{background:#fff}
.gu-notes .gu-note-edit{display:block;width:100%;min-height:100%;border:0;background:#fff;color:#111;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;resize:none;padding:18px 2px}
.gu-notes .gu-note-done{margin-left:auto;display:block;border-radius:16px;background:#fff;color:#ba8b24;padding:8px 17px;font-weight:650}
.gu-notes .gu-center{color:#111}

/* Notes reading page uses the white iPhone detail layout. */
#device:has(.gu-notes[data-view="note-detail"],.gu-notes[data-view="note-edit"]) #system,
#device:has(.gu-notes[data-view="note-detail"],.gu-notes[data-view="note-edit"]) #homekey{background:#fff;color:#111}
.gu-notes[data-view="note-detail"],.gu-notes[data-view="note-edit"]{background:#fff}
.gu-notes[data-view="note-detail"] .gu-bar,.gu-notes[data-view="note-edit"] .gu-bar{background:#fff;flex-basis:58px}
.gu-notes[data-view="note-detail"] .gu-bar-title{display:none}
.gu-notes[data-view="note-detail"] .gu-main{background:#fff;padding:clamp(30px,7vh,75px) 25px 20px}
.gu-notes[data-view="note-detail"] .gu-note-body{padding:0;color:#303033;font-size:16px;line-height:1.68;white-space:normal;overflow-wrap:anywhere}
.gu-notes[data-view="note-detail"] .gu-note-body p{margin:0 0 9px}
.gu-notes[data-view="note-detail"] .gu-note-date{display:block;text-align:center;margin:0 0 24px;color:#aaa;font-size:12px}
.gu-notes .gu-note-icon,.gu-notes .gu-note-icon svg{display:block;width:25px;height:25px}
.gu-notes .gu-note-header-actions{position:absolute;top:6px;right:15px;display:flex;align-items:center;background:#fff;border-radius:25px;box-shadow:0 2px 14px #1313230a;overflow:hidden}
.gu-notes .gu-note-header-action{display:grid;place-items:center;width:45px;height:44px;color:#171719}
.gu-notes .gu-note-header-action:last-child svg circle{fill:currentColor;stroke:none}
.gu-notes[data-view="note-detail"] .gu-footer{background:linear-gradient(transparent,#fff 25%);padding:12px 16px 12px}
.gu-notes .gu-note-detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.gu-notes .gu-note-detail-tools{display:flex;align-items:center;justify-content:space-around;min-width:175px;height:49px;background:#fff;border-radius:27px;box-shadow:0 2px 14px #1313230a}
.gu-notes .gu-note-tool{width:50px;height:49px;display:grid;place-items:center;color:#151515}
.gu-notes .gu-note-new{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 2px 14px #1313230a;color:#111}
.gu-notes[data-view="note-detail"]{position:relative}
.gu-notes .gu-note-popover{position:absolute;z-index:5;right:15px;top:56px;min-width:165px;background:#fff;border:1px solid #ececef;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0002}
.gu-notes .gu-note-popover button{display:block;width:100%;min-height:44px;padding:0 17px;font-size:15px;text-align:left}
.gu-notes .gu-note-popover button+button{border-top:1px solid #ededf0}

/* Apple Music-style library, radio, playlists and mini player. */
.gu-music{--gu-bg:#fff;--gu-fg:#101014;--gu-muted:#94949b;--gu-line:#e7e7e9;--gu-accent:#ed3355;color-scheme:light}
#device:has(.gu-music) #system,#device:has(.gu-music) #homekey{background:#fff;color:#111}
.gu-music .gu-back{background:#f6f6f8;color:#111}
.gu-music[data-view="music-main"] .gu-bar{display:none}
.gu-music .gu-main{padding:8px 18px 22px}
.gu-music .gu-title{font-size:37px;letter-spacing:-1.2px;margin:7px 0 22px}
.gu-music .gu-music-avatar{position:absolute;top:16px;right:20px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(155deg,#b2c9e6,#697cbc);font-size:15px;font-weight:700;color:white}
.gu-music .gu-library-categories{margin:4px 0 23px}
.gu-music .gu-library-row{width:100%;min-height:56px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--gu-line);padding:0 2px}
.gu-music .gu-library-row b{font-size:18px;font-weight:520;flex:1}
.gu-music .gu-library-icon{width:25px;color:var(--gu-accent);font-size:25px;text-align:center}
.gu-music .gu-music-heading{font-size:22px;letter-spacing:-.3px;margin:20px 0 12px}
.gu-music .gu-music-subheading{font-size:17px;margin:8px 0 15px}
.gu-music .gu-music-home-shelf{display:flex;gap:14px;overflow:auto;margin-right:-18px;padding:2px 18px 10px 0;scroll-snap-type:x mandatory}
.gu-music .gu-music-card{display:flex;flex-direction:column;flex:0 0 157px;gap:3px;scroll-snap-align:start}
.gu-music .gu-music-cover{display:flex;align-items:flex-end;padding:12px;width:100%;aspect-ratio:1;border-radius:15px;background:linear-gradient(150deg,#ee7197,#ad315d 52%,#4b1938);color:white;font-size:20px;font-weight:750;overflow:hidden}
.gu-music .gu-cover-1{background:linear-gradient(145deg,#6e758f,#463357 52%,#1e1b30)}
.gu-music .gu-music-card b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-music .gu-music-card small{font-size:12px;color:var(--gu-muted)}
.gu-music .gu-music-feature{position:relative;width:100%;min-height:270px;border-radius:22px;padding:20px 22px;background:radial-gradient(circle at 67% 66%,#363638,#0d0d10 58%);color:white;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.gu-music .gu-music-feature small{font-size:13px;color:#ddd}
.gu-music .gu-music-feature strong{font-size:31px;margin-top:4px}
.gu-music .gu-music-feature span{font-size:13px;color:#ddd;margin-top:auto}
.gu-music .gu-music-feature i{position:absolute;right:22px;top:73px;font:110px/1 sans-serif;opacity:.65}
.gu-music .gu-radio-shelf{display:flex;gap:13px;overflow:auto;margin-right:-18px;padding:2px 18px 10px 0;scroll-snap-type:x mandatory}
.gu-music .gu-radio-card{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 230px;height:205px;padding:17px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#e64f86,#6b2851);scroll-snap-align:start}
.gu-music .gu-radio-card strong{font-size:28px;line-height:1.1}.gu-music .gu-radio-card small{font-size:12px}
.gu-music .gu-radio-1{background:linear-gradient(145deg,#129e7f,#074d48)}.gu-music .gu-radio-2{background:linear-gradient(145deg,#ab9a32,#5b4b16)}
.gu-music .gu-mini{height:56px;margin:0 13px 7px;padding:5px 8px;display:flex;align-items:center;gap:9px;background:linear-gradient(110deg,#fae5f4ed,#fffffff0 52%,#f3ecf9ed);border:1px solid #fff9;backdrop-filter:blur(18px);border-radius:25px;box-shadow:0 5px 22px #46255016}
.gu-music .gu-mini-art{width:42px;height:42px;flex:none;border-radius:9px;background:#dedee2 center/cover;display:grid;place-items:center;font-size:22px;color:#555;text-align:center}
.gu-music .gu-mini-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}
.gu-music .gu-mini-title{font-size:15px;font-weight:620;line-height:1.3;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gu-music .gu-mini-artist{font-size:12px;line-height:1.25;color:#4e4e55;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gu-music .gu-mini-play,.gu-music .gu-mini-next{width:35px;height:43px;flex:none;display:grid;place-items:center;text-align:center;font-size:25px;font-weight:700}
.gu-music .gu-mini-next{font-size:17px;letter-spacing:-6px;padding-right:6px}
.gu-music .gu-music-nav-shell{display:flex;align-items:stretch;gap:8px;margin:0 13px 6px}
.gu-music .gu-music-nav{flex:1;min-width:0;display:flex;justify-content:space-around;align-items:center;min-height:61px;background:#fbfbfceF;border:1px solid #e8e8ea;border-radius:27px;padding:3px;backdrop-filter:blur(18px);box-shadow:0 3px 20px #0000000b}
.gu-music .gu-music-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:22px;min-height:52px;color:#242428}
.gu-music .gu-music-tab.active{background:#ebebed;color:#ee3356}
.gu-music .gu-music-tab-icon{height:23px;line-height:0}
.gu-music .gu-music-tab-icon svg{width:23px;height:23px}
.gu-music .gu-music-tab small{font-size:10px;line-height:1.1;white-space:nowrap}
.gu-music .gu-music-search-tab{width:58px;flex:none;display:grid;place-items:center;border:1px solid #e8e8ea;border-radius:50%;background:#fbfbfcef;box-shadow:0 3px 20px #0000000b}
.gu-music .gu-music-search-tab.active{color:#ee3356;background:#ebebed}
.gu-music .gu-music-search-tab svg{width:25px;height:25px}
.gu-music .gu-discover-kicker{font-size:12px;line-height:1.3;color:#93939b;font-weight:620;letter-spacing:.2px;margin:14px 0 2px}
.gu-music .gu-discover-headline{font-size:20px;line-height:1.25;font-weight:520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-music .gu-discover-subline{font-size:16px;color:#9999a0;line-height:1.3;margin:1px 0 10px}
.gu-music .gu-discover-feature{display:block;position:relative;width:100%;aspect-ratio:1.5;border-radius:16px;overflow:hidden;background:#00839b;box-shadow:0 10px 24px #00839920}
.gu-music .gu-discover-feature img{position:absolute;max-width:none;width:132.9%;height:auto;left:-6.6%;top:-93.9%;pointer-events:none}
.gu-music .gu-discover-section{display:block;width:100%;font-size:22px;font-weight:700;line-height:1.25;margin:29px 0 10px}
.gu-music .gu-discover-tracks{display:flex;flex-direction:column}
.gu-music .gu-discover-track{display:flex;align-items:center;gap:12px;width:100%;min-height:61px;border-bottom:1px solid #e9e9ec;padding:7px 0}
.gu-music .gu-discover-track-art{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#f5f5f5,#c7c8cc);color:#fff;font-size:27px}
.gu-music .gu-discover-track-art-1{background:linear-gradient(145deg,#6c133a,#222)}
.gu-music .gu-discover-track-art-2{background:linear-gradient(145deg,#de6c40,#383651)}
.gu-music .gu-discover-track-art-3{background:linear-gradient(145deg,#3985ad,#20284c)}
.gu-music .gu-discover-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}
.gu-music .gu-discover-track-info b{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-music .gu-discover-track-info small{font-size:12px;color:#9999a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-music .gu-discover-track-more{flex:none;font-size:17px;font-weight:700;letter-spacing:1px;line-height:1;padding:0 2px}
.gu-music .gu-discover-weekly{display:flex;gap:12px;overflow:auto;margin:0 -18px 0 0;padding:0 18px 6px 0;scroll-snap-type:x mandatory}
.gu-music .gu-discover-weekly-card{flex:0 0 147px;min-width:0;display:flex;flex-direction:column;gap:2px;scroll-snap-align:start}
.gu-music .gu-discover-weekly-art{display:flex;align-items:flex-end;width:147px;height:147px;border-radius:14px;padding:12px;overflow:hidden;background:linear-gradient(145deg,#bd356c,#463261);background-size:cover;background-position:center;color:#fff;font-size:18px;font-weight:700}
.gu-music .gu-discover-weekly-art-1{background-color:#7c759d;background-image:linear-gradient(145deg,#7c759d,#202854)}
.gu-music .gu-discover-weekly-art-2{background-color:#83a5ae;background-image:linear-gradient(145deg,#83a5ae,#114b59)}
.gu-music .gu-discover-weekly-card b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-music .gu-discover-weekly-card small{font-size:12px;color:#9999a0}
.gu-music .gu-playlist-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gu-music .gu-playlist-cards .gu-music-card{min-width:0;flex-basis:auto}
.gu-music .gu-playhead{display:flex;flex-direction:column;align-items:center;padding:10px 0 18px}
.gu-music .gu-playhead .gu-music-cover{height:180px;width:180px;flex:none;font-size:26px;border-radius:17px}
.gu-music .gu-playhead h1{font-size:25px;margin:12px 0 0}.gu-music .gu-playhead small{color:var(--gu-muted)}
.gu-music .gu-play-all{display:block;text-align:center;width:100%;padding:10px;border-radius:12px;background:#f4f4f5;color:#e63353;font-weight:650;margin:0 0 8px}
.gu-music .gu-track{min-height:62px;gap:11px;border-bottom:1px solid var(--gu-line)}
.gu-music .gu-track-art{width:43px;height:43px;border-radius:8px;background:linear-gradient(145deg,#e37d9d,#712740) center/cover;color:white;display:grid;place-items:center;flex:none;font-size:23px}
.gu-music .gu-track-info b{font-size:15px;font-weight:560}.gu-music .gu-track-info small{font-size:12px}
.gu-music .gu-track-play{font-size:25px;color:#aaa;padding-right:4px}
.gu-music .gu-music-search{width:100%;border:0;border-radius:13px;background:#f0f0f3;color:#111;padding:11px 14px;font:16px -apple-system,BlinkMacSystemFont,sans-serif;margin:0 0 13px}
.gu-music .gu-music-empty{min-height:45vh;display:grid;place-items:center;color:#92929a}

/* Recent calls and the five-tab phone layout. */
.gu-phone .gu-main{padding:0 17px 15px}
.gu-phone .gu-bar{flex-basis:55px;justify-content:space-between}
.gu-phone .gu-title{font-size:34px;margin:4px 0 17px}
.gu-phone .gu-phone-edit{font-size:15px;border-radius:20px;background:#f5f5f7;padding:7px 11px}

/* Full-screen outgoing call, matching the phone reference. */
#device:has(.gu-phone[data-view="phone-call"]) #system,
#device:has(.gu-phone[data-view="phone-call"]) #homekey{background:#514b46;color:#fff}
.gu-phone[data-view="phone-call"]{background:#514b46;color:#fff;color-scheme:dark}
.gu-phone[data-view="phone-call"] .gu-bar,
.gu-phone[data-view="phone-call"] .gu-footer{display:none}
.gu-phone[data-view="phone-call"] .gu-main{padding:0;overflow:hidden}
.gu-phone[data-view="phone-call"] .gu-call-screen{position:relative;isolation:isolate;min-height:100%;height:100%;width:100%;border-radius:0;overflow:hidden;padding:clamp(46px,11dvh,100px) 16px clamp(17px,4dvh,34px);gap:0;background:#514b46}
.gu-phone[data-view="phone-call"] .gu-call-screen::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 16% 19%,#565a46 0%,transparent 44%),radial-gradient(ellipse at 84% 72%,#8b655b 0%,transparent 47%),linear-gradient(135deg,#464b44,#65564d 65%,#544b49);filter:blur(34px)}
.gu-phone .gu-call-label{display:flex;align-items:center;justify-content:center;gap:7px;color:#d6d2cf;font-size:18px;line-height:1.25}
.gu-phone .gu-call-line{font-size:10px;font-weight:650;color:#232323;background:#fff;border-radius:2px;padding:2px 4px}
.gu-phone .gu-call-screen .gu-status{font-size:18px;opacity:1}
.gu-phone .gu-call-screen .gu-call-number{font-size:clamp(31px,9vw,43px);font-weight:660;line-height:1.2;letter-spacing:-1.5px;margin:6px 0 0;color:#fff}
.gu-phone .gu-call-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:auto;row-gap:clamp(20px,4.4dvh,40px);column-gap:6px;align-items:start;justify-items:center}
.gu-phone .gu-call-control{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-width:0;font-size:13px;line-height:1.1;text-align:center;color:#fff;white-space:nowrap}
.gu-phone .gu-call-control-icon{display:grid;place-items:center;width:clamp(65px,20vw,84px);height:clamp(65px,20vw,84px);border:1px solid #ffffff59;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gu-phone .gu-call-control-icon svg{height:clamp(29px,8vw,36px);width:clamp(29px,8vw,36px)}
.gu-phone .gu-call-control.disabled .gu-call-control-icon{opacity:.48}
.gu-phone .gu-call-control.selected .gu-call-control-icon{background:#fff;color:#302e2b}
.gu-phone .gu-call-hangup .gu-call-control-icon{background:#eb1116;border-color:#eb1116}
.gu-phone .gu-call-keypad{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;margin-top:auto;gap:10px}
.gu-phone .gu-call-keyed{min-height:30px;font-size:25px;letter-spacing:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.gu-phone .gu-call-keygrid{display:grid;grid-template-columns:repeat(3,1fr);width:min(260px,100%);gap:9px;justify-items:center}
.gu-phone .gu-call-keygrid button{display:grid;place-items:center;width:clamp(48px,13vw,61px);height:clamp(48px,13vw,61px);border-radius:50%;background:#ffffff28;font-size:25px;text-align:center}
.gu-phone .gu-call-keyback{padding:10px 16px;border-radius:18px;background:#ffffff28;font-size:13px;text-align:center}
.gu-phone .gu-phone-menu{font-size:20px;width:35px;height:35px;text-align:center;border-radius:50%;background:#f5f5f7}
.gu-phone .gu-segment{margin:0;max-width:none;width:205px;background:#f7f7f8}
.gu-phone .gu-segment button{padding:5px 6px;font-size:13px}
.gu-phone .gu-phone-search{border-radius:15px;margin:0 0 16px;background:#ededf0}
.gu-phone .gu-call-row{display:flex;align-items:center;min-height:73px;gap:7px;padding:5px 0}
.gu-phone .gu-call-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.gu-phone .gu-call-open .gu-initial{width:46px;height:46px;font-size:0;background:linear-gradient(145deg,#bbd0e9,#788bba);position:relative}
.gu-phone .gu-call-open .gu-initial::before{content:"";width:15px;height:15px;border-radius:50%;background:white;position:absolute;top:9px;left:15.5px}
.gu-phone .gu-call-open .gu-initial::after{content:"";width:27px;height:13px;border-radius:18px 18px 7px 7px;background:white;position:absolute;bottom:7px;left:9.5px}
.gu-phone .gu-call-name{min-width:0;gap:1px}
.gu-phone .gu-call-name b{font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-phone .gu-call-name small{font-size:12px;white-space:nowrap;color:#92929a}
.gu-phone .gu-call-row time{font-size:12px;white-space:nowrap;color:#97979b}
.gu-phone .gu-info{width:31px;height:31px;flex:none;border-radius:50%;background:#f7f7f9;color:#197fe8;text-align:center;font-size:20px;line-height:31px}
.gu-phone .gu-phone-tabs{min-height:70px;border:0;border-radius:24px 24px 0 0;background:#fbfbfcec;backdrop-filter:blur(16px);padding:6px 4px 3px}
.gu-phone .gu-phone-tabs button{flex:1;padding:3px 0;gap:3px;min-width:0}
.gu-phone .gu-phone-tabs i{font-size:22px;font-style:normal;height:24px}.gu-phone .gu-phone-tabs span{font-size:10px;white-space:nowrap}
.gu-phone .gu-phone-tabs button.active{color:#2285eb}
.gu-phone .gu-phone-empty{height:50vh;display:grid;place-items:center;color:#99999f}
.gu-phone .gu-call-info-row{border-radius:15px;background:#f5f5f7;padding:14px;margin:4px 0}
@media(max-height:570px){.gu-music .gu-music-feature{min-height:220px}.gu-music .gu-mini{height:49px}.gu-music .gu-music-nav{min-height:52px}.gu-music .gu-music-tab{min-height:45px}.gu-music .gu-music-search-tab{width:50px}.gu-phone .gu-phone-tabs{min-height:62px}}
