body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}.app{width:100%;max-width:350px;text-align:center;padding:5px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh}.nav{display:flex;justify-content:center;gap:10px;padding:8px;border-radius:8px;width:fit-content;margin-bottom:20px}.today-btn{font-size:20px;font-weight:700;padding:14px 30px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease-in-out;color:#fff;background-color:#28a745}.tomorrow-btn{font-size:20px;font-weight:700;padding:14px 30px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease-in-out;color:#fff;background-color:#1e7e34}.today-btn:hover,.tomorrow-btn:hover{filter:brightness(1.2)}.active{font-weight:700;border:3px solid black;box-shadow:0 0 10px #0003}.page{width:350px;max-width:350px;min-height:250px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-placeholder{width:100%;max-width:400px;height:120px;display:flex;justify-content:center;align-items:center}.action{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px;width:100%;max-width:400px;gap:10px}.action span{flex-grow:1;white-space:normal;word-wrap:break-word}button{background-color:#28a745;color:#fff;border:none;padding:12px 25px;font-size:18px;cursor:pointer;border-radius:8px;transition:background .3s ease-in-out;white-space:nowrap;min-width:140px;text-align:center}button:hover{background-color:#1e7e34}button:disabled{background-color:#ccc;cursor:not-allowed}.image-container{margin-top:5px;width:100%;max-width:400px;display:flex;justify-content:center}.resist-image{width:100%;max-width:200px;height:auto}.welcome-text{font-size:18px;font-weight:700;margin-bottom:10px;color:#333;text-align:center}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:8px;width:80%;max-width:600px;max-height:80%;overflow-y:auto;box-shadow:0 4px 6px #0000001a;border:1px solid black}.popup-content h1,.popup-content h2,.popup-content h3{margin-top:0}.popup-content a{color:#00f;text-decoration:underline}.popup-content p{line-height:1.5;margin-bottom:10px}