/* Local v14 revision only: real visual assets in interactive containers. */
#app .film40{display:none!important}.ui17-materials{position:fixed;inset:0;z-index:30;pointer-events:none;visibility:hidden;opacity:0;display:flex;justify-content:center;align-items:flex-start;gap:clamp(38px,8vw,140px);padding-top:110px;transform-origin:50% 40%;color:#171717}.ui17-materials figure{width:36vw;max-width:470px;margin:0;position:relative;display:flex;align-items:center;flex-direction:column}.ui17-materials figure:before{content:'';position:absolute;top:60px;width:100%;aspect-ratio:1;border-radius:50%;background:#171717;z-index:-1}.ui17-materials figure:nth-child(2):before{background:#e30613}.ui17-materials figcaption{font:12px/1.6 'Lemon Mono','Lemon Sarasa',monospace;margin-bottom:12px;align-self:flex-start}.ui17-materials figcaption strong{display:block;font-size:17px}.ui17-phone{width:clamp(200px,21.5vw,290px);aspect-ratio:360/776;border:6px solid #171717;border-radius:32px;overflow:hidden;background:#eeeadd;position:relative;pointer-events:auto;box-shadow:1px 2px 0 #777,-1px -1px 0 #888}.ui17-phone iframe{position:absolute;width:360px;height:776px;top:0;left:0;transform-origin:0 0;border:0}.ui17-note{font:11px/1.6 'Lemon Sarasa',sans-serif;text-align:center;margin-top:12px}.ui17-materials figure:nth-child(2){transform:translateY(23px)}#app .todo38{display:none!important}.ui17-todo{position:absolute;top:14%;left:5%;width:88%;height:calc(690 * var(--s));z-index:11;transform-origin:50% 0;color:#171717;visibility:hidden;opacity:0}.ui17-todo:before{content:'';position:absolute;top:-19px;left:-18px;width:68px;height:68px;background:#e30613;border-radius:50%;z-index:-1}.ui17-todo:after{content:'';position:absolute;top:-11px;left:0;width:100%;height:4px;background:#171717}.ui17-todo-frame{position:relative;width:100%;height:100%;border:3px solid #171717;overflow:hidden;background:#eeeadd}.ui17-todo iframe{position:absolute;width:360px;height:660px;border:0;transform-origin:0 0;top:0;left:0}.ui17-todo small{display:block;font:calc(11 * var(--s))/1.6 var(--lemon-read);margin-top:8px}.win .native-device>button{border:calc(6 * var(--s)) solid #141414!important;border-radius:calc(42 * var(--s))!important;background:#141414!important;padding:calc(2 * var(--s))!important;overflow:hidden!important;box-shadow:0 0 0 1px #777!important}.win .native-device>button>img{border-radius:calc(32 * var(--s))!important;display:block}.win .native-device video{border-radius:calc(32 * var(--s))!important}.win .native-device{overflow:visible!important}html[data-theme=silver] .win .win__face{width:calc(1190 * var(--s))!important;height:calc(1190 * var(--s))!important;left:calc(-595 * var(--s))!important;top:calc(-595 * var(--s))!important}.ui17-compare-label{display:block;margin-top:12px;font:12px var(--lemon-read)}@media(max-width:700px){.ui17-materials{gap:14px;padding-top:125px}.ui17-materials figure{width:46vw}.ui17-materials figcaption{font-size:10px}.ui17-materials figcaption strong{font-size:12px}.ui17-phone{width:43vw;border-width:4px;border-radius:22px}.ui17-note{font-size:10px}.ui17-todo{left:3%;width:94%}.ui17-materials figure:before{top:45px}.win .native-device>button{border-radius:16px!important;border-width:3px!important}.win .native-device>button>img{border-radius:12px!important}}@media(prefers-reduced-motion:reduce){.ui17-materials,.ui17-todo{transition:none!important}}

@media(min-width:701px){.ui17-phone{width:min(21.5vw,calc((100svh - 225px) * .464))}.ui17-materials figure:before{width:90%;top:48px}}

.ui17-todo{position:fixed;left:auto;right:7%;top:135px;width:41vw;max-width:540px;height:min(560px,calc(100svh - 185px));z-index:32;transform-origin:50% 50%}.ui17-todo iframe{height:480px}.ui17-todo-frame{height:100%}.ui17-todo small{font-size:10px}@media(max-width:700px){.ui17-todo{right:4%;width:46vw;top:190px;height:360px}.ui17-todo small{font-size:9px}}

.ui17-todo iframe{width:480px;height:480px}

.native-dialog video{border:6px solid #141414;border-radius:30px;overflow:hidden;box-sizing:border-box}.ui17-todo .table{isolation:isolate}
/* UI18: tie the foreground to the actual departing/incoming disc edges. */
.ui17-materials{inset:0 0 auto;padding-top:0!important;height:auto;transform-origin:50% 0}.ui17-materials figure:before{display:none!important}.ui17-materials figure:nth-child(2){transform:none}.ui17-materials{gap:clamp(38px,8vw,140px)}
:root{--device-shell18:#bdbdb6;--device-rim18:#85867f}.ui17-phone{border-color:var(--device-shell18);background:var(--device-shell18);box-shadow:0 0 0 1px var(--device-rim18),inset 0 0 0 1px #f5f4ec}
html[data-shell18=ivory]{--device-shell18:#ddd7c8;--device-rim18:#a19c8e}
.win .native-device>button{border-color:var(--device-shell18)!important;background:var(--device-shell18)!important;box-shadow:0 0 0 1px var(--device-rim18),inset 0 0 0 1px #f8f5eb!important;isolation:isolate}
.win .native-device>button>img{clip-path:inset(3px round calc(30 * var(--s)));transform:scale(1.015)!important;transform-origin:center}.native-dialog video{border-color:var(--device-shell18);clip-path:inset(2px round 28px)}