@font-face{font-family:Kalice;src:url('../assets/fonts/Kalice-Regular.woff2');font-weight:400}@font-face{font-family:Selecta;src:url('../assets/fonts/Selecta-Regular.otf');font-weight:400}*{box-sizing:border-box}body{margin:0;background:#fff;color:#202221;font-family:Selecta,Arial,sans-serif}img{display:block;max-width:100%}.shot{position:relative;width:1290px;height:2796px;overflow:hidden;background:white}.composition{position:absolute;width:430px;height:932px;transform:scale(3);transform-origin:0 0;overflow:hidden;background:white}.preview .shot,.tiled .shot{width:430px;height:932px}.preview .composition{transform:scale(1)}.headline{position:absolute;top:58px;left:24px;right:24px;text-align:center;z-index:40}.headline h1{margin:0;font-family:Kalice,serif;font-size:50px;font-weight:400;line-height:1.035;letter-spacing:-1.5px}.headline.selecta h1{font-family:Selecta,Arial,sans-serif;font-size:44px;letter-spacing:-1.4px;line-height:1.07}.type-line{display:block;white-space:nowrap}.baseline{display:inline-block;width:0;height:0;font-size:0;vertical-align:baseline}.wordmark{width:64px;height:auto}.opening-footer{position:absolute;left:0;right:0;bottom:0;height:62px;background:linear-gradient(#ffffff00 0,#fff 17%,#fff);z-index:50;display:flex;justify-content:center;align-items:center;padding-top:8px}.opening-footer .wordmark{width:68px}.visual{position:absolute;inset:0;isolation:isolate}.device{position:absolute;width:310px;height:638px;isolation:isolate}.main-device{top:227px;left:60px}.device-screen{position:absolute;inset:7px 9px 9px;padding-top:28px;border-radius:38px;overflow:hidden;background:#f8f9f6}.second-device{width:270px;height:556px;top:260px;left:-100px;transform:rotate(-12deg);z-index:-1}.rated-widget{overflow:hidden;border-radius:24px;background:transparent;isolation:isolate}.rated-widget img{width:100%;height:100%;object-fit:contain}.float{position:absolute;width:148px;height:148px;z-index:12;filter:drop-shadow(0 15px 13px #253a4927)}.float-a{left:-15px;top:353px;transform:rotate(-9deg)}.float-b{left:303px;top:268px;width:120px;height:120px;transform:rotate(10deg)}.float-c{left:225px;top:654px;width:190px;height:74px;transform:rotate(5deg)}.glass{background:linear-gradient(125deg,#ffffffd9,#ffffffe0 36%,#f4f7faab 68%,#ffffffc4);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b1becb33,inset 1px 0 0 #fff,0 16px 34px -14px #263c5140,0 2px 3px #172d3e0c;backdrop-filter:blur(15px) saturate(1.45);-webkit-backdrop-filter:blur(15px) saturate(1.45);position:relative;isolation:isolate}.glass::before{content:'';position:absolute;pointer-events:none;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,#fff 9%,#a8b8cc69 21%,#fff 35%,#ecd6c54a 50%,#a4cbe160 71%,#fff 90%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.glass::after{content:'';position:absolute;inset:3px;border-radius:inherit;box-shadow:inset 0 1px 1px #ffffffa8,inset 0 -1px 2px #b0cad025;pointer-events:none}.action-card{position:absolute;left:27px;top:687px;width:376px;padding:18px 22px 16px;border-radius:28px;z-index:20}.action-by{display:flex;align-items:center;gap:12px}.action-by .wordmark{width:47px}.action-by>span{margin-left:auto;font-size:7px;letter-spacing:.9px;color:#6d777a}.action-by>i{font-style:normal;color:var(--accent);font-size:15px}.action-card h3{font-size:23px;font-weight:400;letter-spacing:-.65px;line-height:1.12;margin:17px 0 8px}.action-card p{font-size:11px;line-height:1.45;color:#6a746e;letter-spacing:-.1px;margin:0}.action-complete{display:flex;gap:7px;align-items:center;font-size:8px;color:#617966;margin-top:15px}.action-complete>i{width:18px;height:18px;display:grid;place-items:center;background:#e4eee4;border:1px solid #ffffff8c;border-radius:50%;font-style:normal;font-size:11px}.action-complete>span{margin-left:auto;font-size:16px;color:#647366}.input-card{position:absolute;top:211px;left:28px;width:374px;padding:13px 16px;border-radius:26px;z-index:22;display:flex;align-items:center;gap:9px;min-height:67px}.input-card>.avatar{width:27px;height:27px}.input-card>span{font-size:12px;line-height:1.35;letter-spacing:-.15px;flex:1}.input-card>b{background:#282c29;color:white;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:17px;font-weight:400;box-shadow:inset 0 1px 2px #fff7}.avatar{width:25px;height:25px;border-radius:50%;object-fit:cover}.people{display:flex;align-items:center;justify-content:center}.people .avatar{width:23px;height:23px;border:2px solid white;margin-left:-5px}.people span{font-size:8px;margin-left:7px;color:#7c8378}.home{background:linear-gradient(145deg,#fcfcfb,#f1f4f5);min-height:100%;padding:10px 13px 70px}.home-top{display:flex;justify-content:space-between;align-items:center}.home-top .wordmark{width:55px}.home-greeting{font-size:25px;letter-spacing:-.7px;font-family:Kalice;line-height:1.1;margin:22px 0 15px}.widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.widget-grid>.rated-widget{width:100%;aspect-ratio:1;box-shadow:0 3px 8px #273c4a0b;border-radius:22px}.home-list{margin-top:19px}.home-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #dee3df9c}.home-row>div:nth-child(2){flex:1}.home-row b{display:block;font-size:10px;font-weight:400;letter-spacing:-.12px}.home-row small{display:block;font-size:6.5px;color:#929a93;margin-top:4px}.home-row>span{font-size:14px;color:#89928d}.app-icon,.row-icon{background:linear-gradient(155deg,#fff,#eef0ef);border:1px solid #fff;width:29px;height:29px;border-radius:10px;display:grid;place-items:center;box-shadow:0 4px 8px #344a3710;color:var(--accent);font-size:16px;flex:none}.row-icon{font-size:14px;color:#8a9b8c}.home-compose{position:absolute;bottom:19px;left:21px;right:21px;border-radius:40px;padding:11px 13px;font-size:9px;color:#8c958e;display:flex;justify-content:space-between;align-items:center}.home-compose>b{font-size:17px;font-weight:400;color:#566358}.app{height:100%;background:#f6f7f3}.app-header{display:flex;gap:7px;padding:10px 12px 12px;align-items:center;font-size:9px;background:#fafbf7}.app-header>.app-icon{width:23px;height:23px;border-radius:8px;font-size:13px}.app-header>b{font-weight:400;flex:1}.app-header>span{font-size:25px;line-height:1}.app-header>i{font-style:normal;font-size:10px;letter-spacing:2px}.app-body{padding:17px 18px 24px}.tiny{font-size:6px;letter-spacing:1px;color:#85907d}.app h2{font-family:Kalice,serif;font-size:33px;line-height:1.03;letter-spacing:-1px;font-weight:400;white-space:pre-line;margin:13px 0 20px}.app h3{font-weight:400;font-size:17px;line-height:1.15;letter-spacing:-.4px;margin:15px 0 5px}.app p{font-size:9px;line-height:1.4;color:#8a9485;margin:0}.app-segment{display:flex;gap:17px;border-bottom:1px solid #dfe3db;padding:14px 0 9px;font-size:8px;color:#999f95}.app-segment b{font-weight:400;color:#475242}.app-pill{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:18px;background:#fff;border:1px solid #f1f3ed;margin-top:16px;font-size:9px;letter-spacing:-.1px;color:#687662;box-shadow:0 4px 12px #43593a05}.app-pill>span{font-size:13px}.app-body>.people{margin-top:17px}.app-task{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #dee2db;font-size:9px}.app-task>i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e7eade;color:#7e8d71;font-style:normal}.app-task small{display:block;font-size:7px;color:#9aa191;margin-top:4px}.birthday-app{background:linear-gradient(#fff8f7,#f8f5ef)}.birthday-portrait{position:relative;margin:0 auto;width:148px;height:154px}.birthday-portrait>.avatar{width:144px;height:144px;border-radius:40% 40% 44% 44%;object-position:50% 42%}.date-seal{position:absolute;right:-19px;bottom:-1px;width:71px;height:79px;border-radius:22px;text-align:center;padding:9px 0;font-size:7px;letter-spacing:1px;color:#a56a74}.date-seal strong{display:block;font-size:38px;letter-spacing:-2px;line-height:1.2;font-weight:400;color:#834852}.birthday-app>h3,.birthday-app>p{text-align:center}.birthday-app h2{font-size:31px;margin-bottom:20px}.flight-display{padding:22px 17px;background:linear-gradient(150deg,#e9f1f5,#d9e5ec);border-radius:23px;margin:24px 0 15px}.flight-display>span{font-size:7px;letter-spacing:1.4px;color:#718c9b}.flight-display>strong{display:flex;justify-content:space-between;align-items:center;font-size:38px;font-weight:400;letter-spacing:-1.5px;margin:13px 0 18px}.flight-display>strong>i{font-size:23px;font-style:normal;color:#7b9eb3}.flight-display>div{display:flex;justify-content:space-between;align-items:end}.flight-display>div>b{font-size:22px;font-weight:400}.flight-display>div>span{font-size:5px;letter-spacing:.8px;color:#6f8b97}.map-art{height:166px;border-radius:21px;background:#e8e9db;position:relative;overflow:hidden}.map-water{position:absolute;left:58%;top:-50%;width:40px;height:210%;background:#a7c6d6;transform:rotate(25deg);box-shadow:38px 0 #c1d5dd}.map-streets{position:absolute;inset:-45px;background:repeating-linear-gradient(30deg,transparent 0 21px,#fefef7 22px 25px,transparent 26px 50px),repeating-linear-gradient(114deg,transparent 0 29px,#fdfdf5 30px 34px,transparent 35px 74px)}.map-place{position:absolute;top:20px;left:17px;font-size:6px;color:#869076;letter-spacing:1px}.pin{position:absolute;width:24px;height:24px;background:#687957;border:2px solid white;box-shadow:0 2px 3px #52614544;display:grid;place-items:center;border-radius:50%;font-size:10px;color:white;font-weight:400}.pin-a{left:24%;top:36%}.pin-b{left:60%;top:24%}.pin-c{left:46%;top:60%}.map-caption{position:absolute;bottom:11px;left:14px;right:14px;border-radius:20px;text-align:center;font-size:7px;padding:8px;color:#6f7b64}.timeline{padding:11px 0 2px}.timeline>div{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:8px;color:#8f9887}.timeline b{font-weight:400;color:#5d6b54}.timeline i{width:5px;height:5px;border-radius:50%;background:#9dab91}.calendar{background:#fff;border:1px solid #eef0e8;border-radius:22px;padding:17px 15px}.calendar-title{display:flex;justify-content:space-between;font-size:15px;letter-spacing:-.4px;margin-bottom:13px}.calendar-title b{font-weight:400}.calendar-title span{color:#99a28e;font-size:11px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.days>span{font-size:6px;color:#8c9a81;margin-bottom:5px}.days>b{font-size:9px;font-weight:400;width:23px;height:23px;display:grid;place-items:center}.days>b.chosen{background:#e4eddc;color:#637956;border-radius:8px}.photo-strip{display:flex;gap:13px;align-items:center;margin-top:15px}.photo-strip>img{width:85px;height:85px;border-radius:16px;object-fit:cover}.photo-strip small{font-size:6px;color:#869879;letter-spacing:1px}.photo-strip h3{font-size:16px}.photo-strip p{font-size:8px}.city-photo,.ski-photo{position:relative;height:285px;overflow:hidden}.city-photo>img,.ski-photo>img{width:100%;height:100%;object-fit:cover}.city-photo::after,.ski-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#2c241075)}.city-photo-copy,.ski-photo>div{position:absolute;z-index:1;left:22px;bottom:19px;color:white}.city-photo-copy>span,.ski-photo>div>span{font-size:6px;letter-spacing:1.3px}.city-photo h2,.ski-photo h2{font-size:43px;line-height:1;letter-spacing:-1px;margin:10px 0 0}.city-app{padding-top:1px}.city-app .map-art{height:134px;margin-top:15px}.city-app>h3{font-size:17px;margin-top:17px}.city-app>p{font-size:8px}.city-app .app-pill{margin-top:13px}.app-film{background:#273429;color:white}.app-film .app-header{background:#334333;color:#fff}.app-film .app-icon{background:#5d704e;border-color:#7b8b6533;color:white}.film-app .tiny{color:#b1bb9e}.film-app h2{text-align:center;font-size:36px}.film-poster{position:relative;height:245px;transform:rotate(-3deg);margin:0 15px}.film-poster>img{height:100%;width:100%;object-fit:cover;border-radius:19px;box-shadow:0 15px 20px #0e1b1960}.film-lens{position:absolute;left:-21px;right:-21px;bottom:31px;border-radius:40px;padding:12px;text-align:center;font-size:11px;color:white;background:linear-gradient(130deg,#b7c49744,#fafafc18);border-color:#ffffff61;backdrop-filter:blur(9px)}.film-app>h3,.film-app>p{text-align:center}.film-app>h3{font-size:22px;margin-top:25px}.film-app>p{color:#b7c0aa}.film-app .app-pill{background:#b8c7ac17;border-color:#d9e3ce24;color:#e7eddb}.film-app .people span{color:#c4cdb7}.ski-photo{height:268px}.ski-photo>img{object-position:50% 50%}.ski-progress{text-align:center;padding:5px 0 10px}.ski-progress>strong{font-family:Kalice;font-size:63px;letter-spacing:-3px;font-weight:400}.ski-progress>strong>span{font-family:Selecta;font-size:24px;letter-spacing:-1px;color:#9baaaf;margin-left:5px}.ski-progress>div{height:5px;background:#e1e7e8;border-radius:5px;margin-top:19px}.ski-progress>div>i{display:block;width:40%;height:100%;background:#86a1ac;border-radius:5px}.app-music{background:#f3eee5}.music-app{background:radial-gradient(at 40% 35%,#fff3df,#f3eee5)}.music-app h2{font-size:38px;text-align:center;margin:22px 0}.record{position:relative;width:240px;height:240px;margin-left:-4px;border-radius:50%;background:#202223;box-shadow:0 14px 19px #3430273b}.grooves{position:absolute;inset:9px;border-radius:50%;background:repeating-radial-gradient(#242726 0 1px,#3e403c 1px 1.5px,#1b201e 1.8px 3px);box-shadow:inset 12px 10px 30px #ffffff18}.record-label{position:absolute;inset:78px;border-radius:50%;background:#b35c40;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:12px;color:#f0d1a8;transform:rotate(-18deg)}.record-label>span{font-size:6px;letter-spacing:1px}.record-label>b{font-size:10px;line-height:1.1;letter-spacing:-.3px;font-weight:400;margin-top:5px}.record-label>i{width:8px;height:8px;border-radius:50%;background:#d8bca0;margin-top:5px}.music-title{text-align:center;margin-top:24px}.music-title h3{font-size:20px}.music-controls{border-radius:30px;display:flex;align-items:center;justify-content:space-around;margin:17px 30px;padding:10px;font-size:22px;background:#fff6}.music-controls>b{font-weight:400}.coffee-app h2{font-size:45px;text-align:center;margin:12px 0 23px}.app-coffee{background:#f5f1e8}.coffee-app .tiny{text-align:center;color:#9f927c}.brew-dial{height:239px;width:239px;position:relative;border-radius:50%;background:conic-gradient(from -90deg,#b59872 0 70deg,#e6decf 70deg 360deg);padding:7px;box-shadow:0 13px 20px #88704e1b,inset 0 1px 1px #fffc;margin-left:-4px}.brew-dial>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border-radius:50%;background:radial-gradient(at 40% 30%,#fffffb,#f1eade 85%);box-shadow:inset 0 1px 4px #b3a18a23,0 0 0 2px #fffffa6b}.brew-dial small{font-size:7px;letter-spacing:1px;color:#9c8d73}.brew-dial strong{font-family:Kalice;font-size:70px;font-weight:400;letter-spacing:-3px;color:#78664b;line-height:1.3}.brew-dial span{font-size:8px;color:#a99c85}.brew-steps{display:flex;justify-content:space-between;margin:23px 18px;color:#b2a58e;font-size:7px;text-align:center;line-height:1.8}.brew-steps b{font-size:10px;font-weight:400}.brew-steps .current{color:#756043}.brew-ratio{display:flex;justify-content:center;gap:20px;font-size:8px;color:#9e8e72;border-top:1px solid #e5ddcf;padding-top:15px}.app-rest{background:#f3f2f7}.rest-app{background:radial-gradient(at 40% 50%,#fff,#f2f1f7);min-height:100%}.rest-app h2{text-align:center;font-size:41px}.rest-app .tiny{text-align:center;color:#9291a4}.mood-orbit{position:relative;height:212px;margin-top:17px}.mood-orbit i{position:absolute;left:50%;top:50%;width:65px;height:65px;border-radius:50%;background:radial-gradient(at 30% 25%,#ffffff60,var(--c) 63%);box-shadow:inset 0 1px 1px #fff,0 12px 15px -6px #6d6a8224;color:#65687d;font-style:normal;font-size:36px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(calc(var(--n)*51.42deg)) translateY(-69px) rotate(calc(var(--n)*-51.42deg))}.mood-prompt{text-align:center;margin:14px 0 20px}.mood-prompt h3{font-size:20px;color:#626478}.mood-prompt p{color:#a1a0ad}.journal-note{background:#ffffff88;border:1px solid #fff;border-radius:20px;padding:17px;font-family:Kalice;font-size:15px;line-height:1.3;color:#9693a5}.app-label{position:absolute;left:62px;top:199px;width:306px;z-index:15;display:flex;gap:10px;align-items:center;border-radius:26px;padding:12px 17px}.app-label .app-icon{width:31px;height:31px;border-radius:10px}.app-label b{display:block;font-weight:400;font-size:12px;letter-spacing:-.25px}.app-label span{display:block;font-size:8px;color:#91998c;margin-top:3px}.app-label>i{font-size:18px;font-style:normal;margin-left:auto;color:#74826a}.result .main-device{top:282px;width:322px;height:663px;left:54px}.result .float-a{left:-50px;top:477px;width:149px;height:149px;transform:rotate(-10deg)}.result .float-b{left:324px;top:359px;width:123px;height:123px;transform:rotate(10deg)}.shared-badge{position:absolute;top:780px;left:37px;right:37px;z-index:20;border-radius:40px;padding:13px}.shared-badge .people span{font-size:11px;color:#657259}.shared-badge .avatar{width:29px;height:29px}.action .main-device{top:309px;left:93px;transform:rotate(4deg);width:312px;height:642px}.action .float-a{top:373px;left:-40px;width:164px;height:164px;transform:rotate(-10deg)}.action .float-b{top:656px;left:289px;width:150px;height:150px;transform:rotate(9deg)}.action .action-card{top:695px;left:26px;width:378px}.floating-person{position:absolute;width:64px;height:64px;border-radius:50%;z-index:14;padding:5px}.floating-person .avatar{width:100%;height:100%;border-radius:50%}.person-a{left:5px;top:304px}.person-b{left:354px;top:449px}
/* Ten different composition axes, with the same typography and brand materials. */
.layout-1.cover .main-device{left:97px;top:247px;transform:rotate(5deg)}.layout-1.cover .float-a{top:314px;left:-30px;width:177px;height:177px;transform:rotate(-10deg)}.layout-1.cover .float-b{top:564px;left:306px;width:145px;height:145px;transform:rotate(8deg)}.layout-1.cover .float-c{left:16px;top:638px;width:198px;height:75px;transform:rotate(-5deg)}.layout-1 .action-card{left:20px;top:716px;width:370px}.layout-2.cover .main-device{left:133px;top:282px;transform:rotate(8deg);width:280px;height:577px}.layout-2.cover .second-device{left:-42px;top:241px;width:272px;height:559px;transform:rotate(-10deg)}.layout-2.cover .float-a{display:none}.layout-2.cover .float-b{left:257px;top:195px;width:136px;height:136px;transform:rotate(11deg)}.layout-2.cover .float-c{left:-37px;top:595px;width:153px;height:73px;transform:rotate(-7deg)}.layout-2.cover .action-card{top:719px}.layout-3.cover .main-device{top:220px;left:51px;transform:rotate(-3deg);width:322px;height:663px}.layout-3.cover .float-a{left:242px;top:514px;width:191px;height:198px;transform:rotate(8deg)}.layout-3.cover .float-b{left:-43px;top:329px;width:151px;height:151px}.layout-3.cover .float-c{left:198px;top:225px;width:221px;height:65px;transform:rotate(6deg)}.layout-3.cover .action-card{left:23px;top:710px}.layout-4.cover .main-device{top:259px;left:61px;transform:rotate(-3deg)}.layout-4.cover .float-a{left:281px;top:262px;width:145px;height:145px;transform:rotate(9deg)}.layout-4.cover .float-b{left:-46px;top:567px;width:173px;height:173px}.layout-4.cover .float-c{display:none}.layout-4.cover .action-card{top:693px}.layout-5.cover .main-device{top:280px;left:88px;transform:rotate(6deg)}.layout-5.cover .float-a{left:-21px;top:238px;width:221px;height:178px;transform:rotate(-8deg)}.layout-5.cover .float-b{top:582px;left:279px;width:158px;height:158px}.layout-5.cover .float-c{top:560px;left:-32px;width:145px;height:145px;transform:rotate(-6deg)}.layout-5.cover .action-card{top:720px;background:linear-gradient(130deg,#f9fff0c9,#ffffffe6)}.layout-6.cover .main-device{top:265px;left:126px;transform:rotate(7deg)}.layout-6.cover .float-a{top:329px;left:-25px;width:195px;height:208px;transform:rotate(-8deg)}.layout-6.cover .float-b{top:204px;left:242px;width:143px;height:143px}.layout-6.cover .float-c{top:627px;left:-20px;width:198px;height:64px;transform:rotate(-5deg)}.layout-6.cover .action-card{top:715px}.layout-7.cover .main-device{top:258px;left:83px;transform:rotate(-4deg)}.layout-7.cover .float-a{top:378px;left:293px;width:158px;height:158px;transform:rotate(10deg)}.layout-7.cover .float-b{top:208px;left:-12px;width:160px;height:160px;transform:rotate(-9deg)}.layout-7.cover .float-c{top:594px;left:-8px;width:195px;height:157px;transform:rotate(-9deg)}.layout-7.cover .action-card{top:729px}.layout-8.cover .main-device{top:244px;left:86px;transform:rotate(2deg)}.layout-8.cover .float-a{top:374px;left:-27px;width:181px;height:181px;transform:rotate(-7deg)}.layout-8.cover .float-b{top:228px;left:305px;width:106px;height:106px}.layout-8.cover .float-c{top:605px;left:298px;width:134px;height:134px}.layout-8.cover .action-card{top:715px;background:linear-gradient(125deg,#fff8e3b8,#ffffffe8)}.layout-9.cover .main-device{top:233px;left:63px;transform:rotate(-2deg);width:312px;height:643px}.layout-9.cover .float-a{top:274px;left:-44px;width:153px;height:153px;transform:rotate(-8deg)}.layout-9.cover .float-b{top:492px;left:284px;width:170px;height:170px;transform:rotate(8deg)}.layout-9.cover .float-c{display:none}.layout-9.cover .action-card{top:708px;background:linear-gradient(125deg,#f6f2ffce,#fff9,#dde7f3bd)}
.layout-3.action .main-device,.layout-5.action .main-device,.layout-9.action .main-device{left:36px;transform:rotate(-4deg)}.layout-3.action .float-a,.layout-5.action .float-a,.layout-9.action .float-a{left:304px;top:361px;transform:rotate(9deg)}.layout-3.action .float-b,.layout-5.action .float-b,.layout-9.action .float-b{left:-25px;top:573px;transform:rotate(-9deg)}.layout-8.action .float-b,.layout-9.result .float-a,.layout-8.result .float-a{display:none}.layout-6.result .main-device{left:70px;transform:rotate(4deg)}.layout-4.result .main-device{left:49px;transform:rotate(-3deg)}.layout-7.result .float-b{width:154px;height:125px;left:305px}.layout-5.result .float-a{width:173px;height:140px;left:-60px}.layout-0.result .float-a{left:-61px}.layout-8.result .float-b{left:328px;top:587px;width:123px;height:123px}.layout-9.result .float-b{top:456px;left:303px;width:149px;height:149px}

/* Gauntlet 02: readable content, source data consistency, clearer glass. */
.glass{background:linear-gradient(125deg,#ffffffbd,#ffffff95 36%,#f4f7fa75 68%,#ffffffab);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 2px #adc3d93d,inset 2px 0 2px #fff9,0 16px 34px -14px #263c5140,0 2px 3px #172d3e0c}
.action-card{background:linear-gradient(125deg,#ffffffb8,#ffffffe3 44%,#e9f0f493);border-width:1.5px}
.action-card p{color:#59665e}.action-by>span{color:#64716a}.action-complete{color:#4f6d56}
.input-card{background:linear-gradient(125deg,#ffffffe0,#ffffffb0)}
.home-greeting{font-size:24px;margin:14px 0}
.layout-0.cover .float-c{top:608px;left:298px;width:114px;height:114px}
.layout-0.result .float-b,.layout-1.result .float-b,.layout-2.result .float-b,.layout-4.result .float-b{top:532px;left:336px}
.layout-7.result .float-b{top:521px;left:327px}
.layout-8.result .float-b{top:601px;left:340px}
.layout-9.cover .float-a{left:-59px;top:365px;width:152px;height:152px}
.layout-5.cover .float-a{top:228px;left:-38px;width:207px;height:169px}
.layout-6.action .action-card{top:747px}.layout-6.action .float-b{top:643px;left:337px}

/* Gauntlet 03: protect the footer and quiet peripheral tiles. */
.layout-1.cover .action-card,.layout-2.cover .action-card,.layout-5.cover .action-card,.layout-7.cover .action-card{top:700px}
.layout-5.result .float-b{top:519px;left:349px;width:109px;height:109px}
.layout-6.result .float-a{top:614px;left:-49px;width:133px;height:133px}
.layout-6.result .float-b{top:332px;left:352px;width:104px;height:104px}
.layout-4.cover .float-a{top:330px;left:301px;width:135px;height:135px}
.layout-0.cover .float-b{left:329px;width:110px;height:110px}

/* Unique, hero-led companion widgets, sized to their actual silhouettes */
.photo-strip>.rated-widget{width:85px;height:85px;border-radius:16px;flex:none}
.layout-1.cover .float-c{width:198px;height:75px}
.layout-3.cover .float-b{left:-27px;top:330px;width:129px;height:129px}
.layout-7.cover .float-c{width:133px;height:133px;left:2px;top:585px}
.layout-0.cover .float-b{left:320px;top:272px;width:111px;height:111px}
.layout-4.cover .float-b{left:-25px;top:559px;width:145px;height:145px}
.layout-2.cover .float-b{left:290px;top:220px;width:113px;height:113px}

/* Complete seven-screen stories */
.growth .main-device{top:253px;left:76px;transform:rotate(3deg);width:318px;height:654px}
.growth-float{left:-29px;top:410px;width:151px;height:151px;transform:rotate(-9deg)}
.personal-note{position:absolute;left:24px;top:673px;width:382px;border-radius:31px;padding:24px;z-index:22;background:linear-gradient(120deg,#ffffffe3,#f0f2f5ad)}
.personal-note h3{font-family:Kalice;font-size:29px;font-weight:400;line-height:1.1;letter-spacing:-.7px;margin:12px 0 19px}
.memory-tags{display:flex;gap:6px}.memory-tags span{background:#ffffff80;border:1px solid white;padding:7px 10px;border-radius:24px;color:#78816f;font-size:8px}
.growing-label{position:absolute;left:25px;top:207px;right:25px;border-radius:25px;z-index:16;padding:13px 16px;display:flex;align-items:center;gap:11px}.growing-label div:nth-child(2){flex:1}.growing-label span{font-size:6px;color:#93a08a;letter-spacing:.6px}.growing-label b{font-weight:400;font-size:13px;display:block;margin-top:4px}.growing-label>i{color:var(--accent);font-style:normal}
.multiplayer .main-device{top:285px;left:42px;transform:rotate(-4deg);width:322px;height:663px}
.shared-top{position:absolute;top:212px;left:38px;right:38px;border-radius:35px;padding:14px 17px;display:flex;justify-content:space-between;z-index:18}.shared-top .people span{font-size:10px}.shared-top>span{font-size:10px;color:#728367;padding:5px 8px}
.shared-update{position:absolute;left:22px;right:22px;top:671px;border-radius:31px;padding:21px 24px;z-index:20}.shared-avatars{display:flex;align-items:center}.shared-avatars .avatar{width:32px;height:32px;margin-right:-6px;border:2px solid white}.shared-avatars>i{margin-left:auto;font-style:normal;color:#83917d}.shared-update h3{font-size:24px;line-height:1.1;letter-spacing:-.5px;font-weight:400;margin:17px 0 10px}.shared-update p{font-size:10px;color:#6d7967;line-height:1.5;margin:0}.shared-status{font-size:8px;color:#6c8564;margin-top:15px;display:flex;align-items:center;gap:7px}.shared-status i{border-radius:50%;background:#dfe9da;padding:4px;font-style:normal}.shared-float{left:314px;top:358px;width:139px;height:139px;transform:rotate(10deg)}
.ios-scene .main-device{top:244px;left:68px;width:322px;height:663px;transform:rotate(3deg)}.ios-home{min-height:100%;padding:13px 15px;background:radial-gradient(at 10% 5%,#efe8fb 0,transparent 45%),radial-gradient(at 100% 70%,#b9c9d67a,transparent 65%),linear-gradient(#e7edf5,#e5e7e0)}.ios-time{display:flex;justify-content:space-between;font-size:13px;padding:0 6px}.ios-time span{font-size:8px}.ios-date{text-align:center;font-size:9px;color:#7a8591;margin:18px 0 19px}.ios-home .widget-grid{gap:11px}.ios-app-row{display:flex;justify-content:space-between;margin:22px 1px}.ios-app-row>div{width:48px;text-align:center}.ios-app-row img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 3px 3px #35465517)}.ios-app-row span{font-size:6px;color:#677781;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-search{border-radius:30px;width:78px;text-align:center;padding:7px;margin:18px auto;color:#708087;font-size:9px}.ios-dock{display:flex;justify-content:space-around;padding:13px 9px;border-radius:29px;position:absolute;bottom:18px;left:17px;right:17px;background:#ffffff50}.ios-dock>div{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(#fff,#f3f3ee);border:1px solid white;border-radius:13px;color:#667b76}.ios-dock svg{width:22px;height:23px}.ios-float{left:-26px;top:451px;width:153px;height:153px;transform:rotate(-10deg)}.ios-label{position:absolute;left:27px;right:27px;top:709px;border-radius:30px;padding:22px;display:flex;align-items:center;gap:18px;z-index:20}.ios-label>img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 10px 8px #3935461a)}.ios-label span{font-size:7px;letter-spacing:1px;color:#8e969e}.ios-label h3{font-family:Kalice;font-weight:400;font-size:29px;line-height:1.1;letter-spacing:-.7px;margin:7px 0}.ios-label p{font-size:9px;color:#7b858a;margin:0}
.services-scene .main-device{top:254px;left:55px;width:322px;height:663px;transform:rotate(-2deg)}.connections-app{background:#f6f8f5;min-height:100%}.connection-title{padding:22px 20px 15px}.connection-title h2{font-family:Kalice;font-size:36px;line-height:1.05;letter-spacing:-1px;font-weight:400;margin:14px 0 11px}.connection-title p{font-size:9px;color:#86917c;line-height:1.5;margin:0}.connection-list{margin:0 17px}.connection-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #dce4d733}.service-icon{width:36px;height:36px;background:linear-gradient(150deg,#fff,#e9efe9);border:1px solid white;border-radius:13px;padding:8px;box-shadow:0 3px 7px #3344220b;color:#6f8979}.service-icon svg{width:100%;height:100%}.connection-list>div>span{font-size:12px;flex:1}.connection-list small{display:block;font-size:7px;color:#99a38f;margin-top:4px}.connection-list b{font-size:9px;font-weight:400;color:#7b9270;padding:5px;background:#e7eddf;border-radius:50%}.service-color-1{color:#ac8085}.service-color-2{color:#9885ad}.service-color-3{color:#af976b}.service-color-4{color:#7d98ad}.connected-note{text-align:center;color:#91a087;font-size:8px;margin-top:19px}.service-float{position:absolute;width:103px;height:103px;padding:26px;z-index:17;border-radius:29px;color:var(--accent);background:linear-gradient(145deg,#fffffff0,#e8f0f4ab)}.service-float svg{width:100%;height:100%}.service-float-a{left:-15px;top:357px;transform:rotate(-10deg)}.service-float-b{left:335px;top:536px;width:107px;height:107px;transform:rotate(11deg)}.service-count{position:absolute;top:666px;left:30px;right:30px;border-radius:33px;text-align:center;padding:19px 26px;z-index:22}.service-count>span{font-size:7px;letter-spacing:1.3px;color:#8b9884}.service-count h3{font-family:Kalice;font-weight:400;font-size:98px;line-height:1;letter-spacing:-5px;margin:7px 0 0;color:#3e503b}.service-count h3 span{font-size:59px;vertical-align:14px;margin-left:2px}.service-count>p{font-size:11px;color:#7e8d72;margin:4px 0 21px}.service-count>div{display:flex;align-items:center;gap:12px;border-top:1px solid #d7e0d077;padding-top:14px}.service-count .wordmark{width:43px}.service-count>div>span{font-size:8px;color:#8a9780}.service-count>div>i{font-style:normal;color:#8b9882;margin-left:auto}

/* Compact agent updates: message, detail, and quiet completion status */
.visual .action-card{left:47px;width:336px;padding:17px 20px 16px;border-radius:25px}
.action-card h3{font-size:21px;line-height:1.12;letter-spacing:-.55px;margin:0 0 7px}
.action-card p{font-size:10px;line-height:1.4}
.action-card .action-complete{margin-top:12px;font-size:8px;gap:6px}
.action-card .action-complete>i{width:16px;height:16px;font-size:10px}

/* A single composition grid across the complete collection. */
.composition .visual .main-device{left:54px;top:244px;width:322px;height:662px;transform:none;z-index:3}
.composition .headline h1{font-family:Selecta,Arial,sans-serif;font-size:40px;font-weight:400;letter-spacing:-1.2px;line-height:1.08}
.composition .type-line{white-space:normal}
.composition .visual .refracted-widget{display:block;position:absolute;width:142px;height:142px;z-index:1;border-radius:25px;filter:drop-shadow(0 12px 15px #253a491c)}
.composition .visual .rear-top{left:285px;top:219px;transform:rotate(9deg)}
.composition .visual .rear-bottom{left:-4px;top:748px;transform:rotate(-8deg)}
.composition .visual .action-card{left:66px;top:709px;width:316px;padding:17px 19px;border-radius:24px;background:linear-gradient(125deg,#ffffffe3,#f4f7fac4)}
.composition .visual .input-card{top:544px;left:33px;width:333px;min-height:56px;padding:12px 15px;border-radius:22px}
.composition .visual .app-label{top:725px;left:100px;right:auto;width:230px;padding:14px 16px;border-radius:23px}
.composition .visual .personal-note{left:65px;top:723px;width:316px;padding:20px;border-radius:24px}
.composition .personal-note h3{font-family:Selecta;font-size:21px;letter-spacing:-.4px;line-height:1.15;margin:0}
.composition .visual .shared-update{left:65px;right:auto;top:711px;width:316px;padding:20px;border-radius:24px}
.composition .shared-update h3{font-size:21px;margin:0 0 9px}
.composition .home-greeting,.composition .app-body h2,.composition .connection-title h2,.composition .city-photo-copy h2,.composition .ski-photo h2{font-family:Selecta;font-weight:400;letter-spacing:-1px;line-height:1.08}
.composition .home-greeting{font-size:28px}
.composition .app-body h2,.composition .city-photo-copy h2,.composition .connection-title h2{font-size:34px}
.composition .opening-footer{height:31px;padding:0;background:none;bottom:2px}
.composition .opening-footer .wordmark{width:50px}
.packing-app{padding-top:19px}.packing-app h2{margin:14px 0 20px}.packing-progress>span{font-size:10px;color:#748074}.packing-progress>div{height:4px;background:#e5e8e0;border-radius:5px;margin-top:10px}.packing-progress i{display:block;width:50%;height:100%;background:#899b79;border-radius:5px}.pack-group h3{font-size:12px;margin:19px 0 9px}.pack-item{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:11px;border-bottom:1px solid #e4e7e1}.pack-item i{width:15px;height:15px;border:1px solid #cad2c5;border-radius:5px;font-style:normal;text-align:center}.pack-item i.checked{background:#8a9b7a;color:white;border-color:#8a9b7a}.pack-item small{margin-left:auto;font-size:8px;color:#86907e}.place-photo{height:167px;border-radius:17px;overflow:hidden;margin:14px 0}.place-photo img{width:100%;height:100%;object-fit:cover}.city-photo{height:225px}.city-photo-copy h2{font-size:36px!important}.concerts-app h2{margin:14px 0 18px}.concert-feature{position:relative;height:223px;border-radius:18px;overflow:hidden;color:white}.concert-feature>img{height:100%;width:100%;object-fit:cover}.concert-feature>div{position:absolute;inset:0;padding:19px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent,#000b)}.concert-feature small{font-size:7px;letter-spacing:.4px}.concert-feature h3{font-size:27px;margin:9px 0 4px;font-weight:400}.concert-feature span{font-size:9px}.concert-feature .people{justify-content:flex-start;margin-top:17px}.concert-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ddd}.concert-row h3{font-size:16px;margin:0 0 6px;font-weight:400}.concert-row small,.concert-row>span{font-size:8px;color:#888}.demo-note{display:block;text-align:center;font-size:7px;color:#999;margin-top:16px}

.composition .visual .rear-top{left:247px;top:200px;width:176px;height:176px}
.composition .visual .front-bottom{left:4px;top:577px;width:135px;height:135px;z-index:12;transform:rotate(-8deg)}

.export-row .shot{width:1290px;height:932px}

/* Current explorer scenes and a genuine custom-widget Home Screen. */
.current-guide{padding:20px 17px}.current-guide>h2{margin:9px 0 5px}.current-guide>p{font-size:10px;color:#7f857d;margin:0 0 13px}.current-guide .app-segment{margin:14px 0}.guide-feature{position:relative;overflow:hidden;border-radius:19px;background:white}.guide-feature>img{width:100%;height:238px;object-fit:cover}.guide-feature>div{padding:14px}.guide-feature small{font-size:6px;letter-spacing:.6px;color:#929488}.guide-feature h3{font-size:23px;font-weight:400;letter-spacing:-.6px;margin:5px 0}.guide-feature p{font-size:8px;margin:0;color:#8d9289}.guide-feature>i{position:absolute;right:10px;top:10px;background:#fff9;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-style:normal}.guide-section-title{font-weight:400;font-size:14px;margin:20px 0 12px}.guide-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-mini-grid img{width:100%;height:78px;object-fit:cover;border-radius:10px}.guide-mini-grid span{font-size:8px;display:block;margin:7px 0}.guide-bottom{display:flex;justify-content:space-between;margin-top:16px;font-size:8px;color:#969e90}.guide-bottom b{color:#4e6754;font-weight:400}.cooking-app h2{margin:8px 0 17px}.recipe-photo{position:relative;height:210px;overflow:hidden;border-radius:20px}.recipe-photo img{width:100%;height:100%;object-fit:cover}.recipe-photo>span{position:absolute;right:11px;bottom:11px;background:#fffd;padding:6px 9px;border-radius:20px;font-size:9px}.cooking-app>h3{font-size:27px;font-weight:400;letter-spacing:-.7px;margin:18px 0 14px}.recipe-servings{display:flex;justify-content:space-between;font-size:11px;padding-bottom:9px}.recipe-servings>b{font-weight:400}.cook-next{padding:12px;border-radius:20px;background:#dde6d7;text-align:center;font-size:11px;margin-top:16px}.recipe-float-caption{position:absolute;left:10px;right:10px;bottom:11px;border-radius:12px;padding:9px;background:#ffffffe6;font-size:12px;letter-spacing:-.3px}.arrival-route{display:flex;justify-content:space-between;padding:27px 0;border-bottom:1px solid #c1d0cd;margin:0 5px 26px}.arrival-route i{width:11px;height:11px;border:3px solid #f8faf8;background:#718f88;border-radius:50%;box-shadow:0 0 0 1px #bccbc6}.flight-app .timeline>div{margin:18px 0}.workflow-services{position:absolute;top:735px;left:79px;width:282px;z-index:22;border-radius:23px;padding:19px;display:flex;align-items:center;justify-content:space-between}.workflow-services>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;color:#7a8777}.workflow-services svg{width:26px;height:26px}.workflow-services>i{font-style:normal;background:#e5ece0;color:#7e9070;border-radius:50%;padding:5px;font-size:10px}.shared-update .people{justify-content:flex-start;margin-top:16px}.composition .visual.ios-scene .front-bottom{top:647px;left:4px;width:126px;height:126px}.custom-ios{padding:8px 15px;background:linear-gradient(150deg,#a9b6ad,#dce3cb 45%,#d3bac6);min-height:100%}.custom-ios .ios-date{margin:33px 0 24px;font-size:12px;color:#fff;text-shadow:0 1px 4px #4565}.own-widget{border-radius:25px;padding:16px;background:#f9f6ec;box-shadow:0 7px 15px #30463318;overflow:hidden;color:#30342d}.own-widget-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:15px}.own-widget-heading>i{font-size:14px;font-style:normal;color:#8c9685}.widget-app-name{text-align:center;color:white;font-size:9px;margin:8px 0 24px;text-shadow:0 1px 4px #38493888}.custom-brew{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 0 16px}.custom-brew>div:first-child{display:flex;flex-direction:column;gap:5px}.custom-brew span{font-size:7px;letter-spacing:.7px;color:#9b917f}.custom-brew b{font-size:51px;letter-spacing:-2px;font-weight:400;line-height:1.1}.custom-brew small{font-size:11px;color:#8d826f}.custom-ratio{display:grid;gap:4px}.custom-ratio strong{font-size:17px;font-weight:400}.pour-track{display:flex;justify-content:space-between;border-top:1px solid #ded8c7;padding-top:12px;font-size:9px;color:#9d9684}.pour-track b{font-weight:400;color:#5e6d54}.custom-packing>b{font-size:25px;font-weight:400;display:block;letter-spacing:-.6px}.custom-packing>span{font-size:8px;display:block;color:#909a85;margin:6px 0 15px}.custom-packing>div{display:flex;gap:10px;padding:8px 0;font-size:12px;border-bottom:1px solid #dde2d2}.custom-packing i{font-style:normal;color:#92a278}.custom-packing>small{display:block;margin-top:13px;color:#9ba68c;font-size:9px}.custom-photo,.custom-concert,.custom-ski,.custom-film{height:194px;position:relative;margin:-3px -16px -16px;overflow:hidden}.custom-photo img,.custom-concert img,.custom-ski img,.custom-film img{width:100%;height:100%;object-fit:cover}.custom-photo>span,.custom-concert>div,.custom-ski>div,.custom-film>div{position:absolute;inset:0;padding:17px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(transparent,#0008);gap:5px;font-size:12px}.custom-photo b,.custom-concert small,.custom-film small{font-weight:400;font-size:9px}.custom-concert b,.custom-film b{font-size:28px;font-weight:400;letter-spacing:-.7px}.custom-concert span,.custom-film span{font-size:8px}.custom-ski b{font-size:57px;font-weight:400;line-height:1.1}.custom-ski small{font-size:22px}.custom-ski span{font-size:9px}.custom-meal{display:flex;gap:12px;align-items:center}.custom-meal img{width:98px;height:136px;object-fit:cover;border-radius:15px}.custom-meal>div{display:flex;flex-direction:column;gap:11px}.custom-meal b{font-size:24px;font-weight:400;letter-spacing:-.6px}.custom-meal span,.custom-meal small{font-size:9px;color:#8d967d}.custom-flight{display:flex;flex-direction:column;gap:12px;padding-bottom:5px}.custom-flight>span{font-size:9px;color:#899585}.custom-flight strong{font-weight:400;font-size:30px;letter-spacing:-.9px}.custom-flight b{font-size:39px;font-weight:400}.custom-flight small{font-size:9px;color:#788e74}.custom-mood>span{font-size:8px;color:#8b927c}.custom-mood>div{display:flex;justify-content:space-between;margin:21px 0 26px}.custom-mood i{width:25px;height:37px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-size:9px;color:#fff}.custom-mood>b{font-size:21px;font-weight:400;letter-spacing:-.5px}.custom-birthday>span{font-size:9px;color:#909780}.custom-birthday>b{display:block;font-weight:400;font-size:78px;line-height:1.2;letter-spacing:-3px;color:#716987}.custom-birthday>div{font-size:19px}.custom-birthday small{display:block;font-size:8px;color:#8c9380;margin-top:8px}.ios-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 14px}.ios-apps>div{display:flex;flex-direction:column;align-items:center;gap:6px}.ios-apps small{font-size:8px;color:white;text-shadow:0 1px 3px #53614e66}.native-app{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fafaf6;font-size:28px;color:#9b8896}.native-app svg{width:27px;height:28px}.native-0{background:#538cd7;color:white}.native-1{color:#c66d70}.native-2{background:#e9748a;color:white}.native-3{background:#d8e6d3;color:#679b8f}.native-4{color:#cf9076}.native-5{background:linear-gradient(#f5d978 27%,#fff 27%);color:#b1ada0}.native-6{color:#7fa4d6}.native-7 .wordmark{width:33px}.custom-ios .ios-search{margin-top:24px;color:white;background:#67726335}.custom-ios .ios-dock{bottom:15px;background:#ffffff40}.custom-ios .ios-dock>div{background:#ffffffb0}.composition .own-widget *{font-family:Selecta,Arial,sans-serif}

.custom-ios .ios-search{display:none}

/* Playground v4: one continuous silhouette, bevel, and floating shadow. */
.widget-finish-surface{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box}
.widget-finish-rim{position:absolute;inset:0;z-index:100;pointer-events:none;background-size:100% 100%}

/* Conversation-led set: the same phone, lifted by 10% of its 662px height. */
.composition .visual .device.main-device{left:54px;top:177.8px;width:322px;height:662px;transform:none}
.composition .headline{top:48px}.composition .headline h1{font-family:Selecta,Arial,sans-serif;font-weight:400;font-size:36px;line-height:1.08;letter-spacing:-1.08px}
.composition .visual .refracted-widget.rear-top{top:218px;left:266px;width:154px;height:154px}
.composition .visual .refracted-widget.front-bottom{top:574px;left:4px;width:124px;height:124px}
.composition .visual.ios-scene .front-bottom{top:590px;width:124px;height:124px}
.hero-home-screen{position:relative;height:100%;background:#fafafa;padding-top:13px;overflow:hidden;color:#14171a}
.hero-home-header{display:flex;justify-content:space-between;align-items:center;padding:9px 15px 17px}.hero-home-header>img:first-child{width:70px}.hero-home-header>img:last-child{width:25px;height:25px;border-radius:50%}
.hero-home-rail{display:grid;grid-template-rows:119px 119px;grid-auto-flow:column;grid-auto-columns:119px;gap:9px;padding:4px 0 14px 15px;overflow:hidden;mask-image:linear-gradient(to right,#000 95%,transparent)}
.hero-widget{width:119px;height:119px;position:relative}.hero-widget img{width:100%;height:100%;object-fit:cover}
.hero-home-threads{padding:0 15px 55px;display:grid;gap:5px;mask-image:linear-gradient(#000 70%,transparent 98%)}.hero-home-thread{display:flex;align-items:center;gap:9px;padding:9px;background:#93939314;border-radius:15px;min-width:0;height:58px}.hero-home-thread>img{width:37px;height:37px;object-fit:contain;border-radius:50%;flex:none}.hero-home-thread>div{min-width:0;flex:1}.hero-home-thread b{display:block;font-size:12px;font-weight:400}.hero-home-thread span{display:block;font-size:10px;color:#8a9099;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-home-thread small{font-size:9px;color:#8a9099}
.hero-home-dock{position:absolute;left:15px;right:15px;bottom:19px;display:flex;gap:10px;height:38px}.hero-home-dock>span,.hero-home-dock>b{border:1px solid #fff9;background:#f7f7f7b3;backdrop-filter:blur(12px);box-shadow:0 3px 10px #00000015;border-radius:30px;display:flex;align-items:center;font-weight:400}.hero-home-dock>span{flex:1;padding:0 13px;font-size:12px;color:#8a9099}.hero-home-dock>b{width:38px;justify-content:center;font-size:25px}
.conversation-screen{height:100%;background:#fff;position:relative;overflow:hidden;padding-top:8px;color:#171a18}.conversation-header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;margin-bottom:11px}.conversation-header>span{font-size:26px;line-height:1}.conversation-title{display:flex;align-items:center;gap:6px}.conversation-title>img{width:24px;height:24px;object-fit:cover;border-radius:50%}.conversation-title>b{font-weight:400;font-size:12px}.conversation-members{display:flex}.conversation-members>img{width:21px;height:21px;border-radius:50%;border:1.5px solid #fff;margin-left:-6px}
.conversation-shelf{display:flex;gap:8px;padding:5px 11px 17px;overflow:visible}.conversation-widget{position:relative;flex:1;min-width:0;height:113px;background:#fafaf8;padding:9px;color:#202320}.conversation-widget b{font-weight:400;font-size:11px;line-height:1.1;display:block}.conversation-widget small{font-size:7px;display:block;color:#8a8d85}.conversation-widget .widget-finish-surface>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tile-photo,.tile-countdown{padding:0}.tile-photo-copy{position:absolute;bottom:0;left:0;right:0;padding:18px 8px 9px;background:linear-gradient(transparent,#ffffffe8 30%,#fff)}.tile-photo-copy b{font-size:10px;margin-bottom:3px}.tile-photo-copy small{font-size:6px}.tile-flight{font-size:20px;letter-spacing:-1px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:2px}.tile-flight i{font-style:normal;font-size:12px;color:#949f9a}.tile-flight-track{height:1px;background:#bec8c2;margin:14px 0 10px}.tile-flight-times{display:flex;justify-content:space-between;font-size:8px}.tile-flight small{font-size:6px}.tile-countdown{color:#222}.tile-countdown .widget-finish-surface>.tile-countdown{position:absolute;left:7px;right:7px;top:23px;padding:10px 5px;background:#ffffffe0;backdrop-filter:blur(8px);border:1px solid #fff;border-radius:16px;text-align:center;box-shadow:0 3px 7px #20232020}.tile-countdown b{font-size:14px}.tile-countdown .tile-countdown>div>strong{font-size:13px;display:block;background:#272c29;color:white;border-radius:3px;font-weight:400;width:20px;padding:2px 0;height:18px}.tile-countdown .tile-countdown>div{display:flex;justify-content:center;gap:3px;margin:8px 0 12px}.tile-countdown strong small{font-size:5px;color:#353d36;margin-top:5px}.tile-list{display:grid;gap:9px;margin-top:18px}.tile-list>span{font-size:8px;line-height:1.25;border-bottom:1px solid #e6e8e1;padding-bottom:5px}.tile-number{display:block;font-size:25px;font-weight:400;letter-spacing:-.7px;margin:19px 0 7px;white-space:nowrap}.tile-time .tile-number{font-size:20px}.tile-people{display:flex;margin:19px 0 13px}.tile-people>img{width:23px;height:23px;border-radius:50%;border:2px solid white;margin-left:-4px}
.conversation-thread{padding:0 13px 60px;overflow:hidden}.conversation-date{text-align:center;font-size:7px;color:#a5a9a4;margin:10px 0 17px}.conversation-message{display:flex;gap:7px;align-items:flex-start;margin-bottom:17px}.chat-avatar{flex:none;padding-top:16px}.chat-avatar img{width:22px;height:22px;border-radius:50%;object-fit:cover}.message-body{max-width:calc(100% - 29px)}.message-body>small{font-size:7px;color:#90968d;display:block;margin:0 0 4px 5px}.message-body>p{font-size:12px;line-height:1.4;margin:0;background:#f3f4f1;border-radius:15px;padding:10px 12px;letter-spacing:-.12px}.conversation-message.sent{justify-content:flex-end}.sent .chat-avatar{display:none}.sent .message-body>small{text-align:right;margin-right:5px}.sent .message-body>p{background:#e6eee1}.conversation-compose{position:absolute;bottom:15px;left:12px;right:12px;display:flex;align-items:center;gap:9px;background:#ffffffed;box-shadow:0 -12px 14px #fff;font-size:22px;color:#60665e;height:38px;z-index:5}.conversation-compose>div{flex:1;border:1px solid #eceee7;box-shadow:0 2px 7px #00000006;border-radius:30px;padding:10px 12px;font-size:11px;color:#9da399}.conversation-compose .compose-mic{font-size:18px}
.goal-conversation .conversation-thread{padding-top:5px}.goal-conversation .conversation-date{margin-top:0}.goal-conversation .conversation-message{margin-bottom:16px}.goal-widget{position:relative;background:#f6f8f0;height:282px;margin:0 0 0 29px;color:#31392c}.goal-app-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e9dc;padding:13px 14px;font-size:11px}.goal-app-bar>b{font-size:16px;font-weight:400}.goal-app-body{padding:15px}.goal-app-body h3{font-size:20px;line-height:1.1;font-weight:400;letter-spacing:-.5px;margin:12px 0 15px}.goal-app-body .goal-photo{width:100%;height:139px;border-radius:13px;object-fit:cover}.goal-detail,.goal-steps{display:flex;justify-content:space-between;font-size:9px;color:#808e74}.goal-brew{display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #e1e8d7;outline:1px solid #d1ddc4;border-radius:50%;width:163px;height:163px;margin:0 auto 17px}.goal-brew small{font-size:7px;letter-spacing:.5px;color:#86967b}.goal-brew strong{font-size:45px;font-weight:400;letter-spacing:-2px;line-height:1.3}.goal-brew span{font-size:8px;color:#86967b}.goal-steps>b{font-weight:400;color:#495d39}.goal-check{font-size:11px;padding:9px 0;border-bottom:1px solid #dfe5d7;margin:0}.goal-pause{width:137px;height:137px;border-radius:50%;background:radial-gradient(at 35% 25%,#f2e6ff,#c3d3b6);display:grid;place-items:center;margin:auto;font-size:18px;color:#6d8260}.goal-hint{text-align:center;font-size:10px;color:#91a286}
.connector-screen{height:100%;background:#fafbf8;padding:7px 16px 22px;color:#202720}.connector-top{display:flex;justify-content:space-between;align-items:center;height:44px;font-size:14px}.connector-top>span{font-size:27px;width:20px}.connector-top>b{font-weight:400}.connector-search{padding:12px;background:#eef0eb;border-radius:12px;font-size:11px;color:#91988a;margin:10px 0 19px}.connector-tabs{display:flex;gap:20px;font-size:11px;color:#939d89;border-bottom:1px solid #e5e8df;padding-bottom:12px}.connector-tabs>b{font-weight:400;color:#253320}.connector-row{display:flex;align-items:center;gap:11px;min-height:42px;border-bottom:1px solid #eceee6}.connector-row>img{width:25px;height:25px;object-fit:contain;border-radius:6px}.connector-row>span{flex:1;font-size:11px}.connector-row>b{font-weight:400;font-size:8px;border:1px solid #dfe6d8;padding:5px 8px;border-radius:20px}.connector-row>b.is-connected{border:0;background:#e4eddf;font-size:11px;color:#6a8a59}.connector-total{text-align:center;font-size:9px;color:#94a089;margin:15px}
.composition .visual .refracted-widget.front-bottom,.composition .visual.ios-scene .front-bottom{top:713px;left:-7px;width:124px;height:124px}
.tile-flight{font-size:15px;letter-spacing:-.6px}.tile-flight i{font-size:10px}

.compose-mic svg{display:block;width:14px;height:17px}

/* Revision 16: let the phone mask horizontal overflow, never a widget's shadow. */
.composition .device-screen{padding-top:0}
.hero-home-screen{padding-top:41px;background:#fafafa}
.hero-home-rail{overflow:visible;mask-image:none;padding-bottom:25px;position:relative;z-index:2}
.hero-home-threads{position:relative;z-index:1;gap:9px;padding-top:0;mask-image:linear-gradient(#000 78%,transparent 100%)}
.hero-home-thread{position:relative;background:linear-gradient(125deg,#ffffffb8,#f3f6f957 48%,#ffffffa6);backdrop-filter:blur(13px) saturate(1.5);border:1px solid #ffffffdc;border-radius:18px;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #8a9cac48,inset 1px 0 1px #fff,0 4px 9px -6px #4860773d;isolation:isolate}
.hero-home-thread::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:.5px solid #c3ccd421;box-shadow:inset 0 0 6px #ffffffb0;z-index:-1}
.conversation-screen{padding-top:36px;background:#fafafa}
.conversation-header{margin-bottom:10px}
.conversation-shelf{gap:11px;padding:9px 14px 27px;overflow:visible}
.conversation-widget{flex:0 0 128px;width:128px;height:128px;min-width:128px;aspect-ratio:1;padding:12px}
.conversation-widget.tile-photo,.conversation-widget.tile-countdown{padding:0}
.conversation-widget .tile-flight{font-size:20px;margin-top:20px}
.conversation-widget.tile-flight>.widget-finish-surface>small{font-size:7px;letter-spacing:.2px}
.tile-flight-track{margin:15px 0 11px}
.tile-flight-times{font-size:9px}
.conversation-widget .tile-photo-copy{padding:23px 12px 13px}
.conversation-widget .tile-photo-copy b{font-size:13px;margin-bottom:4px}
.conversation-widget .tile-photo-copy small{font-size:8px}
.tile-countdown .widget-finish-surface>.tile-countdown{left:11px;right:11px;top:28px;padding:10px 8px;background:#fdfdf6ba}
.tile-countdown b{font-size:15px}
.tile-countdown .tile-countdown>div{gap:4px;margin:9px 0 11px}
.tile-countdown .tile-countdown>div>strong{width:24px;font-size:15px;height:21px}
.tile-countdown strong small{font-size:6px}
.conversation-widget.tile-list b,.conversation-widget.tile-time b,.conversation-widget.tile-timer b{font-size:13px}
.conversation-widget .tile-list>span{font-size:10px}
.conversation-widget .tile-number{font-size:29px}
.conversation-thread{overflow:visible;position:relative}
.conversation-message{margin-bottom:13px}
.conversation-message .message-body>p{font-size:11px;padding:9px 11px}
.conversation-compose{background:linear-gradient(#fafafaeb,#fafafa);box-shadow:0 -12px 15px #fafafa}
.connector-screen{padding-top:35px;background:#fafafa}
.goal-conversation .conversation-thread{padding-top:5px}
/* Alternate opposite corners while keeping the phone and type stationary. */
.composition .visual.placement-0 .rear-top{left:266px;top:224px;transform:rotate(9deg)}
.composition .visual.placement-0 .front-bottom{left:-7px;top:713px;transform:rotate(-8deg)}
.composition .visual.placement-1 .rear-top{left:10px;top:680px;transform:rotate(-9deg)}
.composition .visual.placement-1 .front-bottom{left:310px;top:294px;transform:rotate(9deg)}
.composition .visual.placement-2 .rear-top{left:4px;top:223px;transform:rotate(-8deg)}
.composition .visual.placement-2 .front-bottom{left:315px;top:711px;transform:rotate(8deg)}
.composition .visual.placement-3 .rear-top{left:265px;top:678px;transform:rotate(9deg)}
.composition .visual.placement-3 .front-bottom{left:-8px;top:306px;transform:rotate(-9deg)}
/* Original launch-playground widgets, restyled only with the shared finish. */
.video-movie-widget,.subscription-square,.donkey-square{width:164px;height:164px;position:relative;flex:none}
.video-movie-widget{background:linear-gradient(145deg,#f3eadb,#cbbd9e);color:#28241e}
.video-posters{height:130px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#806e4b55,transparent 68%)}
.video-posters img{position:absolute;width:66px;height:100px;object-fit:cover;top:13px;left:calc(50% - 33px);border-radius:6px;box-shadow:0 4px 9px #231c2352;transform:rotate(-2deg)}
.video-posters img:first-child{transform:translate(-47px,14px) rotate(-15deg);z-index:-1}
.video-posters img:last-child{transform:translate(48px,13px) rotate(14deg);z-index:-1}
.video-movie-meta{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:41px;padding:10px 12px;font-size:12px;background:linear-gradient(#eadfcc5c,#e9dfcdec);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff5c}
.video-movie-meta>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#ffffff8c;border:1px solid #ffffffb3;font-size:13px}
.subscription-square{padding:17px;background:linear-gradient(140deg,#275642,#163c2d);color:#f3f7e9}
.subscription-square small{display:block;font-size:8px;letter-spacing:.7px;color:#e6efd7b0}
.subscription-square h2{font:400 32px/1.1 Selecta;margin:11px 0 3px;letter-spacing:-1.4px}
.subscription-square p{font-size:10px;opacity:.7;margin:0}
.subscription-marks{display:flex;gap:5px;margin-top:9px}
.subscription-marks span{width:20px;height:20px;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffff26;border-radius:7px;font-size:10px}
.subscription-square footer{position:absolute;left:17px;right:17px;bottom:11px;border-top:1px solid #ffffff30;padding-top:8px;display:flex;justify-content:space-between;color:#e6efd7b0;font-size:10px}
.subscription-square footer b{font-weight:400}
.donkey-square{padding:17px;background:linear-gradient(140deg,#f6eedf,#e5ddc9);color:#403d34}
.donkey-square strong{position:relative;z-index:1;font-size:14px;font-weight:400}
.donkey-sprite{position:absolute;width:152px;height:154px;left:5px;top:8px;background:url('assets/video/donkey-care-atlas.png') 0 0/200% 200%;image-rendering:pixelated}
.donkey-square footer{position:absolute;left:15px;right:15px;bottom:12px;display:flex;justify-content:space-between;font-size:10px;opacity:.8}
.feature-shelf{padding:8px 16px 26px;overflow:visible}
.subscriptions-chat .conversation-members{visibility:hidden}
.subscriptions-chat .conversation-message{margin-bottom:11px}
.subscriptions-chat .conversation-date,.shared-donkey .conversation-date{margin-top:0;margin-bottom:14px}
/* Full-screen original Movie Matcher from the launch playground. */
.full-visual-app{position:absolute;inset:0;background:#121619;overflow:hidden}
.full-visual-app iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.visual-app-header{position:absolute;left:12px;right:12px;top:34px;display:flex;align-items:center;justify-content:space-between;color:white;pointer-events:none;z-index:10}
.visual-app-header>span,.visual-app-header>b{background:#ffffff30;border:1px solid #ffffff70;backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 1px #fffa,0 3px 10px #0002;border-radius:22px;display:grid;place-items:center;height:30px;font-size:11px;font-weight:400}
.visual-app-header>span{width:30px;font-size:19px}.visual-app-header>b{padding:0 14px}
.video-ios{position:absolute;inset:0;color:white;background:#0a1030 url('assets/video/ios-26-shadow-dark.webp') center/cover no-repeat}
.video-home-date{position:absolute;top:66px;left:0;right:0;text-align:center;font-size:12px;text-shadow:0 1px 4px #2c44783b}
.video-home-clock{position:absolute;top:79px;left:0;right:0;text-align:center;font:600 94px/1.12 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:-6px;color:transparent;background:linear-gradient(160deg,#fffffff2 5%,#ffffff26 48%,#ffffffb8 72%,#ffffff2b);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.7px #ffffffaa;filter:drop-shadow(0 2px 1px #52669b38)}
.video-ios-widgets{position:absolute;top:226px;left:17px;right:15px;display:grid;grid-template-columns:128px 128px;justify-content:space-between;gap:10px}
.video-ios-widgets>div{position:relative;width:128px;height:151px}
.video-ios-widgets [data-surface-widget]{position:absolute;left:0;top:0;transform:scale(.7804878049);transform-origin:top left}
.video-ios-widgets>div>span{position:absolute;top:135px;left:-5px;right:-5px;text-align:center;font-size:10px;text-shadow:0 1px 3px #2f356888}
.video-ios .ios-icons{position:absolute;left:19px;right:19px;top:410px;display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:0}
.video-ios .ios-app-icon{text-align:center;min-width:0;position:relative}
.video-ios .ios-app-icon>svg{display:block;width:49px;height:49px;filter:drop-shadow(0 3px 3px #263c7330);border-radius:12px;box-shadow:inset 0 1px 1px #ffffffba}
.video-ios .ios-app-icon>span{display:block;font-size:9px;white-space:nowrap;margin-top:6px;color:white;text-shadow:0 1px 3px #2f356888}
.video-ios .ios-page-dots{position:absolute;bottom:140px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.video-ios .ios-page-dots i{height:5px;width:5px;border-radius:50%;background:#ffffff65}.video-ios .ios-page-dots i:first-child{background:#fff}
.video-ios .ios-dock{position:absolute;bottom:24px;left:10px;right:10px;display:grid;grid-template-columns:repeat(4,49px);justify-content:space-between;gap:10px;padding:14px 13px;border-radius:29px;border:1px solid #ffffff63;background:linear-gradient(155deg,#ffffff40,#ffffff1a 45%,#ffffff30);backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 1px 1px #ffffffaf,inset 0 -1px 1px #5771a547}
@media(prefers-reduced-transparency:reduce){.hero-home-thread{backdrop-filter:none;background:#f6f8fa}.video-ios .ios-dock{background:#526890;backdrop-filter:none}}
.conversation-widget.tile-flight{display:block;margin:0;font-size:inherit;letter-spacing:normal}
.movie-ambient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(35px);opacity:.15}
.movie-filters{position:absolute;left:20px;right:20px;top:83px;display:flex;gap:8px;color:#f5f5f2}
.movie-filters span{border:1px solid #fff3;border-radius:25px;font-size:10px;padding:8px 12px;background:linear-gradient(#ffffff24,#ffffff09);box-shadow:inset 0 1px #ffffff5c}
.movie-full-card{position:absolute;left:17px;right:17px;top:127px;bottom:125px;border-radius:25px;overflow:hidden;border:1px solid #fff6;box-shadow:0 8px 18px #0006,inset 0 1px #fff}
.movie-full-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.movie-full-copy{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(transparent 45%,#12150c44 64%,#0b100be8)}
.movie-full-copy>div{display:flex;gap:5px}.movie-full-copy>div>span{font-size:8px;padding:5px 8px;border-radius:20px;border:1px solid #fff5;background:#ffffff20;backdrop-filter:blur(8px)}
.movie-full-copy small{font-size:9px;margin:12px 0 6px;color:#ffffffb3}.movie-full-copy h2{font-size:30px;line-height:1.02;letter-spacing:-.8px;font-weight:400;margin:0}
.movie-actions{position:absolute;left:24px;right:24px;bottom:59px;display:flex;justify-content:space-between;align-items:center;color:#db818f}
.movie-actions span{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff3;box-shadow:inset 0 1px 1px #fff3,0 3px 9px #0005;background:linear-gradient(#ffffff20,#ffffff08);font-size:27px}
.movie-actions span:first-child{width:37px;height:37px;font-size:22px;color:#c1c9c488}.movie-actions span:last-child{color:#89c4ad}
.movie-nav{position:absolute;left:0;right:0;bottom:0;height:43px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #fff1;font-size:10px;color:#ffffff70}.movie-nav b{color:#fff;font-weight:400}