.ap-layout{display:grid;grid-template-columns:320px minmax(280px,1fr);gap:20px;align-items:start}.ap-panel{display:flex;flex-direction:column;gap:14px}.ap-panel input[type=number],.ap-panel input[type=datetime-local]{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding-block:10px;padding-inline:12px;font:inherit;font-size:14px}.ap-panel input[type=number]:focus,.ap-panel input[type=datetime-local]:focus{outline:none;border-color:var(--accent)}.ap-seg{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:8px}.ap-seg-btn{flex:1;min-inline-size:64px;padding-block:9px;padding-inline:8px;border-radius:9px;font-size:13px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer}.ap-seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.ap-custom{text-align:center}.ap-result{display:flex;flex-direction:column;gap:14px;min-inline-size:0}.ap-empty{color:var(--muted);text-align:center;padding-block:32px}.ap-hero{text-align:center;padding-block:22px;padding-inline:22px;background:var(--panel);border:1px solid var(--accent);border-radius:16px}.ap-hero-label{font-size:13px;color:var(--muted)}.ap-hero-value{font-size:32px;font-weight:800;color:var(--accent);line-height:1.2}.ap-hero-note{font-size:12px;color:var(--muted);margin-block-start:4px}.ap-hero.ap-past{border-color:#ef4444}.ap-hero.ap-past .ap-hero-value{color:#ef4444}.ap-hero.ap-past .ap-hero-note{color:#ef4444;font-weight:700}.ap-timeline{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding-block:6px;padding-inline:16px}.ap-tl-item{display:flex;align-items:baseline;gap:12px;padding-block:12px}.ap-tl-item+.ap-tl-item{border-block-start:1px solid var(--line)}.ap-tl-time{flex:none;inline-size:72px;font-size:16px;font-weight:800;color:var(--text)}.ap-tl-label{font-size:14px;color:var(--text)}.ap-tl-flight .ap-tl-time,.ap-tl-flight .ap-tl-label{color:var(--accent)}.ap-tl-gap{padding-inline-start:84px;font-size:12px;color:var(--muted);padding-block:4px}@media(max-width:760px){.ap-layout{grid-template-columns:1fr}}