.screen-time-settings{padding:16px;background:#edf1e5;border:1px solid #cddbc2;border-radius:18px;margin:16px 0}.screen-time-settings h3{margin:0 0 12px;font-size:20px}.screen-time-settings p{font-size:14px;line-height:1.5}.screen-time-enabled{display:flex;align-items:center;gap:10px;font-weight:bold}.screen-time-enabled input{width:22px;height:22px;accent-color:#547a49}.screen-time-fields{display:grid;gap:10px;margin:16px 0}.screen-time-fields label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.screen-time-fields select{font:inherit;min-height:44px;min-width:105px;background:#fffdf5;color:#30493b;border:1px solid #a6b59d;border-radius:10px;padding:6px}.screen-time-settings a{color:#365c3e}.screen-rest{width:min(450px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;text-align:center;padding:24px;border:2px solid #becfb1;border-radius:24px;background:#f8f5ec;color:#30493b}.screen-rest::backdrop{background:#243a2deb}.screen-rest img{width:85px;height:85px;object-fit:contain}.screen-rest h2{font-size:clamp(24px,5vw,32px);margin:10px 0}.screen-rest p{font-size:17px;line-height:1.45;margin:12px 0}.screen-rest [data-rest-time]{display:block;font-size:34px;font-weight:bold;font-variant-numeric:tabular-nums;margin:14px 0}.screen-rest [data-rest-parents]{margin:8px auto 0}@media(orientation:landscape) and (max-height:450px){.screen-rest{padding:12px 20px}.screen-rest img{width:45px;height:45px}.screen-rest h2{margin:4px}.screen-rest p{font-size:15px;margin:7px}.screen-rest [data-rest-time]{font-size:26px;margin:7px}}

.screen-time-fields input[type=range]{width:100%;min-height:40px;margin:0 0 5px;accent-color:#5d7f50;cursor:pointer;touch-action:pan-y}.screen-time-fields output{font-weight:bold;white-space:nowrap;background:#fff9e9;border-radius:9px;padding:5px 10px}.screen-time-fields{gap:4px}.app-time-bar{display:flex;align-items:center;gap:10px;height:24px;flex:none;padding:0 2px 5px;color:#536d48}.app-time-bar[hidden]{display:none}.app-time-bar span{font-size:11px;font-weight:bold;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:114px}.app-time-bar progress{display:block;flex:1;min-width:0;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#e1e7d8;accent-color:#789e64}.app-time-bar progress::-webkit-progress-bar{background:#e1e7d8;border-radius:8px}.app-time-bar progress::-webkit-progress-value{background:#789e64;border-radius:8px}.app-time-bar progress::-moz-progress-bar{background:#789e64;border-radius:8px}.app-time-bar.time-ending progress{accent-color:#c9984d}.app-time-bar.time-ending progress::-webkit-progress-value{background:#c9984d}.app-time-bar.time-ending progress::-moz-progress-bar{background:#c9984d}@media(orientation:landscape){.app-time-bar{height:20px;padding-bottom:3px}}

.screen-rest img{width:min(100%,300px);height:auto;max-height:200px;object-fit:contain;border-radius:16px}@media(orientation:landscape) and (max-height:450px){.screen-rest{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);column-gap:14px;width:min(650px,calc(100% - 24px));align-items:center}.screen-rest img{grid-column:1;grid-row:1/5;width:100%;max-height:175px}.screen-rest h2,.screen-rest p,.screen-rest [data-rest-time],.screen-rest button{grid-column:2}}

.screen-time-settings [data-screen-save][data-save-state=saved]{background:#dcebd2;color:#36522f;border:2px solid #88a979}.screen-time-settings [data-screen-saved]:not(:empty){padding:10px 12px;background:#e0edd6;border:1px solid #abc498;border-radius:10px;color:#36522f;font-weight:bold}