/* Narrative access looks like unavailable native icons, without a game overlay. */
.home-screen .app-button:disabled{opacity:1}
.calendar-live-icon{display:block;width:100%;height:100%;border-radius:inherit}
.home-screen .app-button.is-gated .native-icon{filter:grayscale(1) brightness(.34);box-shadow:none}
.home-screen .app-button.is-gated .app-label{opacity:.38}
.home-screen .app-button.is-gated .unread-badge{visibility:hidden}
.home-widgets .widget.is-gated{filter:grayscale(1) brightness(.55);opacity:.8}
.home-widgets .widget-days{padding:0;background:#fff;color:#222;overflow:hidden;border:1px solid #fff9;align-items:center;justify-content:flex-start}
.days-widget-top{width:100%;background:linear-gradient(#43b7f3,#1684c8);color:#fff;text-align:center;font-size:13px;font-weight:600;line-height:29px;flex:none}
.widget-days>strong{font-size:34px;font-weight:500;line-height:1.12;letter-spacing:-1px;margin:9px 0 3px}
.days-widget-today{font-size:17px;font-weight:600;color:#2685c1;line-height:1.5}
.widget-days>small{font-size:10px;line-height:1.3;color:#969ba2;margin:auto 0 11px}
/* Every app keeps a visible, named route back to the phone's wallpaper. */
.phone .app-view .app-home{width:auto;min-width:73px;max-width:none;height:40px;padding:6px 4px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border-radius:8px;white-space:nowrap;font-size:12px;line-height:1.2;letter-spacing:0;flex:none}
.phone .app-view .app-home svg{width:15px;height:18px;stroke-width:1.8;fill:none;flex:none}
.phone .app-view .app-home span{font-size:12px;font-weight:500}
.instagram-app:not(.ig-detail) .ig-user{padding-right:97px}
.phone .story-ig-login .app-header>.app-home{right:10px}
.phone .xh-search-header .app-home{margin-left:0}
.phone .app-header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Days Matter: blue masthead, paper cards, orange elapsed-day counters. */
.dm-app{background:#367fb8;color:#222;display:flex;flex-direction:column}
.dm-header{height:49px;display:flex;align-items:center;justify-content:space-between;gap:4px;flex:none;padding:0 12px;color:white;background:#367fb8}
.dm-header h1{margin:0;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.3px;white-space:nowrap}
.dm-menu,.dm-back{width:35px;height:42px;display:grid;place-items:center;padding:7px;flex:none;color:white}
.dm-menu svg,.dm-back svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.phone .dm-header .app-home{color:white;min-width:70px}
.dm-scroll{padding:0!important;background:linear-gradient(90deg,#7f5c38 0,#ac865c 7px,#f2f0ed 7px,#f2f0ed calc(100% - 7px),#ac865c calc(100% - 7px),#7f5c38 100%)}
.dm-feature{background:#fff;margin:0 7px;padding:24px 18px 18px;position:relative;min-height:150px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;box-shadow:0 1px 3px #0001}
.dm-feature-copy h2{font-size:18px;font-weight:500;letter-spacing:.5px;margin:0 0 8px}
.dm-feature-copy p{font-size:15px;margin:0;color:#377fb8;font-weight:600}
.dm-feature-count{display:flex;align-items:center;gap:9px}
.dm-feature-count>strong{font-size:84px;font-weight:600;line-height:1;letter-spacing:-5px;color:#111}
.dm-feature-count>span{font-size:10px;line-height:17px;padding:0 4px;border-radius:3px;background:#f15c52;color:white;align-self:center}
.dm-feature>time{font-size:11px;color:#999;grid-column:1/-1;margin-top:4px}
.dm-list{margin:17px 17px 0;display:grid;gap:10px}
.dm-row{width:100%;display:flex;align-items:stretch;min-height:48px;border-radius:4px;overflow:hidden;background:#fff;text-align:left;box-shadow:0 .5px 1px #0001}
.dm-row>span:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:9px 10px;font-size:14px;white-space:nowrap}
.dm-row>span:first-child strong{font-size:16px;line-height:1.3;font-weight:500;letter-spacing:.5px}
.dm-row-count{background:#5b9fe9;color:white;display:flex;align-items:stretch;flex:none;width:98px}
.dm-row-count.elapsed{background:#ed8e23}
.dm-row-count b{font-size:26px;font-weight:600;flex:1;display:grid;place-items:center;line-height:1.2}
.dm-row-count small{width:31px;display:grid;place-items:center;background:#0000000d;font-size:14px}
.dm-count{font-size:11px;text-align:center;color:#a7a19a;margin:28px 0}
.dm-detail-scroll{padding:42px 24px 24px;text-align:center;background:#f8f7f4;margin:0 7px}
.dm-detail-scroll>h2{font-size:29px;font-weight:500;letter-spacing:2px;margin:4px 0 16px}
.dm-detail-scroll>p{font-size:18px;color:#377fb8;margin:0 0 14px}
.dm-detail-number{font-size:112px;font-weight:500;letter-spacing:-5px;line-height:1.2;color:#111;white-space:nowrap}
.dm-detail-number>span{font-size:17px;letter-spacing:0;margin-left:8px;font-weight:400}
.dm-detail-scroll>time{display:block;color:#999;font-size:12px;margin:20px 0 40px}
.dm-detail-info{display:grid;grid-template-columns:1fr 1fr;text-align:left;row-gap:0;border-top:.5px solid #ddd;color:#888;font-size:14px}
.dm-detail-info>*{padding:15px 0;border-bottom:.5px solid #ddd}
.dm-detail-info>strong{text-align:right;font-weight:400;color:#333}
@container(max-width:350px){.widget-days>strong{font-size:30px;margin-top:5px}.days-widget-top{line-height:25px;font-size:12px}.days-widget-today{font-size:15px}.widget-days>small{margin-bottom:7px;font-size:9px}.dm-header{padding:0 9px}.dm-header h1{font-size:17px}.dm-header .app-home{font-size:11px}.dm-row-count{width:90px}.dm-row>span:first-child{gap:5px;padding-left:8px;font-size:12px}.dm-row>span:first-child strong{font-size:15px}.dm-feature{padding-left:14px;padding-right:14px}.dm-feature-count>strong{font-size:76px}.clk-toolbar h1{left:45%;max-width:83px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}}