.light-theme{background-color:#e2e2e2!important}.light-theme .main-container{background-color:#f9f9f9;border:1px solid #efefef}.light-theme .mid-area{background-color:#fff}.light-theme .calculator-title-h2 a{color:#444;text-decoration:none}.light-theme .calculator-description-h2{color:#888}.dark-theme{background-color:#22303f!important}.dark-theme .main-container{background-color:#222;border-radius:4px}.dark-theme .mid-area{background-color:#000}.dark-theme .calculator-title-h2 a{color:#9caec7;text-decoration:none}.dark-theme .calculator-description-h2{color:#888}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--border-color:#ccc;--primary-color:#4caf50;--primary-color-light:#45a049}.main-container{align-items:flex-start;border-radius:4px;display:flex;flex-direction:row;justify-content:space-between;line-height:1.4;margin-top:5rem;min-height:100vh;min-width:800px;transition:background-color .3s,box-shadow .3s;width:1200px}.left-area{min-height:100vh;width:200px}.mid-area{flex:3;max-width:900px;min-height:100vh;padding:20px}.right-area{flex:1;min-height:100vh;width:300px}.duration-calculator{padding:20px}.calculator-summary,.calculator-summary .calculator-intro-item{font-size:16px;padding:1rem}.calculator-summary .calculator-title-h2 a{text-decoration:none}.input-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.date-inputs-row{align-items:flex-end;display:flex;gap:2rem}.date-input{display:flex;flex:1;flex-direction:column;gap:.5rem}.date-input label{color:#555;font-size:1rem}.date-input input{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem;width:100%}.date-input input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.datetime-inputs{align-items:center;display:flex;gap:10px}.datetime-inputs input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px}.datetime-inputs input[type=date]{min-width:150px}.today-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s}.today-btn:hover{background-color:var(--primary-color-light)}.result-section{border-top:1px solid #ccc;padding:10px}.duration-summary{font-size:1.2rem}.duration-details,.duration-summary{margin-bottom:1rem}.alternative-units{line-height:1.8;padding-top:1rem}.intro-area{background-color:var(--bg-secondary);border-radius:8px;margin:2rem 0;padding:1rem}.intro-area h2{margin-bottom:1rem}.intro-area .instructions{font-size:.95rem}.intro-area .instructions ol{padding-left:1.5rem}.intro-area .instructions ol li{margin-bottom:.5rem}.intro-area .instructions ol li ul{margin-top:.5rem;padding-left:1.5rem}.intro-area .instructions ol li ul li{margin-bottom:.25rem}.dark-theme .date-input label{color:#ddd}.dark-theme .date-input input{background-color:#3c3c3c;border-color:#555;color:#e1e1e1}.dark-theme .result-section{border-top:1px solid #555}.dark-theme .result-container{border:1px solid #888}.dark-theme .intro-area{background-color:#222}.dark-theme .date-add2 input{border:1px solid #888}.dark-theme .date-add2 input[type=number]::-webkit-inner-spin-button,.dark-theme .date-add2 input[type=number]::-webkit-outer-spin-button{cursor:pointer;opacity:.2}.dark-theme .date-add2 input[type=number]::-webkit-inner-spin-button:hover,.dark-theme .date-add2 input[type=number]::-webkit-outer-spin-button:hover{opacity:.8}.dark-theme .date-add2 input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.8);opacity:.8}.dark-theme .date-add2 input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.calculator-form{background:var(--bg-secondary);padding:1rem}.calculator-form .right-btn-today{margin-left:10px}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-control{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);outline:none}.form-control:hover{border-color:var(--primary-color-light)}.input-date{width:12rem}.time-inputs{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.time-inputs .form-group{margin-bottom:0}.action-group{display:flex;gap:1rem}.action-group .btn-calculate{background:var(--primary-color);border:1px solid #ccc;border-radius:6px;display:inline-block;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-group a{text-align:center;text-decoration:none}.action-group #calculateBtn{flex:4.3}.action-group #resetBtn{flex:1}.result-container{background:var(--bg-secondary);border:1px solid #ccc;border-radius:8px;margin:1rem;padding:1.5rem}.result-container h2{color:var(--text-primary);margin-bottom:1rem}.result-text{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;padding:1rem 0}.result-format{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:.5rem 0}.result-format:last-child{border-bottom:none}.result-format .format-label{color:var(--text-secondary);font-weight:500;min-width:120px}.result-format .format-value{color:var(--text-primary);flex:1;font-family:monospace;font-size:1.1rem}@media(max-width:768px){.main-container{flex-direction:column;margin-top:3.5rem;min-width:auto;padding:10px;width:100%}.left-area{margin-bottom:20px;min-height:auto;order:2;width:100%}.mid-area{min-height:auto;order:1;padding:15px}.right-area{margin-top:20px;min-height:auto;order:3;width:100%}.duration-calculator{padding:15px}.calculator-summary{font-size:14px;padding:.5rem}.calculator-summary .calculator-intro-item{font-size:15px;padding:.5rem}.date-inputs-row{align-items:stretch;flex-direction:column;gap:1rem}.date-input input{font-size:16px;padding:.8rem}.datetime-inputs{flex-direction:column;gap:.5rem}.datetime-inputs input,.datetime-inputs input[type=date]{min-width:auto}.today-btn{align-self:flex-start;font-size:16px;padding:.8rem 1rem}.time-inputs{gap:.5rem;grid-template-columns:repeat(2,1fr)}.input-date{width:100%}.action-group{flex-direction:column;gap:.5rem}.action-group #calculateBtn,.action-group #resetBtn{flex:1;width:100%}.result-section{padding:1rem .5rem}.duration-summary{font-size:1.1rem}.duration-details,.duration-summary{margin-bottom:.8rem}.alternative-units{font-size:.9rem;line-height:1.6}.result-container{margin:.5rem;padding:1rem}.result-container h2{font-size:1.2rem}.result-format{align-items:flex-start;flex-direction:column;gap:.3rem}.result-format .format-label{font-weight:600;min-width:auto}.intro-area{margin:1rem .5rem;padding:.8rem}.intro-area h2{font-size:1.1rem}.intro-area .instructions{font-size:.9rem}.form-control{font-size:16px;padding:.6rem}.btn-calculate{font-size:16px;padding:.8rem 1rem}}@font-face{font-family:clockicons;src:url(../f214ace3565633bcd834.woff2)}@font-face{font-family:vps-son-la-hoa;src:url(../b2edda9157fd27531580.TTF) format("woff"),url(../b2edda9157fd27531580.TTF) format("opentype"),url(../b2edda9157fd27531580.TTF) format("truetype")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(../11e08fb96c137fb5af58.woff2) format("woff2")}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}body,html{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{align-items:center;background-color:#fcfcfc;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;transition:background-color .3s}body.dark-theme{background-color:#000;color:#e1e1e1}body.light-theme{background-color:#fff;color:#000}.material-symbols-outlined{color:#ff9500;line-height:1.2}.light-icon{display:none}.light-theme .dark-icon{display:inline}.light-theme .light-icon{display:none}.button{border:1px solid #ccc;border-radius:6px;color:#555;cursor:pointer;display:inline-block;padding:10px 20px}.button:hover{border:1px solid #0b57d0;border-radius:4px;color:#0b57d0;cursor:pointer}.link-button{color:#555;text-decoration:underline}.link-button:hover{color:#0b57d0}h1{font-size:24px}h1,h2{font-weight:500;font-weight:700;line-break:anywhere;line-height:150%;margin:0 0 10px;padding:0}h2{font-size:22px}.space20{height:20px}.dark-theme h1,.dark-theme h2,.dark-theme h3{color:#9caec7}.dark-theme .light-icon{display:inline}.dark-theme .dark-icon{display:none}.dark-theme .button{border:1px solid #888;color:#bbb}.dark-theme .button:hover{border:1px solid #fff;color:#fff}.dark-theme .link-button{color:#bbb;text-decoration:underline}.dark-theme .link-button:hover{color:#fff}.dark-theme .time{color:#ff9500}.dark-theme::-webkit-scrollbar{width:10px}.dark-theme::-webkit-scrollbar-track{background:#1a1a1a}.dark-theme::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.dark-theme::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){body{font-size:14px;margin:0;padding:0}h1{font-size:20px}h2{font-size:18px}.button{font-size:14px;padding:12px 16px}}.footer{bottom:0;margin-top:auto;padding:2rem 0;position:relative;width:100%}.dark-theme .footer{background-color:#1a1a1a}.light-theme .footer{background-color:#f8f9fa}.footer-content{flex-direction:column;margin:0 auto;max-width:1200px;min-height:100%;padding:0 1rem}.footer-content,.footer-nav{align-items:center;display:flex;justify-content:center}.footer-nav{flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.footer-link{align-items:center;color:#ff9500;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.footer-link:hover{transform:translateY(-2px)}.footer-icon{height:24px;margin-bottom:.5rem;width:24px}.footer-copyright{color:#a3a3a3;font-size:.9rem;text-align:center}.footer-copyright p{text-align:center}@media(max-width:768px){.footer-nav{gap:1rem}.footer-link span{font-size:.9rem}}.nav-bar,header{width:100%}.nav-bar{box-shadow:0 0 2px 0 #383838;color:#ff9500;cursor:pointer;left:0;padding:15px 30px;position:fixed;right:0;text-align:left;top:0;transition:all .2s ease;z-index:1000}.dark-theme .nav-bar{background-color:#222;border-bottom:1px solid #383838;color:#ff9500}.light-theme .nav-bar{background-color:#fff;border-bottom:1px solid #d3d3d3;color:#000}.nav-icon{height:20px;vertical-align:bottom;width:20px}.dark-theme .nav-bar:hover{box-shadow:0 0 8px 0 gray}.light-theme .nav-bar:hover{box-shadow:0 0 8px 0 #aaa}.nav-bar a{color:#ff9500;font-size:15px;padding:15px 10px;text-decoration:none;transition:text-shadow .3s;width:120px}.nav-bar a:hover{color:#ff9500;text-shadow:0 0 2px #ff9500}.nav-link{font-weight:400;transition:font-weight .2s ease}.nav-link:hover{border-bottom:2px solid rgba(255,149,0,.529);transform:scale(1.3)}.nav-link.active{border-bottom:2px solid #ff9500;font-weight:700}.theme-toggle{background:transparent;color:#333;cursor:pointer;right:55px;top:10px;transition:background-color .3s}.fullscreen-toggle,.theme-toggle{border:none;position:fixed;z-index:1000}.fullscreen-toggle{background-color:transparent;right:10px;top:8px}.fullscreen-icon{color:#ff9500;cursor:pointer;height:32px;vertical-align:bottom;width:32px}@media(max-width:768px){.nav-bar{align-items:center;display:flex;flex-wrap:nowrap;height:50px;justify-content:space-between;padding:0 15px}.nav-links{background-color:inherit;border-radius:0 0 8px 8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;flex-direction:column;left:0;padding:10px;position:absolute;top:50px;width:100%}.nav-links.active{display:flex}.nav-bar a{border-bottom:1px solid rgba(255,149,0,.2);font-size:14px;padding:12px 15px;width:100%}.nav-bar a:last-child,.nav-link:hover{border-bottom:none}.nav-link:hover{background-color:rgba(255,149,0,.1);transform:none}.theme-toggle{right:45px;top:13px}.fullscreen-toggle{right:8px;top:11px}.fullscreen-icon{height:28px;width:28px}.hamburger{background:transparent;border:none;cursor:pointer;display:block;left:15px;padding:5px;position:absolute;z-index:1001}.hamburger span{background-color:#ff9500;border-radius:2px;display:block;height:3px;margin:5px 0;transition:.3s;width:25px}.hamburger.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}@media(min-width:769px){.hamburger{display:none}}.calculate-menu .left-title{font-weight:500;line-height:100%;margin-top:10px;padding:10px}.calculate-menu .left-title a{text-decoration:none}.calculate-menu .title-logo{background-image:url(../87b6e2b7da1f42788f6d.svg);background-repeat:no-repeat;background-size:32px 32px;display:inline-block;height:32px;margin-left:5px;vertical-align:middle;width:32px}.calculate-menu .title-name{display:inline-block;font-size:18px;padding-left:5px;vertical-align:middle}.calculate-menu .cal-menu-item{display:inline-block;padding:10px 12px;text-decoration:none;width:100%}.light-theme .calculate-menu .cal-menu-item:hover{background-color:#f0f0f0}.dark-theme .calculate-menu .cal-menu-item:hover{background-color:#555;color:#ddd}.light-theme .calculate-menu .cal-menu-item.active{background-color:#fff;color:#000;font-weight:700}.dark-theme .calculate-menu .cal-menu-item.active{background-color:#000;color:#eee;font-weight:700}.light-theme .calculate-menu .left-title a{color:#000}.light-theme .calculate-menu .cal-menu-item{color:#778087}.dark-theme .calculate-menu .left-title a{color:#eee}.dark-theme .calculate-menu .cal-menu-item{color:#888}@media(max-width:768px){.calculate-menu .left-title{margin-top:5px;padding:8px;text-align:center}.calculate-menu .title-logo{background-size:28px 28px;display:block;height:28px;margin:0 auto 5px;width:28px}.calculate-menu .title-name{display:block;font-size:16px;padding-left:0;text-align:center}.calculate-menu .cal-menu-item{border-radius:4px;font-size:14px;margin-bottom:5px;padding:12px 15px;text-align:center}.light-theme .calculate-menu .cal-menu-item:hover{background-color:#f0f0f0}.dark-theme .calculate-menu .cal-menu-item:hover{background-color:#555;color:#ddd}.light-theme .calculate-menu .cal-menu-item.active{background-color:#fff;color:#000;font-weight:700}.dark-theme .calculate-menu .cal-menu-item.active{background-color:#000;color:#eee;font-weight:700}.light-theme .calculate-menu .left-title a{color:#000}.light-theme .calculate-menu .cal-menu-item{color:#778087}.dark-theme .calculate-menu .left-title a{color:#eee}.dark-theme .calculate-menu .cal-menu-item{color:#888}}