/* Native view dimensions and tokens from Enlisted's SwiftUI screens.
   The 402 × 874 canvas scales as one surface, preserving the app's typography. */
.device{width:420px;max-width:100%;height:auto!important;aspect-ratio:420/892;padding:9px;display:block;border-radius:54px;overflow:clip}
.device:before{display:none}.native-canvas{position:absolute;left:9px;top:9px;width:402px;height:874px;transform:scale(var(--app-scale,1));transform-origin:top left;border-radius:46px;overflow:clip;background:#08090a;color:#f4f5f6;font-family:Geist,sans-serif;font-weight:400;isolation:isolate}
.native-canvas:before{content:'';position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 67% 42% at 8% 2%,#252b438f,transparent 80%),radial-gradient(ellipse 54% 37% at 88% 48%,#63403969,transparent 90%),radial-gradient(ellipse 50% 24% at 48% 98%,#27324e4d,transparent 100%);animation:native-ground 20s ease-in-out infinite alternate;transition:filter 1.2s}
.native-canvas.more-held:before{filter:brightness(1.12)}
.device-status{height:64px;padding:0 40px 0 34px;font-size:17px;font-weight:600;letter-spacing:-.3px;align-items:flex-start;padding-top:23px}.device-status>span:last-child{font-size:17px}.device-status>svg{width:78px;height:18px;margin-top:2px}.island{width:126px;height:36px;top:14px}
.native-canvas #app-panel{position:absolute;top:64px;bottom:102px;left:0;right:0;padding:8px 22px 16px;border-radius:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.native-canvas #app-panel::-webkit-scrollbar{display:none}.app-page{min-height:0;animation:native-screen-in .46s cubic-bezier(.32,.72,0,1) both}
.app-header{height:26px;margin:0 0 20px;font-size:17px;font-weight:600;letter-spacing:-.34px;align-items:center}.app-header .app-brand{font-size:14px;gap:9px;font-weight:600;letter-spacing:-.07px}.app-brand svg{width:19px;height:19px}.app-header-trailing{font-weight:400;color:#7e848c}.app-header time{font:11px 'Geist Mono',monospace;color:#7e848c;letter-spacing:0}.app-header time.today-date{font:13.5px Geist,sans-serif;color:#9aa0a8;letter-spacing:-.108px}
.verse-panel{padding:16px;border-radius:18px;background:linear-gradient(135deg,#3b3c3e,#403b3b);font-size:15.5px;line-height:25.2px;letter-spacing:-.2325px;box-shadow:0 12px 22px -8px #0008,inset 0 1px #ffffff08;color:#e7e9ec}.verse-panel small{font-size:13px;line-height:18px;margin-top:10px;color:#7e848c;letter-spacing:-.15px}
.day-summary{margin:16px 0 12px;min-height:123px;align-items:flex-end}.day-summary small{font-size:13.5px;color:#9aa0a8;line-height:20px;letter-spacing:-.108px}.day-summary b{display:block;font-size:74px;line-height:1.32;font-weight:500;letter-spacing:-3.33px}.standing{font-size:13.5px;padding-bottom:0;color:#9aa0a8;letter-spacing:-.108px}.term-track{height:2px;margin:0;background:#ffffff1a;border-radius:2px;overflow:hidden}.term-track span{background:#ffffff80;border-radius:2px;animation:native-track .7s cubic-bezier(.32,.72,0,1) both;transform-origin:left}
.app-label{font-size:13.5px;line-height:18px;margin:20px 0 11px;color:#9aa0a8}.orders-grid{gap:7px}.app-order{min-height:94px;border-radius:14px;padding:12px 13px 11px;background:#ffffff0e;box-shadow:0 9px 18px -9px #0005;gap:8px;transition:background .34s,transform .12s;touch-action:pan-y}.app-order>span{font-size:13.5px;line-height:17.5px;letter-spacing:0}.app-order>small{font:12.5px 'Geist Mono',monospace;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#9aa0a8;line-height:18px}.app-order>small>span:only-child{margin-left:auto}.app-order.full{min-height:66px;gap:8px}.app-order.full small{font-size:12.5px}.app-order .enforced{font:9.5px 'Geist Mono',monospace;color:#7e848c}.app-order.held{background:#ffffff18}.app-order.held small{color:#e7e9ec}.app-order:before{display:none}.app-order.not-due{background:#ffffff0b;color:#7e848c}.app-order.not-due small{color:#7e848c}.hold-symbol{width:13px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-order:not(.held)[data-hold] small{font-family:Geist,sans-serif;color:#7e848c}.hold-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff12}.hold-track>i{display:block;position:relative;height:100%;width:calc(var(--held-progress,0)*100%);background:#ffffffb8}.pressing{transform:scale(.99)}.pressing .hold-track>i:after{content:'';position:absolute;right:0;bottom:0;width:2px;height:7px;background:white;box-shadow:0 0 12px #fff8,0 0 3px #fff5}.held .hold-track{opacity:0;transition:opacity .7s}.just-held .check path{stroke-dasharray:1;animation:native-check .34s ease-out both}.just-held small{animation:native-screen-in .34s ease-out both}
.app-tabs{position:absolute;left:22px;right:22px;bottom:40px;height:56px;margin:0;padding:5px;border-radius:16px;display:flex;background:linear-gradient(120deg,#343537,#303133);box-shadow:0 12px 22px -8px #0009,inset 0 1px #ffffff08;overflow:hidden}.app-tabs button{width:25%;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;gap:0;color:#7e848c;transition:color .3s cubic-bezier(.32,.72,0,1),transform .12s}.app-tabs button:active{transform:scale(.92)}.app-tabs [aria-current]{color:#f4f5f6}.app-tabs [aria-current]:after{display:none}.app-tabs .native-tab-icon{display:block;width:26px;height:26px;font-size:23px}.app-tabs svg{width:26px;height:26px;overflow:visible;stroke-width:1.6}.native-tab-icon svg{stroke:none}.native-tab-icon svg path[stroke]{stroke:currentColor}.shield-icon{stroke-dasharray:1;stroke-dashoffset:0;fill:none;stroke:currentColor;stroke-width:1.6}.tab-light{position:absolute;left:5px;top:5px;width:calc((100% - 10px)/4);height:46px;transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .34s cubic-bezier(.32,.72,0,1);pointer-events:none;background:radial-gradient(ellipse 35% 65% at 50% 116%,#ffffff30,transparent 76%)}.tab-light:after{content:'';position:absolute;bottom:0;left:calc(50% - 15px);height:2px;width:30px;background:#ffffff6b;border-radius:2px;box-shadow:0 0 10px #ffffff38}
.native-glass{border-radius:16px;background:linear-gradient(130deg,#343537,#3a3534);box-shadow:0 12px 22px -8px #0008,inset 0 1px #ffffff08;overflow:hidden}.native-rank{margin:2px -2px 0}.native-rank .app-header{margin:0 3px 18px}.roster{border-radius:16px}.member-row{grid-template-columns:30px 1fr 36px 84px;gap:9px;padding:14px;min-height:47.5px;box-shadow:none;cursor:default}.member-row+.member-row:after{content:'';position:absolute;left:14px;right:14px;top:0;height:.5px;background:#ffffff04}.member-row:before{height:calc(100% - 18px);top:9px;transform:none;background:#ffffff80}.member-row.short:before{background:#ffffff33}.member-row.down:before{background:#ba4246}.member-row .initials{font:10.5px 'Geist Mono',monospace;letter-spacing:.63px;color:#7e848c}.member-row:first-child .initials{color:#cfd3d8}.member-row strong{font:15px Geist,sans-serif;letter-spacing:-.27px}.member-day{font:11px 'Geist Mono',monospace;text-align:right;color:#7e848c}.member-row small{font:9.5px 'Geist Mono',monospace;letter-spacing:1.14px;text-align:right;color:#cfd3d8}.member-row.short small{color:#9aa0a8}.member-row.down small{color:#ba4246}.roster-summary{margin:14px 3px 0;align-items:baseline}.roster-summary strong{font-size:22px;letter-spacing:-.616px}.roster-summary small{font-size:13px;color:#9aa0a8}.native-section-label{display:flex;justify-content:space-between;margin:26px 3px 10px;font-size:13px;color:#9aa0a8}.rank-actions{background:#ffffff0d;border-radius:16px;overflow:hidden}.rank-actions button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 16px;text-align:left;min-height:66px;font-size:15px;font-weight:500;letter-spacing:-.27px;transition:background .15s}.rank-actions small{display:block;font:10.5px 'Geist Mono',monospace;margin-top:5px;color:#7e848c;letter-spacing:0}.rank-actions svg,.watch-rows svg{width:12px;height:15px;fill:none;stroke:#7e848c;stroke-width:1.5}.rank-actions button:active{background:#ffffff0a}.native-rows>div,.native-rows>button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;min-height:46px;font-size:13.5px;color:#cfd3d8;width:100%;text-align:left;position:relative}.native-rows>small{font:11px 'Geist Mono',monospace;color:#7e848c}.native-rows>div small,.native-rows>button small{font:11px 'Geist Mono',monospace;color:#7e848c;white-space:nowrap}.native-rows>*+*:before{content:'';position:absolute;left:15px;right:0;top:0;height:.5px;background:#ffffff06}
.native-shield{margin:2px -2px 0}.native-shield .app-header{margin:0 3px}.native-watch{width:330px;height:316px;position:relative;margin:6px auto 4px}.native-watch>svg{position:absolute;width:330px;height:316px;inset:0;overflow:visible}.watch-labels{font:10px 'Geist Mono',monospace;letter-spacing:1px;fill:#7e848c}.watch-center{position:absolute;top:84px;left:0;right:0;text-align:center}.watch-center strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:32px}.watch-center span{display:block;margin-top:6px;font-size:13px;color:#9aa0a8}.watch-times{position:absolute;top:262px;left:0;right:0;text-align:center;font:12.5px 'Geist Mono',monospace;color:#cfd3d8}.watch-times i{font-style:normal;color:#7e848c;margin:0 9px}.watch-times small{display:block;font:12.5px Geist,sans-serif;color:#7e848c;margin-top:6px}.watch-tick{animation:watch-tick-in .46s var(--ease) var(--delay) backwards}.native-watch-arc{animation:watch-arc-in .8s var(--ease) .18s backwards}.watch-now{filter:drop-shadow(0 0 5px #ffffff55)}.watch-endpoint{filter:drop-shadow(0 0 4px #ffffff30)}.watch-rows>*{min-height:58px;font-size:15px}.watch-rows>button small{display:flex;align-items:center;gap:8px;font:13px Geist,sans-serif}.app-btn{font-size:15px;font-weight:500;padding:0 16px;height:54px;border-radius:14px;margin-top:10px;background:#f4f5f6;color:#08090a;transition:transform .12s}.app-btn:active{transform:scale(.98)}.native-responsibility{font-size:13px;line-height:19px;margin:10px 16px 0;color:#7e848c}.browser-panel{margin-top:24px;padding:20px;border-radius:16px;background:#15181d}.browser-heading{display:flex;align-items:center;justify-content:space-between;color:#7e848c;margin-bottom:22px}.browser-heading>span{font:10px 'Geist Mono',monospace;letter-spacing:1.2px}.browser-heading button{font-size:13px}.browser-panel>strong{font-size:15px;font-weight:400}.browser-panel p{font-size:13px;color:#9aa0a8;line-height:20px;margin-top:8px}.browser-panel>small{display:block;font-size:12px;color:#7e848c;margin-top:16px}
.native-ledger{margin:0 -4px}.native-ledger .app-header{margin:0 0 0 3px}.native-settings{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#9aa0a8}.native-settings svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.ledger-summary{padding:13px 0;line-height:17px;color:#cfd3d8;font-size:13px;font-weight:500}.ledger-summary small{font:10.5px 'Geist Mono',monospace;color:#7e848c}.ledger-stack{display:grid;gap:9px}.term-card{padding:11px 12px;border-radius:12px;background:#ffffff0e}.term-card.current{background:#ffffff18;box-shadow:inset 0 0 0 1px #ffffff24}.term-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}.term-card-heading strong{font-size:12.5px;font-weight:500;color:#cfd3d8;white-space:nowrap}.term-card-heading small{font:9px 'Geist Mono',monospace;color:#7e848c;white-space:nowrap;letter-spacing:-.15px}.perfect-term strong{color:#8cc4a6}.term-mini-grid{display:grid;grid-template-columns:repeat(25,1fr);gap:1.5px}.term-mini-grid i{display:block;aspect-ratio:1;border-radius:1px;background:#ffffff99;animation:native-cell .46s var(--ease) var(--cell-delay) backwards}.term-mini-grid .future{background:#ffffff0e}.term-mini-grid .partial{background:#ffffff42}.term-mini-grid .missed{background:#0000002e}.term-mini-grid .broken{background:#ba4246e0}.term-mini-grid .perfect{background:#4f8f6be6}
.demo-caption{max-width:420px;min-height:30px}.device-stage{top:30px}.demo-disclosure{max-width:330px}.native-canvas button:focus-visible{outline:2px solid #cfd3d8;outline-offset:-3px}
@keyframes native-ground{to{transform:translate(4%,2%) scale(1.03)}}@keyframes native-screen-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes native-track{from{transform:scaleX(0)}}@keyframes native-check{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes native-cell{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes watch-tick-in{from{opacity:0}}@keyframes watch-arc-in{from{stroke-dasharray:0 1}}
@media(min-width:801px) and (max-height:850px){.device-stage{position:relative;top:0}.device{width:370px}}
@media(max-width:800px){.device{width:390px}.device-stage{top:0}.device-status{font-size:17px}.device-stage .demo-caption{padding-inline:3px}}
@media(prefers-reduced-motion:reduce){.native-canvas:before,.app-page,.term-track span,.term-mini-grid i,.native-watch-arc,.watch-tick,.just-held small,.just-held .check path{animation:none}.app-tabs button,.tab-light{transition:none}}

/* Supplied iPhone export: layer 919 × 1900; screen x51 y63, 818 × 1777. */
.device{aspect-ratio:919/1900;padding:0;background:transparent;border-radius:0;box-shadow:none;min-height:0;overflow:clip;filter:drop-shadow(0 24px 32px #0008)}
.iphone-frame{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;user-select:none}
.native-canvas{left:5.54951%;top:3.315789%;border-radius:71px;clip-path:inset(0 round 71px)}
.device-status .island{top:15.23px;width:124.34px;height:35.88px}