.app-content{width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;font-family:system-ui,'Segoe UI',sans-serif;font-size:12px;color:#303035;background:#fff;container-type:inline-size;container-name:canopy-app;line-height:1.4;text-align:left;user-select:text}
.app-content *{box-sizing:border-box}.app-content button,.app-content input,.app-content textarea,.app-content select{font:inherit}.app-content button{cursor:default;color:inherit;border:0;background:none;outline-offset:-2px}.app-content button:focus-visible,.app-content input:focus-visible,.app-content textarea:focus-visible{outline:2px solid #76a5d5;outline-offset:-2px}.app-content h1,.app-content h2,.app-content h3,.app-content p{margin:0}.app-content svg{display:block}.app-content .app-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:5px;padding:5px;color:#737479}.app-content .app-button:hover{background:#0000000b}.app-content .app-button svg{width:17px;height:17px}.app-toolbar{height:49px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #dedee2;flex-shrink:0;background:#fbfbfc}.app-spacer{flex:1}.app-search{display:flex;align-items:center;gap:4px;background:#eeeeef;border-radius:6px;padding:4px 7px;min-width:0;color:#8b8b91}.app-search svg{height:13px;width:13px;flex-shrink:0}.app-search input{background:none;border:0;outline:0;width:100%;min-width:0;color:#52525a;font-size:13px}.app-sidebar{flex-shrink:0;width:146px;background:#eef0f4d9;border-right:1px solid #d5d6dc;padding:12px 8px;color:#525b68}.app-sidebar-label{font-size:11px;font-weight:650;color:#8a8e99;margin:17px 7px 5px}.app-sidebar-label:first-child{margin-top:3px}.app-sidebar button{display:flex;align-items:center;width:100%;padding:5px 8px;margin:2px 0;gap:8px;text-align:left;border-radius:5px;font-size:13px;white-space:nowrap}.app-sidebar button.selected{background:#d4d9e1;color:#25364c}.app-sidebar button:hover{background:#d4d9e177}.app-empty{padding:24px;color:#999;text-align:center}
/* Finder */
.app-finder{display:flex;background:#fff}.finder-main{display:flex;flex-direction:column;flex:1;min-width:0}.finder-main .app-search{max-width:130px}.finder-location{font-size:12px;white-space:nowrap}.finder-side-icon{font-size:17px;line-height:15px;color:#3887d1;width:15px;text-align:center}.finder-path{font-size:12px;color:#8d8e94;border-bottom:1px solid #eee;padding:7px 17px;white-space:nowrap}.finder-files{padding:24px 15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:22px 12px;overflow:auto;flex:1;min-height:0}.finder-file{display:flex;flex-direction:column;align-items:center;padding:5px!important;min-width:0;border-radius:7px!important;gap:6px}.finder-file:hover{background:#f2f6fa}.finder-file.selected{background:#d7e8fc}.finder-file .file-art{height:51px;width:62px;display:flex;justify-content:center;align-items:center}.finder-file .file-art svg{width:62px;height:51px}.finder-file .file-art.image svg{width:57px;height:42px;box-shadow:0 1px 3px #0003;border:2px solid #fff;border-radius:2px}.finder-filename{font-size:12px;line-height:1.4;overflow-wrap:anywhere;text-align:center;color:#35373e}.finder-file small{font-size:11px;color:#9b9ba1;display:none}.paper-glyph{display:flex;align-items:center;justify-content:center;position:relative;width:38px;height:48px;background:#fff;box-shadow:0 1px 4px #0003;border-radius:2px;font-size:13px;color:#7a7c83;border:1px solid #d3d4d9}.paper-glyph:before{content:'';position:absolute;right:-1px;top:-1px;border-top:9px solid #f6f6f6;border-left:9px solid #ddd}.file-art.pdf .paper-glyph{color:#ca6363}.finder-files.is-list{display:flex;flex-direction:column;gap:0;padding:8px}.finder-files.is-list .finder-file{flex-direction:row;justify-content:flex-start;gap:12px;padding:5px 10px!important}.finder-files.is-list .file-art{width:24px;height:24px}.finder-files.is-list .file-art svg{width:24px;height:24px}.finder-files.is-list .paper-glyph{width:17px;height:21px;font-size:9px}.finder-files.is-list .finder-filename{flex:1;text-align:left}.finder-files.is-list small{display:block}.finder-status{font-size:11px;color:#929297;text-align:center;padding:7px;border-top:1px solid #e8e8ec;background:#fbfbfc;flex-shrink:0}.finder-tags{padding:4px 8px;display:flex;flex-direction:column;gap:7px;font-size:12px}.finder-tags span:before{content:'';display:inline-block;background:var(--tag);width:7px;height:7px;border-radius:50%;margin-right:9px}
/* Safari */
.app-safari{display:flex;flex-direction:column;background:#f4f1ea}.safari-toolbar{height:42px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#f0eeeb;border-bottom:1px solid #d7d4d0}.safari-address{height:27px;display:flex;align-items:center;gap:8px;border-radius:6px;background:#e2dfdb;flex:1;padding:4px 10px;color:#96918a}.safari-address input{flex:1;width:100%;min-width:0;text-align:center;background:none;border:0;outline:0;color:#68635e;font-size:12px}.safari-address span{font-size:12px}.safari-page{overflow:auto;flex:1;padding:34px 36px 18px;color:#2e3c32;background:#f6f3ec}.safari-kicker{font-size:10px;letter-spacing:1.9px;font-weight:650;display:flex;align-items:center;gap:7px;color:#748071}.safari-leaf{font-size:21px;color:#697956}.safari-page h1{font-size:clamp(29px,6.8cqw,52px);line-height:1.02;letter-spacing:-1.8px;font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:20px 0 13px}.safari-subtitle{font-size:13px;line-height:1.7;color:#86887c;margin-bottom:25px!important}.safari-feature{display:flex;align-items:center;gap:23px;background:#334c3e;border-radius:10px;padding:23px;color:#edf0dd;margin-top:24px;min-height:150px;overflow:hidden}.safari-feature>div:last-child{flex:1;min-width:0}.safari-feature span{font-size:9px;letter-spacing:1.6px;color:#bbc6b2}.safari-feature h2{font-family:Georgia,serif;font-size:clamp(19px,4cqw,30px);font-weight:400;letter-spacing:-.5px;line-height:1.15;margin:9px 0 15px}.safari-feature button,.safari-guide>.safari-arrange{color:#364a3b!important;background:#d3dfb5!important;border-radius:5px;padding:8px 11px;font-size:11px;font-weight:600;white-space:nowrap}.safari-feature button b{margin-left:15px}.mini-layout{width:117px;height:113px;display:grid;grid-template-columns:1fr .85fr;grid-template-rows:1fr .7fr;gap:6px;transform:rotate(-7deg);flex-shrink:0}.mini-layout i{border-radius:5px;background:#8eaa8c;box-shadow:0 4px 10px #102d2433;border:1px solid #e1ead633;position:relative}.mini-layout i:before{content:'';height:6px;display:block;background:#eff6df22;border-radius:4px 4px 0 0;border-bottom:1px solid #eff6df33}.mini-layout i:first-child{background:#bed1a4;grid-row:span 2}.mini-layout i:nth-child(2){background:#e0ce97}.mini-layout i:nth-child(3){background:#7e9f9b}.mini-layout i:nth-child(4){display:none}.safari-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.safari-card-row button{text-align:left;border:1px solid #dedfd2!important;background:#eeeee5!important;border-radius:8px;padding:15px!important;display:flex;flex-direction:column;gap:8px;min-width:0}.safari-card-row span{font-size:9px;letter-spacing:1px;color:#93978a}.safari-card-row strong{font-family:Georgia,serif;font-size:15px;font-weight:400;line-height:1.1}.safari-card-row small{font-size:10px;color:#8a9180}.safari-bottom{font-size:9px;letter-spacing:1.3px;color:#a7a99b;display:flex;justify-content:space-between;margin-top:27px;gap:10px}.safari-bottom span{letter-spacing:0;white-space:nowrap}.safari-guide .safari-kicker{margin-top:22px}.safari-home{font-size:12px;color:#6c7b62!important;padding:0!important}.safari-guide p{font-size:12px;line-height:1.8;color:#7c8274}.safari-guide ol{padding-left:17px;font-size:13px;line-height:1.8;color:#7c8274}.safari-guide li{padding-bottom:10px}.safari-guide b{color:#42573f}
/* Notes */
.app-notes{display:flex;background:#fffdf6}.notes-list{width:174px;flex-shrink:0;background:#f5f2e9;border-right:1px solid #e0dbcc;display:flex;flex-direction:column}.notes-list-heading{height:42px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;color:#777164;border-bottom:1px solid #e8e2d5;font-size:13px}.notes-list-heading button{color:#b29446!important}.notes-entries{flex:1;overflow:auto;padding:4px 6px}.notes-entries button{display:block;text-align:left;padding:12px!important;width:100%;border-radius:5px;margin:3px 0}.notes-entries button.selected{background:#eadcae}.notes-entries strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-entries button>span{font-size:11px;color:#696658;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-entries small{color:#99907d;font-size:11px;margin-left:4px}.notes-list footer{padding:9px;text-align:center;font-size:11px;color:#a69e8e}.notes-paper{display:flex;flex-direction:column;flex:1;min-width:0;background:#fffdf6}.notes-paper-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:41px;padding:4px 14px;color:#aaa38f;font-size:10px;border-bottom:1px solid #f1eddf}.notes-paper-toolbar button{font-size:15px!important}.notes-paper textarea{resize:none;flex:1;width:100%;min-height:0;background:transparent;border:0;outline:none!important;padding:23px 26px;color:#5a5447;font-size:12px;line-height:1.9;letter-spacing:.05px;font-family:system-ui,sans-serif}.notes-paper textarea::first-line{font-size:21px;font-weight:650;color:#3e392f}
/* Music */
.app-music{display:flex;flex-direction:column;align-items:center;overflow:auto;background:#f6f3f7;padding:18px 27px;color:#312e3c}.music-overline{align-self:flex-start;font-size:10px;color:#a399aa;letter-spacing:1.3px;margin-bottom:13px}.music-album{width:min(100%,250px);aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#35374f,#3d3a65 40%,#655b87 80%,#b29197);box-shadow:0 10px 18px #4e405133;position:relative;overflow:hidden;color:#d9d6e4;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:17px;isolation:isolate}.music-album:after{content:'';position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(0deg,#ffffff33 0px,#ffffff33 1px,transparent 1px,transparent 3px);z-index:-1}.album-orbit{position:absolute;width:140%;height:56%;border:1px solid #d4b8e333;border-radius:50%;transform:rotate(-40deg);left:-25%;top:24%;box-shadow:0 0 15px #d1b2ff11;z-index:-1}.orbit-two{top:10%;left:-12%;width:120%;border-color:#ddc1a755}.orbit-three{top:42%;width:160%;left:-33%;border-width:2px}.music-album>span{font-size:9px;letter-spacing:3px}.music-album>strong{font-size:clamp(30px,13cqw,53px);font-family:Georgia,serif;font-weight:400;line-height:.87;letter-spacing:-3px}.music-album>small{font-size:9px;letter-spacing:1.9px}.music-title{display:flex;justify-content:space-between;align-items:center;width:100%;margin:19px 0 13px;gap:9px}.music-title h2{font-size:15px;font-weight:650}.music-title p{font-size:12px;color:#aaa0ad;margin-top:3px}.music-favorite{font-size:25px!important;color:#9d94a8!important}.music-favorite.liked{color:#b2688a!important}.music-progress,.music-volume input{height:3px;accent-color:#9e91b1;cursor:default}.music-progress{width:100%}.music-time{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#b0a8b7;margin-top:4px}.music-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin:14px 0}.music-controls button{font-size:17px;color:#7c708d}.music-controls .music-play{width:35px;height:35px;padding:4px;color:#675778}.music-play svg{width:28px;height:28px}.music-volume{display:flex;gap:10px;align-items:center;color:#b4acbc;width:80%;font-size:12px}.music-volume input{width:100%;min-width:0;accent-color:#bcb4c2}.music-preview-label{font-size:9px;color:#bdb5c5;letter-spacing:1px;margin-top:12px}
/* Terminal */
.app-terminal{background:#19232b;color:#d5dfe5;padding:17px 20px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.8;user-select:text}.terminal-muted{color:#7c8992}.terminal-user{color:#a4c48d}.terminal-path{color:#90b6d5}.terminal-output p{margin-bottom:8px}.terminal-output b{font-weight:500;color:#b8cba9}.terminal-command{margin-top:13px}.terminal-result{white-space:pre-wrap;font:inherit;color:#bdccd6;margin:5px 0 15px}.terminal-input{display:flex;align-items:center;gap:8px;min-height:22px}.terminal-input label{white-space:nowrap}.terminal-input input{color:#e2e9ed;caret-color:#abc995;background:none;outline:0!important;border:0;flex:1;min-width:0;font:inherit}
/* Calendar */
.app-calendar{overflow:auto;padding:20px 24px;background:#fff}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-heading>div:last-child{display:flex;gap:2px;align-items:center}.calendar-heading>div:last-child button{font-size:11px}.calendar-heading>div:first-child>span{font-size:9px;letter-spacing:1.3px;color:#b8a9a5}.calendar-heading h2{font-size:23px;font-weight:650;margin-top:5px;color:#b46157}.calendar-heading h2 small{font-weight:300;color:#a69e9c;font-size:22px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);font-size:9px;color:#aaa1a0;text-align:center;margin-top:24px;padding-bottom:9px;border-bottom:1px solid #eee9e7}.calendar-week>span:first-child{color:#b89791}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding-top:7px;gap:4px}.calendar-grid>span,.calendar-grid>button{aspect-ratio:1.1;display:flex;position:relative;align-items:center;justify-content:center;font-size:13px;min-width:0}.calendar-grid>button>span{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-grid>button.today>span{background:#ca6e61;color:white}.calendar-grid>button.selected:not(.today)>span{background:#f3e7e2;color:#ba786c}.calendar-grid i{position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:#adac9a}.calendar-agenda{border-top:1px solid #eee8e5;margin-top:17px;padding-top:15px}.calendar-agenda>span{font-size:10px;color:#a79994;letter-spacing:1px}.calendar-agenda article{display:flex;gap:10px;margin-top:14px}.calendar-agenda i{width:3px;background:#b6978c;border-radius:3px}.calendar-agenda article:nth-child(3) i{background:#a7b6a1}.calendar-agenda strong{font-size:12px;font-weight:550}.calendar-agenda small{display:block;font-size:11px;color:#b4aaa4;margin-top:3px}
/* Reminders */
.app-reminders{background:#fff;overflow:auto;padding:24px 28px}.reminders-title{display:flex;align-items:center;justify-content:space-between}.reminders-title span{font-size:10px;letter-spacing:1.2px;color:#b2b8c1}.reminders-title h1{font-size:31px;color:#6092b3;letter-spacing:-1px;margin-top:6px}.reminders-title>strong{font-size:40px;font-weight:300;color:#86a8bf}.reminders-items{margin-top:24px}.reminder{display:flex;align-items:center;position:relative;gap:11px;border-bottom:1px solid #eee;padding:13px 0;cursor:default;font-size:12px;color:#626c76}.reminder input{position:absolute;opacity:0;width:18px;height:18px}.reminder-check{display:block;flex-shrink:0;width:17px;height:17px;border-radius:50%;border:1px solid #bfc9ce}.reminder.done .reminder-check{background:#8baebf;border:3px solid #fff;box-shadow:0 0 0 1px #9ebaca}.reminder.done>span:last-of-type{text-decoration:line-through;color:#b4bdc2}.reminder>button{margin-left:auto;opacity:0;color:#b2bac0;font-size:16px}.reminder:hover>button{opacity:1}.reminders-add{display:flex;align-items:center;gap:10px;margin-top:15px;color:#86a8bc}.reminders-add>span{font-size:23px;font-weight:300}.reminders-add input{border:0;background:none;outline:0;flex:1;min-width:0;color:#607e90;font-size:12px}.reminders-add input::placeholder{color:#b0c2cc}.reminders-add button{padding:5px 9px;border-radius:5px;color:#6d91a7;background:#edf4f7;font-size:12px}
/* Calculator */
.app-calculator{background:#272727;display:flex;flex-direction:column;padding:0;container-type:normal;color:white;min-width:180px}.calculator-display{height:90px;min-height:65px;padding:17px 18px 10px;text-align:right;font-size:clamp(30px,8vw,47px);font-weight:250;letter-spacing:-2px;white-space:nowrap;overflow:hidden;flex-shrink:0}.calculator-keys{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,minmax(38px,1fr));gap:1px;flex:1;background:#242424}.calculator-keys button{font-size:21px;color:#fff;background:#5b5b5b}.calculator-keys button:hover{filter:brightness(1.15)}.calculator-keys button:active{filter:brightness(1.4)}.calculator-keys button.operator{background:#da9a4f}.calculator-keys button.utility{background:#424242;font-size:17px}.calculator-keys button.zero{grid-column:span 2;text-align:left;padding-left:22%}
/* Settings */
.app-settings{display:flex;background:#f9f9fa}.app-settings .app-sidebar{width:175px;padding-top:15px}.app-settings .app-sidebar button{font-size:12px;padding:8px}.settings-profile{display:flex;gap:8px;align-items:center;padding:3px 6px 20px}.settings-profile>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#b3bbc3,#8394a8);color:white;font-size:13px}.settings-profile strong{font-size:12px}.settings-profile small{display:block;color:#a2a6ae;font-weight:400;font-size:10px;margin-top:3px}.settings-main{padding:23px;flex:1;overflow:auto;min-width:0}.settings-main h2{font-size:16px;margin-bottom:7px}.settings-description{font-size:12px;color:#9399a0;margin-bottom:20px!important}.settings-card{border:1px solid #dedfe4;background:#fff;border-radius:8px;padding:14px;margin:18px 0}.settings-card h3{font-size:13px;font-weight:600;margin-bottom:12px}.settings-wallpapers{display:flex;gap:8px;margin-bottom:17px}.wallpaper-choice{width:25%;aspect-ratio:1.45;border-radius:5px!important;border:2px solid transparent!important}.wallpaper-choice.selected{border-color:#8eaeca!important;box-shadow:0 0 0 2px #c6d9ea}.wallpaper-0{background:linear-gradient(150deg,#a6bba0 10%,#678575 40%,#344d48 40%,#769a83 70%,#c6cba6)!important}.wallpaper-1{background:linear-gradient(140deg,#c5a3bf,#a482b4 30%,#6a527d 30%,#9b7d9f 65%,#c9abc0)!important}.wallpaper-2{background:linear-gradient(140deg,#e5bfa0,#c6816d 35%,#964b51 35%,#b9795c 70%,#ddb389)!important}.wallpaper-3{background:linear-gradient(145deg,#95b3cd,#7595b8 30%,#3f6181 30%,#6e98ae 65%,#a2bfca)!important}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee;padding:13px 0!important;font-size:12px;width:100%;text-align:left}.settings-row:last-child{padding-bottom:1px!important}.settings-row input[type=range]{width:90px;accent-color:#859eab}.settings-row input[type=checkbox]{accent-color:#7094b1}.settings-row select{border:1px solid #ddd;background:#f5f5f6;border-radius:4px;font-size:12px;padding:3px 5px;color:#6c7177}.settings-row span{font-size:11px;color:#9a9fa5}.settings-reset,.settings-overview{border:1px solid #d7dbe0!important;background:#fff!important;padding:6px 10px!important;border-radius:5px;font-size:12px!important;color:#788593!important}.settings-help p{font-size:12px;color:#9198a0;margin:12px 0;line-height:1.8}.settings-help b{font-weight:600;color:#596978}.settings-help kbd{float:right;font-family:inherit;color:#a1a7af;font-size:11px}.settings-about{text-align:center;padding-top:18px}.about-mark{display:block;font-size:60px;color:#71896b;line-height:1.2}.settings-about h1{font-size:29px;letter-spacing:-1px;margin:12px 0 4px}.settings-about p{font-size:12px;color:#929b95;margin-bottom:24px}.settings-about small{display:block;font-size:11px;line-height:1.8;color:#a3a8ac;margin-bottom:23px}
/* Mail */
.app-mail{display:flex;background:#fff}.mail-list{width:230px;flex-shrink:0;background:#f3f5f7;border-right:1px solid #dee3e7;display:flex;flex-direction:column;overflow:auto}.mail-list-title{height:45px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;border-bottom:1px solid #e3e7ea}.mail-list-title strong>span{font-size:11px;color:#9ca5ad;margin-left:4px}.mail-list>button{display:flex;gap:9px;padding:16px 12px!important;text-align:left;border-bottom:1px solid #e6e9ec}.mail-list>button.selected{background:#dce8f5}.mail-avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.mail-list>button>div{min-width:0;flex:1}.mail-list>button strong{display:block;font-size:12px}.mail-list>button strong small{float:right;font-size:9px;font-weight:400;color:#8a9aaa}.mail-list>button b{display:block;font-weight:500;font-size:11px;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-list>button p{font-size:10px;color:#96a1ac;line-height:1.5;margin-top:5px}.mail-list footer{font-size:9px;color:#a4afb8;letter-spacing:.8px;margin-top:auto;padding:15px}.mail-reading{flex:1;min-width:0;overflow:auto;padding:24px}.mail-reading-top{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee;padding-bottom:18px}.mail-reading-top strong{font-size:12px;display:block}.mail-reading-top small{font-size:10px;color:#a2a6ac}.mail-reading-top>span:last-child{margin-left:auto;font-size:10px;color:#aeb3b8;white-space:nowrap}.mail-reading h2{font-size:17px;letter-spacing:-.3px;line-height:1.35;margin:24px 0}.mail-body{font-size:13px;line-height:1.9;color:#7e8790;max-width:440px}.mail-reply{padding:7px 15px!important;border:1px solid #dce2e8!important;background:#f5f8fb!important;border-radius:5px;font-size:12px;margin-top:25px;color:#7b92a5!important}.mail-compose-form{height:100%;display:flex;flex-direction:column;gap:12px}.mail-compose-form h2{margin:0 0 6px}.mail-compose-form label{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e9ec;padding:8px 0;font-size:12px;color:#a2a9b1}.mail-compose-form label input{flex:1;min-width:0;background:none;border:0;outline:0;color:#6e7c87}.mail-compose-form textarea{resize:none;flex:1;min-height:100px;border:0;outline:0;line-height:1.8;font-size:13px;color:#697a87}.mail-compose-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mail-compose-form small{font-size:10px;color:#adb6bd}.mail-compose-form button{font-size:12px!important;background:#6b95b3!important;color:#fff!important;padding:6px 10px!important;border-radius:5px;white-space:nowrap}
/* Messages */
.app-messages{display:flex;background:#fff}.messages-list{width:185px;flex-shrink:0;background:#f1f3f6;border-right:1px solid #dde2e8;display:flex;flex-direction:column}.messages-list h3{padding:15px 17px 13px;font-size:14px}.messages-list>button{display:flex;gap:10px;padding:13px 10px!important;text-align:left;margin:2px 6px;border-radius:7px}.messages-list>button.selected{background:#dce7f5}.message-avatar{width:33px;height:33px;flex-shrink:0;background:#a7bbcc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px}.message-avatar.avatar-1{background:#c4ada7}.message-avatar.avatar-2{background:#a8b5a0}.messages-list button>div{min-width:0}.messages-list strong{font-size:12px;display:block}.messages-list small{display:block;font-size:10px;color:#9ba8b6;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.messages-list footer{font-size:9px;color:#a4afb8;letter-spacing:.5px;margin-top:auto;padding:15px 10px}.messages-main{flex:1;min-width:0;display:flex;flex-direction:column}.messages-main header{height:45px;padding:15px 18px;background:#fafbfc;border-bottom:1px solid #e9edf1;font-size:12px;color:#73808c;flex-shrink:0}.messages-main header span{color:#b4bdc4;margin-right:5px}.messages-main header b{font-weight:500}.messages-thread{padding:17px 20px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.messages-thread>small{align-self:center;font-size:9px;color:#b2bac4;margin-bottom:8px}.message-bubble{max-width:85%;padding:9px 12px;font-size:13px;line-height:1.5;border-radius:12px;background:#eceff3;color:#68737e}.message-bubble.me{align-self:flex-end;color:#fff;background:#75a3d1;border-bottom-right-radius:4px}.message-bubble.them{border-bottom-left-radius:4px}.messages-main form{display:flex;align-items:center;gap:8px;padding:12px 16px 15px;flex-shrink:0}.messages-main input{flex:1;min-width:0;border:1px solid #d8e0e7;border-radius:16px;padding:7px 12px;background:#fbfcfd;font-size:12px;outline:0;color:#788a9a}.messages-main input::placeholder{color:#b9c3cc}.messages-main form button{font-size:19px;color:white;background:#8baccb;width:24px;height:24px;border-radius:50%}
/* Photos */
.app-photos{display:flex;flex-direction:column;background:#f9f9f9}.photos-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;gap:12px;flex-shrink:0;border-bottom:1px solid #ececec;background:#fff}.photos-heading h2{font-size:20px;font-weight:650;letter-spacing:-.5px}.photos-heading span{font-size:11px;color:#aaa;margin-top:4px;display:block}.photos-heading>button{font-size:11px;color:#8496a3;white-space:nowrap}.photos-heading>div:last-child{display:flex;gap:6px}.photos-heading>strong{font-size:13px;font-weight:500}.photos-grid{padding:17px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px 12px;overflow:auto;min-height:0}.photos-grid button{padding:0!important;min-width:0;text-align:left}.photos-grid svg{width:100%;aspect-ratio:1.25;border-radius:5px;object-fit:cover;box-shadow:0 2px 4px #0001}.photos-grid button>span{display:block;font-size:11px;margin:7px 2px;color:#8b8e91}.photos-single{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#e8e9e7}.photos-single svg{max-width:100%;max-height:100%;box-shadow:0 10px 30px #0002;border:5px solid white}.app-photos footer{font-size:10px;text-align:center;color:#999;padding:10px}
/* Maps */
.app-maps{display:flex;flex-direction:column;background:#e8e8dd}.maps-toolbar{height:46px;flex-shrink:0;background:#fbfbf9;border-bottom:1px solid #d9ddd5;padding:10px 16px;display:flex;align-items:center}.maps-toolbar .app-search{width:100%;height:28px;background:#eaedeb}.maps-canvas{position:relative;flex:1;min-height:0;overflow:hidden}.maps-svg{width:100%;height:100%;object-fit:cover;transition:transform .35s}.maps-place{position:absolute;top:19px;left:19px;padding:12px 17px;background:#ffffffde;backdrop-filter:blur(20px);border-radius:9px;box-shadow:0 3px 12px #46614b17;display:flex;align-items:center;gap:12px}.maps-place>span{font-size:25px;color:#819d97}.maps-place strong{font-size:13px;display:block}.maps-place small{font-size:11px;color:#a1aaa5;display:block;margin-top:3px}.maps-zoom{position:absolute;right:17px;bottom:29px;display:flex;flex-direction:column;background:#fffffff0;border-radius:6px;box-shadow:0 2px 8px #0002}.maps-zoom button{width:30px;height:29px;font-size:19px;color:#84958e}.maps-zoom button+button{border-top:1px solid #e3e6e1}.maps-demo{position:absolute;bottom:8px;left:12px;font-size:9px;color:#819187;background:#f1f2ebaa;border-radius:3px;padding:2px 4px}
/* Preview */
.app-preview{display:flex;flex-direction:column;background:#d7dadc}.preview-toolbar{height:39px;flex-shrink:0;padding:7px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf0f2;border-bottom:1px solid #c7cdd0;font-size:12px;color:#929ba3}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar small{font-size:11px}.preview-scroll{flex:1;min-height:0;overflow:auto;padding:25px 40px}.preview-document{background:#f8f5ec;width:100%;min-width:220px;max-width:430px;min-height:510px;margin:auto;padding:34px 34px 25px;box-shadow:0 5px 18px #384a5022;color:#3d514b;transform-origin:top center}.preview-document>span{font-size:9px;letter-spacing:1.5px;color:#9d9e85}.preview-lines{display:flex;gap:7px;position:relative;height:50px;margin:35px 0 20px}.preview-lines i{display:block;width:23px;height:53px;border:1px solid #7c927d;border-radius:50%;transform:rotate(35deg)}.preview-lines i:nth-child(2){margin-top:-6px}.preview-lines i:nth-child(3){margin-top:-12px}.preview-document h1{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.02;letter-spacing:-1px;margin:0 0 22px}.preview-document>p{font-size:12px;line-height:1.8;color:#9a9b86;max-width:245px}.preview-rule{height:1px;background:#d5d9c5;margin:26px 0 17px}.preview-document h3{font-size:12px;font-weight:550;color:#758474;margin:0 0 8px}.preview-document footer{font-size:9px;letter-spacing:1px;color:#9b9e87;margin-top:40px;display:flex;justify-content:space-between}.preview-document footer b{font-weight:400}
@container canopy-app (max-width:400px){.app-finder>.app-sidebar{width:112px}.finder-main .app-search{max-width:75px}.finder-main .app-toolbar{padding:0 8px;gap:2px}.finder-files{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:15px 5px;padding:17px 8px}.finder-location{font-size:12px}.notes-list{display:none}.safari-page{padding:25px 23px 17px}.safari-feature{padding:17px;gap:14px}.mini-layout{width:75px;height:90px}.safari-card-row{gap:8px}.safari-card-row button{padding:11px!important}.safari-card-row strong{font-size:13px}.safari-bottom{font-size:9px;letter-spacing:.5px}.app-music{padding:16px 24px}.music-album{max-width:230px}.mail-list{width:125px}.mail-list>button{padding:13px 8px!important}.mail-list>button .mail-avatar{display:none}.mail-list>button strong small{display:none}.mail-reading{padding:18px}.mail-reading h2{font-size:15px}.messages-list{width:115px}.message-avatar{display:none}.messages-list>button{padding:10px 7px!important}.messages-list footer{font-size:9px}.messages-thread{padding:13px}.message-bubble{max-width:94%;font-size:12px}.app-settings .app-sidebar{width:125px}.app-settings .app-sidebar button{font-size:10px;padding:7px 4px}.settings-profile{gap:5px}.settings-profile>span{width:25px;height:25px;font-size:10px}.settings-profile strong{font-size:10px}.settings-main{padding:16px}.settings-card{padding:11px}.settings-row{font-size:11px}.settings-row input[type=range]{width:65px}.app-calendar{padding:16px}.calendar-heading h2,.calendar-heading h2 small{font-size:19px}.calendar-grid>button>span{width:22px;height:22px}.preview-scroll{padding:18px}.preview-document{padding:28px}.photos-heading{padding:13px}.photos-heading>button{font-size:9px}.photos-heading h2{font-size:17px}.photos-heading span{font-size:10px}}
@container canopy-app (max-width:280px){.app-finder>.app-sidebar{display:none}.finder-main .app-search{max-width:95px}.safari-card-row{grid-template-columns:1fr}.safari-feature{gap:10px;padding:14px}.mini-layout{display:none}.safari-page h1{font-size:31px}.safari-bottom{display:none}.safari-page{padding:20px}.music-title p{font-size:11px}.app-music{padding:15px 20px}.music-controls{gap:22px}.mail-list,.messages-list,.app-settings>.app-sidebar{display:none}.settings-main{padding:18px}.calendar-heading>div:last-child{gap:0}.calendar-heading>div:last-child button{width:21px;padding:2px}.calendar-heading h2,.calendar-heading h2 small{font-size:17px}.calendar-week{font-size:9px}.calendar-grid{gap:1px}.calendar-grid>button{font-size:12px}.app-reminders{padding:20px}.reminders-title h1{font-size:27px}.reminder{font-size:12px}.photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.photos-heading span{display:none}.preview-document{min-width:180px;padding:23px}.preview-document h1{font-size:31px}.terminal-input{gap:4px}.app-terminal{padding:13px;font-size:11px}.terminal-input label .terminal-muted{display:none}}
/* More everyday desktop apps */
.app-weather{background:linear-gradient(165deg,#6c9fc7,#8fb6ce 45%,#c0cfda);color:white;padding:17px 22px;overflow:auto}.weather-cities{display:flex;gap:4px;overflow:auto;white-space:nowrap}.weather-cities button{font-size:10px;color:#eef7ff;padding:5px 8px;border-radius:12px}.weather-cities button.selected{background:#ffffff2b}.weather-current{text-align:center;padding:23px 0 26px}.weather-current>span{font-size:20px}.weather-current h1{font-size:74px;line-height:1.1;font-weight:200;letter-spacing:-5px;margin:4px 0}.weather-current strong{display:block;font-size:12px;font-weight:450}.weather-current>small{display:block;font-size:13px;margin-top:5px;opacity:.8}.weather-card{background:#335f8c21;border:1px solid #dcefff22;border-radius:10px;padding:13px 15px;margin-bottom:12px}.weather-card h3{font-size:9px;letter-spacing:.8px;font-weight:500;color:#e1eff7c9;border-bottom:1px solid #ffffff22;padding-bottom:8px}.weather-hours{display:flex;justify-content:space-between;padding-top:12px;gap:10px}.weather-hours>div{text-align:center}.weather-hours small{font-size:10px}.weather-hours span{font-size:21px;display:block;margin:6px 0;color:#ffedac}.weather-hours b{font-size:13px;font-weight:500}.weather-days>div{display:flex;align-items:center;gap:13px;padding-top:11px;font-size:12px}.weather-days b{width:35px;font-weight:500}.weather-days span{color:#ffedac}.weather-days small{font-size:12px;opacity:.7}.weather-days i{flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,#c0debd,#f4df9e);max-width:var(--forecast-width)}.weather-days strong{font-weight:500}.app-weather>footer{text-align:center;font-size:9px;opacity:.6;padding:4px}
.app-clock{background:#191a1f;color:#e9e9ec;display:flex;flex-direction:column}.clock-tabs{display:flex;justify-content:center;gap:5px;background:#222329;padding:11px;border-bottom:1px solid #ffffff09}.clock-tabs button{font-size:12px;padding:5px 11px;color:#92939d;border-radius:5px}.clock-tabs button.selected{background:#3d3e46;color:white}.app-clock>main{padding:23px;overflow:auto;flex:1}.app-clock h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin-bottom:20px}.clock-city{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0c}.clock-city small{font-size:10px;color:#777984}.clock-city h3{font-size:16px;font-weight:400;margin-top:2px}.clock-city>strong{font-size:28px;letter-spacing:-1px;font-weight:250;white-space:nowrap}.clock-stopwatch{font-size:clamp(32px,11cqw,65px);font-variant-numeric:tabular-nums;letter-spacing:-2px;font-weight:200;text-align:center;padding:50px 0 30px}.clock-controls{display:flex;justify-content:space-around;gap:25px;margin:18px 0}.clock-controls button{border-radius:50%;width:63px;height:63px;background:#34353a;color:#b9bac1;font-size:13px;border:3px solid #191a1f;box-shadow:0 0 0 1px #37383e}.clock-controls .clock-start,.clock-controls .clock-timer-start{background:#204c36;color:#7ed09c;box-shadow:0 0 0 1px #204c36}.clock-controls .running{background:#512b30;color:#dc8a92;box-shadow:0 0 0 1px #512b30}.clock-caption{text-align:center;font-size:11px;color:#696d77;margin-top:30px!important}.clock-timer-readout{font-size:65px;font-weight:200;letter-spacing:-2px;text-align:center;padding:25px 0}.clock-timer-readout>small{display:block;font-size:12px;color:#787b85;letter-spacing:0}.clock-timer-setting{display:flex;justify-content:space-between;align-items:center;color:#838792;border-top:1px solid #ffffff0b;padding:16px 0;font-size:13px}.clock-timer-setting select{background:#30323a;border:1px solid #41434b;color:#c0c3cd;padding:5px;border-radius:5px;font-size:12px}
.app-contacts{display:flex;background:#fdfdfb}.app-contacts>aside{width:155px;flex-shrink:0;background:#eef0f2;border-right:1px solid #dde1e4;padding:13px 8px;display:flex;flex-direction:column}.app-contacts .app-search{background:#e0e4e8}.app-contacts aside h3{font-size:12px;padding:18px 7px 9px}.app-contacts aside h3 small{font-size:10px;color:#aaa;font-weight:400;margin-left:8px}.contact-list{flex:1;overflow:auto}.contact-list button{padding:8px 9px;text-align:left;display:block;width:100%;font-size:12px;border-radius:4px}.contact-list button.selected{background:#d2dce5}.app-contacts aside footer{font-size:9px;color:#9ba5af;letter-spacing:.6px;padding:10px 4px}.app-contacts>main{flex:1;min-width:0;overflow:auto;padding:25px 30px}.contact-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:300;margin:0 auto 12px}.app-contacts main>h1{font-size:25px;font-weight:400;letter-spacing:-.6px;text-align:center}.app-contacts main>p{font-size:12px;text-align:center;color:#a5a5a0;margin-top:4px}.contact-actions{display:flex;justify-content:center;gap:25px;margin:20px 0}.contact-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#7a9cb3}.contact-actions svg{width:20px;height:20px}.contact-actions small{font-size:9px}.contact-field{border-top:1px solid #e8e8e3;padding:13px 0}.contact-field>span{font-size:10px;display:block;color:#afb3b4;margin-bottom:4px}.contact-field strong{font-size:13px;color:#7a99ac;font-weight:400}.contact-field p{font-size:12px;color:#989e9f;line-height:1.7}.contact-demo{display:block;font-size:9px;color:#b4b8b8;margin-top:18px}
.app-textedit{display:flex;flex-direction:column;background:#fff}.textedit-toolbar{height:42px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px 13px;background:#f2f3f4;border-bottom:1px solid #dedfe1}.textedit-toolbar select,.textedit-toolbar input{border:1px solid #d9dce0;background:#fff;border-radius:4px;font-size:12px;padding:3px 5px;color:#777e86}.textedit-toolbar input{width:43px}.textedit-bold{width:24px;height:24px;border-radius:4px;color:#6d7680}.textedit-bold.selected{background:#dae4ed}.textedit-saved{font-size:10px;color:#a6adb4;margin-left:auto;white-space:nowrap}.app-textedit>textarea{flex:1;min-height:0;width:100%;resize:none;border:0;outline:0!important;padding:29px;color:#515963;line-height:1.8;background:#fff}.app-textedit>footer{flex-shrink:0;padding:7px 14px;background:#f7f8f9;border-top:1px solid #eee;font-size:10px;color:#a6adb4}
.app-appstore{display:flex;background:#fff}.app-appstore>.app-sidebar{width:130px;padding-top:14px;display:flex;flex-direction:column}.app-appstore .app-sidebar>button:first-of-type{margin-top:22px}.app-appstore .app-sidebar>button{padding:8px;font-size:12px}.app-appstore aside footer{margin-top:auto;color:#9ea7b1;font-size:9px;letter-spacing:.6px;padding:13px 4px}.app-appstore>main{flex:1;min-width:0;overflow:auto;padding:23px}.store-overline{font-size:9px;letter-spacing:1px;color:#adb4be}.app-appstore main>h1{font-size:26px;letter-spacing:-.8px;margin-top:5px}.store-feature{background:linear-gradient(130deg,#e7d8d4,#d4c2d5 60%,#a9b9cd);border-radius:9px;padding:21px;margin:20px 0;color:#5c5261}.store-feature>span{font-size:9px;letter-spacing:1px;opacity:.65}.store-feature h2{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.8px;line-height:1.1;margin:12px 0}.store-feature p{font-size:11px;max-width:190px;line-height:1.6;opacity:.7}.store-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 20px}.store-app-grid article{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf0f2;padding:9px 0}.store-app-grid article>div{flex:1;min-width:0}.store-app-grid strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.store-app-grid small{font-size:9px;display:block;color:#a9afb5;margin-top:2px}.store-app-grid article>button{border-radius:13px;background:#eef2f6;color:#7a9cb9;font-size:10px;padding:4px 11px}.store-up-to-date{text-align:center;padding:65px 0}.store-up-to-date>span{font-size:45px;color:#92ae97}.store-up-to-date h2{font-size:17px;margin-top:18px;color:#707e75}.store-up-to-date p{font-size:12px;color:#a5afa9;margin-top:8px}
.app-books{display:flex;flex-direction:column;background:#f8f5ed}.books-heading{padding:23px 26px 17px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #e9e4d8}.books-heading h2{font-family:Georgia,serif;font-size:26px;font-weight:400;color:#615f55}.books-heading>span{font-size:11px;color:#b0aa9c}.books-shelf{padding:27px;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:28px 23px;overflow:auto}.books-shelf button{text-align:left;min-width:0;padding:0}.book-cover{background:var(--book-color);color:#ecebda;min-height:185px;aspect-ratio:.7;border-radius:2px 6px 6px 2px;padding:15px 15px 15px 20px;box-shadow:inset 6px 0 7px #0002,3px 5px 10px #50473825;border-right:3px solid #ffffff20;display:flex;flex-direction:column;justify-content:space-between}.book-cover>span{font-size:9px;letter-spacing:1.3px;opacity:.7}.book-cover h3{font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.05;letter-spacing:-.5px}.book-cover small{font-size:9px;line-height:1.5;opacity:.65}.books-shelf>button>strong{display:block;font-size:12px;color:#898477;font-weight:500;margin-top:11px}.books-shelf>button>small{display:block;font-size:10px;color:#b1a999;margin-top:4px}.books-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;background:#f4f0e6;border-bottom:1px solid #e7e1d3;font-size:11px;color:#a29b8d;flex-shrink:0}.books-reading-toolbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-reading-toolbar>div{display:flex;align-items:center;gap:10px}.books-reading-toolbar .books-larger{font-size:15px}.books-page{padding:36px 45px;flex:1;min-height:0;overflow:auto;font-family:Georgia,serif;color:#686355}.books-page>span{font-family:-apple-system,sans-serif;font-size:9px;letter-spacing:1.8px;color:#aaa28e}.books-page>h1{font-size:2em;line-height:1.1;font-weight:400;letter-spacing:-.5px;margin:20px 0 27px;color:#605e4f}.books-page>p{line-height:1.9;margin-bottom:19px}.app-books>footer{display:flex;align-items:center;justify-content:space-between;padding:13px 27px;border-top:1px solid #e6e1d4;font-size:11px;color:#aca28d;flex-shrink:0}.app-books>footer button{font-size:18px}
.app-stocks{background:#1d2026;color:#dce2e9;display:flex}.app-stocks>aside{width:160px;flex-shrink:0;background:#24272e;border-right:1px solid #ffffff09;padding:17px 8px;display:flex;flex-direction:column}.app-stocks aside h2{font-size:15px;padding:0 7px 15px;font-weight:550}.app-stocks aside>button{display:flex;justify-content:space-between;gap:8px;padding:12px 7px;border-bottom:1px solid #ffffff06;border-radius:4px;text-align:left}.app-stocks aside>button.selected{background:#3b414b}.app-stocks aside button>div{min-width:0}.app-stocks aside button>div+div{text-align:right;white-space:nowrap}.app-stocks aside strong,.app-stocks aside b{font-size:12px;font-weight:500;display:block}.app-stocks aside small{font-size:9px;color:#747e8c;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:75px;margin-top:4px}.app-stocks aside button span{font-size:10px;display:block;margin-top:4px}.app-stocks .up{color:#80bcac}.app-stocks .down{color:#c58d94}.app-stocks aside footer{font-size:9px;letter-spacing:.4px;color:#5e6d7b;margin-top:auto;padding:15px 3px}.app-stocks>main{flex:1;min-width:0;padding:23px;overflow:auto}.stocks-company{font-size:11px;color:#7b8898}.app-stocks main>h1{font-size:26px;letter-spacing:-.5px;margin:5px 0 10px}.stocks-price{font-size:31px;font-weight:300;letter-spacing:-1px}.stocks-price small{font-size:13px;margin-left:10px;letter-spacing:0}.app-stocks main>nav{display:flex;gap:4px;margin:23px 0 13px}.app-stocks main>nav button{flex:1;font-size:10px;border-radius:4px;color:#7e8b9b;padding:5px}.app-stocks main>nav button.selected{background:#3b444e;color:#d4dfe8}.stocks-chart{width:100%;height:150px;border-bottom:1px solid #ffffff07;overflow:visible}.stocks-stats{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:23px}.stocks-stats>span{font-size:9px;color:#657688;letter-spacing:.5px}.stocks-stats b{display:block;color:#9cabb9;font-size:11px;font-weight:400;margin-top:6px;letter-spacing:0}.stocks-disclaimer{font-size:9px;color:#5f6b7a;line-height:1.8;margin-top:25px!important;max-width:300px}
.app-facetime{background:linear-gradient(150deg,#273c38,#1e2d2c 60%,#263332);color:#e8efeb;display:flex;flex-direction:column;padding:22px 27px;text-align:center}.facetime-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.facetime-top h2{font-size:14px;font-weight:550}.facetime-top>span{font-size:9px;letter-spacing:1px;color:#778c83}.facetime-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}.facetime-avatar{width:75px;height:75px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#678d7b,#a0b39e);color:#e3eee6;font-size:26px;font-weight:250;box-shadow:0 0 0 10px #d7f2dc05,0 0 0 24px #d7f2dc03;margin-bottom:25px}.facetime-stage h1{font-size:26px;letter-spacing:-.8px;line-height:1.2;font-weight:350}.facetime-stage p{font-size:11px;color:#839b8d;margin-top:12px;line-height:1.8}.app-facetime form{display:flex;gap:9px;align-items:center;flex-shrink:0}.app-facetime input{flex:1;min-width:0;background:#ffffff09;border:1px solid #ffffff13;border-radius:7px;padding:9px 11px;font-size:12px;color:#c1d4c7;outline:0}.app-facetime input::placeholder{color:#668174}.app-facetime form>button{background:#83b38b;color:#203e2b;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:550;white-space:nowrap;flex:1}.facetime-note{font-size:9px;letter-spacing:.3px;color:#576f62;margin-top:14px}.facetime-mute{font-size:11px!important;margin-top:15px;background:#ffffff0b!important;border-radius:14px;padding:6px 14px!important;color:#8ca99a!important}
@container canopy-app (max-width:400px){.app-contacts>aside{width:115px}.app-contacts>main{padding:22px 18px}.app-contacts main>h1{font-size:21px}.contact-actions{gap:20px}.app-appstore>.app-sidebar{width:105px}.app-appstore>main{padding:18px}.store-feature{padding:17px}.store-feature h2{font-size:25px}.app-stocks>aside{width:115px}.app-stocks aside small{max-width:56px}.app-stocks aside strong,.app-stocks aside b{font-size:10px}.app-stocks aside button{gap:5px}.app-stocks>main{padding:17px}.stocks-price{font-size:25px}.stocks-price small{font-size:11px;margin-left:5px}.books-page{padding:28px}.textedit-saved{display:none}.facetime-top>span{font-size:9px}.app-facetime form{flex-direction:column;align-items:stretch}.facetime-stage h1{font-size:22px}.weather-cities{gap:1px}.weather-cities button{font-size:9px;padding:5px}.weather-current h1{font-size:65px}.clock-city>strong{font-size:22px}.clock-city h3{font-size:14px}}
@container canopy-app (max-width:280px){.app-contacts>aside,.app-appstore>.app-sidebar,.app-stocks>aside{display:none}.weather-hours{gap:5px}.weather-current>span{font-size:17px}.weather-days>div{gap:8px}.clock-tabs button{font-size:10px;padding:5px}.books-shelf{padding:20px;grid-template-columns:1fr 1fr;gap:22px 15px}.book-cover{min-height:150px;padding:12px}.book-cover h3{font-size:18px}.books-page{padding:24px}.books-page>h1{font-size:1.8em}.books-reading-toolbar{padding:10px 13px}.textedit-toolbar{gap:5px;padding:8px}.textedit-toolbar select{max-width:110px}.facetime-avatar{width:60px;height:60px;font-size:23px}.facetime-top>span{display:none}}