:root{--mobile-app-bg:#fff;--mobile-app-text:#333;--mobile-app-blue:#4d8ef3;--mobile-app-blue-dark:#286bcd;--mobile-app-gray:#edeff3;--mobile-app-gray-light:#fbfbfb;--mobile-app-border-radius:16px;--mobile-app-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--mobile-app-shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.mobile-device-frame{background:#f5f5f5;border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 2px 8px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);margin:0 auto;max-width:360px;padding:6px;position:relative;width:100%}.mobile-device-frame:before{background:rgba(0,0,0,.3);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:60px;z-index:10}.mobile-device-screen{background:#fff;border-radius:20px;max-height:650px;min-height:auto;overflow:hidden;overflow-y:auto;position:relative}.mobile-status-bar{align-items:center;background:#fff;color:var(--mobile-app-text);display:flex;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;justify-content:space-between;padding:10px 16px 8px}.mobile-calendar{background:var(--mobile-app-bg);padding:12px 16px 16px}.calendar-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.calendar-month{color:var(--mobile-app-text);font-size:15px;font-weight:600;margin-bottom:3px}.calendar-week{color:#999;font-size:10px;font-weight:500}.calendar-grid{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:14px}.calendar-day-header{color:#999;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 0;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;background:transparent;border:none;border-radius:5px;color:var(--mobile-app-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;transition:all .2s ease}.calendar-day:hover{background:var(--mobile-app-gray-light)}.calendar-day.has-shift{background:rgba(77,142,243,.15);color:var(--mobile-app-blue);font-weight:600}.calendar-day.selected{background:var(--mobile-app-blue);color:#fff;font-weight:700}.calendar-day.other-month{color:#ccc;cursor:default;opacity:.4}.availability-timeline{background:transparent;margin-top:0;padding:0}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.timeline-location{color:var(--mobile-app-text);font-size:12px;font-weight:600}.availability-button{background:var(--mobile-app-blue);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:5px 12px;text-transform:none;transition:all .2s ease}.availability-button:hover{background:var(--mobile-app-blue-dark);box-shadow:0 2px 6px rgba(77,142,243,.3);transform:translateY(-1px)}.timeline-slots{display:flex;flex-direction:column;gap:1px;max-height:140px;overflow-y:auto;scrollbar-color:rgba(77,142,243,.3) transparent;scrollbar-width:thin}.timeline-slots::-webkit-scrollbar{width:4px}.timeline-slots::-webkit-scrollbar-track{background:transparent}.timeline-slots::-webkit-scrollbar-thumb{background:rgba(77,142,243,.3);border-radius:2px}.timeline-slots::-webkit-scrollbar-thumb:hover{background:rgba(77,142,243,.5)}.timeline-slot{align-items:flex-start;color:#999;display:flex;font-size:10px;font-weight:500;gap:6px;padding:3px 0}.timeline-time{flex-shrink:0;min-width:40px}.timeline-slot.active{color:var(--mobile-app-blue);font-weight:600}.timeline-active-indicator{background:var(--mobile-app-blue);border-radius:50%;display:inline-block;flex-shrink:0;height:4px;margin-top:3px;width:4px}.timeline-slot.has-shift{padding:4px 0}.timeline-shift{background:rgba(77,142,243,.1);border-left:2px solid var(--mobile-app-blue);border-radius:3px;flex:1;margin-left:8px;padding:4px 8px}.timeline-shift-title{color:var(--mobile-app-text);font-size:11px;font-weight:600;margin-bottom:1px}.timeline-shift-location{color:#666;font-size:9px;font-weight:500}.mobile-timer{background:var(--mobile-app-blue);color:#fff;flex-direction:column;min-height:480px;overflow:hidden;padding:20px 20px 28px;position:relative;text-align:center}.mobile-timer,.timer-header{display:flex;justify-content:space-between}.timer-header{align-items:center;margin-bottom:24px;padding:0 4px}.timer-location{font-size:11px;letter-spacing:1px;opacity:.9}.timer-location,.timer-status{font-weight:600;text-transform:uppercase}.timer-status{background:hsla(0,0%,100%,.25);border-radius:10px;font-size:10px;letter-spacing:.5px;padding:6px 10px}.timer-display{font-size:64px;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:-2px;margin:24px 0;opacity:.95}.timer-circle{height:180px;margin:16px auto 24px;position:relative;width:180px}.timer-progress{transform:rotate(-90deg);transform-origin:center}.timer-progress-circle{fill:none;stroke:hsla(0,0%,100%,.25);stroke-width:6}.timer-progress-fill{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-dasharray:565;stroke-dashoffset:565;opacity:.9;transition:stroke-dashoffset .3s ease}.timer-start-button{align-items:center;background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--mobile-app-blue);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:80px;justify-content:center;left:50%;letter-spacing:1px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:80px}.timer-start-button:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translate(-50%,-50%) scale(1.05)}.timer-label{display:none}.timer-swipe-hint{align-items:center;align-self:center;background:hsla(0,0%,100%,.12);border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;margin-top:auto;opacity:.8;padding:10px 16px}.timer-swipe-hint svg{height:14px;opacity:.7;width:14px}.mobile-absence-form{background:var(--mobile-app-bg);max-width:100%;padding:16px}.form-header{align-items:center;border-bottom:1px solid var(--mobile-app-gray);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.form-title{color:var(--mobile-app-text);font-size:16px;font-weight:600}.form-close{align-items:center;background:var(--mobile-app-gray-light);border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.form-close:hover{background:var(--mobile-app-gray);transform:rotate(90deg)}.form-group{margin-bottom:14px}.form-label{color:#666;display:block;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.form-input{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:var(--mobile-app-text);font-size:13px;font-weight:500;padding:11px 14px;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--mobile-app-blue);box-shadow:0 0 0 3px rgba(77,142,243,.1);outline:none}.form-toggle-group{display:flex;gap:16px;margin-bottom:16px}.form-toggle{display:flex;flex:1;flex-direction:column;gap:6px}.toggle-switch{display:inline-block;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--mobile-app-gray);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--mobile-app-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.form-select{appearance:none;background:#f8f8f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:8px;color:var(--mobile-app-text);cursor:pointer;font-size:13px;font-weight:500;padding:11px 36px 11px 14px;transition:all .2s ease;width:100%}.form-select:focus{border-color:var(--mobile-app-blue);box-shadow:0 0 0 3px rgba(77,142,243,.1);outline:none}.form-textarea{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:var(--mobile-app-text);font-family:inherit;font-size:13px;font-weight:400;min-height:50px;padding:11px 14px;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:var(--mobile-app-blue);box-shadow:0 0 0 3px rgba(77,142,243,.1);outline:none}.form-submit{background:var(--mobile-app-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:6px;padding:13px;transition:all .2s ease;width:100%}.form-submit:hover{background:var(--mobile-app-blue-dark);box-shadow:0 4px 12px rgba(77,142,243,.3);transform:translateY(-1px)}.form-submit:active{transform:translateY(0)}.mobile-task-list{background:var(--mobile-app-bg);border-radius:var(--mobile-app-border-radius);box-shadow:var(--mobile-app-shadow);margin:0 auto;max-width:400px;padding:20px}.task-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.task-list-title{color:var(--mobile-app-text);font-size:18px;font-weight:600}.task-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404;font-size:13px;margin-bottom:16px}.task-item,.task-warning{border-radius:8px;padding:12px}.task-item{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;transition:all .2s ease}.task-item:hover{background:var(--mobile-app-gray-light)}.task-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.task-content{flex:1;min-width:0}.task-name{color:var(--mobile-app-text);font-size:14px;font-weight:600;margin-bottom:4px}.task-date{color:#666;font-size:12px}.task-status{background:#fee;border-radius:6px;color:#c33;font-size:12px;font-weight:600;padding:4px 8px}.task-status.completed{background:#efe;color:#3c3}.task-end-button{background:var(--mobile-app-gray);border:none;border-radius:8px;color:var(--mobile-app-text);cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.task-end-button:hover{background:#ddd}.mobile-dashboard{align-items:stretch}.dashboard-card{background:var(--mobile-app-bg);border:1px solid rgba(0,0,0,.04);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:14px;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.12);transform:translateY(-1px)}.dashboard-card.full-width{grid-column:1/-1}.dashboard-greeting-wrapper{grid-column:1/-1;padding:0 16px}.dashboard-greeting{color:var(--mobile-app-text);font-size:18px;font-weight:600;line-height:1.3}.dashboard-timer-card{align-items:center;background:var(--mobile-app-blue);color:#fff;justify-content:center;text-align:center}.dashboard-calendar-card,.dashboard-timer-card{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px 12px}.dashboard-calendar-card{justify-content:flex-start}.dashboard-timer-label{font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:6px;opacity:.9;text-transform:uppercase}.dashboard-timer-status{background:hsla(0,0%,100%,.25);border-radius:8px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:4px 8px;text-transform:uppercase}.dashboard-timer-display{font-size:32px;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:-1px}.dashboard-calendar-mini{display:grid;flex:1;gap:3px;grid-template-columns:repeat(7,1fr);margin-top:0}.dashboard-calendar-day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--mobile-app-text);display:flex;font-size:10px;font-weight:500;justify-content:center}.dashboard-calendar-day.has-shift{background:rgba(77,142,243,.15);color:var(--mobile-app-blue);font-weight:600}.dashboard-calendar-day.selected{background:var(--mobile-app-blue);color:#fff;font-weight:700}.dashboard-calendar-day.today{border:2px solid var(--mobile-app-blue)}.dashboard-shift-card{border-left:3px solid var(--mobile-app-blue);padding-left:13px}.dashboard-shift-time{color:#666;font-size:12px;font-weight:500;margin-top:6px}.dashboard-shift-location{color:#999;font-size:11px;margin-top:3px}.dashboard-salary{padding:16px 12px;text-align:center}.dashboard-salary,.dashboard-widgets-container{display:flex;flex-direction:column;grid-row:span 1}.dashboard-widgets-container{align-self:stretch;gap:10px;min-height:0}.mobile-dashboard>.dashboard-salary~.dashboard-widgets-container{height:100%}.mobile-dashboard{align-items:start;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);max-width:100%;padding:16px}.dashboard-salary-amount{color:var(--mobile-app-text);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-top:10px}.dashboard-salary-grid{display:grid;gap:3px;grid-template-columns:repeat(7,1fr);margin-top:14px}.dashboard-salary-dot{aspect-ratio:1;background:rgba(77,142,243,.15);border-radius:50%}.dashboard-salary-dot.filled,.dashboard-weather{background:var(--mobile-app-blue)}.dashboard-weather{color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;padding:6px 12px;text-align:center}.dashboard-weather-icon{font-size:16px;line-height:1;margin-bottom:2px}.dashboard-weather-text{font-size:8px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;opacity:.95;text-transform:uppercase}.dashboard-weather-temp{font-size:12px;font-weight:700}.dashboard-feature-widget{background:var(--mobile-app-gray-light);display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;padding:6px 12px;text-align:center}.dashboard-feature-icon{font-size:16px;line-height:1;margin-bottom:2px}.dashboard-feature-label{color:#666;font-size:8px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.dashboard-feature-value{color:var(--mobile-app-text);font-size:16px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes broadcast-pulse{0%,to{box-shadow:0 4px 16px rgba(77,142,243,.25),0 2px 8px rgba(77,142,243,.15),0 0 0 2px rgba(77,142,243,.2)}50%{box-shadow:0 4px 20px rgba(77,142,243,.35),0 2px 10px rgba(77,142,243,.25),0 0 0 3px rgba(77,142,243,.3)}}@keyframes broadcast-icon-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes broadcast-icon-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}@keyframes broadcast-badge-flash{0%,to{box-shadow:0 0 0 0 rgba(255,68,68,.7);opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 4px rgba(255,68,68,0);opacity:.7;transform:scale(1.2)}}@keyframes broadcast-badge-pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .5s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-scale-in{animation:scaleIn .3s ease-out}.availability-button,.calendar-day,.dashboard-card,.form-submit,.task-item{transform:translateZ(0);will-change:transform}.calendar-day:hover{transform:translateZ(0) scale(1.1);transition:transform .2s ease,background-color .2s ease}.availability-button:hover,.form-submit:hover{transform:translateZ(0) translateY(-1px);transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateZ(0) translateY(-2px);transition:transform .3s ease,box-shadow .3s ease}.task-item:hover{transform:translateZ(0) translateX(4px);transition:transform .2s ease,background-color .2s ease}.availability-button:focus,.calendar-day:focus,.form-input:focus,.form-select:focus,.form-submit:focus,.form-textarea:focus,.task-item:focus{box-shadow:0 0 0 4px rgba(77,142,243,.2);outline:2px solid var(--mobile-app-blue);outline-offset:2px}.form-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.calendar-day,.task-item,button,input,select,textarea{transition:all .2s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.mobile-device-frame{border-radius:20px;max-width:100%;padding:4px}.mobile-device-frame:before{height:3px;top:6px;width:50px}.mobile-device-screen{border-radius:16px}.mobile-timer{min-height:450px;padding:20px 16px 28px}.timer-display{font-size:48px}.timer-circle{height:150px;overflow:hidden;width:150px}.timer-progress{height:100%;width:100%}.timer-start-button{font-size:12px;height:70px;width:70px}.mobile-dashboard{gap:8px;grid-template-columns:1fr;padding:12px}.dashboard-card.full-width{grid-column:1}.calendar-grid{gap:4px}.calendar-day{font-size:11px}.mobile-calendar{padding:12px 16px 16px}.mobile-absence-form{padding:16px}}@media (max-width:480px){.mobile-device-frame{margin-left:auto;margin-right:auto;max-width:320px}}.mobile-absence-form:focus-within,.mobile-calendar:focus-within,.mobile-documents-screen:focus-within,.mobile-task-list:focus-within,.mobile-timer:focus-within{outline:2px solid var(--mobile-app-blue);outline-offset:4px}.calendar-day:focus,.document-item:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.task-item:focus{outline:2px solid var(--mobile-app-blue);outline-offset:2px}.mobile-documents-screen{flex-direction:column;min-height:500px;position:relative}.documents-header,.mobile-documents-screen{background:var(--mobile-app-bg);display:flex}.documents-header{align-items:center;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:5}.documents-title{color:var(--mobile-app-text);font-size:18px;font-weight:600;margin:0}.documents-close{align-items:center;background:var(--mobile-app-gray-light);border:none;border-radius:50%;color:var(--mobile-app-text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.documents-close:hover{background:var(--mobile-app-gray);transform:rotate(90deg)}.documents-list{flex:1;overflow-y:auto;padding:8px 0}.document-item{align-items:center;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background-color .2s ease}.document-item:hover{background-color:var(--mobile-app-gray-light)}.document-item:focus{outline:2px solid var(--mobile-app-blue);outline-offset:-2px}.document-item-new{background-color:#f0f7ff}.document-item-new:before{background:var(--mobile-app-blue);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.document-icon{align-items:center;background:var(--mobile-app-gray-light);border-radius:8px;color:var(--mobile-app-blue);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-info{flex:1;min-width:0}.document-name{color:var(--mobile-app-text);font-size:15px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-age{color:#999;font-size:12px;font-weight:400}.broadcast-notification{left:16px;pointer-events:auto;position:absolute;right:16px;top:72px;z-index:100}.broadcast-notification-content{align-items:flex-start;animation:broadcast-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border:2px solid var(--mobile-app-blue);border-radius:12px;box-shadow:0 4px 16px rgba(77,142,243,.25),0 2px 8px rgba(77,142,243,.15),0 0 0 2px rgba(77,142,243,.2);display:flex;gap:12px;padding:14px 16px;transition:transform .2s ease,box-shadow .2s ease}.broadcast-notification-icon{align-items:center;animation:broadcast-icon-flash 1.5s ease-in-out infinite;background:var(--mobile-app-blue);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.broadcast-notification-icon:before{animation:broadcast-icon-pulse 1.5s ease-in-out infinite;background:var(--mobile-app-blue);border-radius:8px;content:"";height:100%;opacity:.6;position:absolute;width:100%;z-index:-1}.broadcast-notification-badge{animation:broadcast-badge-flash 1s ease-in-out infinite;background:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 0 rgba(255,68,68,.7);height:10px;position:absolute;right:-4px;top:-4px;width:10px}.broadcast-notification-badge:before{animation:broadcast-badge-pulse 1s ease-in-out infinite;background:#f44;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.broadcast-notification-text{flex:1;min-width:0}.broadcast-notification-title{color:var(--mobile-app-blue);font-size:13px;font-weight:700;margin-bottom:4px}.broadcast-notification-message{color:#333;font-size:12px;line-height:1.4;word-wrap:break-word;font-weight:500}.broadcast-notification-close{align-items:center;background:transparent;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:-4px;margin-top:-2px;padding:0;transition:color .2s ease;width:24px}.broadcast-notification-close:hover{color:var(--mobile-app-text)}@media print{.mobile-absence-form,.mobile-calendar,.mobile-dashboard,.mobile-device-frame,.mobile-documents-screen,.mobile-task-list,.mobile-timer{box-shadow:none;break-inside:avoid}}#mobile-app-features .grid{align-items:start;position:relative}.mobile-app-text-section{scroll-margin-top:20px}.mobile-app-text-section-first{padding-top:10rem}.mobile-app-text-section-last{padding-bottom:12rem}.mobile-app-text-section+.mobile-app-text-section{margin-top:16rem}@media (max-width:1023px){.mobile-app-text-section-first{padding-top:5rem}.mobile-app-text-section-last{padding-bottom:6rem}.mobile-app-text-section+.mobile-app-text-section{margin-top:8rem}}.mobile-visual-column{align-self:stretch;height:100%;position:relative}.mobile-visual-spacer{flex-shrink:0;height:15rem}@media (max-width:1023px){.mobile-visual-spacer{height:7.5rem}}.mobile-visual-container-wrapper{align-self:flex-start;height:fit-content;position:sticky;top:50%;transform:translateY(-50%);width:100%;z-index:1}@media (max-width:1023px){.mobile-visual-container-wrapper{margin-top:3rem;position:static;transform:none}}.mobile-visual-container,.mobile-visual-screen{position:relative;width:100%}.mobile-visual-screen{align-items:center;display:flex;justify-content:center;min-height:500px}.mobile-visual{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);width:100%;will-change:opacity}.mobile-visual.active{opacity:1;pointer-events:auto}.mobile-visual img{border-radius:12px;display:block;height:auto;max-height:70vh;object-fit:contain;width:100%}@media (max-width:1023px){.mobile-visual{margin-bottom:2rem;opacity:1}.mobile-visual,.mobile-visual.active{position:relative}.mobile-visual-screen{min-height:auto}}