.liff {
    font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    padding: 16px;
}

.liff .actions {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.liff .row {
    margin: 8px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

button {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
    cursor: pointer;
    background: #fff;
}

.container {
    padding:16px; flex:1; display:flex; flex-direction:column; gap:14px;
}

/* 天気カード */
.weather {
    display:grid; grid-template-columns: 1fr auto; gap:8px; align-items:center;
}
.weather__left { display:flex; align-items:center; gap:12px; }
.weather__temp { font-size:34px; font-weight:800; }
.weather__meta { color:var(--muted); font-size:14px; text-align:right; }

/* ステータス */
.status {
    display:flex; flex-direction:column; align-items:center; gap:8px;
    padding:18px 8px;
}
.status__label { font-size:22px; font-weight:800; }

/* チャート */
.chart {
    display:grid; grid-template-columns:repeat(8,1fr); gap:6px;
    height:80px; align-items:end;
}
.chart__bar {
    width:100%; border-radius:10px; background:#b7d1ff;
}
.chart__bar.is-strong { background:#7fb0ff; }
.chart__axis {
    display:flex; justify-content:space-between;
    color:var(--muted); font-size:12px; margin-top:6px;
}

/* ボタン配置 */
.actions {
    display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:4px;
}