:root{--bg:#f4f2e6;--card:#fffdf8;--text:#0e1a12;--muted:#3d5244;--line:#c8d4c0;--clock-in:#1e4434;--clock-out:#7a2218;--done:#5ec47a;--open:#e8c24a;--late:#e8805a;--button:#1e4434;--button-text:#f0faf5;--radius:16px}html,body,#root{min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:#f4f2e6;margin:0;font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;font-size:18px}.screen{transition:background .35s}.screen.shiftActive,.screen.shiftActive~* .topSticky,.topSticky.shiftActive{background:#c8edcc!important}body:has(.shiftActive) .topSticky{background:#c8edcc!important}body:has(.shiftActive) .bottomSticky{background:#c8edcc!important}.screen.shiftActive .topSticky,.screen.shiftActive .bottomSticky{background:#c8edcc!important}.screen.shiftActive .card,.screen.shiftActive .sessionBanner,.screen.shiftActive .durationBanner{background:#e8f7ea;border-color:#91d49a}.screen{background:#f4f2e6;width:100%;max-width:760px;margin:0 auto;padding-bottom:140px;padding-left:14px;padding-right:14px}.topSticky{z-index:40;max-width:760px;padding-top:calc(6px + env(safe-area-inset-top,0px));border-bottom:2px solid var(--line);background:#f4f2e6;margin:0 auto;padding-bottom:6px;padding-left:14px;padding-right:14px;position:fixed;top:0;left:0;right:0}.topRow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.topRow .clockBtn.in{flex-shrink:0;width:auto;min-width:120px;min-height:38px;padding:0 14px;font-size:.95rem}h1{letter-spacing:.04em;color:#0e1a12;margin:0;font-size:1.2rem;font-weight:900}h2{margin:0 0 12px;font-size:1.25rem;font-weight:800}.tabBar{scrollbar-width:none;gap:6px;padding:0 0 10px;display:flex;overflow-x:auto}.tabBar::-webkit-scrollbar{display:none}.tabBtn{color:#1a2e20;white-space:nowrap;background:#e0e8db;border:2px solid #0000;border-radius:999px;width:auto;min-width:fit-content;min-height:44px;padding:0 18px;font-size:1rem;font-weight:700}.tabBtn.active{color:#f0faf5;background:#1e4434;border-color:#1e4434}.floorPicker{scrollbar-width:none;gap:8px;margin-bottom:6px;padding-bottom:10px;display:flex;overflow-x:auto}.floorPicker::-webkit-scrollbar{display:none}.floorBtn{color:#0e2819;white-space:nowrap;background:#dce8dc;border:2px solid #0000;border-radius:999px;width:auto;min-width:fit-content;min-height:50px;padding:0 20px;font-size:1.05rem;font-weight:800}.floorBtn.active{color:#f0faf5;background:#1e4434;border-color:#0c2a1e}.bottomSticky{z-index:40;border-top:1px solid var(--line);background:#f4f2e6;max-width:760px;margin:0 auto;padding:10px 14px 14px;position:fixed;bottom:0;left:0;right:0}.bottomRow{gap:10px;display:flex}.bottomRow .clockBtn.out{flex:1}.card,.alert,.sessionBanner,.durationBanner{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:14px}.alert{color:#5a3800;background:#fff2de;border-color:#d4a248;font-size:1.1rem;font-weight:800}.sessionBanner{color:#0e3018;background:#d4f0da;border-color:#6dc87a;font-size:1.05rem;font-weight:700}.durationBanner{color:#c8f2d4;text-align:center;letter-spacing:.02em;background:#1e4434;border-color:#1e4434;padding:16px;font-size:1.3rem;font-weight:900}.durationBanner strong{color:#fff;margin-top:2px;font-size:2rem;display:block}.footerNote{color:#1e4434;text-align:center;margin:8px 0 0;font-size:1.05rem;font-weight:700}.footerNote strong{color:#0e2819;font-size:1.35rem}input,select,textarea,button{border:2px solid var(--line);width:100%;min-height:52px;color:var(--text);border-radius:12px;padding:12px 14px;font-size:1rem}button{background:var(--button);color:var(--button-text);cursor:pointer;border:0;font-size:1rem;font-weight:800}.iconBtn{border-radius:12px;justify-content:center;align-items:center;width:auto;min-width:52px;min-height:52px;padding:0 14px;font-size:1.4rem;line-height:1;display:inline-flex;position:relative;overflow:visible!important}.iconBtn.block{width:100%;display:flex}.row .iconBtn{flex:1}.pendingTaskRow .iconBtn{width:100%}.iconTip{color:#f0faf5;white-space:nowrap;pointer-events:none;z-index:200;background:#0e1a12e0;border-radius:10px;padding:5px 10px;font-size:.8rem;font-weight:700;animation:1.4s forwards tipFade;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tipFade{0%{opacity:0;transform:translate(-50%)translateY(6px)}15%{opacity:1;transform:translate(-50%)translateY(0)}75%{opacity:1}to{opacity:0}}.clockBtn{letter-spacing:.03em;border-radius:14px;min-height:62px;font-size:1.2rem;font-weight:900}.clockBtn.in{background:var(--clock-in);color:#d4f7e2}.clockBtn.out{background:var(--clock-out);color:#fde8e5}.pendingBtn{color:#fff8ee;background:#b05e00;border-radius:14px;flex:1;min-height:62px;font-size:1rem;font-weight:900}.buildingList{flex-direction:column;gap:10px;display:flex}.buildingTabCard{color:#0e2819;background:#d6e8da;border:2px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:0 18px;font-size:1.1rem;font-weight:800;display:flex}.buildingTabCard.selected{color:#e8faf0;background:#1e4434;border-color:#1e4434}.buildingFloors{opacity:.7;font-size:.9rem;font-weight:600}.task{border:2px solid var(--line);cursor:grab;border-radius:14px;grid-template-columns:90px 1fr auto;align-items:center;gap:8px;margin-bottom:10px;padding:10px;display:grid}.task:active{cursor:grabbing}.task.done{background:var(--done);border-color:#3da856}.task.open{background:var(--open);border-color:#c09a20}.task.late{background:var(--late);border-color:#c05828}.taskToggle{min-height:50px;padding:8px;font-size:.95rem;font-weight:800}.taskMain strong{font-size:1.05rem;font-weight:800}.badges span{background:#fff9;border-radius:999px;padding:2px 8px;font-weight:700}.taskActions{flex-direction:column;gap:6px;display:flex}.noteBtn,.deleteBtn,.confirmDeleteBtn{border-radius:10px;min-height:40px;padding:0 8px;font-size:1rem;font-weight:800}.deleteBtn{color:#fff;background:#b03030}.confirmDeleteBtn{color:#ffe8e8;background:#7a1010}.noteList p{margin:0 0 6px;font-size:1rem}.noteList small{color:var(--muted);font-size:.9rem}.libraryBtn{background:#2a6050;min-height:56px;margin-bottom:12px;font-size:1.05rem}.notesModalBackdrop{z-index:90;-webkit-backdrop-filter:blur(4px);background:#0a120c59;justify-content:center;align-items:center;padding:20px 14px;display:flex;position:fixed;inset:0}.notesModal{border:2px solid var(--line);background:#f6faf6;border-radius:20px;width:100%;max-width:600px;max-height:80vh;padding:18px;overflow-y:auto;box-shadow:0 8px 40px #00000038}.notesModal h2{margin:0 0 14px;font-size:1.2rem}.libraryModal h2{font-size:1.3rem}.libraryCategories{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.libraryCategories::-webkit-scrollbar{display:none}.categoryBtn{color:#0e2819;background:#d6e8da;width:auto;min-width:fit-content;min-height:46px;padding:0 16px;font-size:.95rem;font-weight:700}.libraryTaskItem{border:2px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;min-height:54px;padding:10px 12px;font-size:1rem;font-weight:600;display:flex}.pendingTaskRow{background:#fff8e8;border:2px solid #e8c05a;border-radius:12px;grid-template-columns:90px 1fr 80px;align-items:center;gap:8px;margin-bottom:10px;padding:10px;display:grid}.pendingCheck{color:#d4f7e2;background:#1e4434;min-height:46px;font-size:.95rem;font-weight:800}.pendingTitle{font-size:1rem;font-weight:700}.pendingNoteBtn{color:#e8faf0;background:#4a6850;min-height:46px;font-size:.9rem;font-weight:800}@media (width>=700px){.screen,.topSticky,.bottomSticky{padding-inline:18px}.stack{flex-direction:row;align-items:center}.stack input,.stack button{flex:1}}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 15% -20%, #f9f3d4 0%, var(--bg) 45%);margin:0;font-family:Trebuchet MS,Avenir Next,sans-serif}button,input,select,textarea{font:inherit}.screen{width:100%;max-width:760px;margin:0 auto;padding:92px 14px 132px}.topSticky,.bottomSticky{z-index:40;background:linear-gradient(#f4f2e6 65%,#f4f2e600);max-width:760px;margin:0 auto;padding:10px 14px;position:fixed;left:0;right:0}.topSticky{top:0}.bottomSticky{background:linear-gradient(#f4f2e600,#f4f2e6 35%);bottom:0}h1{letter-spacing:.02em;margin:0 0 8px;font-size:1.5rem}h2{margin:0 0 10px;font-size:1.12rem}.card,.alert,.sessionInfo{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:12px}.alert{background:#fff2de;border-color:#e6be88;font-weight:700}.sessionInfo{text-align:center;font-weight:700}.row,.stack{gap:8px;display:flex}.row{align-items:center}.stack{flex-direction:column}input,select,textarea,button{border:1px solid var(--line);border-radius:12px;width:100%;min-height:44px;padding:10px 12px}button{background:var(--button);color:var(--button-text);border:0;font-weight:700}button:disabled{opacity:.55}.clockBtn{border-radius:14px;min-height:58px;font-size:1.1rem}.clockBtn.in{background:var(--clock-in)}.clockBtn.out{background:var(--clock-out)}.taskList,.noteList{margin:10px 0 0;padding:0;list-style:none}.task{border:1px solid var(--line);border-radius:12px;grid-template-columns:96px 1fr 82px;gap:8px;margin-bottom:8px;padding:8px;display:grid}.task.done{background:var(--done)}.task.open{background:var(--open)}.task.late{background:var(--late)}.taskToggle,.noteBtn{min-height:42px;padding:8px;font-size:.88rem}.taskMain{flex-direction:column;justify-content:center;display:flex}.badges{flex-wrap:wrap;gap:4px;margin-top:4px;font-size:.78rem;display:flex}.badges span{background:#ffffff8c;border-radius:999px;padding:2px 6px}.noteBadge{font-weight:700}.noteList li{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:8px;padding:10px}.noteList p{margin:0 0 6px}.muted{color:var(--muted);margin:8px 0 0;font-size:.9rem}.libraryBtn{min-height:52px;margin-bottom:10px;font-size:1rem}.libraryModalBackdrop{z-index:80;background:#11141273;align-items:flex-end;display:flex;position:fixed;inset:0}.libraryModal{border-top:1px solid var(--line);background:#fffdf8;border-radius:18px 18px 0 0;width:100%;max-height:82vh;padding:14px;overflow-y:auto}.libraryCategories{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.categoryBtn{color:#173425;background:#e2e9de;width:auto;min-width:fit-content;min-height:42px;padding:0 14px}.categoryBtn.active{color:#f6faf8;background:#2a5846}.libraryTaskList{margin:10px 0;padding:0;list-style:none}.libraryTaskList li{margin-bottom:8px}.libraryTaskItem{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:8px 10px;display:flex}.libraryTaskItem input{width:24px;height:24px;min-height:24px;margin:0}.libraryActions{flex-direction:column;gap:8px;display:flex}@media (width>=700px){.screen,.topSticky,.bottomSticky{padding-inline:18px}.stack{flex-direction:row;align-items:center}.stack input,.stack button{flex:1}}