.tc-container{max-width:1100px;margin:0 auto;padding:0 1em}.tc-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2em 1.8em;margin-bottom:2em;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.tc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tc-card.tc-addsub::before{background:linear-gradient(90deg,#0891b2,#22d3ee)}.tc-card.tc-time-only::before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.tc-card.tc-with-date::before{background:linear-gradient(90deg,#ea580c,#fb923c)}.tc-card-header{display:flex;align-items:center;gap:.6em;margin-bottom:1.8em}.tc-card-icon{font-size:1.5em;line-height:1}.tc-card-title{font-size:1.2em;font-weight:700;color:var(--color-heading);margin:0;line-height:1.3}.tc-card-title .sub{font-size:.7em;font-weight:400;color:var(--color-sub);display:block;margin-top:.1em}.tc-form-group{margin-bottom:1.2em}.tc-label{display:block;font-size:.9em;font-weight:600;color:var(--color-text-dark);margin-bottom:.4em}.tc-label small{font-weight:400;color:var(--color-sub)}.flatpickr-input.tc-input,.tc-input{width:100%;padding:.65em 1em;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-size:.95em;color:var(--color-text-dark);background:var(--color-bg-input);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);outline:0;box-sizing:border-box}.flatpickr-input.tc-input:focus,.tc-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.12);background:var(--color-bg-white)}.tc-input:focus-visible{outline:2px solid #0891b2;outline-offset:1px}.tc-input::placeholder{color:var(--color-sub);opacity:.7}.tc-hms-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;align-items:end}.tc-hms-item{display:flex;flex-direction:column}.tc-hms-item .tc-label{font-size:.82em;text-align:center}.tc-hms-item .tc-input{text-align:center;font-weight:600;font-size:1.1em;padding:.5em}.tc-toggle-group{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-input)}.tc-toggle-group input[type=radio]{display:none}.tc-toggle-btn{flex:1;text-align:center;padding:.6em 1em;font-size:.95em;font-weight:600;color:var(--color-sub);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base);margin:0;border-right:1px solid var(--color-border);user-select:none}.tc-toggle-btn:last-of-type{border-right:none}.tc-toggle-btn small{font-weight:400;font-size:.78em;margin-left:.3em;color:inherit;opacity:.7}.tc-toggle-group input[type=radio]:checked+.tc-toggle-btn{background:#0891b2;color:#fff}.tc-btn-row{margin-top:1.2em}.tc-btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.8em;border:none;border-radius:var(--radius-md);font-size:.95em;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),transform .1s;box-shadow:var(--shadow-btn);color:#fff}.tc-btn-cyan{background:#0891b2}.tc-btn-cyan:hover{background:#0e7490;box-shadow:0 4px 12px rgba(8,145,178,.3)}.tc-btn-purple{background:#7c3aed}.tc-btn-purple:hover{background:#6d28d9;box-shadow:0 4px 12px rgba(124,58,237,.3)}.tc-btn-orange{background:#ea580c}.tc-btn-orange:hover{background:#c2410c;box-shadow:0 4px 12px rgba(234,88,12,.3)}.tc-btn:active{transform:scale(.97)}.tc-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:var(--radius-md);padding:.7em 1em;font-size:.88em;margin-top:1em;line-height:1.5}.tc-result{margin-top:1.5em;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tc-result-title{font-size:.95em;font-weight:700;color:var(--color-heading);margin:0;padding:.85em 1.5em;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:.5em}.tc-result-row{display:flex;flex-direction:column;padding:.55em 1.5em;border-bottom:1px solid var(--color-border-light);gap:.15em}.tc-result-row:last-child{border-bottom:none}.tc-result-label{font-size:.82em;color:var(--color-sub);font-weight:500;line-height:1.4}.tc-result-value{font-size:.95em;font-weight:600;color:var(--color-text-dark);line-height:1.5}@media (min-width:768px){.tc-result-h .tc-result-row{flex-direction:row;justify-content:space-between;align-items:baseline;gap:1em}.tc-result-h .tc-result-value{text-align:right}}.tc-result-highlight{font-size:1.05em;color:#0891b2;font-weight:700;line-height:1.5}.tc-result-highlight.tc-purple{color:#7c3aed}.tc-result-highlight.tc-orange{color:#ea580c}.tc-result-divider{border:none;border-top:2px dashed var(--color-border-light);margin:0}.tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;align-items:start}.tc-grid-full{grid-column:1/-1}@media (min-width:769px){.tc-grid .tc-hms-group{grid-template-columns:1fr;gap:.6em}.tc-grid .tc-hms-item{flex-direction:row;align-items:center;gap:.8em}.tc-grid .tc-hms-item .tc-label{min-width:7em;text-align:left}.tc-grid .tc-hms-item .tc-input{flex:1}}@media (max-width:768px){.tc-grid{grid-template-columns:1fr}.tc-card{padding:1.5em 1.2em}.tc-hms-group{grid-template-columns:repeat(3,1fr);gap:.5em}}