.time-layout{align-content:start;gap:.55rem;display:grid}#app.time-app{max-width:1180px;padding:1rem 1rem 1.5rem}.time-layout .header{margin:.2rem 0 3.65rem}.time-layout .title{margin-bottom:.2em;font-size:clamp(1.5rem,3.2vw,2rem)}.timestamp-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:2.75rem;box-shadow:var(--shadow);align-items:center;padding:0 .85rem;display:flex;overflow:hidden}.timestamp-inline{align-items:center;gap:.6rem;width:100%;display:flex;overflow:hidden}.timestamp-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.85rem}.timestamp-value{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem;font-weight:700;overflow:hidden}.timestamp-actions{flex-shrink:0;gap:.4rem;margin-left:auto;display:flex}.timestamp-actions .btn{height:1.75rem;padding:0 .65rem;font-size:.85rem}.time-source{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:1.5rem;padding:.75rem .85rem;display:grid}.time-source-mode{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.time-source-label{cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.time-source-grid{grid-template-columns:1fr;gap:.4rem;display:grid}@media (width>=760px){.time-source-grid{grid-template-columns:1fr 1fr}}.time-source-row{gap:.18rem;display:grid}.time-source-row>label{color:var(--muted);font-size:.82rem}.time-input,.time-select{border:1px solid var(--border);background:var(--surface);height:2.1rem;color:var(--text);font:inherit;border-radius:10px;padding:0 .7rem}.time-select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.time-input:focus-visible,.time-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.time-input-group{grid-template-columns:1fr auto;align-items:center;gap:.4rem;display:grid}.time-input-group .time-input{min-width:0}.btn.time-picker-btn{justify-content:center;align-items:center;width:2.1rem;height:2.1rem;padding:0;display:inline-flex}.btn.time-picker-btn:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:1rem;height:1rem}.time-hidden-picker{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.time-source-actions{flex-wrap:wrap;gap:.45rem;display:flex}.time-error{box-sizing:border-box;min-height:2.4rem;color:var(--danger-text);visibility:hidden;opacity:0;margin-top:.1rem;padding:.2rem 0;font-size:.86rem;line-height:1.35;transition:opacity .12s;overflow:hidden}.time-error--visible{visibility:visible;opacity:1}.time-results{gap:.4rem;display:grid}.time-result-row{grid-template-columns:1fr;align-items:center;gap:.45rem;display:grid}@media (width>=900px){.time-result-row{grid-template-columns:minmax(180px,240px) 1fr auto}}.time-result-value{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, #000);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;height:2.1rem;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9rem;display:flex;overflow:hidden}.global-toast{z-index:9999;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:10px;padding:.5rem .75rem;transition:opacity .18s,transform .18s;position:fixed;top:1rem;left:50%;transform:translate(-50%,-8px)}.global-toast--visible{opacity:1;transform:translate(-50%)}