*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#37474f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.unix-timestamp-converter{max-width:900px;margin:0 auto;padding:2rem}@media(max-width:768px){.unix-timestamp-converter{padding:1rem}}.unix-timestamp-converter header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.unix-timestamp-converter header h1{color:#4a6baf;font-size:2rem;font-weight:700}@media(max-width:768px){.unix-timestamp-converter header h1{font-size:1.6rem}}.unix-timestamp-converter header .current-time{display:flex;flex-direction:column;align-items:center}.unix-timestamp-converter header .current-time .time-display{font-size:1.5rem;font-weight:700;color:#3a5795;background-color:#fff;padding:.5rem 1rem;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px}.unix-timestamp-converter header .current-time span{font-size:.85rem;margin-top:.25rem;color:hsl(200,17.9104477612%,16.2745098039%)}.unix-timestamp-converter main{box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px;background-color:#fff;padding:2rem}@media(max-width:768px){.unix-timestamp-converter main{padding:1rem}}.unix-timestamp-converter main .conversion-mode{display:flex;margin-bottom:1.5rem;background-color:#e0e6ed;border-radius:8px;overflow:hidden}.unix-timestamp-converter main .conversion-mode .mode-btn{flex:1;padding:.75rem;background-color:rgba(0,0,0,0);border:none;cursor:pointer;font-weight:600;text-align:center;color:hsl(200,17.9104477612%,16.2745098039%);transition:all .3s ease}.unix-timestamp-converter main .conversion-mode .mode-btn.active{background-color:#4a6baf;color:#fff}.unix-timestamp-converter main .conversion-mode .mode-btn:hover:not(.active){background-color:rgb(207.8673469388,216.9897959184,227.6326530612)}.unix-timestamp-converter main .conversion-container{display:flex;flex-direction:column;gap:1.5rem}.unix-timestamp-converter main .conversion-container .input-section label{display:block;margin-bottom:.5rem;font-weight:600;color:hsl(200,17.9104477612%,16.2745098039%)}.unix-timestamp-converter main .conversion-container .input-section input{width:100%;padding:.8rem;border:2px solid #e0e6ed;border-radius:6px;font-size:1rem;transition:all .3s ease}.unix-timestamp-converter main .conversion-container .input-section input:focus{outline:none;border-color:#4a6baf;box-shadow:0 0 0 3px rgba(74,107,175,.2)}.unix-timestamp-converter main .conversion-container .input-section .input-group{display:flex;gap:.5rem}.unix-timestamp-converter main .conversion-container .input-section .input-group input{flex:1}.unix-timestamp-converter main .conversion-container .input-section .input-group .now-btn{padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;background-color:#3a5795;color:#fff;flex-shrink:0}.unix-timestamp-converter main .conversion-container .input-section .input-group .now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.unix-timestamp-converter main .conversion-container .input-section .input-group .now-btn:active{transform:translateY(0)}.unix-timestamp-converter main .conversion-container .options-section{display:flex;flex-wrap:wrap;gap:1rem}.unix-timestamp-converter main .conversion-container .options-section .option{flex:1;min-width:180px}.unix-timestamp-converter main .conversion-container .options-section .option label{display:block;margin-bottom:.5rem;font-weight:600;color:hsl(200,17.9104477612%,16.2745098039%)}.unix-timestamp-converter main .conversion-container .options-section .option select{width:100%;padding:.8rem;border:2px solid #e0e6ed;border-radius:6px;background-color:#fff;font-size:1rem;transition:all .3s ease}.unix-timestamp-converter main .conversion-container .options-section .option select:focus{outline:none;border-color:#4a6baf;box-shadow:0 0 0 3px rgba(74,107,175,.2)}.unix-timestamp-converter main .conversion-container .options-section .option .format-toggle{padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;width:100%;background-color:#3a5795;color:#fff}.unix-timestamp-converter main .conversion-container .options-section .option .format-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.unix-timestamp-converter main .conversion-container .options-section .option .format-toggle:active{transform:translateY(0)}.unix-timestamp-converter main .conversion-container .convert-btn{border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;background-color:#66bb6a;color:#fff;font-size:1.1rem;padding:.8rem;margin:.5rem 0}.unix-timestamp-converter main .conversion-container .convert-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.unix-timestamp-converter main .conversion-container .convert-btn:active{transform:translateY(0)}.unix-timestamp-converter main .conversion-container .result-section{margin-top:1rem;border-top:2px solid #e0e6ed;padding-top:1.5rem}.unix-timestamp-converter main .conversion-container .result-section h2{margin-bottom:1rem;color:#4a6baf;font-size:1.4rem}.unix-timestamp-converter main .conversion-container .result-section .result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:6px;margin-bottom:.75rem;background-color:#f0f4f8}.unix-timestamp-converter main .conversion-container .result-section .result-item.large .result-value span{font-size:1.4rem;font-weight:700}.unix-timestamp-converter main .conversion-container .result-section .result-item .result-label{font-weight:600;color:hsl(200,17.9104477612%,16.2745098039%)}.unix-timestamp-converter main .conversion-container .result-section .result-item .result-value{display:flex;align-items:center;gap:.5rem}.unix-timestamp-converter main .conversion-container .result-section .result-item .result-value span{font-family:Roboto Mono,monospace;word-break:break-all}.unix-timestamp-converter main .conversion-container .result-section .result-item .result-value .copy-btn{background-color:rgba(0,0,0,0);border:none;color:#4a6baf;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;border-radius:4px}.unix-timestamp-converter main .conversion-container .result-section .result-item .result-value .copy-btn:hover{background-color:rgba(74,107,175,.1)}.unix-timestamp-converter main .history-section{margin-top:2rem;border-top:2px solid #e0e6ed;padding-top:1.5rem}.unix-timestamp-converter main .history-section h2{margin-bottom:1rem;color:#4a6baf;font-size:1.4rem}.unix-timestamp-converter main .history-section .history-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.unix-timestamp-converter main .history-section .history-items .history-item{background-color:#f0f4f8;padding:.75rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.unix-timestamp-converter main .history-section .history-items .history-item:hover{background-color:hsl(210,36.3636363636%,92.6862745098%);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.unix-timestamp-converter main .history-section .history-items .history-item .history-timestamp{font-family:Roboto Mono,monospace;font-weight:600;margin-bottom:.25rem}.unix-timestamp-converter main .history-section .history-items .history-item .history-date{font-size:.85rem;color:hsl(200,17.9104477612%,16.2745098039%)}.unix-timestamp-converter footer{margin-top:2rem;text-align:center;color:hsl(200,17.9104477612%,16.2745098039%);font-size:.9rem}@media(max-width:768px){.unix-timestamp-converter main .result-section .result-item{flex-direction:column;align-items:flex-start}.unix-timestamp-converter main .result-section .result-item .result-value{width:100%;margin-top:.5rem;justify-content:space-between}.unix-timestamp-converter main .history-section .history-items{grid-template-columns:1fr}}